Skip to content

肖康 / cloudSystem

Go to a project
Commit 8024d44b by LJM
Options

js

parent 88668e3c
Inline Side-by-side
Showing with 354 additions and 45 deletions
src/assets/css/list/inquireDetail.less
...@@ -256,21 +256,21 @@ ...@@ -256,21 +256,21 @@
position: relative; position: relative;
.selectdw { .selectdw {
width: 36px; width: 64px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
.el-select { .el-select {
width: 36px; width: 100%;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
input { input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
width: 36px; width: 100%;
height: 27px; height: 25px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
...@@ -307,4 +307,83 @@ ...@@ -307,4 +307,83 @@
} }
} }
}
.batch-layer {
width: 100%;
.batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
.title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
i {
cursor: pointer;
}
}
.content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
.period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
.year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
}
.footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
}
} }
\ No newline at end of file
src/assets/css/list/inquireDetail.min.css
...@@ -214,20 +214,20 @@ ...@@ -214,20 +214,20 @@
position: relative; position: relative;
} }
.xx .updatebox .selectdw { .xx .updatebox .selectdw {
width: 36px; width: 64px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
} }
.xx .updatebox .selectdw .el-select { .xx .updatebox .selectdw .el-select {
width: 36px; width: 100%;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
} }
.xx .updatebox .selectdw .el-select input { .xx .updatebox .selectdw .el-select input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
width: 36px; width: 100%;
height: 27px; height: 25px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
...@@ -252,4 +252,71 @@ ...@@ -252,4 +252,71 @@
.price-more .more-search-btn:hover { .price-more .more-search-btn:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
} }
.batch-layer {
width: 100%;
}
.batch-layer .batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title i {
cursor: pointer;
}
.batch-layer .batch-box .content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
}
.batch-layer .batch-box .content .period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .period-list li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .period-list li:hover,
.batch-layer .batch-box .content .period-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .content .year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .year-list li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .year-list li:hover,
.batch-layer .batch-box .content .year-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
/*# sourceMappingURL=inquireDetail.min.css.map */ /*# sourceMappingURL=inquireDetail.min.css.map */
\ No newline at end of file
src/assets/css/list/inquireDetail.min.css.map
{"version":3,"sources":["inquireDetail.less"],"names":[],"mappings":"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","file":"inquireDetail.min.css"} {"version":3,"sources":["inquireDetail.less"],"names":[],"mappings":"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","file":"inquireDetail.min.css"}
\ No newline at end of file \ No newline at end of file
src/views/List/inquireDetail.vue
...@@ -167,9 +167,7 @@ ...@@ -167,9 +167,7 @@
<el-table :key="1" :data="historyList" border style="width: 100%"> <el-table :key="1" :data="historyList" border style="width: 100%">
<el-table-column fixed label="操作" width="108" align="center"> <el-table-column fixed label="操作" width="108" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <span class="dcg disabled" @click="handle(scope.$index, scope.row)">确认</span> --> <span class="dcg " :class="{'disabled':scope.row.disabled}" @click="handle(scope.$index, scope.row)">确认</span>
<span class="dcg " :class="{'disabled':scope.row.disabled}"
@click="handle(scope.$index, scope.row)">确认</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed prop="goods_name" label="报价型号" width="200"></el-table-column> <el-table-column fixed prop="goods_name" label="报价型号" width="200"></el-table-column>
...@@ -210,7 +208,6 @@ ...@@ -210,7 +208,6 @@
<el-table-column prop="inquiry_brand_name" label="品牌" width="200"></el-table-column> <el-table-column prop="inquiry_brand_name" label="品牌" width="200"></el-table-column>
<el-table-column prop="inquiry_sn" label="询价单号" width="200"></el-table-column> <el-table-column prop="inquiry_sn" label="询价单号" width="200"></el-table-column>
</el-table> </el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total" <el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total"
@current-change="handleCurrentChange" :current-page="page"></el-pagination> @current-change="handleCurrentChange" :current-page="page"></el-pagination>
...@@ -231,12 +228,63 @@ ...@@ -231,12 +228,63 @@
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select v-model="ruleForm.currency" @change="currentChange"> <el-select v-model="ruleForm.currency" @change="currentChange">
<el-option label="RMB" value="1"></el-option> <el-option label="RMB(人民币)" value="1"></el-option>
<el-option label="USD" value="2"></el-option> <el-option label="USD(美元)" value="2"></el-option>
<el-option label="HKD(港币)" value="3"></el-option>
<el-option label="EUR(欧元)" value="4"></el-option>
<el-option label="GBP(英磅)" value="5"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="批次" prop="batch"> <el-form-item label="批次" prop="batch">
<el-input v-model="ruleForm.batch" placeholder="请输入D/C" :value="ruleForm.batch"></el-input> <el-popover placement="bottom" width="800" trigger="click" v-model="visible">
<div class="row batch-layer">
<div class="batch-box verCenter">
<div class="title row bothSide verCenter">
<i class="el-icon-arrow-left" @click="prevChange"></i>
<span>年份</span>
<i class="el-icon-arrow-right" @click="nextChange"></i>
</div>
<div class="content row">
<ul class="row year-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in year" :class="{curr:yearIndex==indexY}" @click="tabChange(indexY,1)">{{ v }}年</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(1,year[yearIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第一周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndex==indexY}" @click="tabChange(indexY,2)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(2,period[periodIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第二周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndexTwo==indexY}" @click="tabChange(indexY,3)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(3,period[periodIndexTwo])">确定</el-button>
</div>
</div>
</div>
<el-input slot="reference" v-model="ruleForm.batch" placeholder="请输入D/C" :value="ruleForm.batch"></el-input>
</el-popover>
</el-form-item> </el-form-item>
<el-form-item label="最小包装数量"> <el-form-item label="最小包装数量">
<el-input v-model="ruleForm.mpq" placeholder="请输入MPQ" :value="ruleForm.mpq"></el-input> <el-input v-model="ruleForm.mpq" placeholder="请输入MPQ" :value="ruleForm.mpq"></el-input>
...@@ -257,10 +305,10 @@ ...@@ -257,10 +305,10 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="货期" prop="delivery_time_val" class="updatebox"> <el-form-item label="货期" prop="delivery_time_val" class="updatebox">
<el-input placeholder="" v-model="ruleForm.delivery_time_val" :value="ruleForm.delivery_time" onkeyup="this.value = this.value.replace(/[^\d]/g,'');" @keyup.native="keyup(ruleForm.delivery_time_val)"></el-input> <el-input placeholder="" v-model="ruleForm.delivery_time_val" :value="ruleForm.delivery_time" @keyup.native="keyup(ruleForm.delivery_time_val)"></el-input>
<div class="selectdw"> <div class="selectdw">
<el-select v-model="ruleForm.delivery_time_unit" placeholder="天" class="placehoload" @change="unitChange"> <el-select v-model="ruleForm.delivery_time_unit" placeholder="天" class="placehoload" @change="unitChange">
<el-option label="天" value="天"></el-option> <el-option label="工作日" value="工作日"></el-option>
<el-option label="周" value="周"></el-option> <el-option label="周" value="周"></el-option>
</el-select> </el-select>
</div> </div>
...@@ -291,10 +339,10 @@ import Vue from 'vue'; ...@@ -291,10 +339,10 @@ import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {dateTimeFormate} from "../../filters/formate.js"; import {dateTimeFormate} from "../../filters/formate.js";
import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn, Tooltip} from 'element-ui' import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tooltip} from 'element-ui'
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Autocomplete).use(Tooltip) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Autocomplete).use(Tooltip).use(Popover)
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination) Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination)
export default { export default {
...@@ -320,6 +368,12 @@ export default { ...@@ -320,6 +368,12 @@ export default {
tableData: [], tableData: [],
historyList: [], historyList: [],
submitState: 0, submitState: 0,
yearIndex: -1,//年份
periodIndex: -1,//第一周期
periodIndexTwo: -1,//第二周期
visible: false,
year: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024'],
period: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54'],
ruleForm: { ruleForm: {
inquiry_id: '', inquiry_id: '',
inquiry_sn: '', inquiry_sn: '',
...@@ -337,7 +391,7 @@ export default { ...@@ -337,7 +391,7 @@ export default {
tax_rate: '13%', tax_rate: '13%',
delivery_time: '', delivery_time: '',
delivery_time_val: '', delivery_time_val: '',
delivery_time_unit: '天', delivery_time_unit: '工作日',
moq: '', moq: '',
expire_time: '', expire_time: '',
remark: '' remark: ''
...@@ -353,7 +407,6 @@ export default { ...@@ -353,7 +407,6 @@ export default {
message: '请选择品牌', message: '请选择品牌',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}], }],
quote_number: [{ quote_number: [{
required: true, required: true,
message: '请输入报价数量', message: '请输入报价数量',
...@@ -367,7 +420,7 @@ export default { ...@@ -367,7 +420,7 @@ export default {
batch: [{ batch: [{
required: true, required: true,
message: '请输入批次', message: '请输入批次',
trigger: 'blur' trigger: 'change'
}], }],
price_origin: [{ price_origin: [{
required: true, required: true,
...@@ -401,6 +454,106 @@ export default { ...@@ -401,6 +454,106 @@ export default {
} }
}, },
methods: { methods: {
//前进年份
prevChange() {
this.yearIndex = -1;
let starYear = this.year[0];
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear - (i + 1))
}
this.year = arr.sort();
},
//后退年份
nextChange() {
this.yearIndex = -1;
let starYear = this.year[this.year.length - 1] * 1;
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear + (i + 1))
}
this.year = arr;
},
tabChange(index, type) {
if (type == 1) {
this.yearIndex = index;
} else if (type == 2) {
this.periodIndex = index;
} else if (type == 3) {
this.periodIndexTwo = index;
}
},
//批次关闭
clear(type, index) {
this.visible = false;
this.ruleForm.batch = '';
},
//批次确定
confirm(type, val, index) {
if (this.yearIndex == -1) {
this.$message({
message: '请选择年份',
type: 'warning'
});
return false;
}
if (type == 1) {
val = val.toString();
val = val.substring(val.length - 2);
this.ruleForm.batch = val + '+';
} else if (type == 2) {
if (!val) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
this.ruleForm.batch = year + val;
} else if (type == 3) {
if (this.periodIndex == -1) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
if (!val) {
this.$message({
message: '请选择第二周期',
type: 'warning'
});
return false;
}
var one = parseInt(this.period[this.periodIndex]);
var two = parseInt(val);
if (two <= one) {
this.$message({
message: '不可小于第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
let period = this.period[this.periodIndex].toString();
period = period.substring(period.length - 2);
val = val.toString();
val = val.substring(val.length - 2);
let prev = year + period;
let next = year + val;
this.ruleForm.batch = prev + '-' + next;
}
this.visible = false;
},
getData() { getData() {
this.$http('get', "/api/inquiry/detail", { this.$http('get', "/api/inquiry/detail", {
inquiry_item_id: this.$route.query.id inquiry_item_id: this.$route.query.id
...@@ -531,7 +684,7 @@ export default { ...@@ -531,7 +684,7 @@ export default {
return dateTimeFormate(date); return dateTimeFormate(date);
}, },
keyup(val) { keyup(val) {
if (this.ruleForm.delivery_time_unit == '天') { if (this.ruleForm.delivery_time_unit == '工作日') {
if (val >= 6) { if (val >= 6) {
this.ruleForm.delivery_time_val = 6; this.ruleForm.delivery_time_val = 6;
} }
...@@ -539,7 +692,6 @@ export default { ...@@ -539,7 +692,6 @@ export default {
} else if (this.ruleForm.delivery_time_unit == '周') { } else if (this.ruleForm.delivery_time_unit == '周') {
this.ruleForm.delivery_time = this.ruleForm.delivery_time_val * 7; this.ruleForm.delivery_time = this.ruleForm.delivery_time_val * 7;
} }
}, },
unitChange(val) { unitChange(val) {
if (val == '周') { if (val == '周') {
...@@ -576,7 +728,10 @@ export default { ...@@ -576,7 +728,10 @@ export default {
pin_obj_id: this.currentDataId pin_obj_id: this.currentDataId
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.$message('操作成功'); this.$message({
message: '操作成功',
type: 'success'
});
this.getData() this.getData()
} else { } else {
this.$message({ this.$message({
...@@ -630,12 +785,18 @@ export default { ...@@ -630,12 +785,18 @@ export default {
modify() { modify() {
var arr = []; var arr = [];
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message("请至少选择一条询价信息"); this.$message({
message: '请至少选择一条询价信息',
type: 'warning'
});
return; return;
} }
if (this.multipleSelection.length > 1) { if (this.multipleSelection.length > 1) {
this.$message("请选择一条询价信息"); this.$message({
message: '请选择一条询价信息',
type: 'warning'
});
return; return;
} }
...@@ -663,20 +824,17 @@ export default { ...@@ -663,20 +824,17 @@ export default {
this.ruleForm.brand = res.data.quote_info.brand_name; this.ruleForm.brand = res.data.quote_info.brand_name;
this.ruleForm.brand_s = res.data.quote_info.brand_name; this.ruleForm.brand_s = res.data.quote_info.brand_name;
this.ruleForm.price_origin = res.data.quote_info.price_origin; this.ruleForm.price_origin = res.data.quote_info.price_origin;
console.log(res.data.quote_info.tax_rate)
this.ruleForm.tax_rate = Number(res.data.quote_info.tax_rate) * 100 + '%'; this.ruleForm.tax_rate = Number(res.data.quote_info.tax_rate) * 100 + '%';
this.ruleForm.delivery_time = res.data.quote_info.delivery_time; this.ruleForm.delivery_time = res.data.quote_info.delivery_time;
this.ruleForm.delivery_time_val = this.ruleForm.delivery_time; this.ruleForm.delivery_time_val = this.ruleForm.delivery_time;
this.ruleForm.delivery_time_unit = '天' this.ruleForm.delivery_time_unit = '天'
this.ruleForm.moq = res.data.quote_info.moq; this.ruleForm.moq = res.data.quote_info.moq;
this.ruleForm.remark = res.data.quote_info.remark; this.ruleForm.remark = res.data.quote_info.remark;
if (res.data.quote_info.expire_time == '0000-00-00 00:00:00') { if (res.data.quote_info.expire_time == '0000-00-00 00:00:00') {
this.ruleForm.expire_time = ''; this.ruleForm.expire_time = '';
} else { } else {
this.ruleForm.expire_time = res.data.quote_info.expire_time; this.ruleForm.expire_time = res.data.quote_info.expire_time;
} }
let brand_ss = [{ let brand_ss = [{
brand_id: '', brand_id: '',
brand_name: '' brand_name: ''
...@@ -684,9 +842,11 @@ export default { ...@@ -684,9 +842,11 @@ export default {
brand_ss[0].brand_id = res.data.quote_info.brand_id; brand_ss[0].brand_id = res.data.quote_info.brand_id;
brand_ss[0].brand_name = res.data.quote_info.brand_name; brand_ss[0].brand_name = res.data.quote_info.brand_name;
this.ruleForm.brand_s = JSON.stringify(brand_ss); this.ruleForm.brand_s = JSON.stringify(brand_ss);
} else { } else {
this.$message(res.msg); this.$message({
message: res.msg,
type: 'warning'
});
} }
}) })
...@@ -700,7 +860,10 @@ export default { ...@@ -700,7 +860,10 @@ export default {
del() { del() {
var arr = []; var arr = [];
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message("请至少选择一条数据"); this.$message({
message: '请至少选择一条数据',
type: 'warning'
});
return; return;
} }
for (var i = 0; i < this.multipleSelection.length; i++) { for (var i = 0; i < this.multipleSelection.length; i++) {
...@@ -714,7 +877,10 @@ export default { ...@@ -714,7 +877,10 @@ export default {
ids: arr.join(",") ids: arr.join(",")
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message("删除成功"); this.$message({
message: '删除成功',
type: 'success'
});
this.getData(); this.getData();
} else { } else {
this.$message(res.msg); this.$message(res.msg);
...@@ -725,9 +891,11 @@ export default { ...@@ -725,9 +891,11 @@ export default {
}) })
}, },
handle(index, row) { handle(index, row) {
console.log(row)
if (row.disabled) { if (row.disabled) {
this.$message('已绑定,不能重复操作') this.$message({
message: '已绑定,不能重复操作',
type: 'warning'
});
return return
} }
...@@ -743,17 +911,13 @@ export default { ...@@ -743,17 +911,13 @@ export default {
this.isModify = true; this.isModify = true;
if (this.active != 1) { if (this.active != 1) {
//匹配库存 不请求接口 //匹配库存 不请求接口
this.$http('get', "/api/quote/gettransinfoforsku", { this.$http('get', "/api/quote/gettransinfoforsku", {
goods_id: row.goods_id, goods_id: row.goods_id,
inquiry_items_id: this.$route.query.id inquiry_items_id: this.$route.query.id
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
var datap_ = res.data.trans_to_quote_info; var datap_ = res.data.trans_to_quote_info;
datap_.price_origin = this.float(datap_.price_origin) datap_.price_origin = this.float(datap_.price_origin)
this.ruleForm.goods_name = datap_.goods_name; this.ruleForm.goods_name = datap_.goods_name;
this.ruleForm.batch = datap_.batch; this.ruleForm.batch = datap_.batch;
this.ruleForm.price_origin = datap_.price_origin; this.ruleForm.price_origin = datap_.price_origin;
...@@ -766,8 +930,6 @@ export default { ...@@ -766,8 +930,6 @@ export default {
this.ruleForm.moq = datap_.moq; this.ruleForm.moq = datap_.moq;
this.ruleForm.mpq = datap_.mpq; this.ruleForm.mpq = datap_.mpq;
this.ruleForm.quote_number = datap_.quote_number; this.ruleForm.quote_number = datap_.quote_number;
} else { } else {
this.$message(res.msg); this.$message(res.msg);
} }
...@@ -797,7 +959,6 @@ export default { ...@@ -797,7 +959,6 @@ export default {
this.ruleForm.moq = res.data.quote_info.moq; this.ruleForm.moq = res.data.quote_info.moq;
this.ruleForm.remark = res.data.quote_info.remark; this.ruleForm.remark = res.data.quote_info.remark;
if (res.data.quote_info.expire_time == '0000-00-00 00:00:00') { if (res.data.quote_info.expire_time == '0000-00-00 00:00:00') {
this.ruleForm.expire_time = ''; this.ruleForm.expire_time = '';
} else { } else {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment