暂存

src/views/purchaseIn/workbench/index.vue

@@ -5,25 +5,58 @@
       v-loading="loading"
       v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
     >
-      <ul class="clear">
-        <li>
+      <ul class="clear po-ul">
+        <li class="po-li">
           <div class="taskTitle color1">咨询单任务</div>
           <div class="taskList clear">
             <div
               class="task-item"
               v-for="item in list"
               :key="item"
-              @click="
-                routeGoto('workbenchDetail', { id: 'INF2203151428199103' })
-              "
+              @click="routeGoto('workbenchDetail', { id: item.infoNo })"
             >
-              {{ item }}
+              <ul class="fl item-ul">
+                <li class="fl item-li">
+                  <span class="label">任务编号：</span>
+                  <span class="label-main">{{ item.infoNo }}</span>
+                </li>
+                <li class="fl item-li">
+                  <span class="label">截止时间：</span>
+                  <span class="label-main">{{ item.endtime }}</span>
+                </li>
+                <li class="fl item-li">
+                  <span class="label">商品分类：</span>
+                  <span class="label-main">{{ item.cat_name }}</span>
+                </li>
+                <li class="fl item-li">
+                  <span class="label">商品品牌：</span>
+                  <span class="label-main">{{ item.brand_name }}</span>
+                </li>
+                <li class="fl item-li">
+                  <span class="label">商品名称：</span>
+                  <span class="label-main">
+                    <img
+                      v-if="item.good_img"
+                      style="width: 20px; height: 20px"
+                      :src="item.good_img"
+                      alt=""
+                    />
+                    {{ item.good_name }}</span
+                  >
+                </li>
+                <li class="fl item-li">
+                  <span class="label">商品预算：</span>
+                  <span class="label-main">
+                    {{ item.budget_price }}元/{{ item.num }}{{ unit }}</span
+                  >
+                </li>
+              </ul>
             </div>
             <div class="no-data">暂无数据！</div>
           </div>
         </li>
 
-        <li>
+        <li class="po-li">
           <div class="taskTitle color2">客户指定商品任务</div>
           <div class="taskList">
             <div
@@ -249,10 +282,22 @@ export default {
     // 刷新表格
     async searchList() {
       this.loading = true;
-      const {code,data} = await asyncRequest.list(this.parmValue);
-      if (code === 0 ) {
-        const {list,count}=data
+      const { code, data } = await asyncRequest.list(this.parmValue);
+      if (code === 0) {
+        const { list, count } = data;
         this.list = list;
+        this.list.map((e) => {
+          e.cat_name = "";
+          if (e.can && e.can.length > 0) {
+            e.can.forEach((a, ai) => {
+              e.cat_name += `${ai !== 0 ? "_" : ""}${a.name}`;
+            });
+          }
+          return e;
+        });
+        if (this.list.length > 0) {
+          console.log(this.list[0]);
+        }
         this.pageInfo.total = Number(count);
       } else if (code >= 100 && code <= 104) {
         await this.logout();
@@ -280,12 +325,12 @@ export default {
     width: 100%;
     height: 100%;
     box-sizing: border-box;
-    ul {
+    ul.po-ul {
       width: 100%;
       height: 100%;
       overflow-y: hidden;
       box-sizing: border-box;
-      li {
+      li.po-li {
         position: relative;
         height: 100%;
         width: 100%;
@@ -295,11 +340,50 @@ export default {
         // border: 1px solid rgba(121, 121, 121, 1);
         .task-item {
           border-bottom: 1px dashed #e6ebf5;
-          height: 140px;
-          line-height: 140px;
+          line-height: 20px;
+          overflow: hidden;
           float: left;
           width: 100%;
+          padding: 10px 12px;
           text-align: center;
+          font-size: 12px;
+          ul.item-ul {
+            width: 100%;
+            padding: 0;
+            margin: 0;
+
+            li.item-li {
+              width: 100%;
+              padding: 0;
+              margin: 0;
+              .label,
+              .label-main {
+                height: 20px;
+                line-height: 20px;
+                overflow: hidden;
+              }
+              .label {
+                width: 60px;
+                float: left;
+                color: #909499;
+                text-align: left;
+              }
+              .label-main {
+                float: left;
+                width: calc(100% - 60px);
+                text-align: right;
+                color: #454545;
+                img {
+                  display: inline-block;
+                  vertical-align: top;
+                  margin: 0 2px 0 0;
+                }
+              }
+            }
+          }
+          .order {
+            width: 100%;
+          }
           // &:last-child{
           //   border: 0;
           // }
@@ -309,8 +393,11 @@ export default {
           width: 66%;
           margin: 0 2% 0 0;
           .task-item {
-            width: 50%;
-            &:nth-child(2n + 1) {
+            width: 33.33%;
+            &:nth-child(3n + 1) {
+              border-right: 1px dashed #e6ebf5;
+            }
+            &:nth-child(3n + 2) {
               border-right: 1px dashed #e6ebf5;
             }
           }