设备管理页面

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

@@ -16,28 +16,12 @@
          <div class="label">设备名称：</div>
          <div class="input-rule">
            <t-input v-model="queryCondition.equipmentName" style="width: 200px" placeholder="请输入..." clearable></t-input>
<!--            <t-select v-model="queryCondition.equipmentName" filterable clearable :loading.sync="currentLoading" @load="$_onLoad" width="200">-->
<!--              <t-option v-for="item in searchResult"-->
<!--                        :key="item.value"-->
<!--              >{{ item.FACILITY_NAME }}</t-option>-->
<!--            </t-select>-->
          </div>
        </div>
        <div>
          <div class="label">设备编号：</div>
          <div class="input-rule">
            <t-input v-model="queryCondition.equipmentNumber" style="width: 200px" placeholder="请输入..." clearable></t-input>
<!--            <t-select filterable-->
<!--                      clearable-->
<!--                      :loading.sync="currentLoading_n"-->
<!--                      @load="$_onLoad_n"-->
<!--                      v-model="queryCondition.equipmentNumber"-->
<!--                      width="200" id="ccc"-->
<!--            >-->
<!--              <t-option v-for="item in searchResult_n"-->
<!--                        :key="item.value"-->
<!--              >{{ item.FACILITY_CODE }}</t-option>-->
<!--            </t-select>-->
          </div>
        </div>
        <div class="btns">
@@ -57,6 +41,7 @@
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column type="selection" width="70"></t-table-column>
        <t-table-column prop="FACILITY_NAME" label="设备名称"></t-table-column>
        <t-table-column prop="FACILITY_CODE" label="设备编号"></t-table-column>
        <t-table-column prop="FACILITY_TYPE" label="设备类型">
@@ -122,17 +107,6 @@
    </t-modal>
    <t-modal :visibled.sync="updateModal" title="编辑设备" >
      <t-form ref="updateRow" :model="updateRow" :rules="updateRowValidate" :label-width="80" label-position="left">
<!--        <t-form-item label="设备类型" prop="type">-->
<!--          <template v-if="updateRow.FACILITY_TYPE==1">-->
<!--            风机-->
<!--          </template>-->
<!--          <template v-if="updateRow.FACILITY_TYPE==2">-->
<!--            升压站-->
<!--          </template>-->
<!--          <template v-if="updateRow.FACILITY_TYPE==3">-->
<!--            船舶-->
<!--          </template>-->
<!--        </t-form-item>-->
        <t-form-item label="设备类型" prop="FACILITY_TYPE">
          <t-select v-model="updateRow.FACILITY_TYPE" placeholder="请选择设备类型" clearable>
            <t-option v-for="(item, index) in typeList" :value="item.value" :key="index">{{ item.label }}</t-option>
@@ -142,7 +116,7 @@
          <t-input v-model="updateRow.FACILITY_NAME" placeholder="请输入风机名称"></t-input>
        </t-form-item>
        <t-form-item label="设备编号" prop="FACILITY_CODE">
          {{updateRow.FACILITY_CODE }}
          {{ updateRow.FACILITY_CODE }}
        </t-form-item>
        <t-form-item label="经度" prop="LONGITUDE">
          <t-input v-model="updateRow.LONGITUDE" placeholder="请输入数字"></t-input>
@@ -231,9 +205,10 @@ export default {
          {
            message: '设备名称重复',
            trigger: 'blur',
            validator: function(rule, value, callback) {
            t: this,
            validator: async function(rule, value, callback) {
              // TODO 判断编号重复
              if (false) {
              if (await rule.t.checkReptition(1, value)) {
                callback(rule.message)
              }else {
                return true
@@ -250,15 +225,17 @@ export default {
          {
            message: '请输入字母、数字、中划线、下划线、#',
            trigger: 'blur',
            validator: function(rule, value, callback) {
            t: this,
            validator: async function(rule, value, callback) {
              if (!/^[a-zA-Z0-9-_#]+$/.test(value)) {
                callback(rule.message)
              } else {
                // TODO 判断编号重复
                if (false) {
                var y = await rule.t.checkReptition(2, value)
                if (y) {
                  rule.message = '编号重复'
                  callback(rule.message)
                }else {
                } else {
                  return true
                }
              }
@@ -277,7 +254,7 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
              } else {
                return true
              }
            }
@@ -295,7 +272,7 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
              } else {
                return true
              }
            }
@@ -317,11 +294,13 @@ export default {
          {
            message: '设备名称重复',
            trigger: 'blur',
            validator: function(rule, value, callback) {
            t: this,
            validator: async function(rule, value, callback) {
              // TODO 判断编号重复
              if (false) {
              var x = await rule.t.checkReptition(3, value)
              if (x) {
                callback(rule.message)
              }else {
              } else {
                return true
              }
            }
@@ -339,7 +318,7 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
              } else {
                return true
              }
            }
@@ -357,7 +336,7 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
              } else {
                return true
              }
            }
@@ -370,47 +349,6 @@ export default {
    this.getList(1, 10, '', '', '')
  },
  methods: {
    // $_onLoad(filterValue) {
    //   this.queryCondition.equipmentName = filterValue
    //   window.setTimeout(() => {
    //     var params = new FormData()
    //     params.append('data', JSON.stringify({
    //       params: {
    //         FACILITY_NAME: filterValue
    //       }
    //     }))
    //     this.$test.post(services.equipment.GET_EQUIPMENT, params
    //     ).then(res => {
    //       // 请求成功处理...
    //       let d = res.data.result.list.concat()
    //       this.searchResult = d
    //       this.currentLoading = false
    //     }).catch(res => {
    //       // 请求失败处理...
    //     })
    //   }, 1000)
    // },
    // $_onLoad_n(filterValue) {
    //   this.queryCondition.equipmentNumber = filterValue
    //   window.setTimeout(() => {
    //     var params = new FormData()
    //     params.append('data', JSON.stringify({
    //       params: {
    //         FACILITY_CODE: filterValue
    //       }
    //     }))
    //     this.$test.post(services.equipment.GET_EQUIPMENT, params
    //     ).then(res => {
    //       // 请求成功处理...
    //       let d = res.data.result.list.concat()
    //       this.searchResult_n = d
    //       this.currentLoading_n = false
    //     }).catch(res => {
    //       // 请求失败处理...
    //     })
    //   }, 1000)
    // },
    getList(pageNum, pageSize, type, name, number) {
      var params = new FormData()
      params.append('data', JSON.stringify({
@@ -462,13 +400,36 @@ export default {
      this.onSearch()
    },
    onSearch() {
      console.log(this.queryCondition.equipmentType)
      console.log(this.queryCondition.equipmentName)
      this.getList(1, this.table.pager.size, this.queryCondition.equipmentType, this.queryCondition.equipmentName, this.queryCondition.equipmentNumber)
    },
    toExport() {
    },
    checkReptition(type, value) {
      var that = this
      return new Promise(function(resolve) {
        var params = new FormData()
        if (type === 1) {
          params.append('data', JSON.stringify({
            FACILITY_NAME: value
          }))
        } else if (type === 2) {
          params.append('data', JSON.stringify({
            FACILITY_CODE: value
          }))
        } else {
          params.append('data', JSON.stringify({
            FACILITY_NAME: value,
            FACILITY_ID: that.updateRow.FACILITY_ID
          }))
        }
        that.$test.post(services.equipment.REPETITION_EQUIPMENT, params
        ).then(res => {
          console.log(1)
          resolve(res.data.result)
        })
      })
    },
    onPagerChange(page) {
      this.getList(page, this.table.pager.size, '', '', '')
    },
@@ -476,6 +437,8 @@ export default {
      this.getList(1, number, '', '', '')
    },
    cancel() {
      this.$refs['formValidate'].resetFields()
      this.$refs['updateRow'].resetFields()
      this.modal = false
      this.updateModal = false
      this.formValidate.type = ''