From 1d6997db3964f7344ba3616d70ae722cb0cc7270 Mon Sep 17 00:00:00 2001
From: fan <fanyuhong@joylink.club>
Date: Fri, 15 Jul 2022 09:57:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=BB=E9=9D=A2=E8=B0=83=E6=95=B4=E6=9A=82?=
 =?UTF-8?q?=E6=8F=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/jmapNew/map.js                             |  5 ++++-
 .../newMap/mapDraftPicture/createPicture.vue   | 18 ++++++++++++++++++
 src/views/newMap/mapDraftPicture/index.vue     |  1 +
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/jmapNew/map.js b/src/jmapNew/map.js
index d7e2b81c3..e6d92daaa 100644
--- a/src/jmapNew/map.js
+++ b/src/jmapNew/map.js
@@ -83,7 +83,10 @@ class Jlmap {
     loadStyle(lineCode) {
         return selectLineCode(lineCode);
     }
-
+    reloadStyle(lineCode) {
+        this.style = selectLineCode(lineCode);
+        this.$zr.dom.style.backgroundColor = this.style.backgroundColor || '#000';
+    }
     loadDefaultState() { // 加载默认状态
         const defaultStateDict = {};
 
diff --git a/src/views/newMap/mapDraftPicture/createPicture.vue b/src/views/newMap/mapDraftPicture/createPicture.vue
index 3c67c4e4c..ad15e5160 100644
--- a/src/views/newMap/mapDraftPicture/createPicture.vue
+++ b/src/views/newMap/mapDraftPicture/createPicture.vue
@@ -24,6 +24,11 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item label="显示风格：" prop="lineCode">
+        <el-select v-model="ruleForm.lineCode" placeholder="请选择">
+          <el-option v-for="item in skinCodeList" :key="item.code" :label="item.name" :value="item.code" />
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm('ruleForm')">创建</el-button>
       </el-form-item>
@@ -34,11 +39,13 @@
 <script>
 import {mapGetters} from 'vuex';
 import { saveMap } from '@/api/jmap/mapdraft';
+import { getLineCodeList } from '@/api/management/mapline';
 export default {
     name: 'CreatePicture',
     data() {
         return {
             centerDialogVisible: false,
+            skinCodeList: [],
             ruleForm: { name: '', type: '', stationCode: '', deviceMap: {} },
             rules: {
                 name: [{ required: true, message: '请输入画面名称', trigger: 'blur' }],
@@ -53,6 +60,17 @@ export default {
             'stationList'
         ])
     },
+    mounted() {
+        this.skinCodeList = [];
+        getLineCodeList().then(response => {
+            this.skinCodeList = response.data.map(item => {
+                const params = {};
+                params.label = item.name;
+                params.value = item.code;
+                return params;
+            });
+        });
+    },
     methods: {
         submitForm() {
             this.$refs.ruleForm.validate((valid) => {
diff --git a/src/views/newMap/mapDraftPicture/index.vue b/src/views/newMap/mapDraftPicture/index.vue
index f2bf01eff..afc6904e2 100644
--- a/src/views/newMap/mapDraftPicture/index.vue
+++ b/src/views/newMap/mapDraftPicture/index.vue
@@ -480,6 +480,7 @@ export default {
                         for (const deviceCode in mapDevice) {
                             deviceList.push(deviceCode);
                         }
+                        this.$jlmap.reloadStyle('07');
                         this.$jlmap.updatePicture(deviceList);
                         this.$jlmap.updateTransform(map.scaling || '1', map.origin);
                         this.$message.success('删除画面成功！');