From 1c510943083c376284d34a9af05a5774fbeb8b6b Mon Sep 17 00:00:00 2001
From: fan <fanyuhong@joylink.club>
Date: Thu, 4 May 2023 16:54:45 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E6=88=90=E5=AE=A2=E6=88=B7=E7=AB=AF?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/jmap/map.js                           |   9 +-
 src/store/modules/map.js                      |   8 +-
 src/utils/baseUrl.js                          |   2 +-
 .../newMap/newMapdraft/mapoperate/index.vue   |   2 +-
 .../newMapdraft/mapoperate/terminals/list.vue |  69 ++++++++++
 .../mapoperate/{ => terminals}/terminals.vue  | 128 ++++++++++--------
 .../publish/publishMap/editSubsystem.vue      |  40 +++++-
 7 files changed, 197 insertions(+), 61 deletions(-)
 create mode 100644 src/views/newMap/newMapdraft/mapoperate/terminals/list.vue
 rename src/views/newMap/newMapdraft/mapoperate/{ => terminals}/terminals.vue (70%)

diff --git a/src/api/jmap/map.js b/src/api/jmap/map.js
index 8fc96dde9..96d2d73d8 100644
--- a/src/api/jmap/map.js
+++ b/src/api/jmap/map.js
@@ -182,7 +182,7 @@ export function localImportMap(data) {
         url: '/api/map/local/import',
         method: 'post',
         data: data
-    });  
+    });
 }
 
 /** 根据group获取排序的车站列表（包含车辆段/停车场） */
@@ -307,3 +307,10 @@ export function queryMapListByUser() {
         method: 'get'
     });
 }
+/** 根据mapId获取客户端信息数据 */
+export function getClientDataById(mapId) {
+    return request({
+        url: `/api/map/${mapId}/mapClientMap`,
+        method: 'get'
+    });
+}
diff --git a/src/store/modules/map.js b/src/store/modules/map.js
index fff42df2d..4249097ef 100644
--- a/src/store/modules/map.js
+++ b/src/store/modules/map.js
@@ -846,8 +846,12 @@ const map = {
                         map.conversationGroupMap.EMERGENCY = [];
                     }
                 }
-                if (!map.mapClientVOList) {
-                    map.mapClientVOList = [];
+                if (!map.mapClientVOMap) {
+                    map.mapClientVOMap = { METRO: [], RAILWAY: [], EMERGENCY: [] };
+                } else {
+                    if (!map.mapClientVOMap.METRO) { map.mapClientVOMap.METRO = []; }
+                    if (!map.mapClientVOMap.RAILWAY) { map.mapClientVOMap.RAILWAY = []; }
+                    if (!map.mapClientVOMap.EMERGENCY) { map.mapClientVOMap.EMERGENCY = []; }
                 }
                 state.map = map;
                 let showConfig = {};
diff --git a/src/utils/baseUrl.js b/src/utils/baseUrl.js
index 6151b9016..88ca6c631 100644
--- a/src/utils/baseUrl.js
+++ b/src/utils/baseUrl.js
@@ -31,7 +31,7 @@ export function handlerUrl() {
         // BASE_API = 'http://192.168.3.94:9000'; // 旭强
         // BASE_API = 'http://192.168.3.15:9000'; // 张赛
         // BASE_API = 'http://192.168.3.5:9000'; // 夏增彬
-        // BASE_API = 'http://192.168.3.37:9000'; // 卫志宏
+        BASE_API = 'http://192.168.3.37:9000'; // 卫志宏
         // BASE_API = 'http://b29z135112.zicp.vip';
         // BASE_API = 'http://2925963m2a.zicp.vip'; // 杜康
         // BASE_API = 'http://2i38984j47.qicp.vip'; // 张赛
diff --git a/src/views/newMap/newMapdraft/mapoperate/index.vue b/src/views/newMap/newMapdraft/mapoperate/index.vue
index 512017338..13804d5ba 100644
--- a/src/views/newMap/newMapdraft/mapoperate/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/index.vue
@@ -70,7 +70,7 @@ import FloodGate from './floodGate';
 import DirectionRod from './directionRod';
 import SignalButton from './signalButton';
 import SimulationMember from './simulationMember/index';
-import terminals from './terminals';
+import terminals from './terminals/terminals';
 
 export default {
     name: 'MapOperate',
diff --git a/src/views/newMap/newMapdraft/mapoperate/terminals/list.vue b/src/views/newMap/newMapdraft/mapoperate/terminals/list.vue
new file mode 100644
index 000000000..c3452b96e
--- /dev/null
+++ b/src/views/newMap/newMapdraft/mapoperate/terminals/list.vue
@@ -0,0 +1,69 @@
+<template>
+  <div style="height: calc(100% - 47px);overflow-y: auto;">
+    <el-row style="margin-bottom: 5px;">
+      <el-col :span="6" :offset="1"><div style="text-align: center;font-size: 14px;">名称</div></el-col>
+      <el-col :span="5" :offset="1"><div style="text-align: center;font-size: 14px;">客户端类型</div></el-col>
+      <el-col :span="6" :offset="1"><div style="text-align: center;font-size: 14px;">设备</div></el-col>
+      <el-col :span="4"><div style="text-align: center;font-size: 14px;">操作</div></el-col>
+    </el-row>
+    <el-row v-for="(item, index) in clientList" :key="index" style="margin-bottom: 5px;">
+      <el-col :span="6" :offset="1">
+        <el-input v-model="item.name" size="mini" :title="item.name" />
+      </el-col>
+      <el-col :span="5" :offset="1">
+        <el-select v-model="item.type" placeholder="请选择" size="mini">
+          <el-option v-for="elem in terminals" :key="elem.code" :label="elem.name" :value="elem.code" />
+        </el-select>
+      </el-col>
+      <el-col :span="6" :offset="1">
+        <el-select v-if="stationShow.includes(item.type)" v-model="item.deviceCode" placeholder="请选择" size="mini">
+          <el-option v-for="elem in stationList" :key="elem.code" :label="elem.name" :value="elem.code" />
+        </el-select>
+        <span v-else>--</span>
+      </el-col>
+      <el-col :span="4" style="text-align: center;">
+        <el-button type="primary" size="mini" @click="deleteClient(index)">删除</el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+    name: 'List',
+    props: {
+        clientList: {
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+        terminals: {
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+        stationList: {
+            type: Array,
+            default: function () {
+                return [];
+            }
+        }
+    },
+    data() {
+        return {
+            stationShow: ['localWork', 'ibp', 'psl']
+        };
+    },
+    methods: {
+        deleteClient(index) {
+            this.clientList.splice(index, 1);
+        }
+    }
+};
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/newMap/newMapdraft/mapoperate/terminals.vue b/src/views/newMap/newMapdraft/mapoperate/terminals/terminals.vue
similarity index 70%
rename from src/views/newMap/newMapdraft/mapoperate/terminals.vue
rename to src/views/newMap/newMapdraft/mapoperate/terminals/terminals.vue
index 59a0acf8a..781aff016 100644
--- a/src/views/newMap/newMapdraft/mapoperate/terminals.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/terminals/terminals.vue
@@ -1,33 +1,17 @@
 <template>
   <el-tabs v-model="activeName" class="card" style="height: 100%">
     <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
-      <div style="height: calc(100% - 47px);overflow-y: auto;">
-        <el-row style="margin-bottom: 5px;">
-          <el-col :span="6" :offset="1"><div style="text-align: center;font-size: 14px;">名称</div></el-col>
-          <el-col :span="5" :offset="1"><div style="text-align: center;font-size: 14px;">客户端类型</div></el-col>
-          <el-col :span="6" :offset="1"><div style="text-align: center;font-size: 14px;">设备</div></el-col>
-          <el-col :span="4"><div style="text-align: center;font-size: 14px;">操作</div></el-col>
-        </el-row>
-        <el-row v-for="(item, index) in mapClientVOList" :key="index" style="margin-bottom: 5px;">
-          <el-col :span="6" :offset="1">
-            <el-input v-model="item.name" size="mini" :title="item.name" />
-          </el-col>
-          <el-col :span="5" :offset="1">
-            <el-select v-model="item.type" placeholder="请选择" size="mini">
-              <el-option v-for="elem in getTerminals()" :key="elem.code" :label="elem.name" :value="elem.code" />
-            </el-select>
-          </el-col>
-          <el-col :span="6" :offset="1">
-            <el-select v-if="stationShow.includes(item.type)" v-model="item.deviceCode" placeholder="请选择" size="mini">
-              <el-option v-for="elem in stationList" :key="elem.code" :label="elem.name" :value="elem.code" />
-            </el-select>
-            <span v-else>--</span>
-          </el-col>
-          <el-col :span="4" style="text-align: center;">
-            <el-button type="primary" size="mini" @click="deleteClient(index)">删除</el-button>
-          </el-col>
-        </el-row>
-      </div>
+      <el-tabs v-model="clientActive" class="card" style="height: 100%">
+        <el-tab-pane class="view-control" label="地铁CBTC" name="METRO">
+          <client-show-list :client-list="clientMetroList" :station-list="stationList" :terminals="getTerminals('METRO')" />
+        </el-tab-pane>
+        <el-tab-pane class="view-control" label="大铁CTC" name="RAILWAY">
+          <client-show-list :client-list="clientRailwayList" :station-list="stationList" :terminals="getTerminals('RAILWAY')" />
+        </el-tab-pane>
+        <el-tab-pane class="view-control" label="应急调度" name="EMERGENCY">
+          <client-show-list :client-list="clientRailwayList" :station-list="stationList" :terminals="getTerminals('EMERGENCY')" />
+        </el-tab-pane>
+      </el-tabs>
       <div class="button_box">
         <el-button-group class="map-draft-group">
           <el-button type="primary" size="small" @click="createClient">新建</el-button>
@@ -46,6 +30,13 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="分站：" prop="isStationGen">
+          <el-checkbox-group v-model="generationForm.isStationGen">
+            <el-checkbox label="localWork">现地工作站</el-checkbox>
+            <el-checkbox label="ibp">IBP</el-checkbox>
+            <el-checkbox label="psl">PSL</el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
       </el-form>
       <div style="text-align: center;">
         <el-button size="small" type="primary" @click="keyGeneration">一键生成</el-button>
@@ -56,10 +47,11 @@
 
 <script>
 import {mapGetters} from 'vuex';
+import ClientShowList from './list';
 export default {
     name: 'Terminals',
     components: {
-
+        ClientShowList
     },
     props: {
 
@@ -67,24 +59,31 @@ export default {
     data() {
         return {
             activeName: 'first',
+            clientActive: 'METRO',
             lazy: true,
             memberActive: 'METRO',
             generationForm: {
-                systemType: 'METRO'
+                systemType: 'METRO',
+                isStationGen: []
             },
             systemList: [
                 { label: '地铁CBTC', value: 'METRO' },
                 { label: '大铁CTC', value: 'RAILWAY' },
                 { label: '应急调度', value: 'EMERGENCY' }
             ],
-            // mapClientVOList: [],
-            stationShow: ['localWork']
+            stationShow: ['localWork', 'ibp', 'psl']
         };
     },
     computed: {
         ...mapGetters('map', ['stationList']),
-        mapClientVOList() {
-            return this.$store.state.map.map.mapClientVOList;
+        clientMetroList() {
+            return this.$store.state.map.map.mapClientVOMap.METRO;
+        },
+        clientRailwayList() {
+            return this.$store.state.map.map.mapClientVOMap.RAILWAY;
+        },
+        clientEmergencyList() {
+            return this.$store.state.map.map.mapClientVOMap.EMERGENCY;
         }
     },
     watch: {
@@ -99,48 +98,71 @@ export default {
     methods: {
         createClient() {
             const obj = {
-                id: this.getId(),
+                id: this.getId(this.clientActive),
                 name: '',
                 type: '',
                 deviceCode: ''
             };
-            this.mapClientVOList.push(obj);
+            switch (this.clientActive) {
+            case 'METRO':
+                this.clientMetroList.push(obj);
+                break;
+            case 'RAILWAY':
+                this.clientRailwayList.push(obj);
+                break;
+            case 'EMERGENCY':
+                this.clientEmergencyList.push(obj);
+                break;
+            }
         },
-        getId() {
-            const list = [];
-            this.mapClientVOList.forEach(item => {
-                if (item.id) {
-                    list.push(item.id.slice(9));
-                }
-            });
-            const maxNum = list.length ? Math.max(...list) : 0;
-            return `terminals${maxNum + 1}`;
-        },
-        deleteClient(index) {
-            this.mapClientVOList.splice(index, 1);
+        getId(type) {
+            let id = 0;
+            if (type === 'METRO') {
+                this.clientMetroList.forEach(item => {
+                    if (item.id) {
+                        id = Math.max(parseInt(item.id.slice(8)), id);
+                    }
+                });
+                return 'ter_met_' + (id + 1);
+            } else if (type === 'RAILWAY') {
+                this.clientRailwayList.forEach(item => {
+                    if (item.id) {
+                        id = Math.max(parseInt(item.id.slice(8)), id);
+                    }
+                });
+                return 'ter_rai_' + id;
+            } else if (type === 'EMERGENCY') {
+                this.clientEmergencyList.forEach(item => {
+                    if (item.id) {
+                        id = Math.max(parseInt(item.id.slice(8)), id);
+                    }
+                });
+                return 'ter_eme_' + id;
+            }
         },
         keyGeneration() {
-            this.mapClientVOList.splice(0, this.mapClientVOList.length);
+            const clientList = this.$store.state.map.map.mapClientVOMap[this.generationForm.systemType];
+            clientList.splice(0, clientList.length);
             const terminalsList = this.getTerminals(this.generationForm.systemType);
             terminalsList.forEach(item => {
-                if (this.stationShow.includes(item.code)) {
+                if (this.generationForm.isStationGen.includes(item.code)) {
                     this.stationList.forEach(ii => {
                         const obj = {
-                            id: this.getId(),
+                            id: this.getId(this.generationForm.systemType),
                             name: `${item.name}-${ii.name}`,
                             type: item.code,
                             deviceCode: ii.code
                         };
-                        this.mapClientVOList.push(obj);
+                        clientList.push(obj);
                     });
                 } else {
                     const obj = {
-                        id: this.getId(),
+                        id: this.getId(this.generationForm.systemType),
                         name: item.name,
                         type: item.code,
                         deviceCode: ''
                     };
-                    this.mapClientVOList.push(obj);
+                    clientList.push(obj);
                 }
             });
         },
diff --git a/src/views/publish/publishMap/editSubsystem.vue b/src/views/publish/publishMap/editSubsystem.vue
index 7b3834af8..db010b078 100644
--- a/src/views/publish/publishMap/editSubsystem.vue
+++ b/src/views/publish/publishMap/editSubsystem.vue
@@ -110,6 +110,14 @@
                     :value="item.value"
                   />
                 </el-select>
+                <el-select v-else-if="scope.row.type === 'multiple'" v-model="scope.row.value" multiple size="mini">
+                  <el-option
+                    v-for="item in scope.row.optionList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
               </template>
             </el-table-column>
           </el-table>
@@ -131,8 +139,10 @@ import { getPassengerFlowData } from '@/api/simulation';
 import { queryPaperList } from '@/api/management/exam';
 import { getTrainingDetailNew } from '@/api/jmap/training';
 import ChooseTraining from './chooseTraining';
-import { ClientList, TrainingTypeList } from '@/scripts/ConstDic';
+import { TrainingTypeList } from '@/scripts/ConstDic';
 import { getUploadUrl } from '@/api/projectConfig';
+import { getClientDataById } from '@/api/jmap/map';
+
 export default {
     name: 'EditSubsystem',
     components: {
@@ -147,11 +157,13 @@ export default {
             loginProLogoImg: '',
             memberList: [],
             examList: [],
+            clientMap: {},
             lpfDataList: [],
             frontTableData: [
                 { key: 'singleMember', label: '是否单角色', value: false, type: 'checkbox' },
                 { key: 'singleClient', label: '是否单客户端', value: false, type: 'checkbox' },
-                { key: 'client', label: '初始客户端', value: '', type: 'select', optionList: ClientList},
+                { key: 'clientList', label: '客户端列表', value: [], type: 'multiple', optionList: [] },
+                { key: 'client', label: '初始客户端', value: '', type: 'select', optionList: []},
                 { key: 'hasTraining', label: '是否有实训', value: false, type: 'checkbox'},
                 { key: 'trainingType', label: '实训类型', value: '', type: 'select', optionList: TrainingTypeList },
                 { key: 'hasExam', label: '是否有考试', value: false, type: 'checkbox' },
@@ -214,6 +226,13 @@ export default {
             }).catch(e => {
                 this.$message.error('获取大客流数据失败！');
             });
+            getClientDataById(this.$route.query.mapId).then(resp => {
+                this.clientMap = resp.data;
+                this.initClientList();
+            }).catch(e => {
+                console.error(e, 'w');
+                this.$message.error('获取客户端数据失败！');
+            });
             try {
                 const stationResp = await querySimulationStationsByMapId(this.$route.query.mapId);
                 const memberResp = await querySimulationMemberByMapId(this.$route.query.mapId);
@@ -243,6 +262,19 @@ export default {
         }
     },
     methods: {
+        initClientList() {
+            const clientListItem = this.frontTableData.find(item => item.key === 'clientList');
+            const clientItem = this.frontTableData.find(item => item.key === 'client');
+            const clientList = [];
+            console.log(this.clientMap, this.ruleForm.type);
+            if (this.clientMap[this.ruleForm.type]) {
+                this.clientMap[this.ruleForm.type].forEach(item => {
+                    clientList.push({ label: item.name, value: item.id });
+                });
+            }
+            clientListItem.optionList = clientList;
+            clientItem.optionList = clientList;
+        },
         doShow(row) {
             if (row && row.id) {
                 this.mapSystemId = row.id;
@@ -293,6 +325,7 @@ export default {
             }
             const defaultMember = this.endTableData.find(item => item.key === 'DEFAULT_MEMBER');
             defaultMember.optionList = this.memberList;
+            this.initClientList();
         },
         handleMember(member, stationList) {
             const data = { value: member.id, label: '', memberType: member.type };
@@ -379,7 +412,8 @@ export default {
             this.frontTableData = [
                 { key: 'singleMember', label: '是否单角色', value: false, type: 'checkbox' },
                 { key: 'singleClient', label: '是否单客户端', value: false, type: 'checkbox' },
-                { key: 'client', label: '初始客户端', value: '', type: 'select', optionList: ClientList},
+                { key: 'clientList', label: '客户端列表', value: [], type: 'multiple', optionList: [] },
+                { key: 'client', label: '初始客户端', value: '', type: 'select', optionList: []},
                 { key: 'hasTraining', label: '是否有实训', value: false, type: 'checkbox'},
                 { key: 'trainingType', label: '实训类型', value: '', type: 'select', optionList: TrainingTypeList },
                 { key: 'hasExam', label: '是否有考试', value: false, type: 'checkbox' },