From 86666527059b49ff3f746aad7fc85beef892912d Mon Sep 17 00:00:00 2001
From: unknown <280848880@qq.com>
Date: 星期四, 26 十月 2023 11:20:46 +0800
Subject: [PATCH] 苏州web:项目管理table转向改成全部显示
---
web/src/views/DuctpiecePLM/PlanManage/DuctPlan.vue | 128 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 126 insertions(+), 2 deletions(-)
diff --git a/web/src/views/DuctpiecePLM/PlanManage/DuctPlan.vue b/web/src/views/DuctpiecePLM/PlanManage/DuctPlan.vue
index 7cbf4d0..513539b 100644
--- a/web/src/views/DuctpiecePLM/PlanManage/DuctPlan.vue
+++ b/web/src/views/DuctpiecePLM/PlanManage/DuctPlan.vue
@@ -51,7 +51,7 @@
</div>
<div class="plan_content_items">
<div class="plan_content_title">已生产管片数量（环）</div>
- <div class="plan_content_datas" v-for="(it,index) in item.productedArray" :key="index">{{it.split('.')[0]}}</div>
+ <div class="plan_content_datas" v-for="(it,index) in item.productedArray" style="cursor:pointer" @click="showDetails(item,index+1)" :key="index">{{it.split('.')[0]}}</div>
</div>
</div>
</div>
@@ -69,6 +69,50 @@
:total="total">
</el-pagination>
</div>
+ <!-- 钢筋笼明细弹框 -->
+ <el-dialog
+ class="prop_dialog"
+ title="管片明细"
+ :visible.sync="asyncBeardetails"
+ width="65%">
+ <div class="bears_content">
+ <el-table
+ v-loading="loadingDetails"
+ :data="bearDetails"
+ height="100%">
+ <el-table-column align="center" label="序号" width="60">
+ <template #default="scope">
+ <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="ringNum" label="环号" align="center" ></el-table-column>
+ <el-table-column prop="pipeNum" label="管片编号" align="center" width="160"></el-table-column>
+ <el-table-column prop="turn" label="转向" align="center" width="120"></el-table-column>
+ <el-table-column prop="reinforcement" label="配筋" align="center"></el-table-column>
+ <el-table-column prop="groutingHoles" label="注浆孔" align="center" ></el-table-column>
+ <el-table-column prop="blockNum" label="块号" align="center" ></el-table-column>
+ <el-table-column prop="mouldNum" label="模具" align="center" ></el-table-column>
+ <el-table-column prop="intoModTime" label="入模时间" align="center" width="160"></el-table-column>
+ <el-table-column prop="pouringTime" label="浇筑时间" align="center" width="160"></el-table-column>
+ <el-table-column prop="checkTime" label="质检时间" align="center" width="160"></el-table-column>
+ <el-table-column prop="groupName" label="生产班组" align="center" ></el-table-column>
+ <el-table-column prop="proName" label="项目" align="center" width="250" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="checkResult" label="质量标注" align="center" ></el-table-column>
+ </el-table>
+ </div>
+ <div class="bear_footer">
+ <el-pagination
+ background
+ @current-change="changeDetailsPageNum"
+ @size-change="changeDetailsPageSize"
+ :current-page="pageNumDetails"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSizeDetails"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="totalDetails">
+ </el-pagination>
+ </div>
+ </el-dialog>
<el-dialog
class="prop_dialog"
:title="asyncTitle===true ? '新增' :asyncTitle===false ? '修改':'查看'"
@@ -142,6 +186,16 @@
allMonths:null,//计算出来的总数
rowId:'',//某一行id
dataList: [], //管片生产计划信息
+ asyncBeardetails:false,
+ bearDetails:[],//管片明细
+ pageNumDetails:1,
+ pageSizeDetails:10,
+ totalDetails:0,
+ loadingDetails:true,
+ proId:null,
+ sizeId:null,
+ reinforcementId:null,
+ years:null,
optionsProject:[],//项目名称
asyncTitle: true, // 对话框title 新增：true 修改：false
asyncVisible: false, // 添加 修改对话框
@@ -210,6 +264,50 @@
}
})
},
+ //展示管片明细弹框
+ showDetails(val,num){
+ this.asyncBeardetails = true
+ if(num ===13){
+ this.asyncBeardetails = false
+ return
+ }
+ this.proId = val.proId
+ this.sizeId = val.size
+ this.years = num<10?val.planYear+'-0'+num:val.planYear+'-'+num
+ this.searchBearDetails(val.proId,val.size,this.years)
+ },
+ //查询管片明细
+ searchBearDetails(proId,sizeId,years){
+ this.loadingDetails = true;
+ this.bearDetails = [];
+ this.$api.Ducts.searchDuctDetails({
+ proId: proId,
+ sizeId:sizeId,
+ yearAndMonth:years,
+ pageNum: this.pageNumDetails,
+ pageSize: this.pageSizeDetails
+ }).then((res) => {
+ if(res.statusMsg === 'ok') {
+ this.totalDetails = res.data.total;
+ this.bearDetails = res.data.list;
+ }else{
+ this.$message.warning(res.statusMsg)
+ }
+ this.loadingDetails = false;
+ }).catch(() => {
+ this.loadingDetails = false
+ });
+ },
+ // 切换管片明细页数
+ changeDetailsPageNum(page) {
+ this.pageNumDetails = page;
+ this.searchBearDetails(this.proId,this.sizeId,this.years);
+ },
+ // 切换管片明细每页条数
+ changeDetailsPageSize(size) {
+ this.pageSizeDetails = size;
+ this.searchBearDetails(this.proId,this.sizeId,this.years);
+ },
//获得所有项目名称
getAllProjects(){
let obj = {
@@ -226,7 +324,7 @@
},
//通过选择项目选择尺寸
changeSizes(val){
- this.ruleForm.size = ""
+ this.$set(this.ruleForm,'size','')
this.$api.Reinforce.searchProjectSize({proId:val,pageNum: 1,
pageSize:100000000}).then(res=>{
if(res.statusMsg === 'ok'){
@@ -376,6 +474,32 @@
<style lang="scss" scoped>
@import '../../../style/layout-main.scss';
+.bears_content{
+ height: 500px;
+ /deep/ .el-table th.el-table__cell{
+ background:#082F57!important;
+ color: #18F6F8;
+ border-right: 1px solid #18F6F8!important;
+ border-bottom: 1px solid #18F6F8!important;
+ border-top: 1px solid #18F6F8!important;
+ &:last-child{
+ border-right-color:transparent!important;
+ }
+ }
+ /deep/.el-table .el-table__cell{
+ border-left: 1px solid #18F6F8!important;
+ border-right: 1px solid #18F6F8!important;
+ border-bottom: 1px solid #18F6F8!important;
+ }
+ /deep/.el-table tr:nth-of-type(even){
+ background: transparent;
+ }
+}
+.bear_footer{
+ text-align: right;
+ line-height: 20px;
+ margin: 15px 0 15px;
+}
.months_items{
display: flex;
flex-wrap: wrap;
--
Gitblit v1.9.3