Browse Source

fix(订单): 修复已提交订单的提交按钮禁用问题并添加状态显示

yz 5 days ago
parent
commit
34e9c83738

+ 1 - 1
README.md

@@ -56,7 +56,7 @@ npm install --registry=https://registry.npmmirror.com
   - [ ] 支持模糊搜索物料,弹窗多选添加(中)
   - [x] 订单列表:订单编码可点击直达详情,移除“查看”按钮(急)
   - [ ] 订单提交后状态应变更,排查为何仍为“草稿”(急) ——U9接口
-  - [ ] 已提交订单禁用“提交”按钮,状态列展示“已提交”(急)
+  - [x] 已提交订单禁用“提交”按钮,状态列展示“已提交”(急)
   - [ ] 搜索新增“物料”条件,可查含某物料的订单(中)
   - [ ] 工厂端新增“订单查询/审核”功能,用于批准发货(急)
   - [ ] 明细编辑页:操作列冻结,首列增加复选框用于删除(未标注)

+ 1 - 1
src/components/order-form/order-form.vue

@@ -72,7 +72,7 @@
           type="primary"
           icon="el-icon-upload2"
           size="small"
-          v-if="isEdit && canSubmitToU9(formData) && (orderId || formData.id)"
+          v-if="isEdit && isDraft && (orderId || formData.id)"
           @click="handleSubmitToU9"
         >
           提交

+ 10 - 1
src/views/order/order/index-avue.vue

@@ -86,6 +86,13 @@
         </el-tag>
       </template>
 
+      <!-- 提交状态显示:草稿显示未提交,非草稿显示已提交 -->
+      <template slot="submitStatus" slot-scope="{row}">
+        <el-tag :type="row.status === ORDER_STATUS.DRAFT ? 'info' : 'success'">
+          {{ row.status === ORDER_STATUS.DRAFT ? '未提交' : '已提交' }}
+        </el-tag>
+      </template>
+
       <!-- 自定义操作菜单 -->
       <template slot-scope="{row}" slot="menu">
         <el-button
@@ -165,7 +172,9 @@ export default {
       syncLoading: false,
       
       // 事件常量
-      ORDER_FORM_EVENTS
+      ORDER_FORM_EVENTS,
+      // 暴露到模板的订单状态常量,供插槽中使用 ORDER_STATUS.DRAFT 判断
+      ORDER_STATUS
     }
   },
   computed: {

+ 10 - 0
src/views/order/order/option.js

@@ -150,6 +150,16 @@ export const option = {
       editDisabled: true,
       addDisplay: false
     },
+    // 新增:提交状态(虚拟列,使用插槽渲染,不依赖后端字段)
+    {
+      label: '提交状态',
+      prop: 'submitStatus',
+      minWidth: 100,
+      align: 'center',
+      slot: true,
+      editDisabled: true,
+      addDisplay: false
+    },
     {
       label: '订单总金额',
       prop: 'totalAmount',