From 23c3bc31f574ee9573c8045edad0233b55a0ffa6 Mon Sep 17 00:00:00 2001
From: wzy <wzy19931122ai@163.com>
Date: Thu, 11 Nov 2021 22:43:13 +0800
Subject: [PATCH] fix
---
zq-erp/src/main/resources/templates/views/admin/activity/activity-sign-logistics-info.html | 119 ++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 84 insertions(+), 35 deletions(-)
diff --git a/zq-erp/src/main/resources/templates/views/admin/activity/activity-sign-logistics-info.html b/zq-erp/src/main/resources/templates/views/admin/activity/activity-sign-logistics-info.html
index f8dd4d3..46fa5e1 100644
--- a/zq-erp/src/main/resources/templates/views/admin/activity/activity-sign-logistics-info.html
+++ b/zq-erp/src/main/resources/templates/views/admin/activity/activity-sign-logistics-info.html
@@ -17,11 +17,11 @@
<style>
.el-aside {
- background-color: #D3DCE6;
+ background-color: #fff;
color: #333;
}
.el-main {
- background-color: #E9EEF3;
+ background-color: #fff;
color: #333;
}
body > .el-container {
@@ -33,7 +33,6 @@
<body>
<div class="ibox-content" id="app" v-cloak>
-
<el-container>
<el-aside width="50%">
<el-row style="padding: 20px">
@@ -50,7 +49,7 @@
<el-row style="display:flex;">
<el-col>
<el-form-item label="奖品图片：" :label-width="formLabelWidth">
- {{formSelect.jptp}}
+ <img :src="formSelect.jptp" style="max-width: 200px;">
</el-form-item>
</el-col>
<el-col>
@@ -100,29 +99,28 @@
</el-form>
</el-col>
</el-row>
-
<el-row style="padding: 20px">
<p class="el-big-title">收货地址</p>
</el-row>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<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-form-item label="收货人：" prop="consignee">
+ <el-input v-model="ruleForm.consignee" :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-form-item label="联系电话：" prop="consigneePhone">
+ <el-input v-model="ruleForm.consigneePhone" :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-form-item label="收货地址：" prop="consigneeAddress">
+ <el-input v-model="ruleForm.consigneeAddress" :disabled="(formSelect.state == 3 ? true:false)"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -138,22 +136,30 @@
</el-col>
</el-row>
<el-row style="padding: 10px">
+ <el-col class="col-sm-10" v-show='false'>
+ <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-input v-model="ruleForm.kdgs"></el-input>
+ <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>
@@ -166,9 +172,18 @@
</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>
@@ -201,32 +216,33 @@
hdbh: '',
djfs: '',
state: '',
- djsj: ''
+ djsj: '',
},
//物流信息
+ logisticsList:[],
ruleForm : {
- shr:'',
- lxdh:'',
- shdz:'',
+ consignee:'',
+ consigneePhone:'',
+ consigneeAddress:'',
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 : [
+ consignee : [
{ required: true, message: '请输入收货人', trigger: 'blur' }
],
- lxdh : [
+ consigneePhone : [
{ required: true, message: '请输入联系电话', trigger: 'blur' }
],
- shdz : [
+ consigneeAddress : [
{ required: true, message: '请输入收货地址', trigger: 'blur' }
],
kdgs : [
- { required: true, message: '请选择快递公司', trigger: 'blur' }
+ { required: true, message: '请选择快递公司', trigger: 'change' }
],
kddh : [
{ required: true, message: '请输入快递单号', trigger: 'blur' }
@@ -235,11 +251,12 @@
},
created: function () {
this.loadInfo();
+ this.getlogisticsList();
},
mounted: function () {
},
methods: {
- //加载分类
+ //加载
loadInfo() {
let _this = this;
//加载配置
@@ -249,39 +266,71 @@
url: basePath + '/admin/activitySignWriteoff/findSignWriteoff',
callback: function (data) {
_this.formSelect = data.mapInfo.signWriteoffVo;
+ _this.ruleForm.consignee = data.mapInfo.signWriteoffVo.consignee;
+ _this.ruleForm.consigneePhone = data.mapInfo.signWriteoffVo.consigneePhone;
+ _this.ruleForm.consigneeAddress = data.mapInfo.signWriteoffVo.consigneeAddress;
+ _this.ruleForm.kdgs = data.mapInfo.signWriteoffVo.logisticsCompany;
+ _this.ruleForm.kddh = data.mapInfo.signWriteoffVo.logisticsNum;
+ _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.consignee,
+ lxdh : _this.ruleForm.consigneePhone,
+ shdz : _this.ruleForm.consigneeAddress,
+ 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,
type: 'success',
});
+ _this.loadInfo();
}
});
},
-
+ //关闭
cancelSubmit() {
this.closeFrame();
},
closeFrame() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
+ parent.location.reload();
},
}
})
--
Gitblit v1.9.1