From 92560c22dc7837c254e1b65185c1f93a09357cf3 Mon Sep 17 00:00:00 2001
From: lixiangyu <lixiangyu@xalxzn.com>
Date: 星期三, 20 八月 2025 17:53:51 +0800
Subject: [PATCH] feat(cms): CuttingInboundList 组件中增加提交功能并优化 CuttingInboundModal 组件- 在 CuttingInboundList 组件中添加提交按钮和相关逻辑- 在 CuttingInboundModal 组件中增加入库数量校验 - 优化 CuttingInboundModal 组件的样式和布局
---
src/views/cms/CuttingInboundList.vue | 256 +++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 215 insertions(+), 41 deletions(-)
diff --git a/src/views/cms/CuttingInboundList.vue b/src/views/cms/CuttingInboundList.vue
index 0e0876e..972c824 100644
--- a/src/views/cms/CuttingInboundList.vue
+++ b/src/views/cms/CuttingInboundList.vue
@@ -21,8 +21,26 @@
dict="sys_user,realname,id,del_flag!=1"
/>
</a-form-item>
- </a-col>
- <a-col
+ </a-col>
+ <a-col :md="6" :sm="8">
+ <a-form-item label="纭浜�">
+ <j-search-select-tag
+ v-model="queryParam.confirmer"
+ placeholder="璇烽�夋嫨纭浜�"
+ dict="sys_user,realname,id,del_flag!=1"
+ />
+ </a-form-item>
+ </a-col>
+<!-- <a-col :md="6" :sm="8">-->
+<!-- <a-form-item label="鍏ュ簱鏃堕棿">-->
+<!-- <j-date-->
+<!-- v-model="queryParam.receiveTime"-->
+<!-- type="date"-->
+<!-- value-format="YYYY-MM-DD"-->
+<!-- />-->
+<!-- </a-form-item>-->
+<!-- </a-col>-->
+ <a-col
:md="6"
:sm="8"
>
@@ -51,10 +69,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 -->
@@ -113,6 +131,11 @@
<a>鍒犻櫎</a>
</a-popconfirm>
</a-menu-item>
+ <a-menu-item>
+ <a-popconfirm title="纭畾鎻愪氦鍚�?" @confirm="() => handleSubmit(record.id)">
+ <a>鎻愪氦</a>
+ </a-popconfirm>
+ </a-menu-item>
</a-menu>
</a-dropdown>
</span>
@@ -128,6 +151,9 @@
</a-card>
</template>
+
+
+
<script>
import '@/assets/less/TableExpand.less'
@@ -135,6 +161,10 @@
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import CuttingInboundModal from './modules/CuttingInboundModal'
import CuttingInboundDetailList from './CuttingInboundDetailList'
+ import { downFile, httpAction } from '@api/manage'
+ import Vue from 'vue'
+ import { ACCESS_TOKEN } from '@/store/mutation-types'
+ import store from '@/store'
export default {
@@ -198,7 +228,7 @@
{
title:'鍏ュ簱鍗曠姸鎬�',
align:"center",
- dataIndex: 'orderStatus'
+ dataIndex: 'orderStatus_dictText',
},
{
title: '鎿嶄綔',
@@ -215,14 +245,15 @@
deleteBatch: "/cms/cuttingInbound/deleteBatch",
exportXlsUrl: "/cms/cuttingInbound/exportXls",
importExcelUrl: "cms/cuttingInbound/importExcel",
-
},
dictOptions:{},
superFieldList:[],
}
},
created() {
- this.getSuperFieldList();
+ this.getSuperFieldList();
+ // 娣诲姞瀛楀吀鏁版嵁鍔犺浇
+ this.initDictConfig();
},
computed: {
importExcelUrl: function(){
@@ -230,47 +261,190 @@
},
},
methods: {
+ searchQuery() {
+ this.loadData(1);
+ },
searchReset() {
- this.queryParam = {}
- this.$refs.cuttingInbounDetailList.dataSource = []
- this.loadData(1);
- },
+ this.queryParam = {}
+ this.$refs.cuttingInbounDetailList.dataSource = []
+ this.loadData(1);
+ },
handleEdit: function (record) {
this.$refs.modalForm.edit(record)
this.$refs.modalForm.title = '缂栬緫'
this.$refs.modalForm.disableSubmit = false
- },
- handleAdd() {
- this.$refs.modalForm.add()
- this.$refs.modalForm.title = '鏂板'
- this.$refs.modalForm.disableSubmit = false
- },
- handleDetail:function(record){
- this.$refs.modalForm.edit(record);
- this.$refs.modalForm.title="璇︽儏";
- this.$refs.modalForm.disableSubmit = true;
- },
- customRow(record) {
- return {
- on: {
- click: (e) => {
- //灏嗗綋鍓嶉�変腑鐨勮褰曚紶鍒板瓙椤甸潰
- this.$bus.$emit('getToolingStorageData', record)
- //鐐瑰嚮褰撳墠琛屽彉鑹�
- let oldList = document.querySelectorAll('.checked-td-of-add-table')
- if (oldList) {
- for (let j = 0; j < oldList.length; j++) {
- oldList[j].classList.remove('checked-td-of-add-table')
+ },
+ handleAdd() {
+ this.$refs.modalForm.add()
+ this.$refs.modalForm.title = '鏂板'
+ this.$refs.modalForm.disableSubmit = false
+ },
+ handleDetail:function(record){
+ this.$refs.modalForm.edit(record);
+ this.$refs.modalForm.title="璇︽儏";
+ this.$refs.modalForm.disableSubmit = true;
+ },
+ // 鑷畾涔夎鐐瑰嚮浜嬩欢
+ customRow(record) {
+ return {
+ on: {
+ click: (e) => {
+ //灏嗗綋鍓嶉�変腑鐨勮褰曚紶鍒板瓙椤甸潰
+ this.$bus.$emit('getToolingStorageData', record)
+ //鐐瑰嚮褰撳墠琛屽彉鑹�
+ let oldList = document.querySelectorAll('.checked-td-of-add-table')
+ if (oldList) {
+ for (let j = 0; j < oldList.length; j++) {
+ oldList[j].classList.remove('checked-td-of-add-table')
+ }
}
- }
- let children = e.target.parentNode.children
- for (let i = 0; i < children.length; i++) {
- children[i].classList.add('checked-td-of-add-table')
- }
+ let children = e.target.parentNode.children
+ for (let i = 0; i < children.length; i++) {
+ children[i].classList.add('checked-td-of-add-table')
+ }
+ },
},
- },
- }
- },
+ }
+ },
+
+ 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); //閲婃斁鎺塨lob瀵硅薄
+ }
+ })
+ },
+
+ /* 瀵煎叆 */
+ 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} `
+ });
+ }
+ }
+ },
+
+ /**
+ * 鍗曟嵁鎻愪氦
+ */
+ // handleSubmit: function() {
+ // if (!this.url.submit) {
+ // this.$message.error('璇疯缃畊rl.submit灞炴��!')
+ // return
+ // }
+ // if (this.selectedRowKeys.length != 1) {
+ // this.$message.warning('璇烽�夋嫨涓�鏉¤褰曪紒')
+ // return
+ // } else {
+ // var id = this.selectedRowKeys[0]
+ // let httpurl = this.url.submit
+ // let method = 'post'
+ // var params = { id: id }
+ //
+ // const that = this
+ //
+ // this.$confirm({
+ // title: '纭鎻愪氦锛�',
+ // okText: '纭',
+ // cancelText: '鍙栨秷',
+ // onOk() {
+ // httpAction(httpurl, params, method).then((res) => {
+ // if (res.success) {
+ // that.$message.success(res.message)
+ // that.loadData()
+ // } else {
+ // that.$message.warning(res.message)
+ // }
+ // }).finally(() => {
+ // that.loading = false
+ //
+ // })
+ // }
+ // })
+ // }
+ // },
}
}
</script>
--
Gitblit v1.9.3