update

src/views/main_web/proj-item.vue

@@ -44,14 +44,14 @@
         class="operate-bar"
         :class="{'show-operate-bar': isMouseHover && focusProjId == projItem.Id}"
       >
-        <div
+        <el-button
           class="bar-item"
           @click.stop="watchAllBtnClick"
-        >观全局</div>
-        <div
+        >观全局</el-button>
+        <el-button
           class="bar-item"
           @click.stop="lookProjDetailClick"
-        >项目指派</div>
+        >项目指派</el-button>
       </div>
     </div>
   </div>
@@ -59,7 +59,7 @@
 
 <script>
 import { fetchApi, wrapErrorHint } from "@/utils/request";
-import { notify } from '@/utils/tool';
+import { notify } from "@/utils/tool";
 export default {
   data() {
     return {
@@ -96,24 +96,32 @@ export default {
       this.$router.push("/newproject");
     },
     checkParentProject() {
-      this.$emit('check-parent-project', this.projItem)
+      this.$emit("check-parent-project", this.projItem);
     },
     removeProject() {
       const projectName = this.projItem.ProjName;
       // 删除项目后所有文件将被置入回收站中，但您可在回收站操作拷贝转移，确定删除项目？
       // 删除项目将与“项目名称”切断互链关系，同时所有文件将被置入回收站中，但您可在回收站操作拷贝转移，确定删除项目？
-      this.$confirm(`删除项目后所有文件将被置入回收站中，但您可在回收站操作拷贝转移，确定删除项目？`, '', {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        showClose: false,
-        type: "error",
-      }).then(async () => {
-        const res = await this.$fetchApi('project/deleteProject', { id: this.projItem.Id });
+      this.$confirm(
+        `删除项目后所有文件将被置入回收站中，但您可在回收站操作拷贝转移，确定删除项目？`,
+        "",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          showClose: false,
+          type: "error",
+        }
+      ).then(async () => {
+        const res = await this.$fetchApi("project/deleteProject", {
+          id: this.projItem.Id,
+        });
         wrapErrorHint(res);
-        if(res.Code) { return; }
+        if (res.Code) {
+          return;
+        }
         notify.success(`${this.projItem.ProjName}已删除`);
-        this.$emit('on-remove', this.projItem);
-      })
+        this.$emit("on-remove", this.projItem);
+      });
     },
     //ProjName处理
     subProjName(name) {
@@ -209,7 +217,6 @@ export default {
     border-radius: 50%;
     background-color: #fff;
     color: #000;
-    
   }
 
   &_content {
@@ -291,20 +298,13 @@ export default {
   .bar-item {
     flex: 1;
     margin: 0 11px;
-    height: 52px;
-    line-height: 52px;
+    // height: 32px;
+    // line-height: 32px;
     text-align: center;
-    font-size: 14px;
-    font-family: PingFangSC-Regular;
-    border-radius: 8px;
-    color: #fff;
-    background-color: rgba(50, 50, 60, 0.1);
-    cursor: pointer;
     &:hover {
-      background-color: rgba(0, 0, 0, 0.2);
-    }
-    &:active {
-      background-color: rgba(50, 50, 60, 0.1);
+      color: #fff;
+      background-color: #7850ff;
+      border-color: #7850ff;
     }
   }
 }