feat: 订货单-审核详情

史婷婷
1 parent da1d7311
Showing 3 changed files with 25 additions and 100 deletions
pages/order_list/viewer.vue
plugins/components.js
utils/flow-components.js
--- a/pages/order_list/viewer.vue
View file @540e9a1
+++ b/pages/order_list/viewer.vue
View file @540e9a1
@@ -5,8 +5,6 @@
         <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="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>
@@ -47,14 +45,13 @@
       </view>
     </scroll-view>
-    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+    
   </view>
 </template>
 <script>
-import { getDetailApi, cancelApi } from '@/api/order_list.js'
+import { getDetailApi } from '@/api/order_list.js'
 import Product from './product.vue'
-import DetailButtons from '@/components/detail-buttons/index.vue'
 import {
   getDicName
 } from '@/utils/dic.js'
@@ -63,8 +60,9 @@ import {
 } from '@/utils/dic'
 export default {
-  name: 'OrderListDetail',
-  components: { Product, DetailButtons },
+  name: 'OrderListViewer',
+  props: { id: { type: [String, Number], default: '' } },
+  components: { Product },
   data() {
     return {
       form: {},
@@ -73,51 +71,25 @@ export default {
       categoryOptions: [],
       historyList: [],
       showExamine: false,
-      buttons: [
-        { 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: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
-      ],
       dicOptions: {
-        AUDIT_STATUS: [],
         SUPPLIER: [],
         APPLICABLE_STANDARD: [],
       },
     }
   },
   computed: {
-    statusFlags() {
-      const s = String((this.form && this.form.status) || '')
-      const e = String((this.form && this.form.examineStatus) || '')
-      return {
-        isRefuse: e === 'REFUSE',
-        isAudit: e === 'AUDIT',
-        canExamine: !!this.showExamine,
-        canDeliveryApply: s === 'ISSUED',
-        contractCreateBy: this.form.contractCreateBy
-      }
-    },
-    displayButtons() {
-      const f = this.statusFlags;
-      return [
-        { ...this.buttons[0], visible: f.isRefuse && f.contractCreateBy },
-        { ...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 },
-      ]
-    }
   },
   created() {
     this.loadAllDicData()
   },
-  onLoad(query) {
-    const id = (query && (query.id || query.code)) || ''
-    const se = (query && (query.todoType === 'WAIT' || query.showExamine === '1' || query.showExamine === true)) || false
-    this.showExamine = !!se
-    if (id) this.loadDetail(id)
+  watch: {
+    id: {
+      immediate: true,
+      handler(val) {
+        const v = (val !== undefined && val !== null) ? String(val) : ''
+        if (v) this.loadDetail(v)
+      }
+    }
   },
   methods: {
     async loadDetail(id) {
@@ -129,61 +101,7 @@ export default {
         this.form = {}
       }
     },
-    handleButtonClick(btn) {
-      if (!btn || btn.disabled) return
-      const map = {
-        edit: () => this.onEdit(),
-        auditDetail: () => this.onAuditDetail(),
-        audit: () => this.onAudit(),
-        shipmentApply: () => this.onShipmentApply(),
-        cancel: () => this.onCancel(),
-      }
-      const fn = map[btn.event]
-      if (typeof fn === 'function') fn()
-    },
-    getBusinessId() {
-      return (this.form && (this.form.id || this.form.code)) || ''
-    },
-    onEdit() {
-      const id = this.getBusinessId()
-      const query = id ? ('?id=' + encodeURIComponent(id)) : ''
-      uni.navigateTo({ url: '/pages/order_list/modify' + query })
-    },
-    onAuditDetail() {
-      const CACHE_KEY = 'sourceBusinessId'
-      uni.setStorageSync(CACHE_KEY, this.getBusinessId())
-      uni.navigateTo({ url: '/pages/flow/audit_detail' })
-    },
-    onAudit() {
-      const CACHE_KEY = 'sourceBusinessId'
-      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 })
-    },
-    onCancel() {
-      const id = this.getBusinessId()
-      if (!id) return
-      uni.showModal({
-        title: '系统提示',
-        content: '是否确定取消该流程？',
-        confirmText: '确定',
-        cancelText: '取消',
-        success: (res) => {
-          if (res && res.confirm) {
-            cancelApi(id).then(() => {
-              uni.showToast({ title: '已取消', icon: 'none' })
-              setTimeout(() => { uni.redirectTo({ url: '/pages/order_list/index' }) }, 300)
-            }).catch(() => {
-              uni.showToast({ title: '取消失败', icon: 'none' })
-            })
-          }
-        }
-      })
-    },
+    
     getCategoryClass(categoryName) {
       if (!categoryName) return ''
       if (categoryName.includes('A') || categoryName.includes('a')) {
@@ -197,14 +115,12 @@ export default {
       }
     },
     loadAllDicData() {
-      const dicCodes = ['AUDIT_STATUS', 'SUPPLIER', 'APPLICABLE_STANDARD']
+      const dicCodes = ['SUPPLIER', 'APPLICABLE_STANDARD']
       return getDicByCodes(dicCodes).then(results => {
-        this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
         this.dicOptions.SUPPLIER = results.SUPPLIER.data || []
         this.dicOptions.APPLICABLE_STANDARD = results.APPLICABLE_STANDARD.data || []
       }).catch(() => {
         this.dicOptions = {
-          AUDIT_STATUS: [],
           SUPPLIER: [],
           APPLICABLE_STANDARD: [],
         }
@@ -224,7 +140,6 @@ export default {
 .scroll {
   flex: 1;
-  padding: 8rpx 0 144rpx 0;
 }
 .detail-page {
--- a/plugins/components.js
View file @540e9a1
+++ b/plugins/components.js
View file @540e9a1
@@ -3,6 +3,8 @@ import CustomerCreditViewer from '@/pages/credit_manage/viewer.vue'
 import StandardContractViewer from '@/components/contract-view/standardContractViewer.vue'
 import FormalContractViewer from '@/components/contract-view/formalContractViewer.vue'
 import ProcessStdAgmtViewer from '@/pages/contract_process/processStdAgmtViewer.vue'
+import OrderListApprove from '@/pages/order_list/approve.vue'
+import OrderListViewer from '@/pages/order_list/viewer.vue'
 export default function registerComponents(Vue) {
   Vue.component('CustomerDevelopViewer', CustomerDevelopViewer)
@@ -10,4 +12,6 @@ export default function registerComponents(Vue) {
   Vue.component('StandardContractViewer', StandardContractViewer)
   Vue.component('FormalContractViewer', FormalContractViewer)
   Vue.component('ProcessStdAgmtViewer', ProcessStdAgmtViewer)
+  Vue.component('OrderListApprove', OrderListApprove)
+  Vue.component('OrderListViewer', OrderListViewer)
 }
--- a/utils/flow-components.js
View file @540e9a1
+++ b/utils/flow-components.js
View file @540e9a1
@@ -38,6 +38,12 @@ export const getSysFlowComponentPath = (bizFlag) => {
     case 'SPEC_LOCK_DELAY_EDIT': // 特殊锁单延迟
       componentPath = 'SpecLockDelayApprove'; // 特殊锁单延迟-审批
       break;
+    case 'PURCHASE_ORDER_EDIT': // 订货单
+      componentPath = 'OrderListApprove'; // 订货单-审批
+      break;
+    case 'PURCHASE_ORDER': // 订货单
+      componentPath = 'OrderListViewer'; // 订货单-审批详情
+      break;
   }
   return componentPath;
 };