1

src/views/monitor/cache/index.vue

@@ -65,7 +65,7 @@
 </template>
 
 <script setup name="Cache">
-import { getCache } from '/src/api/monitor/cache';
+import { getCache } from '/src/api/monitor/cache.js';
 import * as echarts from 'echarts';
 
 const cache = ref([]);

src/views/process/processConfig/branchBtn.vue

@@ -1,69 +1,67 @@
 <template>
-    <div class="branch-btn">
-        <div class="icon-box">
-            <div class="icon">
-                <i class="iconfont icon-iconm_fenz"></i>
-            </div>
-            <div class="icon-text">分支</div>
-        </div>
-        <div class="title">{{title || '待配置'}}</div>
+  <div class="branch-btn">
+    <div class="icon-box">
+      <div class="icon">
+        <i class="iconfont icon-iconm_fenz"></i>
+      </div>
+      <div class="icon-text">分支</div>
     </div>
+    <div class="title">{{ title || "待配置" }}</div>
+  </div>
 </template>
 <script setup>
-    import { defineProps, inject, ref } from 'vue'
-    
-    let title = ref('')
-    let getNode = inject('getNode')
-    const node = getNode()
-    node.on('change:data', ({current}) => {
-        title.value = current.title
-    })
-    
+import { inject, ref } from "vue";
 
+let title = ref("");
+let getNode = inject("getNode");
+const node = getNode();
+node.on("change:data", ({ current }) => {
+  title.value = current.title;
+});
 </script>
 <style lang="scss">
-    .branch-btn{
-        height: 90px;
-        width: 150px;
-        background: #fff;
-        text-align: center;
-        box-shadow: 0px 2px 10px 1px rgba(51,51,51,0.1);
-        border-radius: 10px 10px 10px 10px;
-        padding: 10px;
-        .title {
-            width: 100%;
-            height: 40px;
-            line-height: 40px;
-            padding: 0 20px;
-            text-align: left;
-            background: #eee;
-            border-radius: 10px;
-            margin-top: 10px;
-            //文字一行多余省略
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        .icon-box{
-            display: flex;
-            height: 20px;
-            line-height: 20px;
-            color: #333;
-            font-size: 14px;
-            .icon{
-                height: 20px;
-                width: 20px;
-                border-radius: 10px;
-                background: #7566F0;
-                color: #fff;
-                i{
-                    color: #fff;
-                    font-size: 12px;
-                }
-            }
-            .icon-text{
-                margin-left:10px;
-            }
-        }
+.branch-btn {
+  height: 90px;
+  width: 150px;
+  background: #fff;
+  text-align: center;
+  box-shadow: 0px 2px 10px 1px rgba(51, 51, 51, 0.1);
+  border-radius: 10px 10px 10px 10px;
+  padding: 10px;
+  .title {
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    text-align: left;
+    background: #eee;
+    border-radius: 10px;
+    margin-top: 10px;
+    //文字一行多余省略
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .icon-box {
+    display: flex;
+    height: 20px;
+    line-height: 20px;
+    color: #333;
+    font-size: 14px;
+    .icon {
+      height: 20px;
+      width: 20px;
+      border-radius: 10px;
+      background: #7566f0;
+      color: #fff;
+      i {
+        color: #fff;
+        font-size: 12px;
+      }
     }
-</style>
+    .icon-text {
+      margin-left: 10px;
+    }
+  }
+}
+</style>

src/views/process/processConfig/handleBtn.vue

@@ -1,69 +1,67 @@
 <template>
-    <div class="handle-btn">
-        <div class="icon-box">
-            <div class="icon">
-                <i class="iconfont icon-icomx_banli"></i>
-            </div>
-            <div class="icon-text">办理</div>
-        </div>
-        <div class="title">{{title || '待配置'}}</div>
+  <div class="handle-btn">
+    <div class="icon-box">
+      <div class="icon">
+        <i class="iconfont icon-icomx_banli"></i>
+      </div>
+      <div class="icon-text">办理</div>
     </div>
+    <div class="title">{{ title || "待配置" }}</div>
+  </div>
 </template>
 <script setup>
-    import { defineProps, inject, ref } from 'vue'
-    
-    let title = ref('')
-    let getNode = inject('getNode')
-    const node = getNode()
-    node.on('change:data', ({current}) => {
-        title.value = current.title
-    })
-    
+import { inject, ref } from "vue";
 
+let title = ref("");
+let getNode = inject("getNode");
+const node = getNode();
+node.on("change:data", ({ current }) => {
+  title.value = current.title;
+});
 </script>
 <style lang="scss">
-    .handle-btn{
-        height: 90px;
-        width: 150px;
-        background: #fff;
-        text-align: center;
-        box-shadow: 0px 2px 10px 1px rgba(51,51,51,0.1);
-        border-radius: 10px 10px 10px 10px;
-        padding: 10px;
-        .title {
-            width: 100%;
-            height: 40px;
-            line-height: 40px;
-            padding: 0 20px;
-            text-align: left;
-            background: #eee;
-            border-radius: 10px;
-            margin-top: 10px;
-            //文字一行多余省略
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        .icon-box{
-            display: flex;
-            height: 20px;
-            line-height: 20px;
-            color: #333;
-            font-size: 14px;
-            .icon{
-                height: 20px;
-                width: 20px;
-                border-radius: 10px;
-                background: #FF9315;
-                color: #fff;
-                i{
-                    color: #fff;
-                    font-size: 12px;
-                }
-            }
-            .icon-text{
-                margin-left:10px;
-            }
-        }
+.handle-btn {
+  height: 90px;
+  width: 150px;
+  background: #fff;
+  text-align: center;
+  box-shadow: 0px 2px 10px 1px rgba(51, 51, 51, 0.1);
+  border-radius: 10px 10px 10px 10px;
+  padding: 10px;
+  .title {
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    text-align: left;
+    background: #eee;
+    border-radius: 10px;
+    margin-top: 10px;
+    //文字一行多余省略
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .icon-box {
+    display: flex;
+    height: 20px;
+    line-height: 20px;
+    color: #333;
+    font-size: 14px;
+    .icon {
+      height: 20px;
+      width: 20px;
+      border-radius: 10px;
+      background: #ff9315;
+      color: #fff;
+      i {
+        color: #fff;
+        font-size: 12px;
+      }
     }
-</style>
+    .icon-text {
+      margin-left: 10px;
+    }
+  }
+}
+</style>

src/views/process/processConfig/startBtn.vue

@@ -1,56 +1,54 @@
 <template>
-    <div class="start-btn"  @click="formTableChange">
-        <div class="icon">
-            <div class="sanjiao"></div>
-        </div>
-        <div class="text">开始{{title}}</div>
+  <div class="start-btn" @click="formTableChange">
+    <div class="icon">
+      <div class="sanjiao"></div>
     </div>
+    <div class="text">开始{{ title }}</div>
+  </div>
 </template>
 <script setup>
-    import { defineProps, inject, ref } from 'vue'
-    
-    let title = ref('')
-    let getNode = inject('getNode')
-    const node = getNode()
-    node.on('change:data', ({current}) => {
-        title.value = current.title
-    })
+import { inject, ref } from "vue";
 
+let title = ref("");
+let getNode = inject("getNode");
+const node = getNode();
+node.on("change:data", ({ current }) => {
+  title.value = current.title;
+});
 </script>
 <style lang="scss">
-    .start-btn{
-        height: 90px;
-        width: 150px;
-        background: #fff;
-        text-align: center;
-        box-shadow: 0px 2px 10px 1px rgba(51,51,51,0.1);
-        border-radius: 10px 10px 10px 10px;
-        padding: 10px 0;
-        .icon {
-            height: 40px;
-            width: 40px;
-            background: #39C55A;
-            border-radius: 20px;
-            margin: 0 auto;
-            //画一个三角形
-            .sanjiao {
-                width: 0;
-                height: 0;
-                border-left: 10px solid transparent;
-                border-right: 10px solid transparent;
-                border-bottom: 10px solid #fff;
-                margin: 0 auto;
-                position: relative;
-                top: 15px;
-                left: 2px;
-                transform: rotate(90deg);
-            }
-            
-        }
-        .text{
-            color: #333;
-            font-size: 14px;
-            margin-top: 10px; 
-        }
+.start-btn {
+  height: 90px;
+  width: 150px;
+  background: #fff;
+  text-align: center;
+  box-shadow: 0px 2px 10px 1px rgba(51, 51, 51, 0.1);
+  border-radius: 10px 10px 10px 10px;
+  padding: 10px 0;
+  .icon {
+    height: 40px;
+    width: 40px;
+    background: #39c55a;
+    border-radius: 20px;
+    margin: 0 auto;
+    //画一个三角形
+    .sanjiao {
+      width: 0;
+      height: 0;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent;
+      border-bottom: 10px solid #fff;
+      margin: 0 auto;
+      position: relative;
+      top: 15px;
+      left: 2px;
+      transform: rotate(90deg);
     }
-</style>
+  }
+  .text {
+    color: #333;
+    font-size: 14px;
+    margin-top: 10px;
+  }
+}
+</style>