From 363678a54142e62fdd4ca39a0db5c54af1a704dc Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期四, 29 二月 2024 15:39:59 +0800
Subject: [PATCH] 生产调度修改
---
src/views/plan/productionschedul/index.vue | 558 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 404 insertions(+), 154 deletions(-)
diff --git a/src/views/plan/productionschedul/index.vue b/src/views/plan/productionschedul/index.vue
index 72fd3d4..fb8f678 100644
--- a/src/views/plan/productionschedul/index.vue
+++ b/src/views/plan/productionschedul/index.vue
@@ -2,63 +2,93 @@
<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>
- <el-col :span="12" 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-col :span="24">
+ <el-row style="padding:0px 10px;">
+ <el-col :span="24" style="margin: 0;">
+ <div style="display:flex;height:36px;justify-content: space-between;align-items:center;">
+ <div>
+ <el-dropdown @command="changeTable">
+ <span :style="dropdownTitleStyle" class="el-dropdown-link">
+ {{dropdownTitle}}<i class="el-icon-arrow-down el-icon--right"></i>
+ </span>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item command="undone">寰呭畬鎴愯皟搴�</el-dropdown-item>
+ <el-dropdown-item command="done">宸插畬鎴愯皟搴�</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </div>
+ <div>
+ <el-button @click="tagFinished" v-if="showUnDownTable" size="mini" round type="success">鏍囪宸插畬鎴�</el-button>
+ <el-button size="mini" round type="primary"
+ v-if="permissions.plan_productionschedul_edit_line && showUnDownTable"
+ @click="openEditDialog">缂栬緫鏃堕棿绾�</el-button>
+ <el-tooltip content="鍒锋柊">
+ <el-button circle icon="el-icon-refresh" @click="getDataList"></el-button>
+ </el-tooltip>
+ </div>
</div>
- <div style="height:70vh;overflow-y: scroll;">
- <el-timeline>
- <el-timeline-item
- placement="top"
- v-for="(item, index) in scheduleList"
- :key="index"
- :timestamp="item.title">
- <el-card shadow="hover" :body-style="{margin: '0',padding:'0px 20px 0px 20px'}" style="width:90%;">
- <p>
- <span style="font-weight: bold;">璁″垝鏃堕棿: </span>
- {{item.planTime}}
- </p>
- <p>
- <span style="font-weight: bold;">瀹為檯鏃堕棿: </span>
- {{ item.actualTime }}</p>
- </el-card>
- </el-timeline-item>
- </el-timeline>
- </div>
- </el-card>
- </div>
+ <!-- 寰呭畬鎴愯皟搴﹁〃鏍� -->
+ <avue-crud
+ v-if="showUnDownTable"
+ class="unfinished-crud"
+ :data="tableData"
+ ref="unfinished"
+ :option="option"
+ :span-method="spanMethod"
+ @refresh-change="getDataList"
+ @current-change="handleCurrentChange"
+ @size-change="handleSizeChange"
+ @cell-click="handleClickCell"
+ :page="page"
+ @selection-change="selectionRow"
+ :table-loading="loading">
+ <template slot="product" slot-scope="scope">
+ <el-link type="primary">{{ scope.row.product }}</el-link>
+ </template>
+ <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>
+ <!-- 宸插畬鎴愯皟搴﹁〃鏍� -->
+ <avue-crud
+ v-else
+ class="finished-crud"
+ :data="finishedTableData"
+ ref="finished"
+ :option="finishedOption"
+ :span-method="spanMethod"
+ @refresh-change="getFinishedData"
+ @current-change="handleCurrentChange"
+ @cell-click="handleClickCell"
+ @size-change="handleSizeChange"
+ :page="finishedPage"
+ @selection-change="selectionFinishedRow">
+ <template slot="product" slot-scope="scope">
+ <el-link type="primary">{{ scope.row.product }}</el-link>
+ </template>
+ </avue-crud>
+ </el-col>
+ </el-row>
</el-col>
</el-row>
</basic-container>
+ <!-- 缂栬緫鏃堕棿绾� -->
<el-dialog
title="缂栬緫鏃堕棿绾�"
:visible.sync="dialogVisible"
top="5vh"
- width="50%"
- :before-close="handleClose">
+ width="50%">
<div style="height:60vh;overflow-y: scroll;">
<el-timeline>
<el-timeline-item
@@ -76,8 +106,8 @@
style="width:100%"
v-model="item.planTime"
value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="閫夋嫨鏃ユ湡鏃堕棿">
+ type="datetime"
+ placeholder="閫夋嫨璁″垝鏃堕棿">
</el-date-picker>
</el-col>
</el-row>
@@ -90,8 +120,8 @@
style="width:100%"
v-model="item.actualTime"
value-format="yyyy-MM-dd HH:mm:ss"
- type="datetime"
- placeholder="閫夋嫨鏃ユ湡鏃堕棿">
+ type="datetime"
+ placeholder="閫夋嫨瀹為檯鏃堕棿">
</el-date-picker>
</el-col>
</el-row>
@@ -103,32 +133,63 @@
<el-button @click="dialogVisible = false">鍙� 娑�</el-button>
<el-button type="primary" @click="confirmEditSchedul">纭� 瀹�</el-button>
</span>
- </el-dialog>
- <el-dialog
- title="缂栬緫"
- :visible.sync="editDialogVisible"
- width="50%">
- <el-form :model="editForm" label-width="120px">
- <el-row>
- <el-col :span="24">
- <el-form-item label="鐢熶骇鎯呭喌:">
- <el-input style="width:100%" placeholder="璇疯緭鍏ョ敓浜ф儏鍐�" type="textarea" :row="2" v-model="editForm.productionStatus"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <el-form-item label="鐢熶骇绋嬪害:">
- <el-input style="width:100%" placeholder="璇疯緭鍏ョ敓浜х▼搴�" type="textarea" :row="2" v-model="editForm.productionRoutine"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="editDialogVisible = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="confirmEdit()">纭� 瀹�</el-button>
- </span>
- </el-dialog>
+ </el-dialog>
+ <!-- 缂栬緫鐢熶骇杩囩▼鍜岀敓浜ф儏鍐� -->
+ <el-dialog
+ title="缂栬緫"
+ :visible.sync="editDialogVisible"
+ width="50%">
+ <el-form :model="editForm" label-width="120px">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鐢熶骇鎯呭喌:">
+ <el-input style="width:100%" placeholder="璇疯緭鍏ョ敓浜ф儏鍐�" type="textarea" :row="2" v-model="editForm.productionStatus"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鐢熶骇绋嬪害:">
+ <el-input style="width:100%" placeholder="璇疯緭鍏ョ敓浜х▼搴�" type="textarea" :row="2" v-model="editForm.productionRoutine"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="editDialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmEdit()">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <!-- 鏌ョ湅鏃堕棿绾� -->
+ <el-dialog
+ title="鏌ョ湅璋冨害鏃堕棿绾�"
+ top="5vh"
+ :visible.sync="showTimeLineDialog"
+ width="40%">
+ <el-card>
+ <div style="height:500px;overflow-y: scroll;">
+ <el-timeline>
+ <el-timeline-item
+ placement="top"
+ :color="(item.actualTime) ? '#34BD66' :null"
+ :icon="(item.actualTime) ? 'el-icon-circle-check' :null"
+ v-for="(item, index) in scheduleList"
+ :key="index"
+ :timestamp="item.title">
+ <el-card shadow="hover" :body-style="{margin: '0',padding:'0px 20px 0px 20px'}" style="width:90%;">
+ <p>
+ <span style="font-weight: bold;">璁″垝鏃堕棿: </span>
+ {{item.planTime}}
+ </p>
+ <p>
+ <span style="font-weight: bold;">瀹為檯鏃堕棿: </span>
+ {{ item.actualTime }}</p>
+ </el-card>
+ </el-timeline-item>
+ </el-timeline>
+ </div>
+ </el-card>
+ </el-dialog>
</div>
</template>
@@ -138,6 +199,8 @@
fetchScheduleById,
fillTime,
deleteSchedul,
+ updateState,
+ checkTimeLines,
updateSchedul
} from '@/api//plan/productionschedul'
import ttable from '@/views/common/ztt-table.vue'
@@ -145,6 +208,13 @@
export default {
data() {
return {
+ dropdownTitleStyle: {
+ color: '#E84738',
+ fontWeight: 'bold'
+ },
+ showUnDownTable: true,
+ dropdownTitle: '寰呭畬鎴愯皟搴�',
+ showTimeLineDialog:false,
editForm:{
id: null,
productionRoutine: null,
@@ -158,8 +228,15 @@
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
@@ -169,7 +246,7 @@
prop:'id',
order:'descending'
},
- height: 400,
+ height: 530,
selection: true,
columnBtn: false,
index: true,
@@ -228,6 +305,119 @@
prop: 'product',
label: '浜у搧鍚�',
overHidden: true,
+ slot: 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,
+ }
+ ],
+ },
+ finishedOption: {
+ refreshBtn: false, // 鏄惁鏄剧ず鍒锋柊鎸夐挳
+ defaultSort:{
+ prop:'id',
+ order:'descending'
+ },
+ height: 230,
+ 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,
+ slot: true
},
{
minWidth: 120,
@@ -274,12 +464,15 @@
],
},
spanArr: [{
+ prop: 'id',
+ span: []
+ },{
prop: 'projectName',
span: []
}, {
prop: 'contractNo',
span: []
- },
+ },
{
prop: 'orderTime',
span: []
@@ -306,8 +499,12 @@
...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.rowCalc()
@@ -325,21 +522,58 @@
productionStatus: null,
}
}
+ },
+ multipleSelection(newVal){
+ if(newVal.length==0){
+ this.scheduleList = []
+ }
}
},
- mounted() {
-
- },
- beforeDestroy() {
- },
+ mounted() {},
+ beforeDestroy() {},
methods: {
+ handleClickCell(row, column, cell, event){
+ if(column.label === '浜у搧鍚�'){
+ this.getScheduleById(row.mid)
+ this.showTimeLineDialog = true
+ }
+ },
+ changeTable(command){
+ if(command === 'undone'){
+ this.dropdownTitle = '寰呭畬鎴愯皟搴�'
+ this.dropdownTitleStyle = {color:'#E84738',fontWeight: 'bold'}
+ this.showUnDownTable = true
+ }else if(command === 'done'){
+ this.dropdownTitle = '宸插畬鎴愯皟搴�'
+ this.dropdownTitleStyle = {color:'#34BD66',fontWeight: 'bold'}
+ this.showUnDownTable = false
+ }
+ },
+ 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);
@@ -354,12 +588,31 @@
}
},
openEditDialog(){
- this.scheduleEditList = JSON.parse(JSON.stringify(this.scheduleList))
- this.dialogVisible = true
+ if(this.multipleSelection.length<1){
+ this.$message.warning("璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�")
+ return
+ }
+ let mIds = this.multipleSelection.map(ele=>{
+ return ele.mid
+ })
+ checkTimeLines(mIds).then(res=>{
+ if(res.data.data.length==1){
+ let dataList = this.initTimeLine(res.data.data[0])
+ this.scheduleEditList = dataList
+ this.dialogVisible = true
+ }else{
+ this.$message.error("閫変腑鏁版嵁鐨勮皟搴︽椂闂寸嚎涓嶄竴鑷�!")
+ }
+ }).catch(error=>{
+ console.error(error);
+ })
},
confirmEditSchedul(){
+ const _than = this
let data = this.scheduleEditList
- let orderObj = this.multipleSelection[0]
+ let mIds = this.multipleSelection.map(ele=>{
+ return ele.mid
+ })
let obj = {
"documentActualTime": data[0].actualTime,
"documentPlanTime": data[0].planTime,
@@ -373,32 +626,22 @@
"checkPlanTime": data[4].planTime,
"productActualTime": data[5].actualTime,
"productPlanTime": data[5].planTime,
- "id": orderObj.id,
- "contractNo": orderObj.contractNo,
- "customerName": orderObj.customerName,
- "deliveryDate": orderObj.deliveryDate,
- "orderTime": orderObj.orderTime,
- "productType": orderObj.productType,
- "projectName": orderObj.projectName
+ "mids": mIds,
}
fillTime(obj).then(res=>{
if(res.status===200){
- this.$message.success("鏇存柊鎴愬姛")
+ _than.$message.success("鏇存柊鎴愬姛")
}else{
- this.$message.error("鏇存柊澶辫触")
+ _than.$message.error("鏇存柊澶辫触")
}
- this.getScheduleById(orderObj.id)
- this.dialogVisible = false
+ // _than.getScheduleById(orderObj.id)
+ _than.dialogVisible = false
}).catch(error=>{
- console.log(error);
+ console.error(error);
})
-
- },
- handleClose(done){
- done()
},
initTimeLine(data){
- this.scheduleList = []
+ let scheduleList = []
if(data){
let arr = [
{
@@ -432,28 +675,35 @@
planTime: data.productPlanTime,
},
]
- this.scheduleList = arr
+ scheduleList = arr
+ return scheduleList
}
},
getScheduleById(id){
if(id){
fetchScheduleById(id).then(res=>{
- this.initTimeLine(res.data.data)
+ this.scheduleList = this.initTimeLine(res.data.data)
}).catch(error=>{
- console.log(error);
+ console.error(error);
})
}
},
selectionRow(val){
+ this.multipleSelection = val
+ // if(this.multipleSelection.length>0){
+ // this.getScheduleById(val[val.length-1].mid)
+ // this.showTimeLineDialog = true
+ // }
+ },
+ selectionFinishedRow(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) {
@@ -467,21 +717,29 @@
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() {
+ getDataList(){
+ this.getUnFinishedData()
+ this.getFinishedData()
+ this.$nextTick(()=>{
+ this.rowCalc()
+ })
+ },
+ 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
@@ -491,10 +749,25 @@
})
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
+ },
// 鍒犻櫎
deleteHandle(row,index) {
const _than = this
- _than.$confirm('鏄惁纭鍒犻櫎', '鎻愮ず', {
+ _than.$confirm('鏄惁纭鍒犻櫎璇ョ敓浜ц皟搴︿俊鎭�', '鎻愮ず', {
confirmButtonText: '纭畾',
cancelButtonText: '鍙栨秷',
type: 'warning'
@@ -502,7 +775,7 @@
deleteSchedul(row.mid).then(res=>{
if(res.status===200){
_than.$message.success("鍒犻櫎鎴愬姛")
- _than.getData()
+ _than.getDataList()
}
}).catch(error=>{
console.error(error)
@@ -577,45 +850,22 @@
}
</script>
<style>
-.avue-crud__tip{
+.unfinished-crud .avue-crud__tip{
display: none;
}
-.basic-template-table .el-table__body .el-table__row td:first-child .cell {
- padding-left: 0px;
- padding-right: 0px;
-}
-
-.basic-template-table .el-table__body .el-table__row:hover {
- cursor: move;
-}
-
-.basic-template-table .el-table__body .el-table__row:hover .icon {
- display: inline-block;
-}
-
-.basic-template-table .el-table__body .el-table__row .icon {
- color: rgba(0, 0, 0, 0.45);
- font-size: 12px;
- line-height: 18px;
+.unfinished-crud .avue-crud__menu{
display: none;
}
-
-.aufontAll {
- font-family: aufontAll !important;
- font-size: 14px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+.finished-crud .avue-crud__tip{
+ display: none;
}
-
-.h-icon-all-drag {
- background: url('/img/tz.png') center center no-repeat;
- background-size: cover;
- font-size: 14px;
+.finished-crud .avue-crud__menu{
+ display: none;
}
-.h-icon-all-drag:before {
- content: '\E63E';
- font-size: 14px;
- visibility: hidden;
+.avue-crud__pagination {
+ position: relative;
+ padding: 0px 0 0px 20px;
+ text-align: right;
+ z-index: 10;
}
</style>
--
Gitblit v1.9.3