From 2b885af197394576f92f0a70d3aba535aa7ca00c Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 22 十二月 2023 17:16:10 +0800
Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/mes-ocea-before
---
src/views/plan/productionschedul/index.vue | 302 ++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 266 insertions(+), 36 deletions(-)
diff --git a/src/views/plan/productionschedul/index.vue b/src/views/plan/productionschedul/index.vue
index d47995b..ecf9c7a 100644
--- a/src/views/plan/productionschedul/index.vue
+++ b/src/views/plan/productionschedul/index.vue
@@ -2,32 +2,78 @@
<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"
- @current-change="handleCurrentChange"
- @size-change="handleSizeChange"
- :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:60%;z-index: 11">
+ <el-button @click="tagFinished" size="mini" round type="primary">鏍囪宸插畬鎴�</el-button>
+ <el-button size="mini" round type="primary"
+ v-if="permissions.plan_productionschedul_edit_line"
+ @click="openEditDialog">缂栬緫鏃堕棿绾�</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="selectionFinishedRow">
+ <!-- <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>
</div>
<div style="height:70vh;overflow-y: scroll;">
<el-timeline>
@@ -138,7 +184,7 @@
fetchScheduleById,
fillTime,
deleteSchedul,
- updateSchedul
+ updateState,
} from '@/api//plan/productionschedul'
import ttable from '@/views/common/ztt-table.vue'
import { mapGetters } from 'vuex'
@@ -158,14 +204,25 @@
multipleSelection: [],
loading: true,
tableData: [],
+ finishedTableData: [],
page: {
- total: 10,
+ total: 0,
+ currentPage: 1,
+ 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,
@@ -269,7 +326,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: []
}, {
@@ -302,14 +473,18 @@
...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:{
@@ -329,13 +504,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);
@@ -350,6 +543,10 @@
}
},
openEditDialog(){
+ if(this.multipleSelection.length<1){
+ this.$message.error("璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�")
+ return
+ }
this.scheduleEditList = JSON.parse(JSON.stringify(this.scheduleList))
this.dialogVisible = true
},
@@ -441,15 +638,26 @@
}
},
selectionRow(val){
+ // 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)
+ },
+ selectionFinishedRow(val){
+ console.log(val);
if (val.length > 1) {
const preVal = val.shift();
- this.$refs.crud.toggleRowSelection(preVal, false);
+ this.$refs.finished.toggleRowSelection(preVal, false);
}
else{
this.scheduleList=[]
}
- this.multipleSelection = val
- this.getScheduleById(val[0].id)
+ this.getScheduleById(val[0].mid)
},
formatDate(row, cellValue){
if (cellValue) {
@@ -463,26 +671,42 @@
handleSizeChange(val){
if(val){
this.page.pageSize=val
- this.getData()
+ this.getUnFinishedData()
}
},
handleCurrentChange(val){
if(val){
this.page.currentPage=val
- this.getData()
+ this.getUnFinishedData()
}
},
// 鑾峰彇鏁版嵁鍒楄〃
- getData() {
+ getUnFinishedData() {
this.loading = true
let param = {
size: this.page.pageSize,
current: this.page.currentPage,
+ state: false
}
fetchScheduleList(param).then((res) => {
this.tableData = res.data.data.records
this.page.total = res.data.data.total
this.page.currentPage = res.data.data.records.pages
+ this.scheduleList = []
+ })
+ this.loading = false
+ },
+ 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
@@ -513,7 +737,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
@@ -573,9 +797,15 @@
}
</script>
<style>
-.el-tag--small{
+.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