var template = '' $.ajax('../../../component/statistics/LascCervicalHpvEntityList/index.html', { data: {}, dataType: 'html', cache: false, timeout: 60000, async: false, error: function (res) {}, success: function (res) { template = res } }) Vue.component('lasc-cervical-hpv-entityList', { template: template, props: ['data'], data: function () { return { readonly: true, readonlyTwo: 1, isShowPicker: false, columns: [], pickType: '', curItem: '', isShowDatePicker: false, activeDateField: '', date: '', // minDate: moment().add(-100, 'year').toDate(), minDate: null, form: { screenId: '', //两癌筛查id list: [] }, hpvTubeNum: '', active: 0, pdfUrl: '' } }, methods: { getHpvHighRiskTypes: function () { return { 16: '1', 18: '1', 31: '1', 33: '1', 35: '1', 39: '1', 45: '1', 51: '1', 52: '1', 53: '1', 56: '1', 58: '1', 59: '1', 66: '1', 68: '1', 73: '1', 82: '1' } }, getHpvLowRiskTypes: function () { return { 6: '1', 11: '1', 42: '1', 43: '1', 44: '1', 81: '1', 83: '1' } } }, watch:{ data:{ handler(newVal,oldVal){ this.form.screenId = this.data.screenId var vm = this if (this.data.value && this.data.value.length) { var first = this.data.value[0] var formValue = JSON.parse(JSON.stringify(this.data.value)) formValue.forEach(function (v) { var hpvHighRiskTypes = vm.getHpvHighRiskTypes(), hpvLowRiskTypes = vm.getHpvLowRiskTypes() if (v.hpvHighRiskTypes) { v.hpvHighRiskTypes.split(',').forEach(function (v) { hpvHighRiskTypes[v] = '2' }) } v.hpvHighRiskTypes = hpvHighRiskTypes if (v.hpvLowRiskTypes) { v.hpvLowRiskTypes.split(',').forEach(function (v) { hpvLowRiskTypes[v] = '2' }) } v.hpvLowRiskTypes = hpvLowRiskTypes }) this.form.list = formValue vm.hpvTubeNum = vm.data.value && vm.data.value[0].hpvTubeNum ? vm.data.value[0].hpvTubeNum : '' } }, deep:true } }, mounted() { } })