feat: 产品试样确认单-编辑-暂存

史婷婷
1 parent 3c1666d5
Showing 1 changed file with 121 additions and 32 deletions
pages/confirmation_form/modify.vue
--- a/pages/confirmation_form/modify.vue
View file @b67e6f3
+++ b/pages/confirmation_form/modify.vue
View file @b67e6f3
@@ -3,40 +3,36 @@
     <scroll-view class="scroll" scroll-y>
       <uni-list>
         <view class="section">
-          <!-- 编辑模式下，订单编号通常不允许修改，或者作为只读显示，但为了保持与新增页UI一致，这里保留结构但设为不可点击 -->
-          <uni-list-item class="select-item is-filled" :rightText="form.purchaseOrderName || ''">
-            <template v-slot:body>
-              <view class="item-title"><text class="required">*</text><text>订单编号</text></view>
-            </template>
-          </uni-list-item>
-          <uni-list-item title="补货单编号">
+          <uni-list-item title="订货单位">
             <template v-slot:footer>
-              <view class="readonly-text">{{ form.code }}</view>
+              <view class="readonly-text">{{ form.orderingUnitName }}</view>
             </template>
           </uni-list-item>
-          <uni-list-item title="分厂">
-            <template v-slot:footer>
-              <view class="readonly-text">{{ form.workshopName }}</view>
+          <uni-list-item class="select-item" :class="form.sampleTypeName ? 'is-filled' : 'is-empty'" clickable
+            @click="openSheet('sampleType')" :rightText="form.sampleTypeName || '请选择'" showArrow>
+            <template v-slot:body>
+              <view class="item-title"><text>试样种类</text></view>
             </template>
           </uni-list-item>
-          <uni-list-item title="办事处">
-            <template v-slot:footer>
-              <view class="readonly-text">{{ form.deptName }}</view>
+          <uni-list-item class="select-item" :class="form.customerTypeName ? 'is-filled' : 'is-empty'" clickable
+            @click="openSheet('customerType')" :rightText="form.customerTypeName || '请选择'" showArrow>
+            <template v-slot:body>
+              <view class="item-title"><text>客户类型</text></view>
             </template>
           </uni-list-item>
-          <uni-list-item title="区域">
+          <uni-list-item title="生产厂">
             <template v-slot:footer>
-              <view class="readonly-text">{{ form.regionName }}</view>
+              <view class="readonly-text">{{ form.workshopName }}</view>
             </template>
           </uni-list-item>
-          <uni-list-item title="购货单位">
+          <uni-list-item title="所属品种">
             <template v-slot:footer>
-              <view class="readonly-text">{{ form.customerName }}</view>
+              <view class="readonly-text">{{ form.belongingBreed }}</view>
             </template>
           </uni-list-item>
-          <uni-list-item title="原计划发货日期">
+          <uni-list-item title="原供货同行">
             <template v-slot:footer>
-              <uni-datetime-picker type="date" v-model="form.originPlanShipDate" :end="maxDeliveryDate" />
+              <uni-easyinput v-model="form.originalSupplierPeer" placeholder="请输入原供货同行" :inputBorder="false" />
             </template>
           </uni-list-item>
         </view>
@@ -47,20 +43,43 @@
           <Product mode="add" :list="initPurchaseOrderLineList" @change="purchaseOrderLineListChange"
             :orderDate="form.orderDate" />
         </view>
+
+        <view class="section">
+
+          <uni-list-item class="select-item" :class="form.sampleQuantityRegulationName ? 'is-filled' : 'is-empty'" clickable
+            @click="openSheet('sampleQuantityRegulation')" :rightText="form.sampleQuantityRegulationName || '请选择'" showArrow>
+            <template v-slot:body>
+              <view class="item-title"><text>本次试样数量是否超规定</text></view>
+            </template>
+          </uni-list-item>
+
+          <uni-list-item class="select-item" :class="form.specificationQuantityRegulationName ? 'is-filled' : 'is-empty'" clickable
+            @click="openSheet('specificationQuantityRegulation')" :rightText="form.specificationQuantityRegulationName || '请选择'" showArrow>
+            <template v-slot:body>
+              <view class="item-title"><text>试样规格个数是否超规定</text></view>
+            </template>
+          </uni-list-item>
+          
+           <uni-list-item title="试样次数">
+            <template v-slot:footer>
+              <uni-easyinput type="textarea" v-model="form.sampleFrequency" placeholder="请输入试样次数" :inputBorder="false" />
+            </template>
+          </uni-list-item>
+
+          <uni-list-item title="前期不合格描述">
+            <template v-slot:footer>
+              <uni-easyinput type="textarea" v-model="form.earlyNonconformityDescription" placeholder="请输入前期不合格描述" :inputBorder="false" />
+            </template>
+          </uni-list-item>
+          
+        </view>
+
         <view class="footer">
           <view class="view-total">
             <view class="head">合计</view>
             <view class="row">
               <view class="row2">
-                <text class="label">需发</text><text class="value">{{ form.totalQuantity }}</text>
-              </view>
-              <view class="row2">
-                <text class="label">实发</text><text class="value">{{ form.totalShippedQuantity }}</text>
-              </view>
-            </view>
-            <view class="row">
-              <view class="row2">
-                <text class="label">需求补货</text><text class="value">{{ form.totalSupplementaryQuantity }}</text>
+                <text class="label">数量</text><text class="value">{{ form.totalQuantity }}</text>
               </view>
             </view>
           </view>
@@ -68,16 +87,22 @@
         </view>
       </uni-list>
     </scroll-view>
+     <SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+      @confirm="onSheetConfirm" />
   </view>
 </template>
 <script>
-import { updateApi, getDetailApi } from '@/api/replenishment_order.js'
+import { updateApi, getDetailApi } from '@/api/confirmation_form.js'
 import Product from './product.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import {
+	getDicByCodes
+} from '@/utils/dic'
 export default {
-  name: 'ReplenishmentOrderModify',
-  components: { Product },
+  name: 'ConfirmationFormModify',
+  components: { Product, SingleSelectSheet },
   data() {
     return {
       form: {
@@ -102,12 +127,20 @@ export default {
       },
       initPurchaseOrderLineList: [],
       maxDeliveryDate: new Date().toISOString().substring(0, 10),
+      sheet: { visible: false, title: '请选择', options: [], value: '', field: '' },
+      dicOptions: {
+				ENTERPRISE_TYPE: [], // 客户类型
+				SAMPLE_TYPE: [], // 试样种类
+			},
+			enterpriseTypeLocal: [], // 客户类型
+			sampleTypeLocal: [], // 试样种类
     }
   },
   onLoad(query) {
     const id = (query && (query.id || query.code)) || ''
     if (id) {
       this.loadDetail(id)
+		  this.loadAllDicData()
     }
   },
   methods: {
@@ -118,6 +151,8 @@ export default {
         const next = { ...this.form, ...m }
         // 确保ID存在
         next.id = m.id || id
+        next.sampleQuantityRegulationName = m.sampleQuantityRegulation === true ? '是' : '否'
+        next.specificationQuantityRegulationName = m.specificationQuantityRegulation === true ? '是' : '否'
         // 映射列表
         // 注意：详情返回的是 replenishmentOrderLineList，需要赋值给 initPurchaseOrderLineList 以便 Product 组件初始化
         // 且需要处理字段兼容性，确保 Product 组件能正确显示和编辑
@@ -137,6 +172,28 @@ export default {
         uni.showToast({ title: '加载失败', icon: 'none' })
       }
     },
+    loadAllDicData() {
+			const dicCodes = ['ENTERPRISE_TYPE', 'SAMPLE_TYPE']
+			return getDicByCodes(dicCodes).then(results => {
+				this.dicOptions.ENTERPRISE_TYPE = results.ENTERPRISE_TYPE.data || []
+				this.dicOptions.SAMPLE_TYPE = results.SAMPLE_TYPE.data || []
+				this.enterpriseTypeLocal = (this.dicOptions.ENTERPRISE_TYPE || []).map(it => ({
+      		value: it.code,
+					label: it.name
+				}))
+				this.sampleTypeLocal = (this.dicOptions.SAMPLE_TYPE || []).map(it => ({
+					value: it.code,
+					label: it.name
+				}))
+			}).catch(() => {
+				this.dicOptions = {
+					ENTERPRISE_TYPE: [], // 客户类型
+					SAMPLE_TYPE: [], // 试样种类
+				}
+				this.enterpriseTypeLocal = []
+				this.sampleTypeLocal = []
+			})
+		},
     validateRequired() {
       const checks = [
         { key: 'purchaseOrderName', label: '订单编号' }
@@ -239,6 +296,38 @@ export default {
       this.form.purchaseOrderLineList = list
       this.calculateSummary(list)
     },
+    openSheet(field) {
+      let options = []
+      let title = ''
+      let value = ''
+
+      if (field === 'sampleType') {
+        title = '试样种类'
+        options = this.sampleTypeLocal
+        value = this.form.sampleType
+      } else if (field === 'customerType') {
+        title = '客户类型'
+        options = this.enterpriseTypeLocal
+        value = this.form.customerType
+      } else if (field === 'sampleQuantityRegulation') {
+        title = '本次试样数量是否超规定'
+        options = [{ value: true, label: '是' }, { value: false, label: '否' }]
+        value = this.form.sampleQuantityRegulation
+      } else if (field === 'specificationQuantityRegulation') {
+        title = '试样规格个数是否超规定'
+        options = [{ value: true, label: '是' }, { value: false, label: '否' }]
+        value = this.form.specificationQuantityRegulation
+      }
+
+      const match = options.find(o => String(o.value) === String(value))
+      this.sheet = { ...this.sheet, visible: true, title, options, field, value: match ? match.value : '' }
+    },
+    onSheetConfirm({ value, label }) {
+      const field = this.sheet.field
+      this.form[field] = value
+      this.form[field + 'Name'] = label
+      this.sheet.visible = false
+    },
   }
 }
 </script>