feat(cms): 添加刀具归还功能并优化 CuttingReceiveList组件

lixiangyu

3 天以前 a17f09e572d644b04d1a40aa889ee1fd38a2b643

feat(cms): 添加刀具归还功能并优化 CuttingReceiveList组件

- 在 CuttingReceiveList组件中添加刀具归还功能
- 优化列表操作权限控制，根据订单状态显示不同操作按钮
- 新增 handleBack 方法处理刀具归还逻辑
- 修改模板中操作按钮的显示逻辑，适应新的业务流程

 src/views/cms/CuttingReceiveList.vue

@@ -120,7 +120,7 @@
            <!--        </span>-->

            <span slot="action" slot-scope="text, record">
          <a @click="handleEdit(record)" :disabled="record.orderStatus === '2'">编辑</a>
          <a @click="handleEdit(record)" :disabled="record.orderStatus === '2' || record.orderStatus === '3'">编辑</a>
          <a-divider type="vertical" />
          <a-dropdown>
            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
@@ -128,15 +128,10 @@
              <a-menu-item>
                <a @click="handleDetail(record)">详情</a>
              </a-menu-item>
               <!--              <a-menu-item v-if="record.orderStatus != '2'">-->
               <!--                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">-->
               <!--                  <a>删除</a>-->
               <!--                </a-popconfirm>-->
               <!--              </a-menu-item>-->
              <a-menu-item v-if="record.orderStatus !== '2'">
              <a-menu-item v-if="record.orderStatus === '1'">
                  <a @click="handleSubmit(record.id)" :disabled="record.orderStatus === '3'">提交</a>
              </a-menu-item>
              <a-menu-item v-if="record.orderStatus !== '2'">
              <a-menu-item v-if="record.orderStatus === '1'">
                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
                  <a>删除</a>
                </a-popconfirm>
@@ -282,7 +277,8 @@
            deleteBatch: '/cms/cuttingReceive/deleteBatch',
            exportXlsUrl: '/cms/cuttingReceive/exportXls',
            importExcelUrl: 'cms/cuttingReceive/importExcel',
            submit: '/cms/cuttingReceive/submit'
            submit: '/cms/cuttingReceive/submit',
            returnBack: '/cms/cuttingReceive/handleBack'
         },
         dictOptions: {},
         superFieldList: []
@@ -393,7 +389,62 @@
            }
         })
      },
      //TODO：刀具归还 handleBack

      /**
       *  单据领用
       */

      handleBack: function(id) {
         if (!this.url.returnBack) {
            this.$message.error('请设置url.return属性!')
            return
         }

         let targetId = id // 从参数获取ID
         // 如果没有通过参数传递ID，则检查选中的记录
         if (!targetId) {
            if (this.selectedRowKeys.length != 1) {
               this.$message.warning('请选择一条记录！')
               return
            } else {
               targetId = this.selectedRowKeys[0]
            }
         }

         // 将参数作为查询参数附加到URL上
         let httpurl = this.url.returnBack + '?orderId=' + encodeURIComponent(targetId)
         let method = 'get'
         var params = {}  // 清空params，因为参数已经在URL中传递

         const that = this

         this.$confirm({
            title: '确认提交！',
            // content: '正在提交数据，请耐心等待...',
            okText: '确认',
            cancelText: '取消',
            onOk() {
               // 显示加载提示
               const hide = that.$message.loading('正在提交数据，请耐心等待...', 0)

               // 发送请求
               return httpAction(httpurl, params, method).then((res) => {
                  hide() // 隐藏加载提示
                  if (res.success) {
                     that.$message.success(res.message)
                     that.loadData()
                  } else {
                     that.$message.warning(res.message)
                  }
               }).catch(error => {
                  hide() // 隐藏加载提示
                  that.$message.error('提交失败: ' + error.message)
               }).finally(() => {
                  that.loading = false
               })
            }
         })
      }
   }
}
</script>