添加、修改、删除、取消

 

• 添加

1. 如果之前未添加过表单，数据重置
2. 如果之前已经添加过表单，则不会有添加按钮出现

• 修改

数据回显，每一个v-model都可在计算属性中有相应的get&set方法，get方法从vuex中获取数据，set方法修改数据

注意：在methods中不可直接修改computed中属性的值，只可通过用户修改或者通过set方法即修改vuex中的数据来修改此属性的值

eg:

    jkxbcCheck: {
      get: function () {
        if (this.fillMainInsurePannel.defaultData.isJkxbc === '3') {
          return true
        } else {
          return false
        }
      },
      set: function (val) {
        this[types.SET_MAIN_DEFAULT_DATA]({
          isJkxbc: val === true ? '3' : '0'
        })
      }
    }

• 取消

1.添加之后点击取消

用户操作表单已经修改了vuex中的数据，but之前添加成功之时已经调用后台接口，后台返回的数据依旧存于vuex中，因此可以获取vuex中后台返回的数据来重置表单的数据，即实现点击取消时数据依旧保持之前确定时存的数据

2.未添加点击取消

由于用户修改表单数据已经存入vuex，此处不需要任何处理

用户在添加时，判断如果未添加过此表单，则重置数据

• 确定

请求后台接口，参数即从vuex中获取，请求接口返回的数据存入vuex

• 删除

数据重置