|  |  |  | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .el-aside { | 
|---|
|  |  |  | background-color: #D3DCE6; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .el-main { | 
|---|
|  |  |  | background-color: #E9EEF3; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | body > .el-container { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <div class="ibox-content" id="app" v-cloak> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-aside width="50%"> | 
|---|
|  |  |  | <el-row style="padding: 20px"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row style="padding: 20px"> | 
|---|
|  |  |  | <p class="el-big-title">收货地址</p> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="收货人:" prop="shr"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.shr"></el-input> | 
|---|
|  |  |  | <el-input v-model="ruleForm.shr" :disabled="(formSelect.state == 3 ? true:false)"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="联系电话:" prop="lxdh"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.lxdh"></el-input> | 
|---|
|  |  |  | <el-input v-model="ruleForm.lxdh" :disabled="(formSelect.state == 3 ? true:false)"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="收货地址:" prop="shdz"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.shdz"></el-input> | 
|---|
|  |  |  | <el-input v-model="ruleForm.shdz" :disabled="(formSelect.state == 3 ? true:false)"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="快递公司:" prop="kdgs"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.kdgs"></el-input> | 
|---|
|  |  |  | <el-form-item label="快递公司编码:"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.kdgs" :disabled="(formSelect.state == 3 ? true:false)"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="快递公司" prop="kdgs"> | 
|---|
|  |  |  | <el-select v-model="ruleForm.kdgs" :disabled="(formSelect.state == 3 ? true:false)"  placeholder="请选择" filterable> | 
|---|
|  |  |  | <el-option v-for="item in logisticsList " :key="item.code" :label="item.name" :value="item.code"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-10" > | 
|---|
|  |  |  | <el-form-item label="快递单号:" prop="kddh"> | 
|---|
|  |  |  | <el-input v-model="ruleForm.kddh"></el-input> | 
|---|
|  |  |  | <el-input :disabled="(formSelect.state == 3 ? true:false)" v-model="ruleForm.kddh"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-col class="col-sm-12 text-center"> | 
|---|
|  |  |  | <el-button type="primary" v-if="formSelect.state == 1"  @click="dataSubmit('ruleForm')">发货</el-button> | 
|---|
|  |  |  | <el-button type="primary" v-if="formSelect.djfs == 2 && formSelect.state != 3"  @click="dataSubmit('ruleForm')">发货</el-button> | 
|---|
|  |  |  | <el-button type="danger" @click="cancelSubmit">关闭</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row style="padding: 10px"> | 
|---|
|  |  |  | <el-steps :active="active" simple> | 
|---|
|  |  |  | <el-step :title="item.title" :icon="item.icon" v-for="item in stepData" :key ="item.index"></el-step> | 
|---|
|  |  |  | </el-steps> | 
|---|
|  |  |  | <div class="block"> | 
|---|
|  |  |  | <el-timeline :reverse="reverse"> | 
|---|
|  |  |  | <el-timeline-item | 
|---|
|  |  |  | v-for="(activity, index) in activities" | 
|---|
|  |  |  | :key="index" | 
|---|
|  |  |  | :timestamp="activity.timestamp" placement="top"> | 
|---|
|  |  |  | <el-card> | 
|---|
|  |  |  | <p>{{activity.content}}</p> | 
|---|
|  |  |  | </el-card> | 
|---|
|  |  |  | </el-timeline-item> | 
|---|
|  |  |  | </el-timeline> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </el-main> | 
|---|
|  |  |  | 
|---|
|  |  |  | hdbh: '', | 
|---|
|  |  |  | djfs: '', | 
|---|
|  |  |  | state: '', | 
|---|
|  |  |  | djsj: '' | 
|---|
|  |  |  | djsj: '', | 
|---|
|  |  |  | consignee: '', | 
|---|
|  |  |  | consigneePhone: '', | 
|---|
|  |  |  | consigneeAddress: '', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | //物流信息 | 
|---|
|  |  |  | logisticsList:[], | 
|---|
|  |  |  | ruleForm : { | 
|---|
|  |  |  | shr:'', | 
|---|
|  |  |  | lxdh:'', | 
|---|
|  |  |  | 
|---|
|  |  |  | kdgs:'', | 
|---|
|  |  |  | kddh:'', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | active: 0, // 控制步骤条及填写条目的显示 | 
|---|
|  |  |  | stepData: [{index: 0, title: '步骤1', icon: 'el-icon-edit'}, | 
|---|
|  |  |  | {index: 1, title: '步骤2', icon: 'el-icon-edit'}, | 
|---|
|  |  |  | {index: 2, title: '步骤3', icon: 'el-icon-edit'}], | 
|---|
|  |  |  | //物流跟踪 | 
|---|
|  |  |  | reverse: true, | 
|---|
|  |  |  | activities: [], | 
|---|
|  |  |  |  | 
|---|
|  |  |  | rules : { | 
|---|
|  |  |  | shr : [ | 
|---|
|  |  |  | { required: true, message: '请输入收货人', trigger: 'blur' } | 
|---|
|  |  |  | 
|---|
|  |  |  | { required: true, message: '请输入收货地址', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | kdgs : [ | 
|---|
|  |  |  | { required: true, message: '请选择快递公司', trigger: 'blur' } | 
|---|
|  |  |  | { required: true, message: '请选择快递公司', trigger: 'change' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | kddh : [ | 
|---|
|  |  |  | { required: true, message: '请输入快递单号', trigger: 'blur' } | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created: function () { | 
|---|
|  |  |  | this.loadInfo(); | 
|---|
|  |  |  | this.getlogisticsList(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted: function () { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | url: basePath + '/admin/activitySignWriteoff/findSignWriteoff', | 
|---|
|  |  |  | callback: function (data) { | 
|---|
|  |  |  | _this.formSelect = data.mapInfo.signWriteoffVo; | 
|---|
|  |  |  | _this.activities = data.mapInfo.signWriteoffVo.activities; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | //核销 | 
|---|
|  |  |  | // 下拉框数据源---快递公司 | 
|---|
|  |  |  | getlogisticsList() { | 
|---|
|  |  |  | let _this = this; | 
|---|
|  |  |  | AjaxProxy.requst({ | 
|---|
|  |  |  | app: _this, | 
|---|
|  |  |  | contentType: 'application/x-www-form-urlencoded', | 
|---|
|  |  |  | data:{ | 
|---|
|  |  |  | type: '快递公司' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | url: basePath + '/admin/dataDictionary/showDataDictionary', | 
|---|
|  |  |  | callback: function (data) { | 
|---|
|  |  |  | _this.logisticsList = data.rows; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | //发货 | 
|---|
|  |  |  | dataSubmit : function(formName) { | 
|---|
|  |  |  | const _this = this; | 
|---|
|  |  |  | let flag = false; | 
|---|
|  |  |  | _this.$refs[formName].validate((valid) => { | 
|---|
|  |  |  | if (!valid) { | 
|---|
|  |  |  | flag = true; | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | if (flag) { | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | let resultData = { | 
|---|
|  |  |  | writeoffId : writeoffId, | 
|---|
|  |  |  | writeOffCode : _this.ruleForm.writeOffCode, | 
|---|
|  |  |  | shr : _this.ruleForm.shr, | 
|---|
|  |  |  | lxdh : _this.ruleForm.lxdh, | 
|---|
|  |  |  | shdz : _this.ruleForm.shdz, | 
|---|
|  |  |  | kdgs : _this.ruleForm.kdgs, | 
|---|
|  |  |  | kddh : _this.ruleForm.kddh, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | AjaxProxy.requst({ | 
|---|
|  |  |  | app: _this, | 
|---|
|  |  |  | data: resultData, | 
|---|
|  |  |  | url: basePath + '/admin/activitySignWriteoff/writeoffCodeSubmit', | 
|---|
|  |  |  | url: basePath + '/admin/activitySignWriteoff/logisticsSubmit', | 
|---|
|  |  |  | callback: function (data) { | 
|---|
|  |  |  | _this.$message({ | 
|---|
|  |  |  | message: data.info, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //关闭 | 
|---|
|  |  |  | cancelSubmit() { | 
|---|
|  |  |  | this.closeFrame(); | 
|---|
|  |  |  | }, | 
|---|