修改上传图标

src/views/danger/addDanger/addDanger.vue

@@ -233,8 +233,8 @@
               <!-- 11111111111 -->
               <div
                 style="
-                  width: 88px;
-                  height: 88px;
+                  width: 2.13333rem;
+                  height: 2.13333rem;
                   background: #f7f8fa;
                   display: flex;
                   align-items: center;

src/views/risk/riskAdd/index.vue

@@ -163,6 +163,7 @@
         autosize
         placeholder="请输入"
       />
+
       <van-field name="setRankModeFile" label=" " v-show="showSetRankMode">
         <template #input>
           <van-uploader
@@ -172,9 +173,27 @@
             v-model="setRankModeImg"
             accept="file"
           >
-            <!-- <template slot="default">
-              11111111111
-            </template> -->
+            <template slot="default">
+              <!-- 11111111111 -->
+              <div
+                style="
+                  width: 2.13333rem;
+                  height: 2.13333rem;
+                  background: #f7f8fa;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  flex-direction: column;
+                "
+              >
+                <img
+                  src="@/assets/upload/file.png"
+                  alt=""
+                  style="width: 0.64rem; height: 0.64rem"
+                />
+                <span class="van-uploader__upload-text">最多上传五个</span>
+              </div>
+            </template>
           </van-uploader>
         </template>
       </van-field>
@@ -271,8 +290,8 @@
               <!-- 11111111111 -->
               <div
                 style="
-                  width: 88px;
-                  height: 88px;
+                  width: 2.13333rem;
+                  height: 2.13333rem;
                   background: #f7f8fa;
                   display: flex;
                   align-items: center;
@@ -314,8 +333,8 @@
               <!-- 11111111111 -->
               <div
                 style="
-                  width: 88px;
-                  height: 88px;
+                  width: 2.13333rem;
+                  height: 2.13333rem;
                   background: #f7f8fa;
                   display: flex;
                   align-items: center;

src/views/saveWorkbench/index.vue

@@ -2,9 +2,7 @@
   <div>
     <!-- 头部标签 -->
     <van-sticky>
-      <header class="header-wrap">
-        首开集团安全隐患排查治理体系
-      </header>
+      <header class="header-wrap">首开集团安全隐患排查治理体系</header>
     </van-sticky>
 
     <!-- 搜索 -->
@@ -94,7 +92,7 @@ import tabBar from "@/components/TabBar";
 import { postWork } from "@/service/workbench";
 export default {
   components: {
-    tabBar
+    tabBar,
   },
   data() {
     return {
@@ -104,23 +102,23 @@ export default {
         {
           key: "1",
           imgUrl: require("@/assets/workbench/notice.png"),
-          text: "通知公告"
+          text: "通知公告",
         },
         {
           key: "2",
           imgUrl: require("@/assets/workbench/wait-do.png"),
-          text: "待办事项"
+          text: "待办事项",
         },
         {
           key: "3",
           imgUrl: require("@/assets/workbench/news.png"),
-          text: "消息提醒"
+          text: "消息提醒",
         },
         {
           key: "4",
           imgUrl: require("@/assets/workbench/set-up.png"),
-          text: "我的设置"
-        }
+          text: "我的设置",
+        },
       ],
       riskList: [
         // 风控分级管控
@@ -128,85 +126,84 @@ export default {
           key: "1",
           path: "/risk-add",
           imgUrl: require("@/assets/workbench/risk-report.png"),
-          text: "风险上报"
+          text: "风险上报",
         },
         {
           key: "3",
           path: "/risk-confirme",
           imgUrl: require("@/assets/workbench/risk-confirm.png"),
-          text: "风险确认"
+          text: "风险确认",
         },
         {
           key: "4",
           path: "/risk-account",
           imgUrl: require("@/assets/workbench/risk-account.png"),
-          text: "风险台账"
-        }
+          text: "风险台账",
+        },
       ],
       dangerList: [
-        
         // 隐患排查治理
         {
           key: "1",
           // path: "/danger",
           path: "/add-danger",
           imgUrl: require("@/assets/workbench/danger-report.png"),
-          text: "隐患上报"
+          text: "隐患上报",
         },
         {
           key: "11",
           // path: "/danger",
           path: "/insert-danger",
           imgUrl: require("@/assets/workbench/risk-confirm.png"),
-          text: "我的上报"
+          text: "我的上报",
         },
         {
           key: "3",
           path: "/confirme-danger",
           imgUrl: require("@/assets/workbench/danger-confirm.png"),
-          text: "隐患确认"
+          text: "隐患确认",
         },
         {
           key: "4",
           path: "/change-danger",
           imgUrl: require("@/assets/workbench/danger-rectification.png"),
-          text: "隐患整改"
+          text: "隐患整改",
         },
         {
           key: "5",
           path: "/review-danger",
           imgUrl: require("@/assets/workbench/danger-acceptance.png"),
-          text: "隐患复查"
+          text: "隐患复查",
         },
         {
           key: "6",
           path: "/stand-book",
           imgUrl: require("@/assets/workbench/danger-account.png"),
-          text: "隐患台账"
+          text: "隐患台账",
         },
         {
           key: "7",
           path: "/major-danger",
           imgUrl: require("@/assets/workbench/retification-acceptance.png"),
-          text: "重大隐患"
+          text: "重大隐患",
         },
         {
           key: "8",
           path: "/delay-approval",
           imgUrl: require("@/assets/workbench/inspect-plane.png"),
-          text: "延期审批"
+          text: "延期审批",
         },
         {
           key: "9",
           path: "/supervise-danger",
           imgUrl: require("@/assets/workbench/retification-acceptance.png"),
-          text: "隐患督办"
+          text: "隐患督办",
         },
         {
           key: "10",
           path: "/manager-danger",
           imgUrl: require("@/assets/workbench/inspect-plane.png"),
-          text: "经理督办"
+          text: "经理督办",
         },
       ],
       safetyCheckList: [
@@ -215,44 +212,44 @@ export default {
           key: "1",
           path: "",
           imgUrl: require("@/assets/workbench/inspect-plane.png"),
-          text: "检查计划"
+          text: "检查计划",
         },
         {
           key: "2",
           path: "",
           imgUrl: require("@/assets/workbench/plane-approval.png"),
-          text: "计划审批"
+          text: "计划审批",
         },
         {
           key: "3",
           path: "/checked",
           imgUrl: require("@/assets/workbench/check-implement.png"),
-          text: "检查执行"
+          text: "检查执行",
         },
         {
           key: "4",
           path: "/notice",
           imgUrl: require("@/assets/workbench/rectification-notice.png"),
-          text: "整改通知"
+          text: "整改通知",
         },
         {
           key: "5",
           path: "",
           imgUrl: require("@/assets/workbench/issue-rectification.png"),
-          text: "问题整改"
+          text: "问题整改",
         },
         {
           key: "6",
           path: "/correct",
           imgUrl: require("@/assets/workbench/retification-acceptance.png"),
-          text: "整改验收"
+          text: "整改验收",
         },
         {
           key: "7",
           path: "",
           imgUrl: require("@/assets/workbench/ehcek-record.png"),
-          text: "检查记录"
-        }
+          text: "检查记录",
+        },
       ],
 
       // 后台给的数据权限对象
@@ -261,7 +258,7 @@ export default {
       finalNewsCenterList: [],
       finalRiskList: [],
       finalDangerList: [],
-      finalSafetyCheckList: []
+      finalSafetyCheckList: [],
     };
   },
   created() {
@@ -269,8 +266,7 @@ export default {
     this.getWorkList();
   },
   methods: {
-    myClick(data) {
-    },
+    myClick(data) {},
     jump(path) {
       if (path) {
         this.$router.push(path);
@@ -288,27 +284,27 @@ export default {
     },
     // 搜索事件
     onSearch(val) {
-      this.postList(this.searchValue)
+      this.postList(this.searchValue);
     },
     // 请求工作台列表
     getWorkList() {
-      postWork("/mobile/menu").then(res => {
+      postWork("/mobile/menu").then((res) => {
         if (res.code == 0) {
           this.powerObj = res.data;
           if (this.powerObj.风险分级管控) {
             // 对两个数组进行比较 拿到需要的数据 赋值给新数组 （赋值给新数组是为了解决页面闪屏问题）
-            this.finalRiskList = [...this.riskList].filter(x =>
-              [...this.powerObj.风险分级管控].some(y => y.menuName === x.text)
+            this.finalRiskList = [...this.riskList].filter((x) =>
+              [...this.powerObj.风险分级管控].some((y) => y.menuName === x.text)
             );
 
             // 如果有隐患上报权限 则在添加一个 上报退回的权限
-            this.powerObj.风险分级管控.map(item => {
+            this.powerObj.风险分级管控.map((item) => {
               if (item.menuName == "风险上报") {
                 let obj = {
                   key: "2",
                   path: "/risk-return",
                   imgUrl: require("@/assets/workbench/plane-approval.png"),
-                  text: "上报退回"
+                  text: "上报退回",
                 };
                 this.finalRiskList.splice(1, 0, obj);
               }
@@ -318,17 +314,17 @@ export default {
           }
           // 隐患排查治理
           if (this.powerObj.隐患排查治理) {
-            this.finalDangerList = [...this.dangerList].filter(x =>
-              [...this.powerObj.隐患排查治理].some(y => y.menuName === x.text)
+            this.finalDangerList = [...this.dangerList].filter((x) =>
+              [...this.powerObj.隐患排查治理].some((y) => y.menuName === x.text)
             );
             // 如果有隐患上报权限 则在添加一个 上报退回的权限
-            this.powerObj.隐患排查治理.map(item => {
+            this.powerObj.隐患排查治理.map((item) => {
               if (item.menuName == "隐患上报") {
                 let obj = {
                   key: "2",
                   path: "/report-return",
                   imgUrl: require("@/assets/workbench/rectification-notice.png"),
-                  text: "上报退回"
+                  text: "上报退回",
                 };
                 this.finalDangerList.splice(1, 0, obj);
               }
@@ -339,8 +335,8 @@ export default {
           // this.finalDangerList  = this.dangerList
           // 安全监督检查
           if (this.powerObj.安全监督检查) {
-            this.finalSafetyCheckList = [...this.safetyCheckList].filter(x =>
-              [...this.powerObj.安全监督检查].some(y => y.menuName === x.text)
+            this.finalSafetyCheckList = [...this.safetyCheckList].filter((x) =>
+              [...this.powerObj.安全监督检查].some((y) => y.menuName === x.text)
             );
           } else {
             this.finalSafetyCheckList = [];
@@ -351,8 +347,8 @@ export default {
           this.powerObj = [];
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="less" scoped>