代办任务换图标

pages/crm/statistical/costomer/todolist.vue

 
 <style lang="less" scoped>
-@import '../card.less';
+@import "../card.less";
 </style>
 <template>
   <div class="todolist">
@@ -18,9 +18,12 @@
           :key="index"
         >
           <div class="leftIcon">
-            <div class="Icon_bg" :class="item.name=='物料复验' ? 'img_bg02':(item.name=='产品合格证' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))" >
-            <!-- <div > -->
-              <img class="Icon_icon" src="@/assets/imgicon/u1640.png" alt="">
+            <div
+              class="Icon_bg"
+              :class="item.name=='物料复验' ? 'img_bg02':(item.name=='产品合格证' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))"
+            >
+              <!-- <div > -->
+              <img class="Icon_icon" :src="imgUrl + item.image" alt />
               <!-- <img class="Icon_icon" :src="imgUrl + item.image" alt /> -->
             </div>
           </div>
@@ -35,44 +38,44 @@
 </template>
 <script>
 export default {
-  name: 'todolist',
+  name: "todolist",
   data() {
     return {
       imgUrl: iconImg,
       listTask: []
-    }
+    };
   },
   created() {
-    this.get()
+    this.get();
   },
   methods: {
     topage() {
-      var info = { id: '123', message: '成功' }
-      this.$router.push({ name: 'handle', params: info })
+      var info = { id: "123", message: "成功" };
+      this.$router.push({ name: "handle", params: info });
       // tab(1)
     },
     get() {
-      let list = []
-      let url = `${systemUrl}/backlog/get`
-      this.$api.get(url).then((r) => {
+      let list = [];
+      let url = `${systemUrl}/backlog/get`;
+      this.$api.get(url).then(r => {
         //   console.log(r.result)
-        list = r.result
-        list.forEach((data) => {
-        //   console.log(data.totalUrl)
-          let ulrt = `http://${address}:` + data.totalUrl
-          data.totalUrl = ''
+        list = r.result;
+        list.forEach(data => {
+          //   console.log(data.totalUrl)
+          let ulrt = `http://${address}:` + data.totalUrl;
+          data.totalUrl = "";
 
-          this.$api.get(ulrt).then((r) => {
-            return (data.totalUrl = r.result)
-          })
-        })
-        let arr = list.slice(0, 6)
-        this.listTask = arr
-      })
+          this.$api.get(ulrt).then(r => {
+            return (data.totalUrl = r.result);
+          });
+        });
+        let arr = list.slice(0, 6);
+        this.listTask = arr;
+      });
     },
     goPage(u) {
-      this.$router.push(u.menuUrl)
+      this.$router.push(u.menuUrl);
     }
   }
-}
+};
 </script>
\ No newline at end of file

pages/handle/task.vue

@@ -8,15 +8,13 @@
       v-for="(item,index) in listTask"
       :key="index"
     >
-      <div class="leftIco">
-        <!-- color:rgba(36, 158, 145, 1) -->
-        <!-- <span class="iconfont">&#xe607;</span> -->
-        <div :class="item.name=='物料复验' ? 'img_bg02':(item.name=='产品合格证' ? 'img_bg03':(item.name=='生产执行' ? 'img_bg04' : 'img_bg01'))" >
-          <!-- <img class="img_icon" :src="imgUrl + item.image" alt /> -->
-          <img class="img_icon" src="@/assets/imgicon/u1640.png" alt="">
+     <div class="leftIco">
+        <div
+          class="img_bg"
+          :class="item.name=='物料复验' ? 'img_bg02': item.name=='料单'? 'img_bg02':item.name=='产品合格证' ? 'img_bg03':item.name=='质量检验' ? 'img_bg03':item.name=='工艺数据审查' ? 'img_bg04':item.name=='主工艺规程' ? 'img_bg04':item.name=='专业工艺规程' ? 'img_bg04' : 'img_bg01'"
+        >
+          <img class="img_icon" :src="imgUrl + item.image" alt />
         </div>
-        <!-- <command icon="@/assets/imgicon/u1638.png"> -->
-        <!-- <Icon type="md-analytics" size="36" color="#249e91" /> -->
       </div>
       <div style="width:145px;">
         <p>{{item.name}}</p>