You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
5.2 KiB
81 lines
5.2 KiB
<div>
|
|
<i-form ref="formValidate" :model="formValidate" :rules="ruleInline" inline>
|
|
<form-item label="选择类型：" class="form-item" label-position="right" :label-width="100">
|
|
<RadioGroup v-model="formValidate.gender">
|
|
<Radio :label="item.key" v-for="(item,index) in radioList" :key="index">{{item.title}}</Radio>
|
|
</RadioGroup>
|
|
</form-item>
|
|
<form-item v-if="formValidate.gender == 1" label="发货类型：" class="form-item" label-position="right"
|
|
:label-width="100" :key="'test0'">
|
|
<RadioGroup v-model="formValidate.shipStatus">
|
|
<Radio :label="item.key" v-for="(item,index) in shipType" :key="index">{{item.title}}</Radio>
|
|
</RadioGroup>
|
|
</form-item>
|
|
<!-- 发货手动填写 -->
|
|
<div v-if="formValidate.gender == 1 && formValidate.shipStatus == 1" :key="'test1'">
|
|
<form-item label="快递公司：" prop="logisticsCode" class="form-item" label-position="right" :label-width="100">
|
|
<i-select v-model="formValidate.logisticsCode" filterable placeholder="请选择" @on-change="bindChange"
|
|
:label-in-value="true" style="width: 100%">
|
|
<Option :value="item.code" v-for="(item,index) in logisticsList" :key="index">{{item.value}}
|
|
</Option>
|
|
</i-select>
|
|
</form-item>
|
|
<form-item label="快递单号：" prop="number" class="form-item" label-position="right" :label-width="100">
|
|
<i-input v-model="formValidate.number" placeholder="请输入快递单号" style="width: 100%"></i-input>
|
|
</form-item>
|
|
<form-item label="" class="form-item" label-position="right" :label-width="100">
|
|
<div style="color: #c4c4c4;">顺丰请输入单号：收件人或寄件人手机号后四位,</div>
|
|
<div style="color: #c4c4c4;">例如：SF000000000000:3941</div>
|
|
</form-item>
|
|
</div>
|
|
<!-- 电子面单打印 -->
|
|
<div v-if="formValidate.gender == 1 && formValidate.shipStatus == 2" :key="'test2'">
|
|
<form-item label="快递公司：" prop="logisticsCode" class="form-item" label-position="right" :label-width="100">
|
|
<i-select v-model="formValidate.logisticsCode" placeholder="请选择" style="width: 100%"
|
|
@on-change="bindChange" filterable :label-in-value="true">
|
|
<Option :value="item.code" v-for="(item,index) in logisticsList" :key="index">{{item.value}}
|
|
</Option>
|
|
</i-select>
|
|
</form-item>
|
|
<form-item label="电子面单：" class="form-item" label-position="right" :label-width="100"
|
|
v-if="orderTempList.length>0">
|
|
<i-select v-model="formValidate.electronic" placeholder="请选择电子面单" style="width: 80%">
|
|
<Option :value="item.temp_id" v-for="(item,index) in orderTempList" :key="index">{{item.title}}
|
|
</Option>
|
|
</i-select>
|
|
<i-button style="flex: 1;margin-left:21px;" @click="lookImg">预览</i-button>
|
|
<viewer :images="orderTempList" class="viewer" ref="viewer" @inited="inited" style="display: none">
|
|
<img v-for="src in orderTempList" :src="src.pic" :key="src.id" class="image">
|
|
</viewer>
|
|
</form-item>
|
|
<form-item label="寄件人姓名：" prop="sendName" class="form-item" label-position="right" :label-width="100">
|
|
<i-input v-model="formValidate.sendName" placeholder="请输入寄件人姓名" style="width: 100%"></i-input>
|
|
</form-item>
|
|
<form-item label="寄件人电话：" prop="sendPhone" class="form-item" label-position="right" :label-width="100">
|
|
<i-input v-model="formValidate.sendPhone" placeholder="请输入寄件人电话" style="width: 100%"></i-input>
|
|
</form-item>
|
|
<form-item label="寄件人地址：" prop="sendAddress" class="form-item" label-position="right" :label-width="100">
|
|
<i-input v-model="formValidate.sendAddress" placeholder="请输入寄件人地址" style="width: 100%"></i-input>
|
|
</form-item>
|
|
</div>
|
|
<!-- 送货 -->
|
|
<div v-if="formValidate.gender == 2" :key="'test3'">
|
|
<form-item label="选择送货人：" class="form-item" label-position="right" :label-width="100">
|
|
<i-select v-model="formValidate.postPeople" placeholder="选择送货人" style="width: 100%">
|
|
<Option :value="item.id" v-for="(item,index) in deliveryList" :key="index">{{item.nickname}}
|
|
</Option>
|
|
</i-select>
|
|
</form-item>
|
|
</div>
|
|
<div v-if="formValidate.gender == 3">
|
|
<form-item label="备注：" props="msg" class="form-item" label-position="right" :label-width="100">
|
|
<i-input placeholder="备注" v-model="formValidate.msg" />
|
|
</form-item>
|
|
</div>
|
|
<div class="mask-footer">
|
|
<i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
|
|
<i-button @click="close">取消</i-button>
|
|
</div>
|
|
</i-form>
|
|
|
|
</div> |