样式调整

src/views/home/home.vue

@@ -239,7 +239,8 @@ export default {
 
 .businessTitle {
   margin-top: 0px;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
+  font-weight: bold;
 }
 
 .icon-area {

src/views/home/start.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="card">
-      <h3 class="businessTitle">快速发起</h3>
+      <div class="businessTitle">快速发起</div>
       <div class="icon-area" v-if="meunNames.includes('大中型业务')" @click="goBench('/index/major/placeOrder')">
         <svg t="1716189375497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709" width="42" height="42">
           <path
@@ -117,19 +117,21 @@ export default {
 .card {
   background-color: white;
   border-radius: 5px;
-  padding: 16px;
+  padding: 10px;
   margin: 10px;
+  width: 89%;
 }
 
 .businessTitle {
   margin-top: 0px;
+  margin-bottom: 10px;
+  font-weight: bold;
 }
 
 .icon-area {
   display: inline-block;
-  margin-top: 1%;
-  width: 25%;
   text-align: center;
+  margin-right: 10px;
 }
 
 .icon-word{

src/views/home/todo.vue

@@ -1,95 +1,105 @@
 <template>
-  <van-tabs v-model:active="activeName" @change="tabChange()">
-    <van-tab title="个贷待办" name="personal">
-      <van-search v-model="personalListQuery.keyword" placeholder="请输入搜索关键词" @search="onPersonalSearch()" />
-      <van-pull-refresh v-model="loading" @refresh="onPersonalRefresh()">
-        <van-list v-model:loading="loading" :finished="personalFinished" finished-text="没有待办了" @load="personalTodoList()">
-          <div class="card" v-for="item in personalListData" :key="item.id" @click="toPersonalDetail(item)">
-            <div class="businessTitle">
-              <van-icon name="link-o" />
-              &nbsp;{{ item.orderId }}
+    <van-tabs v-model:active="activeName" @change="tabChange()" :ellipsis="false">
+      <van-tab title="个贷待办" name="personal" >
+        <van-search v-model="personalListQuery.keyword" placeholder="请输入搜索关键词" @search="onPersonalSearch()" />
+        <van-pull-refresh v-model="loading" @refresh="onPersonalRefresh()">
+          <van-list v-model:loading="loading" :finished="personalFinished" finished-text="没有待办了" @load="personalTodoList()">
+            <div class="card" v-for="item in personalListData" :key="item.id" @click="toPersonalDetail(item)">
+              <div class="businessTitle">
+                <van-icon name="link-o" />
+                &nbsp;{{ item.orderId }}
+              </div>
+              <div class="projectName">
+                <div class="location-icon"><van-icon name="location-o" /></div>
+                &nbsp;
+                <div class="locaiton">{{ item.location }}</div>
+              </div>
+              <div class="clientInfo">
+                <van-icon name="contact-o" />
+                &nbsp;{{ item.clientName }}-{{ item.clientSubName}}
+              </div>
+              <div class="otherInfo">
+                <van-tag type="primary" size="medium" class="van-tag">{{ item.nodeName }}</van-tag>
+                <van-tag type="success" size="medium" class="van-tag">{{ item.clientManager }}</van-tag>
+                <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
+              </div>
             </div>
-            <div class="projectName">
-              <div class="location-icon"><van-icon name="location-o" /></div>
-              &nbsp;
-              <div class="locaiton">{{ item.location }}</div>
+          </van-list>
+        </van-pull-refresh>
+        <van-back-top right="10vw" bottom="10vh" />
+      </van-tab>
+      <van-tab title="大中型待办" name="major" >
+        <van-search v-model="majorListQuery.keyword" placeholder="请输入搜索关键词" @search="onMajorSearch()" />
+        <van-pull-refresh v-model="loading" @refresh="onMajorRefresh()">
+          <van-list v-model:loading="loading" :finished="majorFinished" finished-text="没有待办了" @load="majorTodoList()">
+            <div class="card" v-for="item in majorListData" :key="item.id" @click="toMajorDetail(item)">
+              <div class="businessTitle">
+                <van-icon name="link-o" />
+                &nbsp;{{ item.orderId }}
+              </div>
+              <div class="productionNo" v-if="item.statementNo || item.reportNo">
+                <van-icon name="coupon-o" />
+                &nbsp;
+                {{ item.statementNo }}
+                <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
+                <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
+                {{ item.reportNo }}
+              </div>
+              <div class="projectName">
+                <div>
+                  <van-icon name="location-o" />
+                </div>
+                &nbsp;
+                <div>
+                  {{ item.productionName == null ? item.orderName : item.productionName }}
+                </div>
+              </div>
+              <div class="otherInfo">
+                <van-tag type="primary" size="medium" class="van-tag">{{ item.nodeName }}</van-tag>
+                <van-tag type="success" size="medium" class="van-tag">{{ item.clientManager }}</van-tag>
+                <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
+              </div>
             </div>
-            <div class="clientInfo">
-              <van-icon name="contact-o" />
-              &nbsp;{{ item.clientName }}-{{ item.clientSubName}}
+          </van-list>
+        </van-pull-refresh>
+        <van-back-top right="10vw" bottom="10vh" />
+      </van-tab>
+      <van-tab title="资产待办" name="assets">
+        <van-search v-model="assetsListQuery.keyWord" placeholder="请输入搜索关键词" @search="onAssetsSearch()" />
+        <van-pull-refresh v-model="loading" @refresh="onAssetsRefresh()">
+          <van-list v-model:loading="loading" :finished="assetsFinished" finished-text="没有待办了" @load="assetsTodoList()">
+            <div class="card" v-for="item in assetsListData" :key="item.id" @click="toAssetsDetail(item)">
+              <div class="businessTitle">
+                <van-icon name="link-o" />
+                &nbsp;{{ item.orderId }}
+              </div>
+              <div class="productionNo" v-if="item.statementNo || item.reportNo">
+                <van-icon name="coupon-o" />
+                &nbsp;
+                {{ item.statementNo }}
+                <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
+                <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
+                {{ item.reportNo }}
+              </div>
+              <div class="projectName">
+                <div>
+                  <van-icon name="location-o" />
+                </div>
+                &nbsp;
+                <div>
+                  {{ item.reportName || item.statementName || item.name }}
+                </div>
+              </div>
+              <div class="otherInfo">
+                <van-tag type="primary" size="medium" class="van-tag">{{ item.currentNodeName }}</van-tag>
+                <van-tag type="success" size="medium" class="van-tag">{{ item.clientManagerName }}</van-tag>
+                <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
+              </div>
             </div>
-            <div class="otherInfo">
-              <van-tag type="primary" size="medium" class="van-tag">{{ item.nodeName }}</van-tag>
-              <van-tag type="success" size="medium" class="van-tag">{{ item.clientManager }}</van-tag>
-              <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
-            </div>
-          </div>
-        </van-list>
-      </van-pull-refresh>
-      <van-back-top right="10vw" bottom="10vh" />
-    </van-tab>
-    <van-tab title="大中型待办" name="major">
-      <van-search v-model="majorListQuery.keyword" placeholder="请输入搜索关键词" @search="onMajorSearch()" />
-      <van-pull-refresh v-model="loading" @refresh="onMajorRefresh()">
-        <van-list v-model:loading="loading" :finished="majorFinished" finished-text="没有待办了" @load="majorTodoList()">
-          <div class="card" v-for="item in majorListData" :key="item.id" @click="toMajorDetail(item)">
-            <div class="businessTitle">
-              <van-icon name="link-o" />
-              &nbsp;{{ item.orderId }}
-            </div>
-            <p class="productionNo" v-if="item.statementNo || item.reportNo">
-              <van-icon name="coupon-o" />
-              &nbsp;
-              {{ item.statementNo }}
-              <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
-              <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
-              {{ item.reportNo }}
-            </p>
-            <p class="projectName">
-              <van-icon name="location-o" />
-              &nbsp;{{ item.productionName == null ? item.orderName : item.productionName }}
-            </p>
-            <p>
-              <van-tag type="primary" size="medium" class="van-tag">{{ item.nodeName }}</van-tag>
-              <van-tag type="success" size="medium" class="van-tag">{{ item.clientManager }}</van-tag>
-              <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
-            </p>
-          </div>
-        </van-list>
-      </van-pull-refresh>
-      <van-back-top right="10vw" bottom="10vh" />
-    </van-tab>
-    <van-tab title="资产待办" name="assets">
-      <van-search v-model="assetsListQuery.keyWord" placeholder="请输入搜索关键词" @search="onAssetsSearch()" />
-      <van-pull-refresh v-model="loading" @refresh="onAssetsRefresh()">
-        <van-list v-model:loading="loading" :finished="assetsFinished" finished-text="没有待办了" @load="assetsTodoList()">
-          <div class="card" v-for="item in assetsListData" :key="item.id" @click="toAssetsDetail(item)">
-            <div class="businessTitle">
-              <van-icon name="link-o" />
-              &nbsp;{{ item.orderId }}
-            </div>
-            <p class="productionNo" v-if="item.statementNo || item.reportNo">
-              <van-icon name="coupon-o" />
-              &nbsp;
-              {{ item.statementNo }}
-              <!-- 产品号都不为空才显示中间的分割空格, 以保持页面间距统一 -->
-              <span v-if="item.statementNo && item.reportNo">&nbsp;&nbsp;</span>
-              {{ item.reportNo }}
-            </p>
-            <p class="projectName">
-              <van-icon name="location-o" />
-              &nbsp;{{ item.reportName || item.statementName || item.name }}
-            </p>
-            <p>
-              <van-tag type="primary" size="medium" class="van-tag">{{ item.currentNodeName }}</van-tag>
-              <van-tag type="success" size="medium" class="van-tag">{{ item.clientManagerName }}</van-tag>
-              <van-tag color="#969799" size="medium" class="van-tag">{{ item.created }}</van-tag>
-            </p>
-          </div>
-        </van-list>
-      </van-pull-refresh>
-      <van-back-top right="10vw" bottom="10vh" />
-    </van-tab>
+          </van-list>
+        </van-pull-refresh>
+        <van-back-top right="10vw" bottom="10vh" />
+      </van-tab>
   </van-tabs>
 </template>
 
@@ -411,5 +421,7 @@ export default {
 .clientInfo{
   margin-bottom: 5px;
 }
-
+/deep/ .van-tabs__wrap {
+    width: 100%;
+  }
 </style>