var template = '' $.ajax('../../../component/statistics/LascClinicalExamination/index.html', { data: {}, dataType: 'html', cache: false, timeout: 60000, async: false, error: function (res) {}, success: function (res) { template = res } }) Vue.component('lasc-lascClinical-examination', { template: template, props: ['data'], data: function () { return { form: { screenId: '', //两癌筛查id receiveBreastClinicalInspect: '2', //是否接收乳腺临床检查1拒绝2接收 list: [] }, type: '', isShowPicker: false, columns: ['非对称性腺体增厚', '乳头凹陷', '腋窝淋巴结肿大', '副乳腺', '乳腺切除术后'], pickType: '', curItem: '', isShowDatePicker: false, activeDateField: '', date: '', readonly: true } }, methods: {}, watch:{ data: { handler(newVal, oldVal) { if (this.data.value && this.data.value.length) { var first = this.data.value[0] this.form.screenId = first.screenId this.form.receiveBreastClinicalInspect = first.receiveBreastClinicalInspect var form = JSON.parse(JSON.stringify(this.data.value)) form.forEach(function (v) { v.breastClinicalInspectR = (v.breastClinicalInspectR && v.breastClinicalInspectR.split(',')) || [] v.breastClinicalInspectL = (v.breastClinicalInspectL && v.breastClinicalInspectL.split(',')) || [] }) this.form.list = form console.log(this.form.list, 'popppppppppp') } }, deep: true } }, mounted() { if (this.data.value && this.data.value.length) { var first = this.data.value[0] this.form.screenId = first.screenId this.form.receiveBreastClinicalInspect = first.receiveBreastClinicalInspect var form = JSON.parse(JSON.stringify(this.data.value)) form.forEach(function (v) { v.breastClinicalInspectR = (v.breastClinicalInspectR && v.breastClinicalInspectR.split(',')) || [] v.breastClinicalInspectL = (v.breastClinicalInspectL && v.breastClinicalInspectL.split(',')) || [] }) this.form.list = form console.log(this.form.list, 'popppppppppp') } } })