PC-application/component/statistics/LascCervicalColposcopyEntityList/index.js

var template = ''
$.ajax('../../../component/statistics/LascCervicalColposcopyEntityList/index.html', {
  data: {},
  dataType: 'html',
  cache: false,
  timeout: 60000,
  async: false,
  error: function (res) {},
  success: function (res) {
    template = res
  }
})
Vue.component('lasc-cervical-colposcopy-entity-list', {
  props: ['data'],
  data: function () {
    return {
      readonlyTwo: 1,
      readonly: true,
      isShowPicker: false,
      columns: [],
      pickType: '',
      curItem: '',
      isShowDatePicker: false,
      activeDateField: '',
      date: '',
      form: {
        screenId: '', //两癌筛查id
        list: []
      }
    }
  },
  template: template,
  created: function () {
    if (this.data.value && this.data.value.length && this.data.value[0].id) {
      this.form.list = this.data.value
    }
  },
  watch:{
    data:{
      handler(newVal,oldVal){
        if (this.data.value && this.data.value.length && this.data.value[0].id) {
          this.form.list = this.data.value
        }
      },
      deep:true
    }
  },
  methods: {}
})