feat: 规格变更单-详情

@@ -4,9 +4,7 @@
       <view class="detail-page">
         <view class="section">
           <text class="row company">{{ form.orderNo }}</text>
-          <view :class="['status', `status_${form.status}`]" />
-          <view class="row"><text class="label">审核状态</text><text class="value act">{{ getDicName('AUDIT_STATUS',
-            form.examineStatus, dicOptions.AUDIT_STATUS) }}</text></view>
+          <view :class="['status', `status_${form.examineStatus}`]" />
           <view class="row"><text class="label">供货单位</text><text class="value">{{ getDicName('SUPPLIER',
             form.supplyUnit, dicOptions.SUPPLIER) }}</text></view>
           <view class="row"><text class="label">订货单位</text><text class="value">{{ form.orderingUnitName }}</text>
@@ -17,9 +15,14 @@
           <view class="row"><text class="label">交货方式</text><text class="value">{{ form.deliveryMethod }}</text></view>
         </view>
 
-        <!-- 产品 -->
+        <!-- 产品-变更前 -->
         <view class="mgb10">
-          <Product mode="view" :options="genderOptions" :list="form.purchaseOrderLineList" :totalQuantity="form.totalQuantity || 0" />
+          <Product title="变更前" mode="view" :options="genderOptions" :list="form.beforeChangeSpecList" :totalQuantity="form.totalQuantity || 0" />
+        </view>
+
+         <!-- 产品-变更后 -->
+        <view class="mgb10">
+          <Product title="变更后" mode="view" :options="genderOptions" :list="form.afterChangeSpecList" :totalQuantity="form.afterTotalQuantity || 0" />
         </view>
        
         <view class="section">
@@ -52,7 +55,7 @@
 </template>
 
 <script>
-import { getDetailApi, cancelApi } from '@/api/change_list.js'
+import { getDetailApi, cancelApi, confirmApi } from '@/api/change_list.js'
 import Product from './product.vue'
 import DetailButtons from '@/components/detail-buttons/index.vue'
 import {
@@ -76,7 +79,7 @@ export default {
         { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
         { text: '审核详情', visible: true, variant: 'outline', event: 'auditDetail' },
         { text: '审核', visible: true, variant: 'primary', event: 'audit' },
-        { text: '申请发货', visible: true, variant: 'outline', event: 'shipmentApply' },
+        { text: '确认变更', visible: true, variant: 'outline', event: 'confirmChange' },
         { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
       ],
       dicOptions: {
@@ -88,26 +91,25 @@ export default {
   },
   computed: {
     statusFlags() {
-      const s = String((this.form && this.form.status) || '')
-      const e = String((this.form && this.form.examineStatus) || '')
-      const d = (this.form && this.form.showExamine) || false
+      const m = this.form || {}
+      const e = String(m.examineStatus || '')
       return {
         isRefuse: e === 'REFUSE',
         isAudit: e === 'AUDIT',
-        canExamine: d,
-        canDeliveryApply: s === 'ISSUED',
-        contractCreateBy: this.form.contractCreateBy
+        canEdit: e === 'REFUSE' && !!m.changeCreateBy,
+        canAudit: e === 'AUDIT' && !!m.showExamine,
+        canCancel: e === 'REFUSE',
+        canConfirmChange: e === 'REFUSE' && !!m.output
       }
     },
     displayButtons() {
-      const f = this.statusFlags;
-      console.log('displayButtons__f', f)
+      const f = this.statusFlags
       return [
-        { ...this.buttons[0], visible: f.isRefuse && f.contractCreateBy },
+        { ...this.buttons[0], visible: f.canEdit },
         { ...this.buttons[1], visible: true },
-        { ...this.buttons[2], visible: f.isAudit && f.canExamine },
-        { ...this.buttons[3], visible: f.canDeliveryApply },
-        { ...this.buttons[4], visible: f.isRefuse },
+        { ...this.buttons[2], visible: f.canAudit },
+        { ...this.buttons[3], visible: f.canConfirmChange },
+        { ...this.buttons[4], visible: f.canCancel },
       ]
     }
   },
@@ -134,7 +136,7 @@ export default {
         edit: () => this.onEdit(),
         auditDetail: () => this.onAuditDetail(),
         audit: () => this.onAudit(),
-        shipmentApply: () => this.onShipmentApply(),
+        confirmChange: () => this.onConfirmChange(),
         cancel: () => this.onCancel(),
       }
       const fn = map[btn.event]
@@ -158,10 +160,25 @@ export default {
       uni.setStorageSync(CACHE_KEY, this.getBusinessId())
       uni.navigateTo({ url: '/pages/flow/audit' })
     },
-    onShipmentApply() {
-      const id = this.getBusinessId()
-      const query = id ? ('?id=' + encodeURIComponent(id)) : ''
-      uni.navigateTo({ url: '/pages/order_list/shipment_apply' + query })
+    onConfirmChange() {
+      const id = this.getBusinessId();
+      if (!id) return
+      uni.showModal({
+        title: '系统提示',
+        content: '是否确定确认变更？',
+        confirmText: '确定',
+        cancelText: '取消',
+        success: (res) => {
+          if (res && res.confirm) {
+            confirmApi(id).then(() => {
+              uni.showToast({ title: '已确认变更', icon: 'none' })
+              setTimeout(() => { uni.redirectTo({ url: '/pages/change_list/index' }) }, 300)
+            }).catch(() => {
+              uni.showToast({ title: '确认变更失败', icon: 'none' })  
+            })
+          }
+        }
+      })
     },
     onCancel() {
       const id = this.getBusinessId()
@@ -183,18 +200,6 @@ export default {
         }
       })
     },
-    getCategoryClass(categoryName) {
-      if (!categoryName) return ''
-      if (categoryName.includes('A') || categoryName.includes('a')) {
-        return 'category_A'
-      } else if (categoryName.includes('B') || categoryName.includes('b')) {
-        return 'category_B'
-      } else if (categoryName.includes('C') || categoryName.includes('c')) {
-        return 'category_C'
-      } else if (categoryName.includes('D') || categoryName.includes('d')) {
-        return 'category_D'
-      }
-    },
     loadAllDicData() {
       const dicCodes = ['AUDIT_STATUS', 'SUPPLIER', 'APPLICABLE_STANDARD']
       return getDicByCodes(dicCodes).then(results => {
@@ -246,29 +251,20 @@ export default {
     background-size: 100% 100%;
     background-position: center;
 
-    // 已下发
-    &_ISSUED {
-      background-image: url('~@/static/images/order_list/status_ISSUED.png');
-    }
-
-    // 待发货
-    &_WAIT {
-      background-image: url('~@/static/images/order_list/status_WAIT.png');
+   &_AUDIT {
+      background-image: url('~@/static/images/dev_manage/status_1.png');
     }
 
-    // 部分发货
-    &_TRANSIT {
-      background-image: url('~@/static/images/order_list/status_TRANSIT.png');
+    &_PASS {
+      background-image: url('~@/static/images/dev_manage/status_2.png');
     }
 
-    // 发货完成
-    &_SHIPPED {
-      background-image: url('~@/static/images/order_list/status_SHIPPED.png');
+    &_REFUSE {
+      background-image: url('~@/static/images/dev_manage/status_3.png');
     }
 
-    // 已签收
-    &_DELIVERED {
-      background-image: url('~@/static/images/order_list/status_DELIVERED.png');
+    &_CANCEL {
+      background-image: url('~@/static/images/dev_manage/status_4.png');
     }
 
   }

@@ -14,7 +14,7 @@
       <CardList ref="cardRef" :fetchFn="fetchList" :query="query" :extra="extraParams" :enable-refresh="true"
         :enable-load-more="true" row-key="id" @loaded="onLoaded" @error="onError">
         <template v-slot="{ item }">
-          <view class="card">
+          <view class="card" @click.stop="onCardClick(item)">
             <view class="card-header">
               <text class="title omit2">{{ item.orderingUnitName }}</text>
               <text v-if="item.examineStatus" :class="['status', `status_${item.examineStatus}`]">{{ filterStatus(item.examineStatus)
@@ -167,6 +167,14 @@ export default {
         url: '/pages/change_list/add'
       })
     },
+    onCardClick(item) {
+      const id = (item && (item.id || item.code)) || ''
+      if (!id) return
+      const query = '?id=' + encodeURIComponent(id)
+      uni.navigateTo({
+        url: '/pages/change_list/detail' + query
+      })
+    },
   }
 }
 </script>

@@ -4,7 +4,7 @@
         <!-- 新增&详情-产品 -->
         <view class="header bp">
             <image class="opCollapse" src="/static/images/title.png" />
-            <text class="title">产品</text>
+            <text class="title">{{ title || '产品' }}</text>
             <view class="ops">
                 <image v-if="mode === 'add'" class="opAdd" @click="onAdd" src="/static/images/plus.png" />
                 <view v-if="mode === 'view'" class="op1" @click="toggleViewCollapse">