| | |
| | | <div class="mod-config"> |
| | | <basic-container> |
| | | <el-row> |
| | | <el-col :span="14" style="height:100vh"> |
| | | <el-row style="height:70%;padding:0px 10px;"> |
| | | <el-col :span="24"> |
| | | <div> |
| | | <span style="position: relative;top:40px;color:#E84738">未完成</span> |
| | | <span style="position: relative;top:30px;left:61%;z-index: 11"> |
| | | <el-col :span="16" style="height:100vh"> |
| | | <el-row style="height:65%;padding:0px 10px;"> |
| | | <el-col :span="24" style="margin: 0;"> |
| | | <div style="display:flex;height:36px;justify-content: space-between;align-items:center;"> |
| | | <div><span style="color:#E84738;font-weight: bold;">未完成</span></div> |
| | | <div> |
| | | <el-button @click="tagFinished" size="mini" round type="success">标记已完成</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="getDataList" |
| | | @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> |
| | | <el-tooltip content="刷新"> |
| | | <el-button circle icon="el-icon-refresh" @click="getDataList"></el-button> |
| | | </el-tooltip> |
| | | </div> |
| | | </div> |
| | | <avue-crud |
| | | class="unfinished-crud" |
| | | :data="tableData" |
| | | ref="crud" |
| | | :option="option" |
| | | :span-method="spanMethod" |
| | | @refresh-change="getDataList" |
| | | @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> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="height:30%;padding:0px 10px;"> |
| | | <el-col :span="24"> |
| | | <div> |
| | | <span style="position: relative;top:0px;color:#34BD66">已完成</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> |
| | | <el-row style="height:35%;padding:0px 10px;"> |
| | | <el-col :span="24" style="margin: 0;"> |
| | | <div style="display:flex;height:36px;justify-content: space-between;align-items:center;"> |
| | | <div><span style="color:#34BD66;font-weight: bold;">已完成</span></div> |
| | | </div> |
| | | <avue-crud |
| | | class="finished-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> |
| | | </el-col> |
| | | </el-row> |
| | | </el-col> |
| | | <el-col :span="10" style="padding-left: 10px"> |
| | | <el-col :span="8" style="padding-left: 10px"> |
| | | <div style=""> |
| | | <el-card> |
| | | <div slot="header" class="clearfix"> |
| | |
| | | prop:'id', |
| | | order:'descending' |
| | | }, |
| | | height: 360, |
| | | height: 370, |
| | | selection: true, |
| | | columnBtn: false, |
| | | index: true, |
| | |
| | | prop:'id', |
| | | order:'descending' |
| | | }, |
| | | height: 150, |
| | | height: 230, |
| | | selection: true, |
| | | columnBtn: false, |
| | | index: true, |
| | |
| | | if(res.data.data.length==1){ |
| | | let dataList = this.initTimeLine(res.data.data[0]) |
| | | this.scheduleEditList = dataList |
| | | console.log(this.scheduleEditList); |
| | | this.dialogVisible = true |
| | | }else{ |
| | | this.$message.error("选中数据的调度时间线不一致!") |
| | |
| | | this.getScheduleById(orderObj.id) |
| | | this.dialogVisible = false |
| | | }).catch(error=>{ |
| | | console.log(error); |
| | | console.error(error); |
| | | }) |
| | | |
| | | }, |
| | |
| | | fetchScheduleById(id).then(res=>{ |
| | | this.scheduleList = this.initTimeLine(res.data.data) |
| | | }).catch(error=>{ |
| | | console.log(error); |
| | | console.error(error); |
| | | }) |
| | | } |
| | | }, |
| | |
| | | } |
| | | </script> |
| | | <style> |
| | | .avue-crud__tip{ |
| | | .unfinished-crud .avue-crud__tip{ |
| | | display: none; |
| | | } |
| | | .unfinished-crud .avue-crud__menu{ |
| | | display: none; |
| | | } |
| | | .finished-crud .avue-crud__tip{ |
| | | display: none; |
| | | } |
| | | .finished-crud .avue-crud__menu{ |
| | | display: none; |
| | | } |
| | | .avue-crud__pagination { |
| | | position: relative; |
| | | padding: 5px 0 20px 20px; |
| | | padding: 0px 0 0px 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; |
| | | } |
| | | |
| | | .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; |
| | | display: none; |
| | | } |
| | | |
| | | .aufontAll { |
| | | font-family: aufontAll !important; |
| | | font-size: 14px; |
| | | font-style: normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | |
| | | .h-icon-all-drag { |
| | | background: url('/img/tz.png') center center no-repeat; |
| | | background-size: cover; |
| | | font-size: 14px; |
| | | } |
| | | .h-icon-all-drag:before { |
| | | content: '\E63E'; |
| | | font-size: 14px; |
| | | visibility: hidden; |
| | | } |
| | | </style> |