From 894cb8cab3d605634999f277510221d449d9c63c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com>
Date: Mon, 5 Jul 2021 00:38:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=88=E6=9C=AC=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/CircuitEdit.vue | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/views/CircuitEdit.vue b/src/views/CircuitEdit.vue
index a334a9b..bcdff12 100644
--- a/src/views/CircuitEdit.vue
+++ b/src/views/CircuitEdit.vue
@@ -31,12 +31,20 @@
               </a-form-item>
             </a-form>
           </a-modal>
+          <a-modal title="版本更新说明"
+                   v-model:visible="versionModelVisible"
+                   @ok="versionModelHandleOk">
+            <p>新增绘制组件</p>
+            <p>新增图表</p>
+          </a-modal>
+
           <!-- <a-button type="primary"
                     @click="testD">导出数据</a-button>
           <a-button type="primary"
                     @click="testE">载入模板</a-button> -->
 
-          <a-button type="danger">当前为2.1版本</a-button>
+          <a-button type="danger"
+                    @click="versionModelVisible=true">当前为2.1版本</a-button>
 
           <a-button type="primary"
                     @click="testH"
@@ -135,22 +143,23 @@ import RightToolBar from '@/components/RightToolBar.vue';
 // import SvgComponents from '@/components/SvgComponents.vue';
 import SvgComponents from '@/components/SvgComponents.vue';
 export default {
-  components: { LeftToolBar, RightToolBar, SvgComponents},
+  components: { LeftToolBar, RightToolBar, SvgComponents },
   data () {
     return {
       testAddSvg: {
         type: "testAddSvg",
         title: "测试新增组件",
-        panelclass:"draggable",
+        panelclass: "draggable",
         template: "<path :fill=\"prop_data.svgColor\" :stroke=\"prop_data.svgColor\" stroke-width=\"5\" style=\"pointer-events:inherit\" d=\"m143.72081869586242,163.35565803158485 c14.617751633754164,-41.93617271978648 71.89058180534832,0 0,53.91793635401125 c-71.89058180534832,-53.91793635401125 -14.617751633754164,-95.85410907379776 0,-53.91793635401125 z\"  fill-opacity=\"1\" stroke-opacity=\"1\" transform=\"translate(-145,-180)\"></path>",
         props: ["prop_data"],
         default_attr: {
           "color": "#FF0000"
         },
-        create_type:'draggable',
+        create_type: 'draggable',
         priview_img: "https://svg.yaolunmao.top/test.png"
       },
       addSvgVisible: false,
+      versionModelVisible: false,
       svgInfoData: [],//接口获取到的组件数据
       shrink: true,//收缩状态  true收缩  false展开
       svgLists: [],//svg列表
@@ -184,9 +193,12 @@ export default {
       this.addSvgVisible = true;
     },
     addSvgHandleOk () {
-      this.svgInfoData[this.svgInfoData.length]=this.testAddSvg;
+      this.svgInfoData[this.svgInfoData.length] = this.testAddSvg;
       this.addSvgVisible = false;
     },
+    versionModelHandleOk () {
+      this.versionModelVisible = false;
+    },
     exportSvg () {
       var exportStr = document.querySelector("#svgCanvas").outerHTML;
       console.log(exportStr);
@@ -412,7 +424,7 @@ export default {
       if (_this.$store.state.CurrentlySelectedToolBar.Type == '' || _this.$store.state.CurrentlySelectedToolBar.CreateType != 'draggable') {
         return;
       }
-      let eChartsOption=_this.$store.state.CurrentlySelectedToolBar.EChartsOption;
+      let eChartsOption = _this.$store.state.CurrentlySelectedToolBar.EChartsOption;
       //根据类型和鼠标位置创建组件
       let svgItem = {
         id: _this.$UCore.GenUUid(),
@@ -422,7 +434,7 @@ export default {
         svgColor: _this.$store.state.CurrentlySelectedToolBar.Color,
         svgPositionX: e.offsetX,
         svgPositionY: e.offsetY,
-        echarts_option:eChartsOption?JSON.parse(eChartsOption):"",
+        echarts_option: eChartsOption ? JSON.parse(eChartsOption) : "",
         size: 1,
         angle: 0
         //translate:`translate(${this.mousePosition.positionX},${this.mousePosition.positionY})`