zenglf
2023-09-28 997835429a1d66643364091e8437ebbbeb8ff97a
src/views/mdc/base/modules/alarmManager/alarmManagerForm.vue
@@ -7,48 +7,59 @@
          <a-row :gutter="24">
            <a-col :span="24">
              <a-form-item label="报警号" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input placeholder="请输入报警号" v-decorator="['alarmCode', validatorRules.alarmCode]"></a-input>
                <a-input placeholder="请输入报警号" v-decorator="['alarmCode', validatorRules.alarmCode]" ></a-input>
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="报警描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input placeholder="请输入报警描述" v-decorator="['alarmDescription', validatorRules.alarmDescription]"></a-input>
              <a-form-item label="报警内容" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-input placeholder="请输入报警内容" v-decorator="['alarmContent', validatorRules.alarmContent]"></a-input>
              </a-form-item>
            </a-col>
            <a-col :span='24'>
            <a-form-item label="驱动类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
            <a-select v-decorator="['driveType', validatorRules. driveType]" placeholder="请选择驱动类型"
                      :options="shiftList">
            </a-select>
            <!--<a-select v-decorator="['driveType', validatorRules. driveType]" placeholder="请选择驱动类型"-->
                      <!--:options="shiftList">-->
            <!--</a-select>-->
                  <!--<j-dict-select-tag-->
                    <!--placeholder="请选择驱动类型"-->
                    <!--v-decorator="['driveType', validatorRules.driveType]"-->
                    <!--dictCode="mdc_driveType"-->
                  <!--/>-->
              <a-auto-complete
                v-decorator="['driveType', validatorRules.driveType]"
                :data-source="driveTypeList"
                placeholder="请选择驱动类型"
                :filter-option="filterOption"
              />
            </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="是否过滤" :labelCol="labelCol" :wrapperCol="wrapperCol">
                <a-switch :default-checked = 'showM' v-decorator="['isUse', validatorRules.isUse]"></a-switch>
                <a-switch :checked="isFilterChecked"  v-decorator="['isUse', validatorRules.isUse]" @change="isFilterChange"></a-switch>
              </a-form-item>
            </a-col>
            <a-col :span='24'>
              <a-form-item
                :labelCol="labelCol"
                :wrapperCol="wrapperCol"
                label="新增方式"
                hidden>
                <a-input
                  v-decorator="[
                'addWay',
                { rules:
                      [
                          { required: true, message: '' }
                      ],
                  initialValue: '2'
                }
              ]"
                  placeholder="请输入新增方式"
                  allowClear
                >
                </a-input>
              </a-form-item>
            </a-col>
            <!--<a-col :span='24'>-->
              <!--<a-form-item-->
                <!--:labelCol="labelCol"-->
                <!--:wrapperCol="wrapperCol"-->
                <!--label="新增方式"-->
                <!--hidden>-->
                <!--<a-input-->
                  <!--v-decorator="[-->
                <!--'addWay',-->
                <!--{ rules:-->
                      <!--[-->
                          <!--{ required: true, message: '' }-->
                      <!--],-->
                  <!--initialValue: '2'-->
                <!--}-->
              <!--]"-->
                  <!--placeholder="请输入新增方式"-->
                  <!--allowClear-->
                <!--&gt;-->
                <!--</a-input>-->
              <!--</a-form-item>-->
            <!--</a-col>-->
          </a-row>
        </a-form>
      </a-spin>
@@ -72,10 +83,17 @@
  export default {
    name: 'alarmManagerForm',
    // components: {AlarmManagerEqupment},
    props: {},
    props: {
      driveTypeList:{
        type:Array
      },
      filterOption:{
        type:Function
      }
    },
    data() {
      return {
        showM:true,
        isFilterChecked:true,
        isUse:true,
        title: '',
        visible: false,
@@ -98,31 +116,27 @@
            span: 18
          }
        },
        confirmLoading: false,        form: this.$form.createForm(this),
        confirmLoading: false,
        form: this.$form.createForm(this),
        validatorRules: {
          driveType:{
            rules: [{
              required: true, message: '请选择驱动类型!',
            }],
          },
          // isUse:{
          //   rules: [{
          //     required: true, message: !',
          //   }],
          // },
          alarmCode:{
            rules: [{
              required: true, message: '请输入报警号!',
            }],
          },
          alarmDescription:{
          alarmContent:{
            rules: [{
              required: true, message: '请输入报警描述!',
              required: true, message: '请输入报警内容!',
            }],
          },
        },
        url: {
          add: '/mdc/alarmInfo/add',
          add: '/mdc/mdcAlarmInfo/add',
          // edit:'/mdc/alarmInfo/edit',
          //驱动类型
          initShiftList: '/mdc/mdcequipment/driveTypeSelected',
@@ -147,10 +161,11 @@
      },
      add(record) {
        let _this = this
        this.visible = true
        this.isFilterChecked=true
        this.form.resetFields()
        this.model = Object.assign({}, record)
        this.initShiftList()
        // this.initShiftList()
        this.visible = true
        this.$nextTick(() => {
        })
@@ -169,11 +184,11 @@
            let formData = Object.assign(this.model, values)
            // console.log(formData)
            // formData.isUse = formData.isUse ? "1" : "2"
            formData.isUse = formData.isUse == true || formData.isUse == undefined ? "1" : "2"
            putAction(this.url.add, formData).then((res) => {
            formData.isUse = formData.isUse == true || formData.isUse == undefined ? "0" : "-1"
            postAction(this.url.add, formData).then((res) => {
              if (res.success) {
                // that.$message.success(res.message)
                that.$notification.warning({
                that.$notification.success({
                  message:'消息',
                  description:res.message
                });
@@ -195,6 +210,13 @@
      handleCancel() {
        this.close()
      },
      /**
       * 是否过滤切换器change事件
       * @param checked 切换后的状态
       */
      isFilterChange(checked){
        this.isFilterChecked=checked
      }
    }
  }
</script>