feat:格式化代码

frontend/src/views/panel/list/PanelViewShow.vue

@@ -25,7 +25,7 @@
 
           <!--通用组件操作-->
           <el-tab-pane name="PublicTools">
-            <span slot="label"><i class="el-icon-s-grid"/>组件</span>
+            <span slot="label"><i class="el-icon-s-grid" />组件</span>
             开发中...
           </el-tab-pane>
         </el-tabs>
@@ -34,7 +34,7 @@
       <el-col class="panel-design">
         <!--TODO 仪表盘设计公共设置区域-->
         <el-row class="panel-design-head">
-          <span style="float: left;line-height: 40px; color: gray">名称：{{panelInfo.name}}</span>
+          <span style="float: left;line-height: 40px; color: gray">名称：{{ panelInfo.name }}</span>
           <span style="float: right;line-height: 40px;">
             <el-button size="mini">
               背景图
@@ -46,12 +46,17 @@
         </el-row>
         <el-row class="panel-design-show">
           <div class="container" :style="panelDetails.gridStyle">
-            <vue-drag-resize-rotate v-for="panelDesign in panelDetails.panelDesigns" v-show="panelDesign.keepFlag"
+            <vue-drag-resize-rotate
+              v-for="panelDesign in panelDetails.panelDesigns"
+              v-show="panelDesign.keepFlag"
               :key="panelDesign.id"
-                                    :panel-design-id="panelDesign.id" :parent="true" @newStyle="newStyle"
-                                    @removeView="removeView">
+              :panel-design-id="panelDesign.id"
+              :parent="true"
+              @newStyle="newStyle"
+              @removeView="removeView"
+            >
               <!--视图显示 panelDesign.componentType==='view'-->
-              <chart-component v-if="panelDesign.componentType==='view'" :ref="panelDesign.id" :chart-id="panelDesign.id" :chart="panelDesign.chartView"/>
+              <chart-component v-if="panelDesign.componentType==='view'" :ref="panelDesign.id" :chart-id="panelDesign.id" :chart="panelDesign.chartView" />
 
               <!--组件显示（待开发）-->
 
@@ -65,15 +70,15 @@
 </template>
 
 <script>
-  import {post, get} from '@/api/panel/panel'
-  import draggable from 'vuedraggable'
-  import ChartComponent from '../../chart/components/ChartComponent'
-  import VueDragResizeRotate from '@/components/vue-drag-resize-rotate'
-  import { uuid } from 'vue-uuid';
+import { get } from '@/api/panel/panel'
+import draggable from 'vuedraggable'
+import ChartComponent from '../../chart/components/ChartComponent'
+import VueDragResizeRotate from '@/components/vue-drag-resize-rotate'
+import { uuid } from 'vue-uuid'
 
-  export default {
+export default {
   name: 'PanelViewShow',
-    components: {draggable, ChartComponent, VueDragResizeRotate},
+  components: { draggable, ChartComponent, VueDragResizeRotate },
   data() {
     return {
       panelDetails: {
@@ -99,52 +104,51 @@
   },
   watch: {
     panelInfo(newVal, oldVal) {
-        this.panelDesign(newVal.id);
+      this.panelDesign(newVal.id)
     }
   },
   created() {
     // this.get(this.$store.state.chart.viewId);
   },
   mounted() {
-      let panelId = this.$store.state.panel.panelInfo.id;
+    const panelId = this.$store.state.panel.panelInfo.id
     if (panelId) {
-        this.panelDesign(panelId);
+      this.panelDesign(panelId)
     }
   },
   activated() {
   },
   methods: {
-      //加载公共组件
+    // 加载公共组件
 
-      //加载panel design
+    // 加载panel design
     panelDesign(panelId) {
       get('panel/group/findOne/' + panelId).then(res => {
-          let panelDetailsInfo = res.data;
+        const panelDetailsInfo = res.data
         if (panelDetailsInfo) {
-            this.panelDetails = panelDetailsInfo;
+          this.panelDetails = panelDetailsInfo
         }
         if (!panelDetailsInfo.gridStyle) {
-            this.panelDetails.gridStyle = this.gridStyleDefault;
+          this.panelDetails.gridStyle = this.gridStyleDefault
         }
-        });
-
+      })
     },
     panelViewAdd(view) {
-        let panelDesigns = this.panelDetails.panelDesigns;
-        this.panelDetails.viewsUsable.forEach(function (item, index) {
+      const panelDesigns = this.panelDetails.panelDesigns
+      this.panelDetails.viewsUsable.forEach(function(item, index) {
         if (item.id === view.id) {
-            let newComponent = {
+          const newComponent = {
             id: uuid.v1(),
-              keepFlag : true,
+            keepFlag: true,
             chartView: item,
             componentType: 'view'
           }
           panelDesigns.push(newComponent)
         }
-        });
+      })
     },
     removeView(panelDesignId) {
-        this.panelDetails.panelDesigns.forEach(function (panelDesign, index) {
+      this.panelDetails.panelDesigns.forEach(function(panelDesign, index) {
         if (panelDesign.id === panelDesignId) {
           panelDesign.keepFlag = false
         }
@@ -178,11 +182,11 @@
       console.log(e)
       return true
     },
-      preViewShow(){
+    preViewShow() {
 
     }
   }
-  }
+}
 </script>
 
 <style scoped>