格式化代码

src/views/dashboard/index.vue

@@ -1,59 +1,60 @@
 <template>
-  <div class="container-bg">
-    <el-container class="main-layout">
-      <el-aside class="left-plate"><tree-list /></el-aside>
-      <el-container class="right-plate">
-        <el-header class="main-top">Header</el-header>
-        <el-main class="main-cont">
-         <div>
-          home
-         <button @click="detailsModal = true">测试打开模态框</button>
-        <!-- 详细信息 -->
-            <div>
-              <el-dialog :visible.sync="detailsModal" width="98%" top="1vh" :height="ceshi">
-                <div class="detailsTittle">
-                    <span>xxx-详细信息</span>
-                </div>
-                <div class="inDetailsBox">
-                    <div class="inBoxLeft">
-                        <el-input style="width: 300px;margin-top: 10px;" v-model="searchFast" placeholder="快速查找"></el-input>
-                        <template v-for="(item, index) in modelLeftList">
-                            <div class="leftMes" @click="insideBox(item)">
-                                <span class="leftMesSpan">{{ item.ied_name }}</span>
-                                <span>{{ item.desc }}</span>
-                            </div>
-                        </template>
+    <div class="container-bg">
+        <el-container class="main-layout">
+            <el-aside class="left-plate"><tree-list /></el-aside>
+            <el-container class="right-plate">
+                <el-header class="main-top">Header</el-header>
+                <el-main class="main-cont">
+                    <div>
+                        home
+                        <button @click="detailsModal = true">测试打开模态框</button>
+                        <!-- 详细信息 -->
+                        <div>
+                            <el-dialog :visible.sync="detailsModal" width="98%" top="1vh" :height="ceshi">
+                                <div class="detailsTittle">
+                                    <span>xxx-详细信息</span>
+                                </div>
+                                <div class="inDetailsBox">
+                                    <div class="inBoxLeft">
+                                        <el-input style="width: 300px;margin-top: 10px;" v-model="searchFast"
+                                            placeholder="快速查找"></el-input>
+                                        <template v-for="(item, index) in modelLeftList">
+                                            <div class="leftMes" @click="insideBox(item)">
+                                                <span class="leftMesSpan">{{ item.ied_name }}</span>
+                                                <span>{{ item.desc }}</span>
+                                            </div>
+                                        </template>
 
-                    </div>
-                    <div class="inBoxRight">
-                        <!-- 导航栏 -->
-                        <div class="navigationBox">
-                            <template v-for="(item, index) in modalList">
-                                <p :class="['tabCard', { active: selectedIndex === index }]" @click="goUrl(item, index)">
-                                    {{ item.name }}
-                                </p>
-                            </template>
-                        </div>
-                    </div>
-                </div>
-                <!-- <span slot="footer" class="dialog-footer">
+                                    </div>
+                                    <div class="inBoxRight">
+                                        <!-- 导航栏 -->
+                                        <div class="navigationBox">
+                                            <template v-for="(item, index) in modalList">
+                                                <p :class="['tabCard', { active: selectedIndex === index }]"
+                                                    @click="goUrl(item, index)">
+                                                    {{ item.name }}
+                                                </p>
+                                            </template>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- <span slot="footer" class="dialog-footer">
                     <el-button @click="detailsModal = false">取 消</el-button>
                     <el-button type="primary" @click="detailsModal = false">确 定</el-button>
                 </span> -->
-              </el-dialog>
-           </div>
-        </div>
-        </el-main>
-      </el-container>
-    </el-container>
-    <!-- 测试弹窗 注释掉即可隐藏弹窗 -->
-    <!-- <BulletBox :windowWidth="'150rem'" :windowHeight="'72rem'"></BulletBox> -->
-  </div>
-
+                            </el-dialog>
+                        </div>
+                    </div>
+                </el-main>
+            </el-container>
+        </el-container>
+        <!-- 测试弹窗 注释掉即可隐藏弹窗 -->
+        <!-- <BulletBox :windowWidth="'150rem'" :windowHeight="'72rem'"></BulletBox> -->
+    </div>
 </template>
 
 <script>
-import { getscdlist,getiedmse } from "@/api/ied/ied"
+import { getscdlist, getiedmse } from "@/api/ied/ied"
 import { forGround } from "@/api/basic/basic"
 export default {
     name: 'ScdProjectIndex',
@@ -94,14 +95,14 @@ export default {
             selectedIndex: 0,//选中的背景
             ceshi: "500px",
             modelLeftList: [],//模态框内列表
-            stationCid:"",
+            stationCid: "",
         };
     },
 
     mounted() {
-        
+
     },
-    created () {
+    created() {
         this.forMesTo()
         this.getAllIedLink()
     },
@@ -117,21 +118,21 @@ export default {
         },
         // 根据站点id拿到站点信息
         async getAllIedLink() {
-            let res = await getscdlist({ischeckinscd:'1',stationid:"888",pageno:"1"})
+            let res = await getscdlist({ ischeckinscd: '1', stationid: "888", pageno: "1" })
             this.stationCid = res.data[0].id
             this.getIdBy()
         },
         // 根据站点id拿到站点下列表
-        async getIdBy(){
-            let res = await getiedmse({scd_id:this.stationCid})
+        async getIdBy() {
+            let res = await getiedmse({ scd_id: this.stationCid })
             this.modelLeftList = res.data
         },
         // 切换盒子
-        insideBox(row){
-            console.log(row,'row');
+        insideBox(row) {
+            console.log(row, 'row');
         }
     },
-  }
+}
 </script>
 
 <style scoped>
@@ -165,18 +166,20 @@ export default {
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    
+
 }
 
 .leftMes span {
     display: block;
     text-align: center;
 }
-.leftMes span:nth-child(1){
+
+.leftMes span:nth-child(1) {
     width: 65px;
     margin-right: 20px;
 }
-.leftMes span:nth-child(2){
+
+.leftMes span:nth-child(2) {
     width: 220px;
 }