feat: 咨询列表

src/pages/investment/index.vue

@@ -98,7 +98,12 @@
               ></image>
             </div>
             <div>咨询列表</div>
-            <u-badge max="99" :value="listCount" absolute :offset="[0, 0]"></u-badge>
+            <u-badge
+              max="99"
+              :value="listCount"
+              absolute
+              :offset="[0, 0]"
+            ></u-badge>
           </div>
         </div>
       </template>
@@ -124,6 +129,7 @@
       :show="showPicker"
       :columns="formatedTypeList"
       closeOnClickOverlay
+      immediateChange
       @close="changeShowPicker(false)"
       @cancel="changeShowPicker(false)"
       @confirm="handlePickerConfirm"
@@ -235,9 +241,9 @@ export default {
       this.$fetch({
         url: API.haveAuth,
         data: {},
-        methods: 'get',
+        methods: "get",
       }).then((res) => {
-        this.listCount = res.numb
+        this.listCount = res.numb;
         this.changeShowList(res.haveInvest);
       });
     },
@@ -318,6 +324,7 @@ export default {
                 });
                 this.initField();
                 form.clearValidate();
+                this.initShowList();
               })
               .finally(() => {
                 this.changeLoading(false);

src/pages/investment/investment-list.vue

@@ -3,7 +3,7 @@
     <div class="body">
       <div class="list-item" v-for="item of dataList" :key="item.id">
         <div class="title">
-          <div>{{ getTypeName(item.consultType) }}</div>
+          <div class="title-type">{{ getTypeName(item.consultType) }}</div>
           <div class="company">{{ item.company }}</div>
         </div>
         <div class="info-cell">
@@ -23,12 +23,14 @@
         <div class="desc-cell">
           <div class="desc-name">需求描述：</div>
           <div class="desc-value">
+            <div class="desc">
               {{ item.details || "--" }}
             </div>
           </div>
         </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -38,36 +40,7 @@ export default {
   name: "InvestmentList",
   data() {
     return {
-      dataList: [
-        {
-          company: "12312312",
-          consultType: "1",
-          createBy: "",
-          createTime: "",
-          details: "afoijwoifejwofiew",
-          email: "18500055742@qq.com",
-          id: 0,
-          name: "王一二",
-          phone: "199040222--3",
-          updateBy: "",
-          updateTime: "2022-01-04 18:32",
-          version: 0,
-        },
-        {
-          company: "",
-          consultType: 0,
-          createBy: "",
-          createTime: "",
-          details: "",
-          email: "",
-          id: 0,
-          name: "",
-          phone: "",
-          updateBy: "",
-          updateTime: "",
-          version: 0,
-        },
-      ],
+      dataList: [],
       pageNum: 1,
       haveMore: true,
       isLoading: true,
@@ -100,7 +73,7 @@ export default {
         },
         data: {
           current: this.pageNum,
-          size: 20,
+          size: 5,
           condition: {},
         },
         success: (res) => {
@@ -112,8 +85,8 @@ export default {
     },
     getTypeName(type) {
       return (
-        this.typeList.find(({ dictValue }) => dictValue === type)?.dictLabel ||
-        ""
+        this.typeList.find(({ dictValue }) => Number(dictValue) === type)
+          ?.dictLabel || ""
       );
     },
   },
@@ -148,6 +121,9 @@ export default {
       font-family: HiraginoSansGB, HiraginoSansGB;
       color: #333333;
     }
+    .title-type {
+      font-weight: bold;
+    }
     .company {
       margin-left: 20rpx;
       border-radius: 16rpx;
@@ -181,6 +157,7 @@ export default {
           font-size: 24rpx;
           font-weight: 500;
           color: #606266;
+          word-break: break-all;
         }
       }
       .desc-cell {
@@ -192,10 +169,28 @@ export default {
           color: #333333;
         }
         .desc-value {
+          position: relative;
           margin-top: 30rpx;
+          .desc {
             font-size: 24rpx;
             font-weight: 500;
+            line-height: 30rpx;
             color: #606266;
+            word-break: break-all;
+            text-align: justify;
+          }
+          .expand {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            display: flex;
+            align-items: center;
+            z-index: 10;
+            font-size: 24rpx;
+            font-weight: 500;
+            line-height: 30rpx;
+            color: #4374ef;
+          }
         }
       }
     }