Merge branch 'develop' of http://117.34.109.166:18448/r/vue_mdc_430

zenglf

2023-09-18 92ff846fb659c62037a32b1d8c15eae9df9d9b54

 src/views/eam/modules/equipmentNew/edit/WarrantyUpdateTable.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,273 @@
<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <!-- ä¸»è¡¨å•åŒºåŸŸ -->
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
        </a-row>
      </a-form-model>
    </j-form-container>
      <!-- å­è¡¨å•åŒºåŸŸ -->
    <a-tabs v-model="activeKey" @change="handleChangeTabs">
      <a-tab-pane tab="变更设备列" :key="refKeys[0]" :forceRender="true">
        <j-vxe-table
          keep-source
          :ref="refKeys[0]"
          :loading="warrantyUpdateTable.loading"
          :columns="warrantyUpdateTable.columns"
          :dataSource="warrantyUpdateTable.dataSource"
          :maxHeight="600"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="false"
          :toolbar="false"
          bordered
          :alwaysEdit="true"
          />
      </a-tab-pane>
    </a-tabs>
  </a-spin>
</template>

<script>

  import { getAction } from '@/api/manage'
  import { JVxeTableModelMixin } from '@/mixins/JVxeTableModelMixin.js'
  import { duplicateCheck } from '@/api/api'
  import { JVXETypes } from '@/components/jeecg/JVxeTable'
  import { getRefPromise,VALIDATE_FAILED} from '@/components/jeecg/JVxeTable/utils/vxeUtils.js'
  import { validateDuplicateValue } from '@/utils/util'
  import JFormContainer from '@/components/jeecg/JFormContainer'
  import dayjs from 'dayjs'
  export default {
    name: 'WarrantyUpdateTable',
    mixins: [JVxeTableModelMixin],
    components: {
      JFormContainer,
      dayjs
    },
    data() {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        model:{
         },
        // æ–°å¢žæ—¶å­è¡¨é»˜è®¤æ·»åŠ å‡ è¡Œç©ºæ•°æ®
        addDefaultRowNum: 0,
        validatorRules: {
        },
        refKeys: ['warrantyUpdateTableList', ],
        tableKeys:['warrantyUpdateTableList', ],
        activeKey: 'warrantyUpdateTableList',
        warrantyUpdateTable: {
          loading: false,
          dataSource: [],
          columns: [
          {
              title: 'id',
              key: 'id',
               type: JVXETypes.hidden,
              disabled:true,
              align:'center',
            },
            {
              title: '统一编码',
              key: 'num',
               type: JVXETypes.normal,
              width:"200px",
              placeholder: '请输入${title}',
              disabled:true,
              align:'center',
              defaultValue:'',

            },
            {
              title: '设备名称',
              key: 'name',
               type: JVXETypes.normal,
              width:"200px",
              placeholder: '请输入${title}',
              disabled:true,
              align:'center',
              defaultValue:'',
            },
            {
              title: '设备型号',
              key: 'model',
               type: JVXETypes.normal,
              width:"200px",
              placeholder: '请输入${title}',
              disabled:true,
              align:'center',
              defaultValue:'',
            },
            {
              title: '质保开始日期（旧）',
              key: 'warrantyStart',
              type: JVXETypes.normal,
              width:"200px",
              placeholder: '请输入${title}',
              align:'center',
            },
            {
              title: '质保开始日期（新）',
              key: 'newStart',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              align:'center',
              defaultValue:365,
              validateRules: [
              {
                required: true, // å¿…å¡«
                message: '请输入${title}' // æ˜¾ç¤ºçš„文本
              },
              { handler({ cellValue, row, column }, callback, target) {
                    if (cellValue==row.warrantyStart) {
                        callback(false, '${title}不能与旧数据雷同') // false = æœªé€šè¿‡ï¼Œå¯ä»¥è·Ÿè‡ªå®šä¹‰æç¤º
                    } else {
                        callback(true) // true = é€šè¿‡éªŒè¯
                    }
                },
                message: '${title}默认提示'
              },
              ]
            },
            {
              title: '质保结束日期（旧）',
              key: 'warrantyEnd',
              type: JVXETypes.normal,
              width:"200px",
              placeholder: '请输入${title}',
              align:'center',
            },
            {
              title: '质保结束日期（新）',
              key: 'newEnd',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              align:'center',
              defaultValue:365,
              validateRules: [
              {
                required: true, // å¿…å¡«
                message: '请输入${title}' // æ˜¾ç¤ºçš„文本
              },
              { handler({ cellValue, row, column }, callback, target) {
                    if (cellValue==row.warrantyEnd) {
                        callback(false, '${title}不能跟旧数据雷同') // false = æœªé€šè¿‡ï¼Œå¯ä»¥è·Ÿè‡ªå®šä¹‰æç¤º
                    } else {
                        callback(true) // true = é€šè¿‡éªŒè¯
                    }
                },
                message: '${title}默认提示'
              },
              ]
            },
            {
              title: '备注',
              key: 'remark',
              type: JVXETypes.textarea,
              width:"200px",
              placeholder: '请输入${title}',
              align:'center',
              validateRules: [
              ]
            },
          ]
        },
        url: {
          // add: "/tooling/toolingMakeAccountMain/add",
          add: "/eam/equipmentUpdateInfo/updateWarranty",
          // queryById: "/tooling/toolingMakeAccountMain/queryById",
          warrantyUpdateTableList: {
            list: '/eam/equipmentPrecisionParameters/list'
          },
        }
      }
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      },
      updateList:{
        type:Array,
        default:[],
        required:false,
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
    },
    methods: {
      addBefore(){
        this.warrantyUpdateTable.dataSource = this.updateList
      },
      getAllTable() {
        let values = this.tableKeys.map(key => getRefPromise(this, key))
        return Promise.all(values)
      },
      /** è°ƒç”¨å®Œedit()方法之后会自动调用此方法 */
      editAfter() {
        this.$nextTick(() => {
        })
        // åŠ è½½å­è¡¨æ•°æ®
        if (this.model.id) {
          let params = { equipmentId: this.model.id }
          this.requestSubTableData(this.url.warrantyUpdateTableList.list, params, this.warrantyUpdateTable)
        }
      },
      //校验所有一对一子表表单
        validateSubForm(allValues){
            return new Promise((resolve,reject)=>{
              Promise.all([
              ]).then(() => {
                resolve(allValues)
              }).catch(e => {
                if (e.error === VALIDATE_FAILED) {
                  // å¦‚果有未通过表单验证的子表，就自动跳转到它所在的tab
                  this.activeKey = e.index == null ? this.activeKey : this.refKeys[e.index]
                } else {
                  console.error(e)
                }
              })
            })
        },
      /** æ•´ç†æˆformData */
      classifyIntoFormData(allValues) {
        let main = Object.assign(this.model, allValues.formValue)
        return {
          ...main, // å±•å¼€
          warrantyUpdateTableList: allValues.tablesValue[0].tableData,
        }
      },
      validateError(msg){
        this.$message.error(msg)
      },
      changeDate(target){
        console.log(target)
        if(target.columnIndex==7){
             target.row.nextCheckDate=dayjs().add(target.value,'day').format('YYYY-MM-DD')
        }
      }

    }
  }
</script>

<style scoped>
</style>