md
This commit is contained in:
linfso
parent
21ba9cde42
commit
4c4d70abf9
@ -0,0 +1,327 @@
|
||||
<template>
|
||||
<div >
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="线路" prop="lineCode">
|
||||
<TransLinePicker v-model="form.lineCode" isInitiated="true" ></TransLinePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品类型" prop="productType">
|
||||
<TransProductMultiplePicker placeholder="产品类型" v-model="form.productType" :transLineCode="form.lineCode"></TransProductMultiplePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="供应商" prop="supplierCode">
|
||||
<EmisSupplierMultiplePicker :placeholder="$t('请选择')" v-model="form.supplierCode" ></EmisSupplierMultiplePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="起始网点" prop="startSiteCode">
|
||||
<EmisSiteSimplePicker1 v-model="form.startSiteCode" ></EmisSiteSimplePicker1>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="下一网点" prop="nextSiteCode">
|
||||
<EmisSiteSimplePicker2 v-model="form.nextSiteCode" ></EmisSiteSimplePicker2>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="生效时间" prop="startDate">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
clearable
|
||||
v-model="form.startDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择生效时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="失效时间" prop="endDate">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
clearable
|
||||
v-model="form.endDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择失效时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="负责人" prop="manager" >
|
||||
<EmpNamePicker :placeholder="$t('节点负责人')" v-model="form.manager" ></EmpNamePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input type="textarea" rows="2" v-model="form.remark" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div style="text-align: center;margin-bottom: 10px;">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {
|
||||
batchEdit
|
||||
} from "@/api/emis/emisTransPlanRule";
|
||||
|
||||
|
||||
import emisTransPlanRuleForm from '@/views/emis/emisTransPlanRule/emisTransPlanRuleForm';
|
||||
|
||||
|
||||
import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue';
|
||||
import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue';
|
||||
import TransProductMultiplePicker from '@/views/emis/EmisBaseTools/TransProductMultiplePicker.vue';
|
||||
|
||||
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSiteSimplePicker2 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSupplierMultiplePicker from '@/views/emis/EmisBaseTools/EmisSupplierMultiplePicker';
|
||||
|
||||
import EmpNamePicker from '@/views/emis/EmisBaseTools/EmpNamePicker.vue';
|
||||
|
||||
|
||||
import { parseTime, dateToStr } from "@/utils/custom";
|
||||
import { formatSearchStr } from '@/utils/index'
|
||||
import moment from 'moment'
|
||||
|
||||
export default {
|
||||
name: "BatchTransPlanRuleUpdateForm",
|
||||
props:{
|
||||
ids:{
|
||||
type:[Number,Array]
|
||||
},
|
||||
},
|
||||
components: {
|
||||
emisTransPlanRuleForm,
|
||||
EmisSupplierMultiplePicker,
|
||||
EmisSiteSimplePicker1,
|
||||
EmisSiteSimplePicker2,
|
||||
TransLinePicker,
|
||||
TransProductPicker,
|
||||
TransProductMultiplePicker,
|
||||
EmpNamePicker
|
||||
},
|
||||
dicts: [],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
form: {},
|
||||
isDataChangeCount:0,
|
||||
rules: {
|
||||
// supplierCode: [
|
||||
// { required: true, message: "供应商不能为空", trigger: ["blur","change"] },
|
||||
// ],
|
||||
// startSiteCode: [
|
||||
// { required: true, message: "起始网点不能为空", trigger: ["blur","change"] },
|
||||
// ],
|
||||
// nextSiteCode: [
|
||||
// { required: true, message: "下一网点不能为空", trigger: ["blur","change"] },
|
||||
// ],
|
||||
},
|
||||
|
||||
openBatch: false,
|
||||
titleBatch: "",
|
||||
formBatchBillList:"",
|
||||
|
||||
|
||||
wayBillotal:0,
|
||||
|
||||
currentId:null,
|
||||
openForm: false,
|
||||
titleForm: "",
|
||||
|
||||
titleWayBill:null,
|
||||
openWayBillForm:false,
|
||||
|
||||
|
||||
|
||||
// 弹出展示层
|
||||
id:null,
|
||||
titleView:"",
|
||||
openView: false,
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
form: {
|
||||
handler (n, o) {
|
||||
this.isDataChangeCount++
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
|
||||
},
|
||||
created() {
|
||||
this.isDataChangeCount=0;
|
||||
this.reset();
|
||||
},
|
||||
methods: {
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
lineCode: null,
|
||||
productType: null,
|
||||
startSiteCode: null,
|
||||
nextSiteCode: null,
|
||||
manager: null,
|
||||
supplierCode: null,
|
||||
startDate: null,
|
||||
endDate: null,
|
||||
remark: null,
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
||||
|
||||
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.reset();
|
||||
this.$emit("on-cancel");
|
||||
},
|
||||
/** 提交按钮 */
|
||||
async submitForm() {
|
||||
// 判断是否有变动
|
||||
if (this.isDataChangeCount>0 ) {
|
||||
console.log(this.ids);
|
||||
if(this.ids.length==0){
|
||||
let updList = [];
|
||||
let item={
|
||||
id: this.ids,
|
||||
lineCode: this.form.lineCode,
|
||||
productType: this.form.productType,
|
||||
startSiteCode: this.form.startSiteCode,
|
||||
nextSiteCode: this.form.nextSiteCode,
|
||||
manager: this.form.manager,
|
||||
supplierCode: this.form.supplierCode,
|
||||
startDate: this.form.startDate,
|
||||
endDate: this.form.endDate,
|
||||
remark: this.form.remark
|
||||
}
|
||||
updList.push(item);
|
||||
try{
|
||||
let res=await batchEdit(updList);
|
||||
if(res.data.result!='success'){
|
||||
this.$modal.msgError(res.data.msg);
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
this.$modal.msgError(e);
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
else if(this.ids.length>0){
|
||||
let updList = [];
|
||||
for(let i=0;i<this.ids.length;i++){
|
||||
let item={
|
||||
id:this.ids[i],
|
||||
lineCode: this.form.lineCode,
|
||||
productType: this.form.productType,
|
||||
startSiteCode: this.form.startSiteCode,
|
||||
nextSiteCode: this.form.nextSiteCode,
|
||||
manager: this.form.manager,
|
||||
supplierCode: this.form.supplierCode,
|
||||
startDate: this.form.startDate,
|
||||
endDate: this.form.endDate,
|
||||
remark: this.form.remark
|
||||
}
|
||||
updList.push(item);
|
||||
}
|
||||
// await batchEdit(updList);
|
||||
try{
|
||||
let res=await batchEdit(updList);
|
||||
if(res.data.result!='success'){
|
||||
this.$modal.msgError(res.data.msg);
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
this.$modal.msgError(e);
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$emit("on-changed");
|
||||
|
||||
}else{
|
||||
this.$modal.msgSuccess("无变动，无需修改");
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.el-divider{
|
||||
margin-top: 0px;
|
||||
background: 0 0;
|
||||
border-top: 1px solid #E6EBF5;
|
||||
}
|
||||
.el-divider__text {
|
||||
color: #0955ee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.query-label {
|
||||
.el-radio{
|
||||
display: block;
|
||||
line-height: 23px;
|
||||
white-space: normal;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.overflowhidden{
|
||||
overflow: hidden;
|
||||
}
|
||||
.ellipsis {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.cargoList{
|
||||
.el-input__inner {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border: none;
|
||||
background: #ffffcd;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.el-input-number {
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.el-input-number.is-without-controls .el-input__inner {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border: none;
|
||||
background: #ffffcd;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user