Pārlūkot izejas kodu

feat:样式更新

钱新宇 1 dienu atpakaļ
vecāks
revīzija
6711928779

+ 5 - 1
traceCodePackages/traceabilityReport/pages/blacklist/detail/index.vue

@@ -305,7 +305,7 @@ export default {
   background: #f5f7fa;
   font-size: 26rpx;
   font-weight: bold;
-  color: #333;
+  color: #2c69ff;
 }
 
 .blk-body {
@@ -318,6 +318,10 @@ export default {
   border-bottom: 1rpx solid #eee;
 }
 
+.blk-row:nth-child(even) {
+  background-color: #f7f7f7;
+}
+
 .th,
 .td {
   padding: 16rpx 10rpx;

+ 10 - 1
traceCodePackages/traceabilityReport/pages/blacklist/index.vue

@@ -25,8 +25,16 @@
           @click="toDetail(item)"
         >
           <view class="left-info">
-            <view class="row1-name">{{ item.receiverName }}</view>
+            <view class="row1-name">
+              <text style="text-decoration: underline"
+                >{{ index + 1 }}.{{ item.receiverName }}</text
+              >
+            </view>
             <view class="row4-manager">信用代码:{{ item.companyCode }}</view>
+            <view class="row3-nature">
+              <text class="province">省份:{{ item.receiverProvince }}</text>
+              <text class="province">性质:{{ item.customerNature }}</text>
+            </view>
           </view>
         </view>
 
@@ -206,6 +214,7 @@ export default {
   font-weight: bold;
   color: #1890ff;
   margin-bottom: 16rpx;
+  text-decoration: underline;
 }
 
 .row2-info {

+ 22 - 7
traceCodePackages/traceabilityReport/pages/ganmaoling/detail/index.vue

@@ -123,6 +123,17 @@ export default {
           ],
           chain: "总仓 -> 分仓",
         },
+        {
+          billTime: "2023-01-02 14:30",
+          billType: "调拨入库",
+          productName: "三九胃泰",
+          items: [
+            { batchNo: "B20230105", source: "北京仓库", quantity: "200" },
+            { batchNo: "B20230106", source: "上海仓库", quantity: "300" },
+            { batchNo: "B20230107", source: "武汉仓库", quantity: "150" },
+          ],
+          chain: "总仓 -> 分仓",
+        },
       ],
     };
   },
@@ -241,8 +252,8 @@ export default {
 
 .flow-table {
   min-width: 1300rpx;
-  border-top: 1rpx solid #eee;
-  border-left: 1rpx solid #eee;
+  border-top: 1rpx solid #ccc;
+  border-left: 1rpx solid #ccc;
 }
 
 .flow-header {
@@ -250,7 +261,7 @@ export default {
   background: #f5f7fa;
   font-size: 26rpx;
   font-weight: bold;
-  color: #333;
+  color: #2c69ff;
 }
 
 .flow-body {
@@ -260,13 +271,17 @@ export default {
 
 .flow-row {
   display: flex;
-  border-bottom: 1rpx solid #eee;
+  border-bottom: 1rpx solid #ccc;
+}
+
+.flow-row:nth-child(even) {
+  background-color: #f7f7f7;
 }
 
 .th,
 .td {
   padding: 16rpx 10rpx;
-  border-right: 1rpx solid #eee;
+  border-right: 1rpx solid #ccc;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -277,7 +292,7 @@ export default {
 }
 
 .th {
-  border-bottom: 1rpx solid #eee;
+  border-bottom: 1rpx solid #ccc;
 }
 
 .col-time {
@@ -318,7 +333,7 @@ export default {
 .sub-row {
   display: flex;
   flex: 1;
-  border-bottom: 1rpx solid #eee;
+  border-bottom: 1rpx solid #ccc;
 }
 
 .sub-row:last-child {

+ 24 - 19
traceCodePackages/traceabilityReport/pages/ganmaoling/index.vue

@@ -25,26 +25,29 @@
           @click="toDetail(item)"
         >
           <view class="left-info">
-            <view class="row1-name"
-              >{{ item.receiverName }}
-              <text
-                class="level-tag"
-                :class="getLevelClass(item.customerLevel)"
-              >
-                {{ item.customerLevel }}
-              </text></view
+            <view class="row1-name">
+              <view style="display: flex; align-items: center; gap: 10rpx">
+                <text style="text-decoration: underline"
+                  >{{ index + 1 }}.{{ item.receiverName }}</text
+                >
+                <text
+                  class="level-tag"
+                  :class="getLevelClass(item.customerLevel)"
+                >
+                  {{ item.customerLevel }}
+                </text>
+              </view>
+              <view class="right-info">
+                <text class="alert-count">{{ item.alertCount }}次预警</text>
+              </view></view
             >
             <view class="row2-info">
-              <text class="province"
-                >客户省份:{{ item.receiverProvince }}
-              </text>
+              <text class="province">省份:{{ item.receiverProvince }} </text>
+            </view>
+            <view class="row3-nature">
+              <text class="province">责任人:{{ item.manager }}</text>
+              <text class="province">性质:{{ item.customerNature }}</text>
             </view>
-            <view class="row3-nature">客户性质:{{ item.customerNature }}</view>
-            <view class="row4-manager">责任经理:{{ item.manager }}</view>
-          </view>
-
-          <view class="right-info">
-            <text class="alert-count">{{ item.alertCount }}次预警</text>
           </view>
         </view>
 
@@ -208,7 +211,6 @@ export default {
 .card-item {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
   /* Align top */
   background: #fff;
   border-radius: 16rpx;
@@ -219,7 +221,6 @@ export default {
 
 .left-info {
   flex: 1;
-  margin-right: 20rpx;
 }
 
 .row1-name {
@@ -229,6 +230,7 @@ export default {
   margin-bottom: 16rpx;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 20rpx;
 }
 
@@ -271,6 +273,9 @@ export default {
   font-size: 26rpx;
   color: #666;
   margin-bottom: 12rpx;
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
 }
 
 .row4-manager {

+ 2 - 1
traceCodePackages/traceabilityReport/pages/reportExport/index.vue

@@ -770,7 +770,7 @@ export default {
         customerType: ["VIP客户", "二级客户", "三级客户"],
         product: [],
         pkgSpec: [],
-        status: ["全部", "待开始", "进行中", "已完成"],
+        status: ["全部", "已完成", "待开始", "进行中"],
       },
       // dropdown search inputs (create modal)
       searchForm: {
@@ -1736,6 +1736,7 @@ export default {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
+  text-decoration: underline;
 }
 
 .report-export-status {