|
|
|
@ -12,32 +12,64 @@
|
|
|
|
|
<v-btn @click="goback">返回营销分析</v-btn>
|
|
|
|
|
</v-label-div>
|
|
|
|
|
<div class="mccm-inner">
|
|
|
|
|
<template v-for="(item,index) in list">
|
|
|
|
|
<div :key="index" style="display: flex;justify-content: flex-start;">
|
|
|
|
|
<template v-for="(item, index) in list">
|
|
|
|
|
<div :key="index" style="display: flex; justify-content: flex-start">
|
|
|
|
|
<div class="mccm-item" style="margin-left: 1rem">
|
|
|
|
|
<div class="mc-t">
|
|
|
|
|
<div class="m-t-d1">{{item.brand|doStr(4)}}</div>
|
|
|
|
|
<span class="m-t-s1">{{item.model|doStr(10)}}</span>
|
|
|
|
|
<div class="m-t-d1">{{ item.brand | doStr(4) }}</div>
|
|
|
|
|
<span class="m-t-s1">{{ item.model | doStr(10) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-form-model :label-col="labelCol" :wrapper-col="wrapperCol" style="width: 100%">
|
|
|
|
|
<a-form-model
|
|
|
|
|
:label-col="labelCol"
|
|
|
|
|
:wrapper-col="wrapperCol"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model-item label="开始时间">
|
|
|
|
|
<a-date-picker v-model="item.startTime" show-time type="date" placeholder="开始时间" valueFormat="YYYY-MM-DD HH:mm:ss" style="width: 100%;" @change="handlerTime(item)" />
|
|
|
|
|
<a-date-picker
|
|
|
|
|
v-model="item.startTime"
|
|
|
|
|
show-time
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="开始时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@change="handlerTime(item)"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="结束时间">
|
|
|
|
|
<a-date-picker v-model="item.endTime" show-time type="date" placeholder="结束时间" valueFormat="YYYY-MM-DD HH:mm:ss" style="width: 100%;" @change="handlerTime(item)" />
|
|
|
|
|
<a-date-picker
|
|
|
|
|
v-model="item.endTime"
|
|
|
|
|
show-time
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="结束时间"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@change="handlerTime(item)"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="m-t-btn" @click="handlerDel(index)" v-if="item.isDel">删除</div>
|
|
|
|
|
<div class="m-t-btn" @click="handlerChoose(index)" v-else>切换车型</div>
|
|
|
|
|
<div class="m-t-btn" @click="handlerDel(index)" v-if="item.isDel">
|
|
|
|
|
删除
|
|
|
|
|
</div>
|
|
|
|
|
<img v-if="index < list.length -1" class="mccm-vs" src="../../../assets/images/comm/img_vs.png">
|
|
|
|
|
<div class="m-t-btn" @click="handlerChoose(index)" v-else>
|
|
|
|
|
切换车型
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<img
|
|
|
|
|
v-if="index < list.length - 1"
|
|
|
|
|
class="mccm-vs"
|
|
|
|
|
src="../../../assets/images/comm/img_vs.png"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<iSwitchModel :brand="brand" :model="model" :visible.sync="modelShow" @change="handlerBrand"></iSwitchModel>
|
|
|
|
|
<iSwitchModel
|
|
|
|
|
:brand="brand"
|
|
|
|
|
:model="model"
|
|
|
|
|
:visible.sync="modelShow"
|
|
|
|
|
@change="handlerBrand"
|
|
|
|
|
></iSwitchModel>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -129,6 +161,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.brand = this.getBrand.brandname || "奥迪";
|
|
|
|
|
if (this.getChangeSTime) {
|
|
|
|
|
this.list.forEach((e) => {
|
|
|
|
|
e.startTime = this.getCtime.sStartTime;
|
|
|
|
|
e.endTime = this.getCtime.sEndTime;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.modelData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
@ -184,12 +223,12 @@ export default {
|
|
|
|
|
let t1 = item.startTime ? moment(item.startTime).valueOf() : 0;
|
|
|
|
|
let t2 = item.endTime ? moment(item.endTime).valueOf() : 0;
|
|
|
|
|
let current = new Date().getTime();
|
|
|
|
|
if(t1 > current) {
|
|
|
|
|
if (t1 > current) {
|
|
|
|
|
item.startTime = "";
|
|
|
|
|
this.$message.warning("开始时间不能大于当前时间");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if(t2 > current) {
|
|
|
|
|
if (t2 > current) {
|
|
|
|
|
item.endTime = "";
|
|
|
|
|
this.$message.warning("结束时间不能大于当前时间");
|
|
|
|
|
return;
|
|
|
|
@ -207,8 +246,6 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|