From 0119182fc7947e3bd2299a24bba7e25e913dbddc Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期五, 22 十二月 2023 09:47:40 +0800 Subject: [PATCH] modified: src/api/plan/productionschedul.js modified: src/views/plan/productionschedul/index.vue modified: src/views/quality/processInspect/index.vue modified: src/views/quality/processInspect/processInspect-form.vue modified: src/views/quality/rawMaterial/rawMaterial-form.vue --- src/views/plan/productionschedul/index.vue | 308 ++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 269 insertions(+), 39 deletions(-) diff --git a/src/views/plan/productionschedul/index.vue b/src/views/plan/productionschedul/index.vue index b76fe0c..2b4de6c 100644 --- a/src/views/plan/productionschedul/index.vue +++ b/src/views/plan/productionschedul/index.vue @@ -2,26 +2,76 @@ <div class="mod-config"> <basic-container> <el-row> - <el-col :span="12"> - <div style="height:80vh;padding: 0px 10px;"> - <avue-crud :data="tableData" ref="crud" :option="option" :span-method="spanMethod" - @refresh-change="getData" - :page="page" - @selection-change="selectionRow" - :table-loading="loading"> - <template #menu="{ row, index }"> - <el-button type="text" icon="el-icon-edit" size="small" @click="editHandle(row, index)">缂栬緫</el-button> - <el-button type="text" icon="el-icon-delete" size="small" @click="deleteHandle(row, index)">鍒犻櫎</el-button> - </template> - </avue-crud> - </div> + <el-col :span="14"> + <el-row> + <el-col :span="24"> + <div style="height:40vh;padding: 0px 10px;"> + <span style="position: relative;top:40px;">鏈畬鎴�</span> + <span style="position: relative;top:30px;left:73%;z-index: 11"> + <el-button @click="tagFinished" size="mini" round type="primary">鏍囪宸插畬鎴�</el-button> + </span> + <avue-crud + :data="tableData" + ref="crud" + :option="option" + :span-method="spanMethod" + @refresh-change="getUnFinishedData" + @current-change="handleCurrentChange" + @size-change="handleSizeChange" + :page="page" + @selection-change="selectionRow" + :table-loading="loading"> + <template #menu="{ row, index }"> + <el-button + v-if="permissions.plan_productionschedul_edit" + type="text" + icon="el-icon-edit" + size="small" + @click="editHandle(row, index)">缂栬緫</el-button> + <el-button + v-if="permissions.plan_productionschedul_del" + type="text" + icon="el-icon-delete" + size="small" + @click="deleteHandle(row, index)">鍒犻櫎</el-button> + </template> + </avue-crud> + </div> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <div style="height:40vh;padding: 0px 10px;"> + <span style="position: relative;top:40px;">宸插畬鎴�</span> + <avue-crud + :data="finishedTableData" + ref="finished" + :option="finishedOption" + :span-method="spanMethod" + @refresh-change="getFinishedData" + @current-change="handleCurrentChange" + @size-change="handleSizeChange" + :page="finishedPage" + @selection-change="selectionRow"> + <!-- <template #menu="{ row, index }"> + <el-button + v-if="permissions.plan_productionschedul_del" + type="text" + icon="el-icon-delete" + size="small" + @click="deleteHandle(row, index)">鍒犻櫎</el-button> + </template> --> + </avue-crud> + </div> + </el-col> + </el-row> </el-col> - <el-col :span="12" style="padding-left: 10px"> + <el-col :span="10" style="padding-left: 10px"> <div style=""> <el-card> <div slot="header" class="clearfix"> <span>璋冨害鏃堕棿绾�</span> - <el-button v-if="scheduleList.length>0" @click="openEditDialog" style="float: right; padding: 3px 0" type="text">缂栬緫</el-button> + <el-button v-if="permissions.plan_productionschedul_edit_line && scheduleList.length>0" @click="openEditDialog" style="float: right; padding: 3px 0" type="text">缂栬緫</el-button> </div> <div style="height:70vh;overflow-y: scroll;"> <el-timeline> @@ -132,9 +182,8 @@ fetchScheduleById, fillTime, deleteSchedul, - updateSchedul + updateState, } from '@/api//plan/productionschedul' -import TableForm from './template-form' import ttable from '@/views/common/ztt-table.vue' import { mapGetters } from 'vuex' export default { @@ -153,13 +202,25 @@ multipleSelection: [], loading: true, tableData: [], + finishedTableData: [], page: { - total: 10, + total: 0, currentPage: 1, - pageSize: 10 + pageSize: 10, + pagerCount: 5 + }, + finishedPage: { + total: 0, + currentPage: 1, + pageSize: 10, + pagerCount: 5 }, option: { - height: 400, + defaultSort:{ + prop:'id', + order:'descending' + }, + height: 200, selection: true, columnBtn: false, index: true, @@ -263,7 +324,121 @@ } ], }, + finishedOption: { + refreshBtn: false, // 鏄惁鏄剧ず鍒锋柊鎸夐挳 + defaultSort:{ + prop:'id', + order:'descending' + }, + height: 180, + selection: true, + columnBtn: false, + index: true, + indexFixed: false, + selectionFixed: false, + rowKey: 'mid', + indexLabel: '搴忓彿', + menu: false, + menuAlign: 'center', + menuWidth: 130, + editBtn: false, + delBtn: false, + addBtn: false, + border: true, + align: 'center', + column: [ + { + minWidth: 120, + prop: 'projectName', + label: '椤圭洰鍚嶇О', + overHidden: true, + }, + { + minWidth: 100, + prop: 'contractNo', + label: '鍚堝悓鍙�', + overHidden: true, + }, + { + minWidth: 120, + prop: 'orderTime', + label: '鎺ュ崟鏃ユ湡', + overHidden: true, + formatter: (row,columnValue)=> this.formatDate(row,columnValue) + }, + { + minWidth: 120, + prop: 'customerName', + label: '瀹㈡埛鍚嶇О', + overHidden: true, + }, + { + minWidth: 120, + prop: 'deliveryDate', + label: '浜よ揣鏃ユ湡', + overHidden: true, + formatter: (row,columnValue)=> this.formatDate(row,columnValue) + }, + { + minWidth: 120, + prop: 'productType', + label: '浜у搧绫诲瀷', + overHidden: true, + }, + { + minWidth: 120, + prop: 'product', + label: '浜у搧鍚�', + overHidden: true, + }, + { + minWidth: 120, + prop: 'specs', + label: '瑙勬牸鍨嬪彿', + overHidden: true, + }, + { + minWidth: 120, + prop: 'unit', + label: '鍗曚綅', + overHidden: true, + }, + { + minWidth: 120, + prop: 'number', + label: '鏁伴噺', + overHidden: true, + }, + { + minWidth: 120, + prop: 'productionStatus', + label: '鐢熶骇鎯呭喌', + overHidden: true, + }, + { + minWidth: 120, + prop: 'productionRoutine', + label: '鐢熶骇绋嬪害', + overHidden: true, + }, + { + minWidth: 120, + prop: 'projectLeader', + label: '椤圭洰璐熻矗浜�', + overHidden: true, + }, + { + minWidth: 150, + prop: 'remark', + label: '澶囨敞', + overHidden: true, + } + ], + }, spanArr: [{ + prop: 'id', + span: [] + },{ prop: 'projectName', span: [] }, { @@ -291,20 +466,23 @@ }, components: { ttable, - TableForm, }, computed: { ...mapGetters(['permissions']), }, created(){ + if(!this.permissions.plan_productionschedul_edit && !this.permissions.plan_productionschedul_del){ + this.option.menu = false + } this.loading = true - this.getData() + this.getUnFinishedData() + this.getFinishedData() this.getParamType() - this.rowSort() + // this.rowSort() this.rowCalc() }, beforeUpdate() { - this.rowSort() + // this.rowSort() this.rowCalc() }, watch:{ @@ -324,13 +502,31 @@ beforeDestroy() { }, methods: { + tagFinished(){ + if(this.multipleSelection.length < 1){ + this.$message.warning("璇烽�夋嫨涓�鏉℃暟鎹�") + return + } + let ids = this.multipleSelection.map(ele=>{ + return ele.mid + }) + updateState(ids).then(res=>{ + if(res.status===200){ + this.$message.success("鏇存柊鎴愬姛") + this.getUnFinishedData() + this.getFinishedData() + } + }).catch(error=>{ + console.error(error); + }) + }, confirmEdit(){ const _than = this updateSchedul(this.editForm).then(res=>{ if(res.status===200){ _than.$message.success("鏇存柊鎴愬姛") _than.editDialogVisible = false - _than.getData() + _than.getUnFinishedData() } }).catch(error=>{ console.error(error); @@ -436,15 +632,15 @@ } }, selectionRow(val){ - if (val.length > 1) { - const preVal = val.shift(); - this.$refs.crud.toggleRowSelection(preVal, false); - } - else{ - this.scheduleList=[] - } + // if (val.length > 1) { + // const preVal = val.shift(); + // this.$refs.crud.toggleRowSelection(preVal, false); + // } + // else{ + // this.scheduleList=[] + // } this.multipleSelection = val - this.getScheduleById(val[0].id) + // this.getScheduleById(val[0].id) }, formatDate(row, cellValue){ if (cellValue) { @@ -455,12 +651,25 @@ } return '' }, + handleSizeChange(val){ + if(val){ + this.page.pageSize=val + this.getUnFinishedData() + } + }, + handleCurrentChange(val){ + if(val){ + this.page.currentPage=val + this.getUnFinishedData() + } + }, // 鑾峰彇鏁版嵁鍒楄〃 - getData() { + getUnFinishedData() { this.loading = true let param = { - size: 20, - current: 1, + size: this.page.pageSize, + current: this.page.currentPage, + state: false } fetchScheduleList(param).then((res) => { this.tableData = res.data.data.records @@ -470,8 +679,20 @@ }) this.loading = false }, - handleCurrentChange(val) { - this.multipleSelection = val + getFinishedData() { + this.loading = true + let param = { + size: this.finishedPage.pageSize, + current: this.finishedPage.currentPage, + state: true + } + fetchScheduleList(param).then((res) => { + this.finishedTableData = res.data.data.records + this.finishedPage.total = res.data.data.total + this.finishedPage.currentPage = res.data.data.records.pages + this.scheduleList = [] + }) + this.loading = false }, // 鍒犻櫎 deleteHandle(row,index) { @@ -499,7 +720,7 @@ ele.span = this.rowSpan(ele.prop, parent) }) }, - rowSort(list) { + rowSort() { let propList = this.spanArr.map(ele => ele.prop) this.spanArr.forEach((ele, index) => { let key = ele.prop @@ -559,6 +780,15 @@ } </script> <style> +.avue-crud__tip{ + display: none; +} +.avue-crud__pagination { + position: relative; + padding: 5px 0 20px 20px; + text-align: right; + z-index: 10; +} .basic-template-table .el-table__body .el-table__row td:first-child .cell { padding-left: 0px; padding-right: 0px; -- Gitblit v1.9.3