feat(cms): 新增刀具台账页面并优化相关功能

lixiangyu

14 小时以前 6aa6125237c35222d8570414eae78fa50a6e9482

feat(cms): 新增刀具台账页面并优化相关功能

- 新增 CuttingList 组件作为刀具台账页面入口
- 重构 CuttingInboundList、CuttingToolList 和 RatedLifeList 组件- 添加导出和导入功能- 优化表格列配置和数据处理
- 更新搜索和筛选功能

 src/views/cms/CuttingInboundList.vue

@@ -51,10 +51,10 @@
    <!-- æ“ä½œæŒ‰é’®åŒºåŸŸ -->
    <div class="table-operator">
      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
      <!-- <a-button type="primary" icon="download" @click="handleExportXls('刀具入库单')">导出</a-button>
      <a-button type="primary" icon="download" @click="handleExportXls('刀具入库单')">导出</a-button>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload> -->
      </a-upload>
    </div>

    <!-- table区域-begin -->
@@ -128,6 +128,9 @@
  </a-card>
</template>




<script>

  import '@/assets/less/TableExpand.less'
@@ -135,6 +138,10 @@
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import CuttingInboundModal from './modules/CuttingInboundModal'
  import CuttingInboundDetailList from './CuttingInboundDetailList'
  import { downFile } from '@api/manage'
  import Vue from 'vue'
  import { ACCESS_TOKEN } from '@/store/mutation-types'
  import store from '@/store'


  export default {
@@ -198,7 +205,7 @@
          {
            title:'入库单状态',
            align:"center",
            dataIndex: 'orderStatus'
            dataIndex: 'orderStatus_dictText',
          },
          {
            title: '操作',
@@ -215,7 +222,6 @@
          deleteBatch: "/cms/cuttingInbound/deleteBatch",
          exportXlsUrl: "/cms/cuttingInbound/exportXls",
          importExcelUrl: "cms/cuttingInbound/importExcel",
          
        },
        dictOptions:{},
        superFieldList:[],
@@ -223,6 +229,8 @@
    },
    created() {
    this.getSuperFieldList();
      // æ·»åŠ å­—典数据加载
      this.initDictConfig();
    },
    computed: {
      importExcelUrl: function(){
@@ -250,6 +258,7 @@
      this.$refs.modalForm.title="详情";
      this.$refs.modalForm.disableSubmit = true;
    },
      // è‡ªå®šä¹‰è¡Œç‚¹å‡»äº‹ä»¶
     customRow(record) {
      return {
        on: {
@@ -271,6 +280,108 @@
        },
      }
    },

      handleExportXls(fileName){
        if(!fileName || typeof fileName != "string"){
          fileName = "导出文件"
        }
        let param = this.getQueryParams();
        if(this.selectedRowKeys && this.selectedRowKeys.length>0){
          param['selections'] = this.selectedRowKeys.join(",")
        }



        console.log("导出参数",param)
        downFile(this.url.exportXlsUrl,param).then((data)=>{
          if (!data) {
            // this.$message.warning("文件下载失败")
            this.$notification.warning({
              message:'消息',
              description:"文件下载失败"
            });
            return
          }
          if (typeof window.navigator.msSaveBlob !== 'undefined') {
            window.navigator.msSaveBlob(new Blob([data],{type: 'application/vnd.ms-excel'}), fileName+'.xls')
          }else{
            let url = window.URL.createObjectURL(new Blob([data],{type: 'application/vnd.ms-excel'}))
            let link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', fileName+'.xls')
            document.body.appendChild(link)
            link.click()
            document.body.removeChild(link); //下载完成移除元素
            window.URL.revokeObjectURL(url); //释放掉blob对象
          }
        })
      },

      /* å¯¼å…¥ */
      handleImportExcel(info){
        this.loading = true;
        if (info.file.status !== 'uploading') {
          console.log(info.file, info.fileList);
        }
        if (info.file.status === 'done') {
          this.loading = false;
          if (info.file.response.success) {
            // this.$message.success(`${info.file.name} æ–‡ä»¶ä¸Šä¼ æˆåŠŸ`);
            if (info.file.response.code === 201) {
              let { message, result: { msg, fileUrl, fileName } } = info.file.response
              let href = window._CONFIG['domianURL'] + fileUrl
              this.$warning({
                title: message,
                content: (<div>
                    <span>{msg}</span><br/>
                    <span>具体详情请 <a href={href} target="_blank" download={fileName}>点击下载</a> </span>
                  </div>
                )
              })
            } else {
              // this.$message.success(info.file.response.message || `${info.file.name} æ–‡ä»¶ä¸Šä¼ æˆåŠŸ`)
              this.$notification.success({
                message:'消息',
                description:info.file.response.message || `${info.file.name} æ–‡ä»¶ä¸Šä¼ æˆåŠŸ`
              });
            }
            this.loadData()
          } else {
            // this.$message.error(`${info.file.name} ${info.file.response.message}.`);
            this.$notification.error({
              message:'消息',
              description:`${info.file.name} ${info.file.response.message}.`
            });
          }
        } else if (info.file.status === 'error') {
          this.loading = false;
          if (info.file.response.status === 500) {
            let data = info.file.response
            const token = Vue.ls.get(ACCESS_TOKEN)
            if (token && data.message.includes("Token失效")) {
              this.$error({
                title: '登录已过期',
                content: '很抱歉，登录已过期，请重新登录',
                okText: '重新登录',
                mask: false,
                onOk: () => {
                  store.dispatch('Logout').then(() => {
                    Vue.ls.remove(ACCESS_TOKEN)
                    window.location.reload();
                  })
                }
              })
            }
          } else {
            // this.$message.error(`文件上传失败: ${info.file.msg} `);
            this.$notification.error({
              message:'消息',
              description:`文件上传失败: ${info.file.msg} `
            });
          }
        }
      },
    }
  }
</script>

 src/views/cms/CuttingList.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,43 @@
<template >
  <a-card :bordered="false" :body-style="{ padding: '0 24px 24px 24px' }">
    <a-tabs default-active-key="1">
      <a-tab-pane key="1" tab="刀具信息">
        <cutting-tool-list ref="cuttingToolList"></cutting-tool-list>
      </a-tab-pane>
      <a-tab-pane key="2" tab="刀具库存">
        <cutting-inventory-list ref="cuttingInventoryList"></cutting-inventory-list>
      </a-tab-pane>
      <a-tab-pane key="3" tab="刀具额定寿命">
        <rated-life-list ref="RatedLifeList"></rated-life-list>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import CuttingToolList from './CuttingToolList'
import CuttingInventoryList from './CuttingInventoryList'
import RatedLifeList from './RatedLifeList.vue'

export default {
  name: '刀具台账',
  components: {
    CuttingToolList,
    CuttingInventoryList,
    RatedLifeList,
  },
  data() {
    return {}
  },
  methods: {
    callback(key) {
      console.log('切换到页签:', key)
    }
  }
}
</script>

<style scoped>
@import '~@assets/less/common.less';

</style>

 src/views/cms/CuttingToolList.vue

 src/views/cms/RatedLifeList.vue

@@ -43,10 +43,10 @@
    <!-- æ“ä½œæŒ‰é’®åŒºåŸŸ -->
    <div class="table-operator">
      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
      <!-- <a-button type="primary" icon="download" @click="handleExportXls('额定寿命')">导出</a-button>
      <a-button type="primary" icon="download" @click="handleExportXls('额定寿命')">导出</a-button>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload> -->
      </a-upload>
    </div>

    <!-- table区域-begin -->
@@ -147,7 +147,8 @@
          {
            title:'刀具编码',
            align:"center",
            dataIndex: 'cuttingId'
            dataIndex: 'cuttingId',
            sorter: true
          },
          {
            title:'工件材质',

 src/views/cms/modules/RatedLifeForm.vue

@@ -5,7 +5,14 @@
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="刀具编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cuttingId">
              <a-input v-model="model.cuttingId" placeholder="请输入刀具编码"  ></a-input>
<!--              <a-input v-model="model.cuttingId" placeholder="请输入刀具编码"  ></a-input>-->
              <j-search-select-tag
                placeholder="请选择刀具编码"
                v-model="model.cuttingId"
                :remoteSearch="true"
                :async="true"
                dict="cms_cutting_tool,cutting_code,cutting_code"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">