预警告警

src/api/base/warnAlert.js

@@ -0,0 +1,18 @@
+/**
+ * 预警告警页面 API
+ */
+import request from '@/utils/request'
+/** 预警告警列表查询 */
+export const queryWarnAlertListApi = (data) => {
+  return request.get('/base/tbDevAttribute/list', {
+    params: data
+  })
+}
+
+/** 预警告警列表查询 */
+export const handleWarnAlertApi = (data) => {
+  // return request.post('/base/tbDevAttribute/handle',data) 
+  return request.post('/base/tbDevAttribute/handle', data)
+}
+
+

src/components/TableModel/index.vue

@@ -64,6 +64,7 @@
                     style="width: 240px"
                     value-format="yyyy-MM-dd"
                     type="date"
+                     :placeholder="`请输入${item.f_label}`"
                 />
                 <el-date-picker
                   v-if="item.f_type === 'dateRange'"

src/views/base/edgeInsert/components/form-insert-all.vue

@@ -76,7 +76,7 @@
         </TableModelTwo>
         <el-form-item label="审核意见" prop="remarks">
 <!--          <textarea id="remarks" v-model="projectParams.remarks" class="el-textarea" placeholder="请输入审核意见" disabled></textarea>-->
-                 <el-input :rows="4" type="textarea" v-model="projectParams.remarks" placeholder="请输入" disabled/>
+                 <el-input :rows="4" type="textarea" v-model="projectParams.remarks" placeholder="请输入审核意见" disabled/>
         </el-form-item>
         <el-row type="flex" justify="space-between" :gutter="24">
             <el-col :span="12">
@@ -319,7 +319,7 @@ export default {
                     let res = await approveEdgeDeviceApi(this.projectParams)
                     if(res.code === 200) {
                       this.$modal.msgSuccess('操作成功')
-                      this.$emit('closeDialogApprove', true)
+                      this.$emit('closeDialogAll', true)
                     }
 
                 }
@@ -333,7 +333,7 @@ export default {
               let res = await approveEdgeDeviceApi(this.projectParams)
               if(res.code === 200) {
                 this.$modal.msgSuccess('操作成功')
-                this.$emit('closeDialogApprove', true)
+                this.$emit('closeDialogAll', true)
               }
             }
           })

src/views/base/edgeInsert/components/form-insert-approve.vue

@@ -75,8 +75,8 @@
         >
         </TableModelTwo>
         <el-form-item label="审核意见" prop="remarks">
-          <textarea id="remarks" v-model="projectParams.remarks" class="el-textarea" placeholder="请输入审核意见" ></textarea>
+<!--          <textarea id="remarks" v-model="projectParams.remarks" class="el-textarea" placeholder="请输入审核意见" disabled></textarea>-->
-                <!-- <el-input v-model="projectParams.relUser" placeholder="请输入" disabled/> -->
+                 <el-input :rows="4" type="textarea" v-model="projectParams.remarks" placeholder="请输入审核意见" />
         </el-form-item>
       </el-form>
 

src/views/base/edgeInsert/config-all.js

@@ -1,10 +1,4 @@
-export const formLabelAll = [
+
-    { f_label: '边代名称', f_model: 'departName', f_type: 'ipt' },
-    { f_label: '边代编号', f_model: 'departName', f_type: 'ipt' },
-    { f_label: '工程名称', f_model: 'headUser', f_type: 'ipt' },
-    { f_label: '杆塔编号', f_model: 'headUser', f_type: 'ipt' },
-    { f_label: '绑定时间', f_model: 'headUser', f_type: 'date' },
-  ]
   export const columnsListAll = [
       { t_props: 'departName', t_label: '申请项目部', },
       { t_props: 'proName', t_label: '工程名称' },

src/views/base/edgeInsert/config.js

@@ -1,9 +1,8 @@
 export const formLabel = [
-  { f_label: '边代名称', f_model: 'departName', f_type: 'ipt' },
+  { f_label: '项目部名称', f_model: 'departName', f_type: 'ipt' },
-  { f_label: '边代编号', f_model: 'departName', f_type: 'ipt' },
+  { f_label: '工程名称', f_model: 'proName', f_type: 'ipt' },
-  { f_label: '工程名称', f_model: 'headUser', f_type: 'ipt' },
+  { f_label: '申请人', f_model: 'relUser', f_type: 'ipt' },
-  { f_label: '杆塔编号', f_model: 'headUser', f_type: 'ipt' },
+  { f_label: '申请时间', f_model: 'auditStatus', f_type: 'date', },
-  { f_label: '绑定时间', f_model: 'headUser', f_type: 'date' },
 ]
 export const columnsList = [
     { t_props: 'departName', t_label: '申请项目部', },
@@ -12,7 +11,7 @@ export const columnsList = [
     { t_props: 'relUser', t_label: '申请人', },
     { t_props: 'relPhone', t_label: '联系方式', t_slot: 'relPhone' },
     { t_props: 'createTime', t_label: '申请时间', },
-    { t_props: 'auditStatus', t_label: '申请状态', t_slot: 'auditStatus' },
+    { t_props: 'auditStatus', t_label: '审核状态', t_slot: 'auditStatus' },
 ]
 
 export const dialogConfig = {

src/views/base/warnAlert/components/form-warnAlert.vue

@@ -0,0 +1,117 @@
+<template>
+    <!-- 工程管理 新增、编辑 表单组件 -->
+    <div >
+        <el-form
+            label-width="100px"
+            size="medium"
+            ref="warnAlertParamsRef"
+            :model="warnAlertParams"
+            :rules="warnAlertParamsRules"
+        >
+          <el-form-item label="预警处置" prop="remarks">
+            <el-input v-model="warnAlertParams.remarks" :maxlength="15" placeholder="请输入预警处置内容" />
+          </el-form-item>
+
+          <el-form-item>
+              <el-button type="success" @click="onSubmit">确认</el-button>
+              <el-button
+                  @click="
+                      () => {
+                          this.$emit('closeDialog')
+                      }
+                  "
+                  >取消</el-button
+              >
+          </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import {
+  handleWarnAlertApi
+} from '@/api/base/warnAlert'
+export default {
+    name: 'FormWarnAlert',
+    props: {
+        editParams: {
+            type: Object,
+            default: () => null,
+        },
+    },
+    components: {  },
+    created() {
+      
+    },
+   async mounted() {
+       console.log(this.editParams)
+        if (this.editParams) {
+          await  Object.assign(this.warnAlertParams, this.editParams)
+            console.log(this.warnAlertParams)
+            this.subSort = 2
+        } else {
+            this.subSort = 1
+        }
+    },
+    data() {
+        return {
+            subSort: '', // 提交类型：新增 1 / 修改 2
+            open: false,
+            warnAlertParams: {
+              id: undefined, // id
+              isWarn: 0, // 是否预警
+              remarks: undefined, // 预警处置
+            },
+            // 校验规则
+            warnAlertParamsRules: {
+              
+            },
+
+        }
+    },
+    methods: {
+
+        /** 改变树结构 */
+        changeTree(leaf) {
+          leaf.map(item => {
+            item.value = item.id
+            if(item.children) {
+              this.changeTree(item.children)
+            }
+          })
+          return leaf
+        },
+        /** 级联选择器改变 */
+        handleCas(e) {
+          this.warnAlertParams.impUnit = e[e.length - 1]
+        },
+        /** 确认按钮 */
+        onSubmit() {
+          console.log(this.warnAlertParams)
+            this.$refs.warnAlertParamsRef.validate(valid => {
+                if (valid) {
+                      this.warnAlertParams.isWarn = 0
+                      // console.log(this.warnAlertParams+'-----------------------')
+                      handleWarnAlertApi(this.warnAlertParams).then(res => {
+                        this.$modal.msgSuccess('操作成功')
+                        // 2. 成功之后通知父组件关闭弹框
+                        this.$emit('closeDialog', true)
+                      }).catch(err => {
+                        console.log(err)
+                      })
+                    
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style scoped>
+::v-deep .el-select {
+    width: 100%;
+}
+::v-deep .el-form-item__label{
+  font-weight: normal;
+}
+</style>

src/views/base/warnAlert/config.js

@@ -0,0 +1,36 @@
+import {
+    queryDeviceTypeApi
+  } from '@/api/base/device'
+  
+  export const queryDeviceTypes = () => {
+    queryDeviceTypeApi({'dictType':'dev_type'}).then(res => {
+      formLabel[1].f_selList = res.data.map(item => {
+        return {
+          label: item.dictLabel,
+          value: item.dictCode
+        }
+      })
+    }).catch(err => {})
+  }
+export const formLabel = [
+    { f_label: '设备名称', f_model: 'devName', f_type: 'ipt' },
+    { f_label: '设备类型', f_model: 'devType', f_type: 'sel',f_selList: [] },
+    { f_label: '预警日期', f_model: 'startTime', f_type: 'dateRange' },
+
+]
+
+export const columnsList = [
+    { t_props: 'devTypeName', t_label: '预警设备类型' },
+    { t_props: 'devName', t_label: '预警设备名称', },
+    { t_props: 'devCode', t_label: '预警设备编号', },
+    { t_props: 'warnName', t_label: '预警内容', t_slot: 'warnName' },
+    { t_props: 'jcTime', t_label: '预警时间', },
+    { t_props: 'status', t_label: '状态', },
+    { t_props: 'remarks', t_label: '预警处置',t_slot: 'remarks'},
+]
+
+export const dialogConfig = {
+    outerWidth: '40%',
+    outerTitle: '',
+    outerVisible: false,
+};

src/views/base/warnAlert/index.vue

@@ -0,0 +1,108 @@
+<template>
+  <!-- 工程管理页面 -->
+  <div class="app-container">
+    <!-- 表格 -->
+    <TableModel
+      :formLabel="formLabel"
+      :columnsList="columnsList"
+      :request-api="queryWarnAlertListApi"
+      ref="tableRef"
+    >
+    <template slot="btn" slot-scope="{ queryParams }">
+        <el-button
+          @click="handleExportData(
+                    exportList,
+                    'base/tbDevAttribute/export',
+                    '异常记录',
+                    queryParams
+                  )"
+          icon="el-icon-upload2"
+          size="mini"
+        >导出数据</el-button
+        >
+    </template>
+      <template slot="handle" slot-scope="{ data }">
+        <el-button
+          type="primary"
+          size="mini"
+          v-if="data.status === '未处置'"
+          @click="handleWarnData(data)"
+        >处理</el-button
+        >
+      </template>
+      <template slot="warnName" slot-scope="{ data }">
+        <span 
+          v-if="data.warnName == null || data.warnName === ''"
+          >无</span
+        >
+        <span v-else>{{ data.warnName }}</span>
+      </template>
+
+      <template slot="remarks" slot-scope="{ data }">
+        <span 
+          v-if="data.remarks == null || data.remarks === ''"
+          ></span
+        >
+        <span v-else>{{ data.remarks }}</span>
+      </template>
+    </TableModel>
+
+     <!-- 处理时的弹框 -->
+     <DialogModel
+      :dialogConfig="dialogConfig"
+      @closeDialogOuter="closeDialogOuter"
+    >
+      <template slot="outerContent">
+        <!-- 新增以及修改数据的表单组件 -->
+        <FormWarnAlert
+          :editParams="editParams"
+          @closeDialog="closeDialog"
+        />
+      </template>
+    </DialogModel>
+
+  </div>
+</template>
+
+<script>
+import { formLabel, columnsList,dialogConfig,queryDeviceTypes } from './config'
+import { commonMixin } from '../mixins/common'
+import {
+  queryWarnAlertListApi
+} from '@/api/base/warnAlert'
+import FormWarnAlert from './components/form-warnAlert.vue'
+export default {
+  name: 'WarnAlert',
+  methods: {
+    queryWarnAlertListApi,
+    handleWarnData(v) {
+      this.editParams = v
+      this.dialogConfig.outerVisible = true
+      this.dialogConfig.outerTitle = '处理异常记录'
+      // this.dialogConfig.dialogWidth = '50%'
+      // this.dialogConfig.dialogHeight = '50%'
+      // this.dialogConfig.dialogType = 'exam'
+    },
+  },
+
+  mixins: [commonMixin],
+  components: {
+    FormWarnAlert
+  },
+  created() {
+    queryDeviceTypes()
+  },
+  data() {
+    return {
+      // 搜索区表单配置项
+      formLabel,
+      // 表格导出id列表
+      dialogConfig,
+      exportList: [],
+      // 列表区配置项
+      columnsList,
+      // 弹框区配置项
+    }
+  },
+}
+</script>