feat:优化7 8 9

components/cwg-complex-search.vue

@@ -223,7 +223,7 @@ const displayRows = computed(() => {
 
 // 是否有更多字段可以展开
 const hasMoreFields = computed(() => {
-    return formRows.value.length > winWidth.value>1500?4:3
+    return formRows.value.length > (winWidth.value > 1500 ? 4 : 3)
 })
 
 // 切换显示/隐藏状态
@@ -452,14 +452,13 @@ onMounted(() => {
 .search-bar {
 
     .cwg-combox,
-    .uni-easyinput,
-    .uni-date {
+    .uni-easyinput{
         width: px2rpx(240) !important;
         flex: none;
     }
 
     .uni-date {
-        width: px2rpx(250) !important;
+        width: px2rpx(270) !important;
         flex: none;
     }
 

components/cwg-empty-state.vue

@@ -24,20 +24,20 @@ const props = defineProps({
   justify-content: center;
   align-items: center;
   border-radius: 12px;
-  gap: px2rpx(24);
+  //gap: px2rpx(16);
 
   .img {
-    width: px2rpx(160) !important;
-    height: px2rpx(160) !important;
+    width: px2rpx(120) !important;
+    height: px2rpx(120) !important;
     flex-shrink: 0;
   }
 
   .title {
     color: var(--bs-emphasis-color);
     font-family: Roboto;
-    font-size: px2rpx(26);
+    font-size: px2rpx(18);
     font-style: normal;
-    font-weight: 600;
+    font-weight: bold;
     line-height: px2rpx(44);
     margin-bottom: px2rpx(8);
   }

components/cwg-tabel.vue

@@ -845,6 +845,7 @@ defineExpose({
             background-color: var(--table-th-color) !important;
             border-bottom: 1px solid var(--bs-light-bg-subtle) !important;
             color: #000 !important;
+            padding-left: px2rpx(10);
 
             .header-content {
                 display: flex;
@@ -921,7 +922,7 @@ defineExpose({
         }
 
         .uni-table-th {
-            padding: px2rpx(6) px2rpx(5);
+            padding: px2rpx(6) px2rpx(15);
             box-sizing: border-box;
             vertical-align: middle;
             font-size: 14px;

pages/customer/recording-history.vue

@@ -296,7 +296,7 @@ const getStatusClass = (status: number) => {
         1: 'status-pending',
         2: 'status-success',
         3: 'status-processing',
-        4: 'status-danger'
+        4: 'status-failed'
     }
     return classMap[status] || ''
 }

static/scss/global/global.scss

@@ -1526,54 +1526,62 @@ uni-content.collapsed {
 .status-tag {
     display: inline-block;
     padding: px2rpx(4) px2rpx(8);
-    border-radius: px2rpx(2);
-    font-size: px2rpx(15);
+    border-radius: px2rpx(5);
+    font-size: px2rpx(14);
     text-align: center;
     min-width: px2rpx(80);
     box-sizing: border-box;
+    border: 1px solid;
 }
 
 // 待处理
 .status-pending {
-    background-color: #fef3c7;
-    color: #d97706;
+    background-color: #FFFBEB;
+    color: #f59e0b;
+  border-color: #FDE68A;
 }
 
 // 处理中
 .status-processing {
-    background-color: #a9d3ee;
-    color: #0284c7;
+    background-color: #EFF6FF;
+    color: #3B82F6;
+  border-color: #BFDBFE;
 }
 
 // 成功
 .status-success {
-    background-color: #a3f7c0;
-    color: #16a34a;
+    background-color: #ECFDF5;
+    color: #22C55E;
+    border-color: #BBF7D0;
 }
 
 // 失败
 .status-failed {
-    background-color: #f39c9c;
-    color: #dc2626;
+    background-color: #FEF2F2;
+    color: #EF4444;
+  border-color: #FECACA;
 }
 
 // 取消 / 已取消
 .status-cancelled {
-    background-color: #a4bef2;
-    color: #4b5563;
+    background-color: #F3F4F6;
+    color: #6B7280;
+    border-color: #E5E7EB;
 }
 
 // 已过期
 .status-expired,
 .status-canceled {
-    background-color: #f5efb1;
-    color: #a16207;
+    background-color: #FAF5FF;
+    color: #A855F7;
+  border-color: #E9D5FF;
 }
 
 // 已完成
 .status-completed {
-    background-color: #d1fae5;
-    color: #059669;
+  background-color: #ECFDF5;
+  color: #22C55E;
+  border-color: #BBF7D0;
 }
 
 // // 待处理

uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue

@@ -554,7 +554,7 @@ export default {
 </script>
 
 <style lang="scss">
-$uni-base-color: #6a6a6a !default;
+$uni-base-color: #909193 !default;
 $uni-main-color: #333 !default;
 $uni-secondary-color: #909399 !default;
 $uni-border-3: #e5e5e5;
@@ -613,7 +613,7 @@ $uni-info: #909399 !default;
 }
 
 .uni-select {
-	font-size: 14px;
+	font-size: 1rem;
 	box-sizing: border-box;
 	border-radius: 4px;
 	padding: 0 5px;

uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue

@@ -9,7 +9,7 @@
 						<view class="uni-date__x-input">{{ displayValue || singlePlaceholderText }}</view>
 					</view>
 
-					<view v-else class="uni-date-x uni-date-range">
+					<view v-else class="uni-date-x uni-date-range" :class="[displayRangeValue.startDate||displayRangeValue.endDate?'':'uni-date-placeholder']">
 						<uni-icons class="icon-calendar" type="calendar" color="#c0c4cc" size="22"></uni-icons>
 						<view class="uni-date__x-input text-center">{{ displayRangeValue.startDate ||
 							startPlaceholderText }}</view>

uni_modules/uni-scss/styles/setting/_variables.scss

@@ -114,7 +114,7 @@ $uni-info-light: lighten($uni-info,25%) !default;
 // 中性色
 // 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 $uni-main-color: #3a3a3a !default; 			// 主要文字
-$uni-base-color: #6a6a6a !default;			// 常规文字
+$uni-base-color: #909193 !default;			// 常规文字
 $uni-secondary-color: #909399 !default;	// 次要文字
 $uni-extra-color: #c7c7c7 !default;			// 辅助说明
 

uni_modules/uni-scss/variables.scss

@@ -30,7 +30,7 @@ $uni-info-light: mix(#fff,$uni-info,80%);
 // 中性色
 // 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 $uni-main-color: #3a3a3a; 			// 主要文字
-$uni-base-color: #6a6a6a;			// 常规文字
+$uni-base-color: #909193;			// 常规文字
 $uni-secondary-color: #909399;	// 次要文字
 $uni-extra-color: #c7c7c7;			// 辅助说明