|
|
|
@ -45,7 +45,9 @@
|
|
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="10" :xl="10">
|
|
|
|
|
<a-form-model-item has-feedback prop="shipper" class="sender-label">
|
|
|
|
|
<div class="sender">
|
|
|
|
|
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>发货人</div></div>
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name"><span class="iconfont icon-bianji"></span>发货人</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
@ -67,7 +69,9 @@
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item has-feedback prop="consignee" class="sender-label">
|
|
|
|
|
<div class="consignee">
|
|
|
|
|
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>收货人</div></div>
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name"><span class="iconfont icon-bianji"></span>收货人</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
@ -89,7 +93,9 @@
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item has-feedback prop="notifyParty" class="sender-label">
|
|
|
|
|
<div class="notifier">
|
|
|
|
|
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>通知人</div></div>
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name"><span class="iconfont icon-bianji"></span>通知人</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
@ -297,7 +303,9 @@
|
|
|
|
|
prop="kGs"
|
|
|
|
|
>
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskDetail.kGs" /><span class="unit">KGS</span>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskDetail.kGs" /><span class="unit"
|
|
|
|
|
>KGS</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
@ -311,7 +319,9 @@
|
|
|
|
|
prop="cbm"
|
|
|
|
|
>
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskDetail.cbm" /><span class="unit">CBM</span>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskDetail.cbm" /><span class="unit"
|
|
|
|
|
>CBM</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
@ -320,9 +330,15 @@
|
|
|
|
|
prop="siRemark"
|
|
|
|
|
label="截单备注"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol">
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
>
|
|
|
|
|
<!-- <div class="tit"><span class="iconfont icon-bianji"></span>截单备注</div> -->
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskDetail.siRemark" style="margin-top:6px;height:80px;"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskDetail.siRemark"
|
|
|
|
|
style="margin-top:6px;height:80px;"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
@ -345,9 +361,20 @@
|
|
|
|
|
<div class="tit">
|
|
|
|
|
<div>唛头</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item has-feedback prop="marks" class="textarea-label" label="" style="margin-bottom:0;">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="marks"
|
|
|
|
|
class="textarea-label"
|
|
|
|
|
label=""
|
|
|
|
|
style="margin-bottom:0;"
|
|
|
|
|
>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskDetail.marks" @change="valueChange('marks')"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskDetail.marks"
|
|
|
|
|
@change="valueChange('marks')"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
@ -364,9 +391,20 @@
|
|
|
|
|
<div>货物描述</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item has-feedback prop="description" class="textarea-label" label="" style="margin-bottom:0;">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="description"
|
|
|
|
|
class="textarea-label"
|
|
|
|
|
label=""
|
|
|
|
|
style="margin-bottom:0;"
|
|
|
|
|
>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskDetail.description" @change="valueChange('description')"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskDetail.description"
|
|
|
|
|
@change="valueChange('description')"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
@ -543,8 +581,17 @@
|
|
|
|
|
<a-form-model-item has-feedback prop="shipper" class="sender-label">
|
|
|
|
|
<div class="sender">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('SHIPPER') && openCompareOrder}"><span class="iconfont icon-bianji"></span>发货人</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('shipper')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('SHIPPER') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<span class="iconfont icon-bianji"></span>发货人
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('shipper')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
@ -568,8 +615,17 @@
|
|
|
|
|
<a-form-model-item has-feedback prop="consignee" class="sender-label">
|
|
|
|
|
<div class="consignee">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('CONSIGNE') && openCompareOrder}"><span class="iconfont icon-bianji"></span>收货人</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('consigne')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('CONSIGNE') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<span class="iconfont icon-bianji"></span>收货人
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('consigne')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
@ -593,8 +649,17 @@
|
|
|
|
|
<a-form-model-item has-feedback prop="notifyParty" class="sender-label">
|
|
|
|
|
<div class="notifier">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('NOTIFYPARTY') && openCompareOrder}"><span class="iconfont icon-bianji"></span>通知人</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('notifyParty')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('NOTIFYPARTY') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<span class="iconfont icon-bianji"></span>通知人
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('notifyParty')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea
|
|
|
|
@ -627,8 +692,17 @@
|
|
|
|
|
prop="portLoadId"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('PORTLOADID') && openCompareOrder}">装货港代码</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portLoadId')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('PORTLOADID') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
装货港代码
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portLoadId')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.portLoadId"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -653,8 +727,17 @@
|
|
|
|
|
prop="portLoad"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('PORTLOAD') && openCompareOrder}">装货港</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portLoad')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('PORTLOAD') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
装货港
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portLoad')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.portLoad" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -668,8 +751,17 @@
|
|
|
|
|
prop="transportId"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('TRANSPORTID') && openCompareOrder}">中转港代码</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('transportId')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('TRANSPORTID') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
中转港代码
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('transportId')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.transportId"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -694,8 +786,17 @@
|
|
|
|
|
prop="transport"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('TRANSPORT') && openCompareOrder}">中转港</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('transport')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('TRANSPORT') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
中转港
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('transport')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.transport" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -709,8 +810,18 @@
|
|
|
|
|
prop="portDischargeId"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('PORTDISCHARGEID') && openCompareOrder}">卸货港代码</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portDischargeId')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order':
|
|
|
|
|
siCompareOrderKeyList.includes('PORTDISCHARGEID') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
卸货港代码
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portDischargeId')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.portDischargeId"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -735,8 +846,17 @@
|
|
|
|
|
prop="portDischarge"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('PORTDISCHARGE') && openCompareOrder}">卸货港</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portDischarge')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('PORTDISCHARGE') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
卸货港
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('portDischarge')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.portDischarge" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -750,8 +870,17 @@
|
|
|
|
|
prop="destinationId"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('DESTINATIONID') && openCompareOrder}">目的代码</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('destinationId')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('DESTINATIONID') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
目的代码
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('destinationId')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.destinationId"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -776,8 +905,17 @@
|
|
|
|
|
prop="destination"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('DESTINATION') && openCompareOrder}">目的地</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('destination')"><i class="iconfont icon-zhuanhuan" ></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('DESTINATION') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
目的地
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('destination')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.destination" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -791,8 +929,17 @@
|
|
|
|
|
prop="pkGs"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('PKGS') && openCompareOrder}">件数</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('pkGs')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('PKGS') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
件数
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('pkGs')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.pkGs" type="number" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -806,8 +953,17 @@
|
|
|
|
|
prop="kindPKGs"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('KINDPKGS') && openCompareOrder}">包装</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('kindPKGs')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('KINDPKGS') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
包装
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('kindPKGs')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.kindPKGs"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -832,11 +988,22 @@
|
|
|
|
|
prop="kGs"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('KGS') && openCompareOrder}">毛重</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('kGs')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('KGS') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
毛重
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('kGs')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.kGs" /><span class="unit">KGS</span>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.kGs" /><span class="unit"
|
|
|
|
|
>KGS</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
@ -849,25 +1016,47 @@
|
|
|
|
|
prop="cbm"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('CBM') && openCompareOrder}">尺寸</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('cbm')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('CBM') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
尺寸
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('cbm')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.cbm" /><span class="unit">CBM</span>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.cbm" /><span class="unit"
|
|
|
|
|
>CBM</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
prop="siRemark"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol">
|
|
|
|
|
<a-form-model-item prop="siRemark" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('SIREMARK') && openCompareOrder}">截单备注</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('siRemark')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('SIREMARK') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
截单备注
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('siRemark')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="tit"><span class="iconfont icon-bianji"></span>截单备注</div> -->
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskSiDetail.siRemark" style="margin-top:6px;height:80px;"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskSiDetail.siRemark"
|
|
|
|
|
style="margin-top:6px;height:80px;"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
@ -888,25 +1077,63 @@
|
|
|
|
|
<a-row :gutter="20">
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<div class="tit label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('MARKS') && openCompareOrder}">唛头</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('marks')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{ 'compare-order': siCompareOrderKeyList.includes('MARKS') && openCompareOrder }"
|
|
|
|
|
>
|
|
|
|
|
唛头
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item has-feedback prop="marks" class="textarea-label" label="" style="margin-bottom:0;">
|
|
|
|
|
<div class="right-btn" @click="reloadFun('marks')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="marks"
|
|
|
|
|
class="textarea-label"
|
|
|
|
|
label=""
|
|
|
|
|
style="margin-bottom:0;"
|
|
|
|
|
>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskSiDetail.marks" @change="valueChange('marks')"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskSiDetail.marks"
|
|
|
|
|
@change="valueChange('marks')"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="16">
|
|
|
|
|
<div class="line">
|
|
|
|
|
<div class="left label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('DESCRIPTION') && openCompareOrder}">货物描述</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('description')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('DESCRIPTION') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
货物描述
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('description')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item has-feedback prop="description" class="textarea-label" label="" style="margin-bottom:0;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="description"
|
|
|
|
|
class="textarea-label"
|
|
|
|
|
label=""
|
|
|
|
|
style="margin-bottom:0;"
|
|
|
|
|
>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<a-textarea disabled class="input-box" v-model="taskSiDetail.description" @change="valueChange('description')"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
disabled
|
|
|
|
|
class="input-box"
|
|
|
|
|
v-model="taskSiDetail.description"
|
|
|
|
|
@change="valueChange('description')"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
@ -939,8 +1166,17 @@
|
|
|
|
|
prop="issueType"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('ISSUETYPE') && openCompareOrder}">签单方式</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('issueType')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('ISSUETYPE') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
签单方式
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('issueType')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.issueType"></a-input>
|
|
|
|
|
<!-- <a-select
|
|
|
|
@ -966,8 +1202,15 @@
|
|
|
|
|
prop="blfrt"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('BLFRT') && openCompareOrder}">付费方式</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('blfrt')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{ 'compare-order': siCompareOrderKeyList.includes('BLFRT') && openCompareOrder }"
|
|
|
|
|
>
|
|
|
|
|
付费方式
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('blfrt')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.blfrt"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -991,8 +1234,17 @@
|
|
|
|
|
prop="thirdPayAddr"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('thirdPayAddr') && openCompareOrder}">第三付款地</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('thirdPayAddr')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('thirdPayAddr') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
第三付款地
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('thirdPayAddr')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled :allowClear="true" v-model="taskSiDetail.thirdPayAddr" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -1006,8 +1258,15 @@
|
|
|
|
|
prop="service"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('SERVICE') && openCompareOrder}">运输条款</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('service')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{ 'compare-order': siCompareOrderKeyList.includes('SERVICE') && openCompareOrder }"
|
|
|
|
|
>
|
|
|
|
|
运输条款
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('service')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.service"></a-input>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -1031,8 +1290,17 @@
|
|
|
|
|
prop="closeDocDate"
|
|
|
|
|
>
|
|
|
|
|
<div slot="label" class="label-tit">
|
|
|
|
|
<div class="name" :class="{'compare-order': siCompareOrderKeyList.includes('CLOSEDOCDATE') && openCompareOrder}">截单时间</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('closeDocDate')"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="name"
|
|
|
|
|
:class="{
|
|
|
|
|
'compare-order': siCompareOrderKeyList.includes('CLOSEDOCDATE') && openCompareOrder
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
截单时间
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-btn" @click="reloadFun('closeDocDate')">
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-input disabled v-model="taskSiDetail.closeDocDate"></a-input>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
@ -1051,12 +1319,24 @@
|
|
|
|
|
</a-collapse-panel>
|
|
|
|
|
</a-collapse>
|
|
|
|
|
<div class="base-tit-box">
|
|
|
|
|
<div class="base-tit" :class="{'compare-order': siCompareOrderKeyList.includes('CONTALIST') && openCompareOrder}"><i class="iconfont icon-electronic-signature"></i>箱信息</div>
|
|
|
|
|
<div
|
|
|
|
|
class="base-tit"
|
|
|
|
|
:class="{ 'compare-order': siCompareOrderKeyList.includes('CONTALIST') && openCompareOrder }"
|
|
|
|
|
>
|
|
|
|
|
<i class="iconfont icon-electronic-signature"></i>箱信息
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-table">
|
|
|
|
|
<a-table :columns="boxSiColumns" :data-source="taskSiDetail.contaList">
|
|
|
|
|
<span slot="seq" slot-scope="seq">{{ Number(seq) + 1 }}</span>
|
|
|
|
|
<div class="right-btn" slot="operate" slot-scope="text, record" @click="reloadboxFun('contaList', record.seq)"><i class="iconfont icon-zhuanhuan"></i>更新</div>
|
|
|
|
|
<div
|
|
|
|
|
class="right-btn"
|
|
|
|
|
slot="operate"
|
|
|
|
|
slot-scope="text, record"
|
|
|
|
|
@click="reloadboxFun('contaList', record.seq)"
|
|
|
|
|
>
|
|
|
|
|
<i class="iconfont icon-zhuanhuan"></i>更新
|
|
|
|
|
</div>
|
|
|
|
|
</a-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -1074,7 +1354,7 @@
|
|
|
|
|
>
|
|
|
|
|
<a-form class="si-model">
|
|
|
|
|
<a-row :gutter="16">
|
|
|
|
|
<a-col :span="24" class="book-model-box">
|
|
|
|
|
<!-- <a-col :span="24" class="book-model-box">
|
|
|
|
|
<a-checkbox class="book-check" @change="bookingCheckChange" />
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="使用货代代码"
|
|
|
|
@ -1094,7 +1374,7 @@
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="bookingModelFrom.forwarderName" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-col> -->
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="文件功能"
|
|
|
|
@ -1446,7 +1726,8 @@ export default {
|
|
|
|
|
getBookingOrderInfo() {
|
|
|
|
|
GetBookingOrderInfo({
|
|
|
|
|
taskPKId: this.taskPKId
|
|
|
|
|
}).then(res => {
|
|
|
|
|
})
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
res.data.contaList.map((item, index) => {
|
|
|
|
|
item.seq = index
|
|
|
|
@ -1455,14 +1736,16 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getSIFeedBackInfo() {
|
|
|
|
|
GetSIFeedBackInfo({
|
|
|
|
|
taskPKId: this.taskPKId
|
|
|
|
|
}).then(res => {
|
|
|
|
|
})
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
const _data = { ...res.data.bookingOrder, ...res.data.busiInfo }
|
|
|
|
|
_data.contaList.map((item, index) => {
|
|
|
|
@ -1474,7 +1757,8 @@ export default {
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -1605,13 +1889,12 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
ToCDB(str) {
|
|
|
|
|
var tmp = '';
|
|
|
|
|
var tmp = ''
|
|
|
|
|
for (var i = 0; i < str.length; i++) {
|
|
|
|
|
if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
|
|
|
|
|
tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
tmp += String.fromCharCode(str.charCodeAt(i));
|
|
|
|
|
tmp += String.fromCharCode(str.charCodeAt(i) - 65248)
|
|
|
|
|
} else {
|
|
|
|
|
tmp += String.fromCharCode(str.charCodeAt(i))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return tmp
|
|
|
|
@ -1755,7 +2038,31 @@ export default {
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
},
|
|
|
|
|
reloadSiAll() {
|
|
|
|
|
const arr = ['shipper', 'consigne', 'notifyParty', 'portLoadId', 'portLoad', 'transportId', 'transport', 'portDischargeId', 'portDischarge', 'destinationId', 'destination', 'pkGs', 'kindPKGs', 'kGs', 'cbm', 'siRemark', 'marks', 'description', 'issueType', 'blfrt', 'thirdPayAddr', 'service', 'closeDocDate']
|
|
|
|
|
const arr = [
|
|
|
|
|
'shipper',
|
|
|
|
|
'consigne',
|
|
|
|
|
'notifyParty',
|
|
|
|
|
'portLoadId',
|
|
|
|
|
'portLoad',
|
|
|
|
|
'transportId',
|
|
|
|
|
'transport',
|
|
|
|
|
'portDischargeId',
|
|
|
|
|
'portDischarge',
|
|
|
|
|
'destinationId',
|
|
|
|
|
'destination',
|
|
|
|
|
'pkGs',
|
|
|
|
|
'kindPKGs',
|
|
|
|
|
'kGs',
|
|
|
|
|
'cbm',
|
|
|
|
|
'siRemark',
|
|
|
|
|
'marks',
|
|
|
|
|
'description',
|
|
|
|
|
'issueType',
|
|
|
|
|
'blfrt',
|
|
|
|
|
'thirdPayAddr',
|
|
|
|
|
'service',
|
|
|
|
|
'closeDocDate'
|
|
|
|
|
]
|
|
|
|
|
arr.map((item, index) => {
|
|
|
|
|
this.reloadFun(item)
|
|
|
|
|
})
|
|
|
|
@ -1772,14 +2079,16 @@ export default {
|
|
|
|
|
// 完成任务
|
|
|
|
|
completeTaskFun() {
|
|
|
|
|
CompleteTask({
|
|
|
|
|
PKIds: [this.taskPKId],
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
PKIds: [this.taskPKId]
|
|
|
|
|
})
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('已完成任务')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -1787,13 +2096,15 @@ export default {
|
|
|
|
|
cancelTaskFun() {
|
|
|
|
|
CancelTask({
|
|
|
|
|
PKIds: [this.taskPKId]
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
})
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('取消任务成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -1914,13 +2225,15 @@ export default {
|
|
|
|
|
saveFun() {
|
|
|
|
|
debugger
|
|
|
|
|
// 接口报错 , id不传
|
|
|
|
|
SaveBookingSI(this.taskDetail).then((res) => {
|
|
|
|
|
SaveBookingSI(this.taskDetail)
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('保存成功')
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
})
|
|
|
|
|
.catch(err => {
|
|
|
|
|
console.log(err)
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
@ -1928,7 +2241,7 @@ export default {
|
|
|
|
|
compareOrder() {
|
|
|
|
|
this.openCompareOrder = !this.openCompareOrder
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
@ -2109,7 +2422,8 @@ export default {
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.base-tit ,.base-tit-box{
|
|
|
|
|
.base-tit,
|
|
|
|
|
.base-tit-box {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #666;
|
|
|
|
@ -2297,7 +2611,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.right-box {
|
|
|
|
|
.task-title i.iconfont {
|
|
|
|
|
color: #CC3333;
|
|
|
|
|
color: #cc3333;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -2349,11 +2663,12 @@ export default {
|
|
|
|
|
&::before {
|
|
|
|
|
position: absolute;
|
|
|
|
|
content: '!';
|
|
|
|
|
background: #FF6633;
|
|
|
|
|
background: #ff6633;
|
|
|
|
|
width: 18px;
|
|
|
|
|
height: 18px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
top: 9px;left: 0;
|
|
|
|
|
top: 9px;
|
|
|
|
|
left: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
text-align: center;
|
|
|
|
|