From 92c6a1008383a7225ee6247ac147b730ab7132de Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: Mon, 15 Jul 2024 15:42:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web_src/package.json                          |   2 +-
 web_src/src/components/ChannelEdit.vue        |  12 +-
 .../{ChannelCode.vue => channelCode.vue}      | 265 +++++++++---------
 3 files changed, 143 insertions(+), 136 deletions(-)
 rename web_src/src/components/dialog/{ChannelCode.vue => channelCode.vue} (52%)

diff --git a/web_src/package.json b/web_src/package.json
index 255e7887..20f9d4aa 100644
--- a/web_src/package.json
+++ b/web_src/package.json
@@ -14,7 +14,7 @@
     "axios": "^0.24.0",
     "core-js": "^2.6.5",
     "echarts": "^4.9.0",
-    "element-ui": "^2.15.6",
+    "element-ui": "^2.15.14",
     "fingerprintjs2": "^2.1.2",
     "moment": "^2.29.1",
     "ol": "^6.14.1",
diff --git a/web_src/src/components/ChannelEdit.vue b/web_src/src/components/ChannelEdit.vue
index 21e60dc4..e4517ac5 100644
--- a/web_src/src/components/ChannelEdit.vue
+++ b/web_src/src/components/ChannelEdit.vue
@@ -19,7 +19,7 @@
         </el-form-item>
         <el-form-item label="编码" >
           <el-input v-model="form.gbDeviceId" placeholder="请输入通道编码">
-            <el-button slot="append" @click="buildDeviceIdCode">生成</el-button>
+            <el-button slot="append" @click="buildDeviceIdCode(form.gbDeviceId)">生成</el-button>
           </el-input>
         </el-form-item>
         <el-form-item label="设备厂商" >
@@ -212,18 +212,18 @@
       </div>
 
     </el-form>
-    <ChannelCode ref="channelCode"></ChannelCode>
+    <channelCode ref="channelCode"></channelCode>
   </div>
 </template>
 
 <script>
-import ChannelCode from './dialog/ChannelCode.vue'
+import channelCode from './dialog/channelCode'
 
 export default {
   name: "channelEdit",
   props: [ 'id',],
   components: {
-    ChannelCode,
+    channelCode,
   },
   created() {
     // 获取完整信息
@@ -266,10 +266,10 @@ export default {
         this.locading = false
       ])
     },
-    buildDeviceIdCode: function (){
+    buildDeviceIdCode: function (gbDeviceId){
       this.$refs.channelCode.openDialog(code=>{
         this.form.gbDeviceId = code;
-      });
+      }, gbDeviceId);
     }
     // getDeviceChannel:function (callback) {
     //   this.$axios({
diff --git a/web_src/src/components/dialog/ChannelCode.vue b/web_src/src/components/dialog/channelCode.vue
similarity index 52%
rename from web_src/src/components/dialog/ChannelCode.vue
rename to web_src/src/components/dialog/channelCode.vue
index abef63a8..ddb14a88 100644
--- a/web_src/src/components/dialog/ChannelCode.vue
+++ b/web_src/src/components/dialog/channelCode.vue
@@ -1,134 +1,132 @@
 <template>
-  <div id="channelCode" v-loading="loading">
-    <el-dialog
-      title="生成国标编码"
-      width="65rem"
-      top="2rem"
-      :close-on-click-modal="false"
-      :visible.sync="showVideoDialog"
-      :destroy-on-close="true"
-      @close="closeModel()"
-    >
-      <el-tabs v-model="activeKey" centered style="padding: 0 1rem">
-        <el-tab-pane name="0" >
+  <el-dialog
+    title="生成国标编码"
+    width="60%"
+    top="2rem"
+    center
+    :close-on-click-modal="false"
+    :visible.sync="showVideoDialog"
+    :destroy-on-close="false"
+  >
+    <el-tabs v-model="activeKey" style="padding: 0 1rem" @tab-click="getRegionList">
+      <el-tab-pane name="0" >
+        <div slot="label" >
+          <div class="show-code-item">{{ allVal[0].val }}</div>
+          <div style="text-align: center">{{ allVal[0].meaning }}</div>
+        </div>
+        <el-radio-group v-model="allVal[0].val" >
+          <el-radio v-for="item in regionList" :key="item.commonRegionId" :label="item.commonRegionDeviceId" style="line-height: 2rem">
+            {{ item.commonRegionName }} - {{ item.commonRegionDeviceId }}
+          </el-radio>
+        </el-radio-group>
+      </el-tab-pane>
+        <el-tab-pane name="1">
           <div slot="label">
-            <div class="show-code-item">{{ allVal[0].val }}</div>
-            <div style="text-align: center">{{ allVal[0].meaning }}</div>
+            <div class="show-code-item">{{ allVal[1].val }}</div>
+            <div style="text-align: center">{{ allVal[1].meaning }}</div>
           </div>
-          <el-radio-group v-model="allVal[0].val" :disabled="allVal[0].lock">
-<!--            <el-radio v-for="item in regionList" :label="item.commonRegionDeviceId">-->
-<!--              {{ item.commonRegionName }} - {{ item.commonRegionDeviceId }}-->
-<!--            </el-radio>-->
-            <el-radio :label="3">备选项</el-radio>
-            <el-radio :label="6">备选项</el-radio>
-            <el-radio :label="9">备选项</el-radio>
+          <el-radio-group v-model="allVal[1].val" :disabled="allVal[1].lock">
+            <el-radio v-for="item in regionList" :key="item.commonRegionId" :label="item.commonRegionDeviceId.substring(2)" style="line-height: 2rem">
+              {{ item.commonRegionName }} - {{ item.commonRegionDeviceId.substring(2) }}
+            </el-radio>
           </el-radio-group>
         </el-tab-pane>
-<!--        <el-tab-pane name="1">-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[1].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[1].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-radio-group v-model="allVal[1].val" :disabled="allVal[1].lock">-->
-<!--            <el-radio v-for="item in regionList" :label="item.commonRegionDeviceId.substring(2)">-->
-<!--              {{ item.commonRegionName }} - {{ item.commonRegionDeviceId.substring(2) }}-->
-<!--            </el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="2">-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[2].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[2].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-radio-group v-model="allVal[2].val" :disabled="allVal[2].lock">-->
-<!--            <el-radio v-for="item in regionList" :label="item.commonRegionDeviceId.substring(4)">-->
-<!--              {{ item.commonRegionName }} - {{ item.commonRegionDeviceId.substring(4) }}-->
-<!--            </el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="3">-->
-<!--          请手动输入基层接入单位编码,两位数字-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[3].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[3].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-input-->
-<!--            type="text"-->
-<!--            placeholder="请输入内容"-->
-<!--            v-model="allVal[3].val"-->
-<!--            maxlength="2"-->
-<!--            :disabled="allVal[3].lock"-->
-<!--            show-word-limit-->
-<!--          >-->
-<!--          </el-input>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="4">-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[4].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[4].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-radio-group v-model="allVal[4].val" :disabled="allVal[4].lock">-->
-<!--            <el-radio v-for="item in industryCodeTypeList" :label="item.code">-->
-<!--              {{ item.name }} - {{ item.code }}-->
-<!--            </el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="5">-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[5].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[5].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-radio-group v-model="allVal[5].val" :disabled="allVal[5].lock">-->
-<!--            <el-radio v-for="item in deviceTypeList" :label="item.code">-->
-<!--              {{ item.name }} - {{ item.code }}-->
-<!--            </el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="6">-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[6].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[6].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-radio-group v-model="allVal[6].val" :disabled="allVal[6].lock">-->
-<!--            <el-radio v-for="item in networkIdentificationTypeList" :label="item.code">-->
-<!--              {{ item.name }} - {{ item.code }}-->
-<!--            </el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-tab-pane>-->
-<!--        <el-tab-pane name="7">-->
-<!--          请手动输入设备/用户序号, 六位数字-->
-<!--          <div slot="label">-->
-<!--            <div class="show-code-item">{{ allVal[7].val }}</div>-->
-<!--            <div style="text-align: center">{{ allVal[7].meaning }}</div>-->
-<!--          </div>-->
-<!--          <el-input-->
-<!--            type="text"-->
-<!--            placeholder="请输入内容"-->
-<!--            v-model="allVal[7].val"-->
-<!--            maxlength="6"-->
-<!--            :disabled="allVal[7].lock"-->
-<!--            show-word-limit-->
-<!--          >-->
-<!--          </el-input>-->
-<!--        </el-tab-pane>-->
-      </el-tabs>
-    </el-dialog>
-  </div>
+        <el-tab-pane name="2">
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[2].val }}</div>
+            <div style="text-align: center">{{ allVal[2].meaning }}</div>
+          </div>
+          <el-radio-group v-model="allVal[2].val" :disabled="allVal[2].lock">
+            <el-radio v-for="item in regionList" :key="item.commonRegionId" :label="item.commonRegionDeviceId.substring(4)" style="line-height: 2rem">
+              {{ item.commonRegionName }} - {{ item.commonRegionDeviceId.substring(4) }}
+            </el-radio>
+          </el-radio-group>
+        </el-tab-pane>
+        <el-tab-pane name="3">
+          请手动输入基层接入单位编码,两位数字
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[3].val }}</div>
+            <div style="text-align: center">{{ allVal[3].meaning }}</div>
+          </div>
+          <el-input
+            type="text"
+            placeholder="请输入内容"
+            v-model="allVal[3].val"
+            maxlength="2"
+            :disabled="allVal[3].lock"
+            show-word-limit
+          >
+          </el-input>
+        </el-tab-pane>
+        <el-tab-pane name="4">
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[4].val }}</div>
+            <div style="text-align: center; ">{{ allVal[4].meaning }}</div>
+          </div>
+          <el-radio-group v-model="allVal[4].val" :disabled="allVal[4].lock">
+            <el-radio v-for="item in industryCodeTypeList" :key="item.code" :label="item.code" style="line-height: 2rem">
+              {{ item.name }} - {{ item.code }}
+            </el-radio>
+          </el-radio-group>
+        </el-tab-pane>
+        <el-tab-pane name="5">
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[5].val }}</div>
+            <div style="text-align: center">{{ allVal[5].meaning }}</div>
+          </div>
+          <el-radio-group v-model="allVal[5].val" :disabled="allVal[5].lock" >
+            <el-radio v-for="item in deviceTypeList" :label="item.code" style="line-height: 2rem">
+              {{ item.name }} - {{ item.code }}
+            </el-radio>
+          </el-radio-group>
+        </el-tab-pane>
+        <el-tab-pane name="6">
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[6].val }}</div>
+            <div style="text-align: center">{{ allVal[6].meaning }}</div>
+          </div>
+          <el-radio-group v-model="allVal[6].val" :disabled="allVal[6].lock">
+            <el-radio v-for="item in networkIdentificationTypeList" :label="item.code" style="line-height: 2rem">
+              {{ item.name }} - {{ item.code }}
+            </el-radio>
+          </el-radio-group>
+        </el-tab-pane>
+        <el-tab-pane name="7">
+          请手动输入设备/用户序号, 六位数字
+          <div slot="label">
+            <div class="show-code-item">{{ allVal[7].val }}</div>
+            <div style="text-align: center">{{ allVal[7].meaning }}</div>
+          </div>
+          <el-input
+            type="text"
+            placeholder="请输入内容"
+            v-model="allVal[7].val"
+            maxlength="6"
+            :disabled="allVal[7].lock"
+            show-word-limit
+          >
+          </el-input>
+        </el-tab-pane>
+    </el-tabs>
+    <el-form style="">
+      <el-form-item style="margin-top: 22px; margin-bottom: 0;">
+        <div style="float:right;">
+          <el-button type="primary" @click="handleOk">保存</el-button>
+          <el-button @click="closeModel">取消</el-button>
+        </div>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
 </template>
 
 <script>
 
 export default {
-  name: "addUser",
   props: {},
   computed: {},
-  created() {
-    // this.getRegionList()
-  },
   data() {
     return {
       showVideoDialog: false,
-      okText: "完成",
       activeKey: '0',
       allVal: [
         {
@@ -193,12 +191,15 @@ export default {
       industryCodeTypeList: [],
       networkIdentificationTypeList: [],
       endCallBck: null,
-      loading: false,
     };
   },
   methods: {
     openDialog: function (endCallBck, code, lockIndex, lockContent) {
       this.showVideoDialog = true
+      this.activeKey= '0';
+      this.regionList = []
+
+      this.getRegionList()
       if (typeof code != 'undefined' && code.length === 20) {
         this.allVal[0].val = code.substring(0, 2)
         this.allVal[1].val = code.substring(2, 4)
@@ -206,22 +207,23 @@ export default {
         this.allVal[3].val = code.substring(6, 8)
         this.allVal[4].val = code.substring(8, 10)
         this.allVal[5].val = code.substring(10, 13)
-        this.allVal[6].val = code.substring(14, 15)
-        this.allVal[7].val = code.substring(15)
+        this.allVal[6].val = code.substring(13, 14)
+        this.allVal[7].val = code.substring(14)
       }
+      console.log(this.allVal)
       if (typeof lockIndex != 'undefined') {
         this.allVal[lockIndex].lock = true
         this.allVal[lockIndex].val = lockContent
       }
       this.endCallBck = endCallBck;
     },
-    getRegionList: () => {
-      this.regionList = []
+    getRegionList: function() {
       if (this.activeKey === '0' || this.activeKey === '1' || this.activeKey === '2') {
         let parent = ''
         if (this.activeKey === '1') {
           parent = this.allVal[0].val
           if (parent === '11' || parent === '12' || parent === '31') {
+            this.regionList = []
             this.regionList.push({
               // 数据库自增ID
               commonRegionId: -1,
@@ -274,6 +276,7 @@ export default {
         }
         this.queryChildList(parent);
       } else if (this.activeKey === '4') {
+        console.log(222)
         this.queryIndustryCodeList();
       } else if (this.activeKey === '5') {
         this.queryDeviceTypeList();
@@ -281,7 +284,8 @@ export default {
         this.queryNetworkIdentificationTypeList();
       }
     },
-    queryChildList: (parent)=>{
+    queryChildList: function(parent){
+      this.regionList = []
       this.$axios({
         method: 'get',
         url: "/api/region/base/child/list",
@@ -298,13 +302,14 @@ export default {
         this.$message.error(error);
       });
     },
-    queryIndustryCodeList: ()=>{
+    queryIndustryCodeList: function(){
+      this.industryCodeTypeList = []
       this.$axios({
         method: 'get',
         url: "/api/common/channel/industry/list",
       }).then((res) => {
         if (res.data.code === 0) {
-          this.industryCodeTypeList.value = res.data.data
+          this.industryCodeTypeList = res.data.data
         } else {
           this.$message.error(res.data.msg);
         }
@@ -312,13 +317,14 @@ export default {
         this.$message.error(error);
       });
     },
-    queryDeviceTypeList: ()=>{
+    queryDeviceTypeList: function(){
+      this.deviceTypeList = []
       this.$axios({
         method: 'get',
         url: "/api/common/channel/type/list",
       }).then((res) => {
         if (res.data.code === 0) {
-          this.deviceTypeList.value = res.data.data
+          this.deviceTypeList = res.data.data
         } else {
           this.$message.error(res.data.msg);
         }
@@ -326,13 +332,14 @@ export default {
         this.$message.error(error);
       });
     },
-    queryNetworkIdentificationTypeList: ()=>{
+    queryNetworkIdentificationTypeList: function(){
+      this.networkIdentificationTypeList = []
       this.$axios({
         method: 'get',
         url: "/api/common/channel/network/identification/list",
       }).then((res) => {
         if (res.data.code === 0) {
-          this.networkIdentificationTypeList.value = res.data.data
+          this.networkIdentificationTypeList = res.data.data
         } else {
           this.$message.error(res.data.msg);
         }
@@ -343,7 +350,7 @@ export default {
     closeModel: function (){
       this.showVideoDialog = false
     },
-    handleOk: () => {
+    handleOk: function() {
       const code =
         this.allVal[0].val +
         this.allVal[1].val +