feat:修改实时报警界面弹窗内容

ebc-middle-platform/src/modules/system-management/terminal-management.vue

@@ -97,37 +97,35 @@
        <t-button class="submit-button" @click="submit">保存</t-button>
      </div>
    </t-modal>
    <t-modal :visibled.sync="relevance" title="关联用户" >
    <t-modal :visibled.sync="relevance" title="关联用户">
      <div>
        <t-form ref="relevanceValidate" :model="relevanceValidate" :rules="relevanceRuleValidate" :label-width="80" label-position="left">
          <t-form-item label="终端编号" prop="number">
            <div>ZDBH002</div>
          </t-form-item>
          <t-form-item label="关联类型" prop="type">
            <t-radio-group v-model="relevanceValidate.type">
              <t-radio value="0" label="用户"></t-radio>
              <t-radio value="1" label="船舶"></t-radio>
          <t-form-item label="关联类型">
            <t-radio-group v-model="relevanceValidate.type" @change="userConectChanged()">
              <t-radio v-for="(item,index) in radioList" :value="item.value" :key="index" :label="item.label"></t-radio>
            </t-radio-group>
          </t-form-item>
          <t-form-item label="关联用户" prop="user">
          <t-form-item v-for="(item,index) in itemList" v-show="item.isShow" :key="index" :label="connectName" prop="user">
            <div class="row">
              <div class="col-9">
                <t-form-item>
                  <t-select v-model="relevanceValidate.user" placeholder="请选择">
                    <t-option>张三</t-option>
                    <t-option>李四</t-option>
                  </t-select>
                </t-form-item>
                <t-select v-model="relevanceValidate.user" placeholder="请选择">
                  <t-option v-for="(todo,index) in item.goList" :key="index" :value="todo.value">{{ todo.name }}</t-option>
                </t-select>
              </div>
              <div class="col-3">
                <t-form-item>
                  <t-button>新增</t-button>
                </t-form-item>
                <t-button @click="goUserManagement()">新增</t-button>
              </div>
            </div>
          </t-form-item>
        </t-form>
      </div>
      <div slot="footer">
        <t-button @click="cancelUserModal">取消</t-button>
        <t-button color="primary" @click="confirmUserModal">确定</t-button>
      </div>
    </t-modal>
  </div>
</template>
@@ -141,6 +139,44 @@ export default {
        relevance: false,
        unrelevance: false
      },
      radioList: [
        {value: '1', label: '用户'},
        {value: '2', label: '船舶'}
      ],
      itemList: [
        {
          isRadio: '1',
          isShow: true,
          goList: [
            {
              name: '张三',
              value: '0'
            },
            {
              name: '李四',
              value: '2'
            },
            {
              name: '用户',
              value: '1'
            }
          ]
        },
        {
          isRadio: '2',
          isShow: false,
          goList: [
            {
              name: '张三',
              value: '0'
            },
            {
              name: '船舶',
              value: '1'
            }
          ]
        }
      ],
      table: {
        data: [
          {
@@ -175,6 +211,7 @@ export default {
        type: '',
        alarmPerson: ''
      },
      connectName: '关联用户',
      rangeDate: '',
      modal: false,
      formValidate: {
@@ -212,27 +249,30 @@ export default {
      },
      relevanceRuleValidate: {
        user: [
          {
            required: true,
            message: '编号不能为空',
            trigger: 'blur'
          },
          {
            message: '张三已关联终端ZDBH001，点击保存更改关联关系',
            trigger: 'blur',
            validator: function(rule, value, callback) {
              if (!/^[a-zA-Z0-9-_#]+$/.test(value)) {
                callback(rule.message)
              } else {
                // TODO 判断编号重复
                if (true) {
                  rule.message = '编号重复'
                  callback(rule.message)
                }
              }
            }
          }
          { required: true, message: '请选择读写类型', trigger: 'change' }
        ]
        // user: [
        //   {
        //     required: true,
        //     message: '编号不能为空',
        //     trigger: 'blur'
        //   },
        //   {
        //     message: '张三已关联终端ZDBH001，点击保存更改关联关系',
        //     trigger: 'blur',
        //     validator: function(rule, value, callback) {
        //       if (!/^[a-zA-Z0-9-_#]+$/.test(value)) {
        //         callback(rule.message)
        //       } else {
        //         // TODO 判断编号重复
        //         if (true) {
        //           rule.message = '编号重复'
        //           callback(rule.message)
        //         }
        //       }
        //     }
        //   }
        // ]
      }
    }
  },
@@ -241,6 +281,34 @@ export default {
    this.table.pager.total = this.table.data.length
  },
  methods: {
    cancelUserModal() {
      this.relevance = false
      this.$refs['relevanceValidate'].resetFields()
    },
    confirmUserModal() {
      this.$refs['relevanceValidate'].validate(valid => {
        if (valid) {
          this.relevance = false
        }
      })
    },
    goUserManagement () {
      this.$router.push({path: '../system-management/user-management'})
      this.relevance = false
    },
    userConectChanged() {
      this.itemList.forEach(element => {
        if (element.isRadio === this.relevanceValidate.type) {
          this.radioList.forEach(todo => {
            this.relevanceValidate.user = ''
            if (todo.value === this.relevanceValidate.type) {
              this.connectName = '关联' + todo.label
            }
          })
          element.isShow = true
        } else { element.isShow = false }
      })
    },
    changeType(type) {
      Object.keys(this.relevanceType).forEach((value, key) => {
        this.relevanceType[value] = value === type