设备管理页面调接口

ebc-middle-platform/src/conf/services.js

@@ -146,6 +146,12 @@ export default {
    DEL_MAP_TAG: '/mapTag/deleteMapTagXyInfo', // 删除地图标记信息
    UPD_MAP_TAG: '/mapTag/queryMapTagforModifyInfo' // 查询地图标记信息用作修改
  },
  equipment: {
    GET_EQUIPMENT: '/equipment/queryEquipmentInfo', // 查询设备管理信息
    ADD_EQUIPMENT: '/equipment/modifyEquipmentInfo', // 新增/修改设备管理信息
    DEL_EQUIPMENT: '/equipment/deleteEquipmentInfo', // 删除设备管理信息
    REPETITION_EQUIPMENT: '/equipment/verifyEquipmentInfoRepetition' // 删除设备管理信息
  },
  history: {
    GET_HISTORICAL_ALARM: '/history/queryHistoricalAlarm' // 查询历史报警信息
  },

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

@@ -5,37 +5,39 @@
        <div>
          <div class="label">设备类型：</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.equipmentType" width="200" placeholder="请输入...">
              <t-option>风机</t-option>
              <t-option>升压站</t-option>
              <t-option>船舶</t-option>
            <t-select v-model="queryCondition.equipmentType" style="width: 200px" clearable placeholder="请输入...">
              <t-option value="1">风机</t-option>
              <t-option value="2">升压站</t-option>
              <t-option value="3">船舶</t-option>
            </t-select>
          </div>
        </div>
        <div>
          <div class="label">设备名称：</div>
          <div class="input-rule">
            <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.label }}</t-option>
            </t-select>
            <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-select filterable
                      clearable
                      :loading.sync="currentLoading_n"
                      @load="$_onLoad_n"
                      v-model="queryCondition.equipmentNumber"
                      width="200"
            >
              <t-option v-for="item in searchResult_n"
                        :key="item.value"
              >{{ item.label }}</t-option>
            </t-select>
            <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">
@@ -55,11 +57,23 @@
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="name" label="设备名称"></t-table-column>
        <t-table-column prop="number" label="设备编号"></t-table-column>
        <t-table-column prop="type" label="设备类型"></t-table-column>
        <t-table-column prop="long" label="经度"></t-table-column>
        <t-table-column prop="lat" label="纬度"></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="设备类型">
          <template slot-scope="scope">
            <div v-if="scope.row.FACILITY_TYPE==1">
              <span >风机</span>
            </div>
            <div v-if="scope.row.FACILITY_TYPE==2">
              <span>升压站</span>
            </div>
            <div v-if="scope.row.FACILITY_TYPE==3">
              <span>船舶</span>
            </div>
          </template>
        </t-table-column>
        <t-table-column prop="LONGITUDE" label="经度"></t-table-column>
        <t-table-column prop="LATITUDE" label="纬度"></t-table-column>
        <t-table-column
            fixed="right"
            label="操作"
@@ -106,6 +120,42 @@
        <t-button class="submit-button" @click="submit">保存</t-button>
      </div>
    </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>
          </t-select>
        </t-form-item>
        <t-form-item label="设备名称" prop="FACILITY_NAME">
          <t-input v-model="updateRow.FACILITY_NAME" placeholder="请输入风机名称"></t-input>
        </t-form-item>
        <t-form-item label="设备编号" prop="FACILITY_CODE">
          {{updateRow.FACILITY_CODE }}
        </t-form-item>
        <t-form-item label="经度" prop="LONGITUDE">
          <t-input v-model="updateRow.LONGITUDE" placeholder="请输入数字"></t-input>
        </t-form-item>
        <t-form-item label="纬度" prop="LATITUDE">
          <t-input v-model="updateRow.LATITUDE" placeholder="请输入数字"></t-input>
        </t-form-item>
      </t-form>
      <div slot="footer">
        <t-button @click="cancel">取消</t-button>
        <t-button class="submit-button" @click="updateSubmit">保存</t-button>
      </div>
    </t-modal>
  </div>
</template>
<script>
@@ -114,32 +164,12 @@ import services from '../../conf/services'
export default {
  data() {
    return {
      currentLoading: false,
      searchResult: [],
      demoDataA: [
        {
          label: 'aacc',
          value: 'a001'
        },
        {
          label: 'ccce',
          value: 'a002'
        }
      ],
      currentLoading_n: false,
      searchResult_n: [],
      demoDataA_n: [
        {
          label: 'aacc',
          value: 'a001'
        },
        {
          label: 'ccce',
          value: 'a002'
        }
      ],
      // currentLoading: false,
      // searchResult: [],
      // demoDataA: [],
      // currentLoading_n: false,
      // searchResult_n: [],
      // demoDataA_n: [],
      typeList: [
        {
          value: '1',
@@ -151,25 +181,11 @@ export default {
        },
        {
          value: '3',
          label: '测风塔'
          label: '船舶'
        }
      ],
      table: {
        data: [
          {
            name: '1#风机',
            number: 'FJ0001',
            type: '风机',
            long: '113.445454',
            lat: '23.157919'
          },
          {
            name: '1#风机',
            number: 'FJ0001',
            type: '风机',
            long: '113.445454',
            lat: '23.157919'
          }
        ],
        pager: {
          currentPage: 1,
@@ -185,6 +201,14 @@ export default {
      },
      rangeDate: '',
      modal: false,
      updateModal: false,
      updateRow: {
        FACILITY_TYPE: '',
        FACILITY_NAME: '',
        FACILITY_CODE: '',
        LONGITUDE: '',
        LATITUDE: ''
      },
      formValidate: {
        type: '',
        name: '',
@@ -211,6 +235,8 @@ export default {
              // TODO 判断编号重复
              if (false) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
@@ -232,6 +258,8 @@ export default {
                if (false) {
                  rule.message = '编号重复'
                  callback(rule.message)
                }else {
                  return true
                }
              }
            }
@@ -249,6 +277,8 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
@@ -265,6 +295,70 @@ export default {
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
        ]
      },
      updateRowValidate: {
        FACILITY_TYPE: [{
          required: true,
          message: '设备类型不能为空',
          trigger: 'change'
        }],
        FACILITY_NAME: [
          {
            required: true,
            message: '设备名称不能为空',
            trigger: 'blur'
          },
          {
            message: '设备名称重复',
            trigger: 'blur',
            validator: function(rule, value, callback) {
              // TODO 判断编号重复
              if (false) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
        ],
        LONGITUDE: [
          {
            required: true,
            message: '经度不能为空',
            trigger: 'blur'
          },
          {
            message: '请输入数字',
            trigger: 'blur',
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
        ],
        LATITUDE: [
          {
            required: true,
            message: '经度不能为空',
            trigger: 'blur'
          },
          {
            message: '请输入数字',
            trigger: 'blur',
            validator: function(rule, value, callback) {
              if (isNaN(value)) {
                callback(rule.message)
              }else {
                return true
              }
            }
          }
@@ -273,74 +367,176 @@ export default {
    }
  },
  mounted() {
    this.getList(1, 10, '')
    this.getList(1, 10, '', '', '')
  },
  methods: {
    $_onLoad(filterValue) {
      this.queryCondition.equipmentName = filterValue
      window.setTimeout(() => {
        let d = this.demoDataA.concat()
        this.searchResult = d
        this.currentLoading = false
      }, 1000)
    },
    $_onLoad_n(filterValue) {
      this.queryCondition.equipmentNumber = filterValue
      window.setTimeout(() => {
        let d = this.demoDataA_n.concat()
        this.searchResult_n = d
        this.currentLoading_n = false
      }, 1000)
    },
    getList(pageNum, pageSize, params) {
      this.table.data = this.table.data.concat(this.table.data)
      this.table.pager.total = this.table.data.length
      // var params = new FormData()
      // params.append('data', JSON.stringify({
      //   params: {
      //     pageNum: pageNum,
      //     pageSize: pageSize,
      //     MAP_TAG_NAME: MAP_TAG_NAME
      //   }
      // }))
      // this.$test.post(services.mapTag.GET_MAP_TAG, params
      // ).then(res => {
      //   // 请求成功处理...
      //   this.table.data = res.data.result.list
      //   this.table.pager.total = res.data.result.total
      //   this.table.pager.currentPage = res.data.result.pageNum
      // }).catch(res => {
      //   // 请求失败处理...
      // })
    // $_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({
        params: {
          pageNum: pageNum,
          pageSize: pageSize,
          FACILITY_CODE: number,
          FACILITY_TYPE: type,
          FACILITY_NAME: name
        }
      }))
      this.$test.post(services.equipment.GET_EQUIPMENT, params
      ).then(res => {
        // 请求成功处理...
        this.table.data = res.data.result.list
        this.table.pager.total = res.data.result.total
        this.table.pager.currentPage = res.data.result.pageNum
      }).catch(res => {
        // 请求失败处理...
      })
    },
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
      this.queryCondition.equipmentType = ''
      this.queryCondition.equipmentName = ''
      this.queryCondition.equipmentNumber = ''
      this.searchResult = [
        {
          FACILITY_CODE: '',
          FACILITY_ID: '',
          FACILITY_NAME: '',
          FACILITY_TYPE: '',
          LATITUDE: '',
          LONGITUDE: ''
        }
      ]
      this.searchResult_n = [
        {
          FACILITY_CODE: '',
          FACILITY_ID: '',
          FACILITY_NAME: '',
          FACILITY_TYPE: '',
          LATITUDE: '',
          LONGITUDE: ''
        }
      ]
      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() {
    },
    onPagerChange(page) {
      this.getList(page, this.table.pager.size, '', '', '')
    },
    onSizeChange(number) {
      this.getList(1, number, '', '', '')
    },
    cancel() {
      this.modal = false
      this.updateModal = false
      this.formValidate.type = ''
      this.formValidate.name = ''
      this.formValidate.number = ''
      this.formValidate.lng = ''
      this.formValidate.lat = ''
      this.getList(this.table.pager.currentPage, this.table.pager.size, this.queryCondition.equipmentType, this.queryCondition.equipmentName, this.queryCondition.equipmentNumber)
    },
    submit() {
      debugger
      this.$refs.formValidate.validate(valid => {
        console.log(valid)
        if (valid) {
          this.$Message.success('提交成功!')
          var params = new FormData()
          params.append('data', JSON.stringify({
            params: {
              FACILITY_TYPE: this.formValidate.type,
              FACILITY_NAME: this.formValidate.name,
              FACILITY_CODE: this.formValidate.number,
              LONGITUDE: this.formValidate.lng,
              LATITUDE: this.formValidate.lat
            }
          }))
          this.$test.post(services.equipment.ADD_EQUIPMENT, params
          ).then(res => {
            // 请求成功处理...
            this.$Message.success('提交成功!')
            this.cancel()
            // this.getList(this.table.pager.currentPage, this.table.pager.size, this.queryCondition.equipmentType, this.queryCondition.equipmentName, this.queryCondition.equipmentNumber)
          }).catch(res => {
            // 请求失败处理...
          })
        } else {
          this.$Message.danger('表单验证失败!')
        }
      })
    },
    updateSubmit() {
      debugger
      this.$refs.updateRow.validate(valid => {
        console.log(valid)
        if (valid) {
          var params = new FormData()
          params.append('data', JSON.stringify({
            params: {
              FACILITY_ID: this.updateRow.FACILITY_ID,
              FACILITY_TYPE: this.updateRow.FACILITY_TYPE,
              FACILITY_NAME: this.updateRow.FACILITY_NAME,
              LONGITUDE: this.updateRow.LONGITUDE,
              LATITUDE: this.updateRow.LATITUDE
            }
          }))
          this.$test.post(services.equipment.ADD_EQUIPMENT, params
          ).then(res => {
            // 请求成功处理...
            this.$Message.success('提交成功!')
            this.cancel()
          }).catch(res => {
            // 请求失败处理...
          })
        } else {
          this.$Message.danger('表单验证失败!')
        }
@@ -350,7 +546,8 @@ export default {
      this.modal = true
    },
    handleClick(row) {
      this.modal = true
      this.updateModal = true
      this.updateRow = row
    },
    remove(row) {
      let that = this
@@ -360,16 +557,18 @@ export default {
        ok: function () {
          var params = new FormData()
          params.append('data', JSON.stringify({
            MAP_TAG_ID: row.MAP_TAG_ID
            params: {
              FACILITY_ID: row.FACILITY_ID
            }
          }))
          // this.$test.post(services.mapTag.DEL_MAP_TAG, params
          // ).then(res => {
          //   // 请求成功处理...
          this.$Message.success('操作成功')
          //   that.getList(that.table.pager.currentPage, that.table.pager.size, that.queryCondition.userName)
          // }).catch(res => {
          //   // 请求失败处理...
          // })
          this.$test.post(services.equipment.DEL_EQUIPMENT, params
          ).then(res => {
            // 请求成功处理...
            that.$Message.success('操作成功')
            that.getList(that.table.pager.currentPage, that.table.pager.size, that.queryCondition.equipmentType, that.queryCondition.equipmentName, that.queryCondition.equipmentNumber)
          }).catch(res => {
            // 请求失败处理...
          })
        }
      }
      this.$Confirm.confirm(confirm)