feat: 订货单-卡片-增加审核状态筛选，卡片增加审核状态,标签样式

史婷婷
1 parent 660c16d6
Showing 1 changed file with 65 additions and 9 deletions
pages/order_list/index.vue
--- a/pages/order_list/index.vue
View file @a41fe73
+++ b/pages/order_list/index.vue
View file @a41fe73
@@ -23,9 +23,11 @@
             <view class="card-header">
               <text class="title omit2">{{ item.orderingUnitName }}</text>
               <text v-if="item.status" :class="['status', `status_${item.status}`]">{{ filterStatus(item.status)
-                }}</text>
+              }}</text>
             </view>
             <view class="info-row"><text>订单编号</text><text>{{ item.orderNo }}</text></view>
+            <view class="info-row"><text>审核状态</text><text><span :class="['status', `status_${item.examineStatus}`]">{{
+              filterExamineStatus(item.examineStatus) }}</span></text></view>
             <view class="info-row"><text>生产厂</text><text>{{ item.workshopName }}</text></view>
             <view class="info-row"><text>办事处</text><text>{{ item.deptName }}</text></view>
             <view class="info-row"><text>订货日期</text><text>{{ item.orderDate }}</text></view>
@@ -40,7 +42,8 @@
         <view class="filter-form">
           <view class="form-item">
             <view class="label">办事处</view>
-            <uni-easyinput v-model="model.deptName" placeholder="请输入办事处" :inputBorder="false" />
+            <uni-easyinput v-model="model.deptName" placeholder="请输入办事处" :inputBorder="false"
+              placeholderStyle="font-size:14px" />
           </view>
           <view class="form-item">
@@ -56,6 +59,12 @@
           </view>
           <view class="form-item">
+            <view class="label">审核状态</view>
+            <uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+              v-model="model.examineStatus" @change="onExamineStatusChange" :localdata="examineStatusOptions" />
+          </view>
+
+          <view class="form-item">
             <view class="label">订货日期</view>
             <uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
           </view>
@@ -93,6 +102,7 @@ export default {
       },
       workshopOptions: [],
       statusOptions: [],
+      examineStatusOptions: [],
       query: {},
       extraParams: {},
       currentItems: []
@@ -105,6 +115,7 @@ export default {
     ]
     this.extraParams = { type: this.tabValue }
     this.loadStatusOptions()
+    this.loadExamineStatusOptions()
     this.loadWorkshopOptions()
   },
   onReachBottom() {
@@ -118,11 +129,19 @@ export default {
         const res = await getDicByCodeApi('ORDER_STATUS')
         const list = res.data || []
         this.statusOptions = list.map(it => ({ text: it.name || '', value: it.code || '' }));
-        console.log('this.statusOptions', this.statusOptions)
       } catch (e) {
         this.statusOptions = []
       }
     },
+    async loadExamineStatusOptions() {
+      try {
+        const res = await getDicByCodeApi('AUDIT_STATUS')
+        const list = res.data || []
+        this.examineStatusOptions = list.map(it => ({ text: it.name || '', value: it.code || '' }));
+      } catch (e) {
+        this.examineStatusOptions = []
+      }
+    },
     async loadWorkshopOptions() {
       try {
         const res = await workshopQueryApi({ pageIndex: 1, pageSize: 9999 })
@@ -179,6 +198,10 @@ export default {
       const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
       this.filterForm.status = raw
     },
+    onExamineStatusChange(e) {
+      const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
+      this.filterForm.examineStatus = raw
+    },
     onWorkshopChange(e) {
       const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
       this.filterForm.workshopId = raw
@@ -201,13 +224,8 @@ export default {
         let records = _data.datas || _data.list || _data.records || []
         const totalCount = _data.totalCount || _data.count || 0
         const hasNext = _data.hasNext || false
-        const statusTextMap = (this.statusOptions || []).reduce((acc, it) => {
-          acc[String(it.value)] = it.text
-          return acc
-        }, {})
         records = records.map(it => ({
-          ...it,
-          statusName: statusTextMap[String(it.status)] || ''
+          ...it
         }))
         return { records, totalCount, hasNext }
       }).catch(() => {
@@ -218,6 +236,9 @@ export default {
     filterStatus(status) {
       return this.statusOptions.filter(item => item.value === status)[0].text || '';
     },
+    filterExamineStatus(status) {
+      return this.examineStatusOptions.filter(item => item.value === status)[0].text || '';
+    },
     onCardClick(item) {
       const id = (item && (item.id || item.code)) || ''
       if (!id) return
@@ -383,6 +404,41 @@ export default {
       &:last-child {
         color: rgba(0, 0, 0, 0.9);
       }
+
+      .status {
+        display: inline-block;
+        padding: 4rpx 12rpx;
+        border-radius: 6rpx;
+        font-size: 24rpx;
+        color: #fff;
+        line-height: 40rpx;
+
+        // 审核中
+        &.status_AUDIT {
+          background: rgb(242, 243, 255);
+          color: $theme-primary;
+
+        }
+
+        // 审核通过
+        &.status_PASS {
+          color: rgb(43, 164, 113);
+          background-color: rgb(227, 249, 233);
+        }
+
+        // 已驳回
+        &.status_REFUSE {
+          color: rgb(213, 73, 65);
+          background-color: rgb(255, 240, 237);
+        }
+
+        // 已取消
+        &.status_CANCEL {
+          background: #e7e7e7;
+          color: rgba(0, 0, 0, 0.6);
+        }
+      }
+
     }
   }