export default {
|
|
props: {
|
|
templateData: {
|
|
type: Object,
|
|
default: () => {},
|
|
},
|
|
},
|
|
watch: {
|
|
templateData: {
|
|
immediate: true,
|
|
handler(v) {
|
|
if(v){
|
|
let n = {...v};
|
|
if(v.bdnr){
|
|
n = {...n,...JSON.parse(v.bdnr)};
|
|
}
|
|
this.formData = n;
|
|
this.setTemplateData(n);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
|
|
},
|
|
mounted() {
|
|
|
|
setTimeout(() => {
|
|
this.setConditionOptions(
|
|
[
|
|
{ label: "条件5", value: "1" },
|
|
{ label: "条件6", value: "2" },
|
|
{ label: "条件7", value: "3" },
|
|
{ label: "其他", value: "-1" },
|
|
]
|
|
)
|
|
}, 1000);
|
|
this.setTemplateStatus("preFill");
|
|
// this.setTemplateStatus(this.fillType)
|
|
|
|
},
|
|
unmounted() {
|
|
this.setTemplateStatus("");
|
|
this.setTemplateData({});
|
|
},
|
|
methods: {
|
|
setTemplateStatus(status) {
|
|
this.$store.commit('template/SET_TEMPLATE_STATUS', status)
|
|
},
|
|
setConditionOptions(options) {
|
|
this.$store.commit('template/SET_CONDITION_OPTIONS', options)
|
|
},
|
|
//统一处理blur事件,因为有效周期和过期日期是相关的,所以需要在有效周期失焦时更新过期日期
|
|
onHandleBlur(fields){
|
|
const {key ,effectivePeriodUnit,effectivePeriod} = fields;
|
|
const {createTime} = this.formData;
|
|
if(key ==="effectivePeriod"){//统一处理有效周期失焦,计算失效事件,保证字段名不能变
|
|
const start = moment(createTime);
|
|
const end = start.add(Number(effectivePeriod), effectivePeriodUnit).format("YYYY-MM-DD HH:mm:ss");
|
|
this.$refs.stepFormPackageRef.updateFormField("expireDate", end);
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
}
|