From fadb9543bcedef371bf11a731b27b72b387dbb83 Mon Sep 17 00:00:00 2001
From: tengxi <971623072@qq.com>
Date: Mon, 13 Feb 2023 16:43:36 +0800
Subject: [PATCH] 2

---
 .../basicInformation/monitormanage/Form.vue   | 495 +++++++++---------
 1 file changed, 257 insertions(+), 238 deletions(-)

diff --git a/SC-web/src/views/scm/basicInformation/monitormanage/Form.vue b/SC-web/src/views/scm/basicInformation/monitormanage/Form.vue
index 80286529..4beb0e62 100644
--- a/SC-web/src/views/scm/basicInformation/monitormanage/Form.vue
+++ b/SC-web/src/views/scm/basicInformation/monitormanage/Form.vue
@@ -1,262 +1,281 @@
 <template>
-<el-dialog :title="!dataForm.id ? '新建' :  isDetail ? '详情':'编辑'"
-           :close-on-click-modal="false" append-to-body
-           :visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
-           width="800px">
-<el-row :gutter="15" class="">
-<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right" >
-    <template v-if="!loading">
-            <el-col :span="24" >
-                <el-form-item  label="设备名称"  
- prop="mName" >
-                    <el-input    v-model="dataForm.mName"
- placeholder="请输入设备名称"  clearable  :style='{"width":"100%"}'>
+  <el-dialog :title="!dataForm.id ? '新建' :  isDetail ? '详情':'编辑'"
+             :close-on-click-modal="false" append-to-body
+             :visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
+             width="800px">
+    <el-row :gutter="15" class="">
+      <el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right">
+        <template v-if="!loading">
+          <el-col :span="24">
+            <el-form-item label="设备名称"
+                          prop="mName">
+              <el-input v-model="dataForm.mName"
+                        placeholder="请输入设备名称" clearable :style='{"width":"100%"}'>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="区域"  
- prop="monitoringId" >
-                    <el-select    v-model="dataForm.monitoringId"
- placeholder="请选择区域"  clearable  :style='{"width":"100%"}' filterable >
-                            <el-option v-for="(item, index) in monitoringIdOptions" :key="index" :label="item.m_name" :value="item.id" :disabled="item.disabled" ></el-option>
+              </el-input>
+            </el-form-item>
+          </el-col>
 
-                </el-select>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="设备状态："  
- prop="mStatus" >
-                    <el-select    v-model="dataForm.mStatus"
- placeholder="请选择设备状态"  clearable  :style='{"width":"100%"}'>
-                            <el-option v-for="(item, index) in mStatusOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
+          <el-col :span="24">
+            <el-form-item label="设备序列号"
+                          prop="mName">
+              <el-input v-model="dataForm.serialnumber"
+                        placeholder="请输入序列号" clearable :style='{"width":"100%"}'>
 
-                </el-select>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="标清flv直播地址"  
- prop="flvAddress" >
-                    <el-input    v-model="dataForm.flvAddress"
- placeholder="请输入"  readonly  clearable  :style='{"width":"100%"}'>
+              </el-input>
+            </el-form-item>
+          </el-col>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="高清flv直播地址"  
- prop="flvHdAddress" >
-                    <el-input    v-model="dataForm.flvHdAddress"
- placeholder="请输入"  readonly  clearable  :style='{"width":"100%"}'>
+          <el-col :span="24">
+            <el-form-item label="区域"
+                          prop="monitoringId">
+              <el-select v-model="dataForm.monitoringId"
+                         placeholder="请选择区域" clearable :style='{"width":"100%"}' filterable>
+                <el-option v-for="(item, index) in monitoringIdOptions" :key="index" :label="item.m_name"
+                           :value="item.id" :disabled="item.disabled"></el-option>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="设备通道号"  
- prop="channelNumber" >
-                    <el-input    v-model="dataForm.channelNumber"
- placeholder="请输入"  readonly  clearable  :style='{"width":"100%"}'>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="设备状态："
+                          prop="mStatus">
+              <el-select v-model="dataForm.mStatus"
+                         placeholder="请选择设备状态" clearable :style='{"width":"100%"}'>
+                <el-option v-for="(item, index) in mStatusOptions" :key="index" :label="item.fullName" :value="item.id"
+                           :disabled="item.disabled"></el-option>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="是否显示"  
- prop="isEnable" >
-                    <el-select    v-model="dataForm.isEnable"
- placeholder="请选择是否显示"  clearable  :style='{"width":"100%"}'>
-                            <el-option v-for="(item, index) in isEnableOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="标清flv直播地址"
+                          prop="flvAddress">
+              <el-input v-model="dataForm.flvAddress"
+                        placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
 
-                </el-select>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="修改时间"  
- prop="lastmodifytime" >
-                    <el-date-picker    v-model="dataForm.lastmodifytime"
- placeholder="请选择"  readonly  clearable  :style='{"width":"100%"}' type="datetime"  format="yyyy-MM-dd HH:mm:ss"  value-format="timestamp" >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="高清flv直播地址"
+                          prop="flvHdAddress">
+              <el-input v-model="dataForm.flvHdAddress"
+                        placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
 
-                </el-date-picker>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="修改人id"  
- prop="deleteUserId" >
-                    <el-input    v-model="dataForm.deleteUserId"
- placeholder="请输入"  readonly  clearable  :style='{"width":"100%"}'>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="设备通道号"
+                          prop="channelNumber">
+              <el-input v-model="dataForm.channelNumber"
+                        placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="创建人名称"  
- prop="creatorUserName" >
-                    <el-input    v-model="dataForm.creatorUserName"
- placeholder="请输入"  readonly  clearable  :style='{"width":"100%"}'>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="是否显示"
+                          prop="isEnable">
+              <el-select v-model="dataForm.isEnable"
+                         placeholder="请选择是否显示" clearable :style='{"width":"100%"}'>
+                <el-option v-for="(item, index) in isEnableOptions" :key="index" :label="item.fullName" :value="item.id"
+                           :disabled="item.disabled"></el-option>
 
-                </el-input>
-                </el-form-item>
-            </el-col>
-            <el-col :span="24" >
-                <el-form-item  label="创建时间"  
- prop="creatorTime" >
-                    <el-date-picker    v-model="dataForm.creatorTime"
- placeholder="请选择"  readonly  clearable  :style='{"width":"100%"}' type="datetime"  format="yyyy-MM-dd HH:mm:ss"  value-format="timestamp" >
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!--          <el-col :span="24">-->
+          <!--            <el-form-item label="修改时间"-->
+          <!--                          prop="lastmodifytime">-->
+          <!--              <el-date-picker v-model="dataForm.lastmodifytime"-->
+          <!--                              placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime"-->
+          <!--                              format="yyyy-MM-dd HH:mm:ss" value-format="timestamp">-->
 
-                </el-date-picker>
-                </el-form-item>
-            </el-col>
-    </template>
-</el-form>
+          <!--              </el-date-picker>-->
+          <!--            </el-form-item>-->
+          <!--          </el-col>-->
+          <!--          <el-col :span="24">-->
+          <!--            <el-form-item label="修改人id"-->
+          <!--                          prop="deleteUserId">-->
+          <!--              <el-input v-model="dataForm.deleteUserId"-->
+          <!--                        placeholder="请输入" readonly clearable :style='{"width":"100%"}'>-->
+
+          <!--              </el-input>-->
+          <!--            </el-form-item>-->
+          <!--          </el-col>-->
+          <!--          <el-col :span="24">-->
+          <!--            <el-form-item label="创建人名称"-->
+          <!--                          prop="creatorUserName">-->
+          <!--              <el-input v-model="dataForm.creatorUserName"-->
+          <!--                        placeholder="请输入" readonly clearable :style='{"width":"100%"}'>-->
+
+          <!--              </el-input>-->
+          <!--            </el-form-item>-->
+          <!--          </el-col>-->
+          <!--          <el-col :span="24">-->
+          <!--            <el-form-item label="创建时间"-->
+          <!--                          prop="creatorTime">-->
+          <!--              <el-date-picker v-model="dataForm.creatorTime"-->
+          <!--                              placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime"-->
+          <!--                              format="yyyy-MM-dd HH:mm:ss" value-format="timestamp">-->
+
+          <!--              </el-date-picker>-->
+          <!--            </el-form-item>-->
+          <!--          </el-col>-->
+        </template>
+      </el-form>
     </el-row>
     <span slot="footer" class="dialog-footer">
         <el-button @click="visible = false"> 取 消</el-button>
         <el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail"> 确 定</el-button>
     </span>
-    </el-dialog>
+  </el-dialog>
 </template>
 <script>
-    import request from '@/utils/request'
-    import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
-    import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
-    export default {
-        components: {},
-        props: [],
-        data() {
-            return {
-                visible: false,
-                loading: false,
-                isDetail: false,
-            dataForm: {
-                            mName : '',
-                            monitoringId : "",
-                            serialnumber : '',
-                            mStatus : "0",
-                            flvAddress : '',
-                            flvHdAddress : '',
-                            channelNumber : '',
-                            isEnable : "0",
-                            lastmodifytime : '',
-                            deleteUserId : '',
-                            creatorUserName : '',
-                            creatorTime : '',
-            },
-            rules:
-            {
-                            mName: [
-                                {
-                                    required: true,
-                                    message: '请输入设备名称',
-                                    trigger: 'blur'
-                                },
-                        ],
-            },
-                        monitoringIdOptions:[],
-                        mStatusOptions:[{"fullName":"在线","id":"1"},{"fullName":"不在线","id":"0"}],
-                        isEnableOptions:[{"fullName":"显示","id":"1"},{"fullName":"不显示","id":"0"}],
+  import request from '@/utils/request'
+  import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
+  import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
 
-        }
-        },
-        computed: {},
-        watch: {},
-        created() {
-                    this.getmonitoringIdOptions();
-        },
-        mounted() {},
-        methods: {
-                    getmonitoringIdOptions() {
-                        getDataInterfaceRes('370933183241262469').then(res => {
-                            let data = res.data.data
-                            this.monitoringIdOptions = data
-                        })
-                    },
-            clearData(data){
-                for (let key in data) {
-                    if (data[key] instanceof Array) {
-                        data[key] = [];
-                    } else if (data[key] instanceof Object) {
-                        this.clearData(data[key]);
-                    } else {
-                        data[key] = "";
-                    }
-                }
-            },
-            init(id, isDetail) {
-                this.dataForm.id = id || 0;
-                this.visible = true;
-                this.isDetail = isDetail || false;
-                this.$nextTick(() => {
-                    this.$refs['elForm'].resetFields();
-                    if(this.dataForm.id){
-                        this.loading = true
-                        request({
-                            url: '/api/example/Monitoringitem/'+this.dataForm.id,
-                            method: 'get'
-                        }).then(res => {
-                            this.dataInfo(res.data)
-                            this.loading = false
-                        });
-                    }else{
-                       this.clearData(this.dataForm)
-                    }
-                });
-                this.$store.commit('generator/UPDATE_RELATION_DATA', {})
-            },
-            // 表单提交
-            dataFormSubmit() {
-                this.$refs['elForm'].validate((valid) => {
-                    if (valid) {
-                            this.request()
-                    }
-                })
-            },
-            request() {
-                var _data =this.dataList()
-                if (!this.dataForm.id) {
-                    request({
-                        url: '/api/example/Monitoringitem',
-                        method: 'post',
-                        data: _data
-                    }).then((res) => {
-                        this.$message({
-                            message: res.msg,
-                            type: 'success',
-                            duration: 1000,
-                            onClose: () => {
-                                this.visible = false
-                                this.$emit('refresh', true)
-                            }
-                        })
-                    })
-                }else{
-                    request({
-                        url: '/api/example/Monitoringitem/'+this.dataForm.id,
-                        method: 'PUT',
-                        data: _data
-                    }).then((res) => {
-                        this.$message({
-                            message: res.msg,
-                            type: 'success',
-                            duration: 1000,
-                            onClose: () => {
-                                this.visible = false
-                                this.$emit('refresh', true)
-                            }
-                        })
-                    })
-                }
-            },
-            dataList(){
-                var _data = JSON.parse(JSON.stringify(this.dataForm));
-                return _data;
-            },
-            dataInfo(dataAll){
-                let _dataAll =dataAll
-                this.dataForm = _dataAll
-            },
+  export default {
+    components: {},
+    props: [],
+    data() {
+      return {
+        visible: false,
+        loading: false,
+        isDetail: false,
+        dataForm: {
+          mName: '',
+          monitoringId: '',
+
+          serialnumber: '',
+          mStatus: '0',
+          flvAddress: '',
+          flvHdAddress: '',
+          channelNumber: '',
+          isEnable: '0',
+          lastmodifytime: '',
+          deleteUserId: '',
+          creatorUserName: '',
+          creatorTime: ''
         },
+        rules:
+          {
+            mName: [
+              {
+                required: true,
+                message: '请输入设备名称',
+                trigger: 'blur'
+              }
+            ]
+          },
+        monitoringIdOptions: [],
+        mStatusOptions: [{ 'fullName': '在线', 'id': '1' }, { 'fullName': '不在线', 'id': '0' }],
+        isEnableOptions: [{ 'fullName': '显示', 'id': '1' }, { 'fullName': '不显示', 'id': '0' }]
+
+      }
+    },
+    computed: {},
+    watch: {},
+    created() {
+      this.getmonitoringIdOptions()
+    },
+    mounted() {
+    },
+    methods: {
+      getmonitoringIdOptions() {
+        getDataInterfaceRes('370933183241262469').then(res => {
+          let data = res.data.data
+          this.monitoringIdOptions = data
+        })
+      },
+      clearData(data) {
+        for (let key in data) {
+          if (data[key] instanceof Array) {
+            data[key] = []
+          } else if (data[key] instanceof Object) {
+            this.clearData(data[key])
+          } else {
+            data[key] = ''
+          }
+        }
+      },
+      init(id, isDetail) {
+        this.dataForm.id = id || 0
+        this.visible = true
+        this.isDetail = isDetail || false
+        this.$nextTick(() => {
+          this.$refs['elForm'].resetFields()
+          if (this.dataForm.id) {
+            this.loading = true
+            request({
+              url: '/api/example/Monitoringitem/' + this.dataForm.id,
+              method: 'get'
+            }).then(res => {
+              this.dataInfo(res.data)
+              this.loading = false
+            })
+          } else {
+            this.clearData(this.dataForm)
+          }
+        })
+        this.$store.commit('generator/UPDATE_RELATION_DATA', {})
+      },
+      // 表单提交
+      dataFormSubmit() {
+        this.$refs['elForm'].validate((valid) => {
+          if (valid) {
+            this.request()
+          }
+        })
+      },
+      request() {
+        var _data = this.dataList()
+        if (!this.dataForm.id) {
+          request({
+            url: '/api/example/Monitoringitem',
+            method: 'post',
+            data: _data
+          }).then((res) => {
+            this.$message({
+              message: res.msg,
+              type: 'success',
+              duration: 1000,
+              onClose: () => {
+                this.visible = false
+                this.$emit('refresh', true)
+              }
+            })
+          })
+        } else {
+          request({
+            url: '/api/example/Monitoringitem/' + this.dataForm.id,
+            method: 'PUT',
+            data: _data
+          }).then((res) => {
+            this.$message({
+              message: res.msg,
+              type: 'success',
+              duration: 1000,
+              onClose: () => {
+                this.visible = false
+                this.$emit('refresh', true)
+              }
+            })
+          })
+        }
+      },
+      dataList() {
+        var _data = JSON.parse(JSON.stringify(this.dataForm))
+        return _data
+      },
+      dataInfo(dataAll) {
+        let _dataAll = dataAll
+        this.dataForm = _dataAll
+      }
     }
+  }
 
 </script>