From cb57bc6b4abf45dbb0605c94359c63e3b31b4b87 Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期二, 10 九月 2024 15:55:57 +0800 Subject: [PATCH] 优化报告生成、修改电路下单传参 --- src/components/view/b1-inspect-order-plan.vue | 296 ++++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 251 insertions(+), 45 deletions(-) diff --git a/src/components/view/b1-inspect-order-plan.vue b/src/components/view/b1-inspect-order-plan.vue index 05c0f51..ba7325f 100644 --- a/src/components/view/b1-inspect-order-plan.vue +++ b/src/components/view/b1-inspect-order-plan.vue @@ -97,6 +97,10 @@ .view-self-checkbox { margin-left: 50px; } + .draggable-row { + cursor: move; + position: relative; + } </style> <style> .ins-order-plan-main .el-form-item__label{ @@ -149,15 +153,107 @@ <el-col :span="3"> <div class="center-title"> <span>鎬昏浠诲姟鏁伴噺:</span> - <span v-if="$refs.insOrderPlan != undefined">{{$refs.insOrderPlan.total}}</span> + <span>{{total}}</span> </div> </el-col> </el-row> </div> - <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan" + <!-- <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan" :isColumnWidth="true" :url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData" @handleInspection="handleInspection" - :key="upIndex"/> + :key="upIndex"/> --> + <el-table + :data="tableData" + ref="table0" + border + style="width: 100%;" + height="calc(100% - 80px)" + :row-class-name="rowClassName" + v-loading="tableLoading" + row-key="orderStateId" + > + <el-table-column + prop="entrustCode" + label="濮旀墭缂栧彿" + width="140px" + > + <template slot-scope="scope"> + <el-button @click="selectAllByOne(scope.row)" type="text" size="small">{{ scope.row.entrustCode }}</el-button> + </template> + </el-table-column> + <el-table-column + prop="sample" + label="鏍峰搧鍚嶇О" + width="100px" + ></el-table-column> + <el-table-column + prop="type" + label="绱ф�ョ▼搴�" + width="100px" + > + <template slot-scope="scope"> + <el-tag :type="typeList.find(m=>m.value==scope.row.type).type" size="small">{{ typeList.find(m=>m.value==scope.row.type).label }}</el-tag> + </template> + </el-table-column> + <el-table-column + prop="insState" + label="鐘舵��" + width="100px" + > + <template slot-scope="scope"> + <el-tag :type="insStateList.find(m=>m.value==scope.row.insState).type" size="small">{{ insStateList.find(m=>m.value==scope.row.insState).label }}</el-tag> + </template></el-table-column> + <el-table-column + prop="userName" + label="妫�楠屼汉" + width="140px" + ></el-table-column> + <el-table-column + prop="checkName" + label="澶嶆牳浜�" + width="100px" + ></el-table-column> + <el-table-column + prop="appointed" + label="绾﹀畾鏃堕棿" + width="120px" + ></el-table-column> + <el-table-column + prop="sendTime" + label="涓嬪彂鏃堕棿" + width="160px" + ></el-table-column> + <el-table-column + prop="insTime" + label="妫�楠屽紑濮嬫椂闂�" + width="160px" + ></el-table-column> + <el-table-column + prop="verifyTell" + label="鐞嗙敱" + width="150px" + ></el-table-column> + <el-table-column + fixed="right" + align="center" label="鎿嶄綔" + width="250px" + > + <template slot-scope="scope"> + <el-button @click="handleDataLook(scope.row)" type="text" size="small">鏁版嵁鏌ョ湅</el-button> + <el-button @click="handleInspection(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 3 || scope.row.insState == 5||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))">妫�楠�</el-button> + <el-button @click="handleConnect(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState == 5 || scope.row.insState == 3||scope.row.insState == 6||(scope.row.userName&&!scope.row.userName.includes(userName))">浜ゆ帴</el-button> + <el-button @click="handleReview(scope.row)" type="text" size="small" :disabled="scope.row.userName == null || scope.row.insState != 3 ||(scope.row.checkName&&!scope.row.checkName.includes(userName))">澶嶆牳</el-button> + <el-button @click="claimFun(scope.row)" type="text" size="small" :disabled="scope.row.userName != null || scope.row.checkName!=null">璁ら</el-button> + </template> + </el-table-column> + </el-table> + <div style="display: flex;justify-content: flex-end;width: 100%;margin-top: 10px;"> + <span></span> + <el-pagination @size-change="refreshTable" @current-change="refreshTable" :current-page="page.current" + :page-sizes="[10, 20, 30, 50, 100]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper" + :total="total"> + </el-pagination> + </div> </div> </div> <el-dialog title="鎻愮ず" :visible.sync="claimVisible" width="400px"> @@ -181,7 +277,7 @@ </el-select> </div> </div> - <div class="search_thing"> + <!-- <div class="search_thing"> <div class="search_label" style="width:90px"><span class="required-span">* </span>璇曢獙瀹わ細</div> <div class="search_input"> <el-select v-model="connect.sonLaboratory" placeholder="璇烽�夋嫨" style="width: 100%;" filterable> @@ -193,19 +289,19 @@ </el-option> </el-select> </div> - </div> + </div> --> <span slot="footer" class="dialog-footer"> <el-button @click="connectVisible = false">鍙� 娑�</el-button> <el-button type="primary" @click="confirmConnect" :loading="loading">纭� 瀹�</el-button> </span> </el-dialog> <div style="width: 100%;height: 100%;" v-if="activeFace >0"> - <Add :active="activeFace" :currentId="currentId"/> + <Add :active="activeFace" :currentId="currentId" :examine="examine"/> </div> - <Inspection v-if="state>0" @goback="goback" :orderId="orderId" :sonLaboratory="componentData.entity.sonLaboratory" :state="state"/> + <Inspection v-if="state>0" @goback="goback" :orderId="orderId" :inspectorList="inspectorList" :sonLaboratory="componentData.entity.sonLaboratory" :state="state" :orderStateId="orderStateId" :version="version"/> <el-dialog title="鏁版嵁鏌ョ湅" :visible.sync="dataDialogVisible" width="80%"> <div style="height: 70vh;overflow-y: auto;" v-if="dataDialogVisible"> - <ValueTable ref="ValueTableDataLook" :url="$api.insOrder.selectSampleAndProductByOrderId" + <ValueTable ref="ValueTableDataLook" :rowKey="'insProductId'" :url="$api.insOrder.selectSampleAndProductByOrderId" :componentData="componentDataDataLook"/> </div> </el-dialog> @@ -219,7 +315,7 @@ getYearAndMonthAndDays } from '../../util/date' import Add from '../do/b1-ins-order/add.vue' -import { CellGroup } from 'iview' + import Sortable from 'sortablejs'; export default { components: { ValueTable, @@ -228,6 +324,10 @@ }, data() { return { + orderStateId:null, + version:null, + examine: null, + inspectorList: [],//妫�楠屼汉鍛樺垪琛� alone: false, sampleUserForm: { entrustCode: null, @@ -263,6 +363,10 @@ value: 0, label: '涓嶅悎鏍�', type: 'danger' + },{ + value: 3, + label: '涓嶅垽瀹�', + type: '' }] } }, @@ -293,6 +397,7 @@ insState: null, userId: null }, + sortable:true, isIndex: true, showSelect: false, select: false, @@ -303,21 +408,21 @@ font: '鏁版嵁鏌ョ湅', type: 'text', method: 'handleDataLook', - disabFun: (row, index) => { - const user = JSON.parse(localStorage.getItem('user')) - let currentUserName = '' - if(user){ - currentUserName = user.name - } - return row.userName!=currentUserName && row.checkName!=currentUserName - } + //disabFun: (row, index) => { + //const user = JSON.parse(localStorage.getItem('user')) + // let currentUserName = '' + // if(user){ + // currentUserName = user.name + //} + //return row.userName.indexOf(currentUserName)<0 && row.checkName.indexOf(currentUserName)<0 + //} },{ id: '', font: '妫�楠�', type: 'text', method: 'handleInspection', disabFun: (row, index) => { - return row.userName == null || row.insState == 3 || row.insState == 5||(row.userName&&!row.userName.includes(JSON.parse(localStorage.getItem("user")).name)) + return row.userName == null || row.insState == 3 || row.insState == 5||row.insState == 6||(row.userName&&!row.userName.includes(JSON.parse(localStorage.getItem("user")).name)) } // disabFun: (row, index) => { // return row.userId == null || row.insState == 3 || row.insState == 5 @@ -328,7 +433,7 @@ type: 'text', method: 'handleConnect', disabFun: (row, index) => { - return row.userName == null || row.insState == 5 || row.insState == 3||(row.userName&&!row.userName.includes(JSON.parse(localStorage.getItem("user")).name)) + return row.userName == null || row.insState == 5 || row.insState == 3||row.insState == 6||(row.userName&&!row.userName.includes(JSON.parse(localStorage.getItem("user")).name)) } }, { @@ -345,7 +450,7 @@ type: 'text', method: 'claimFun', disabFun: (row, index) => { - return row.userName != null||(row.userName&&!row.userName.includes(JSON.parse(localStorage.getItem("user")).name)) + return row.userName != null || row.checkName!=null } } ], @@ -381,6 +486,7 @@ requiredAdd: [], requiredUp: [] }, + userName:JSON.parse(localStorage.getItem("user")).name, upIndex: 0, planTotal: 0, insStateList: [], @@ -393,11 +499,33 @@ connectVisible:false, connect:{ connectPerson:'', - sonLaboratory:'' + // sonLaboratory:'' }, loading:false, currentTime: null, - sonLaboratoryList:[] + sonLaboratoryList:[], + tableData: [], + page:{ + current:1, + size:20, + }, + total:0, + tableLoading:false, + jumpTeam:false, + insResultList:[{ + value: 0, + label: '涓嶅悎鏍�', + type: 'danger' + },{ + value: 1, + label: '鍚堟牸', + type: 'success' + },{ + value: '', + label: '鏈嚭缁撴灉', + type: 'info' + }], + typeList:[] } }, created() { @@ -410,8 +538,50 @@ mounted() { this.entityCopy = this.HaveJson(this.componentData.entity) this.getPower() + if(this.jumpTeam){ + this.initializeSortable(); + } }, methods: { + // 鎷栨嫿 + initializeSortable() { + const tableBody = this.$refs.table0.$el.querySelector('.el-table__body-wrapper > table > tbody'); + if (tableBody) { + Sortable.create(tableBody, { + handle: '.el-table__row', // 鎷栧姩鎵嬫焺 + animation: 200, + onEnd: this.handleSortEnd, + }); + } else { + console.error('Table body not found.'); + } + }, + handleSortEnd(evt) { + const oldIndex = evt.oldIndex; + const newIndex = evt.newIndex; + const movedItem = this.tableData[oldIndex]; + if (oldIndex !== newIndex) { + this.tableData.splice(oldIndex, 1); + this.tableData.splice(newIndex, 0, movedItem); + } + this.upIndex++ + this.$axios.post(this.$api.insOrderPlan.jumpTeam, + { + id: movedItem.orderStateId, + sort: newIndex+1, + ...this.page + }, { + headers: { + 'Content-Type': 'application/json' + } + } + ).then(res => { + + }) + }, + rowClassName({ row, rowIndex }) { + return 'draggable-row'; + }, // 鏁版嵁鏌ョ湅 handleDataLook(row) { this.componentDataDataLook.entity.id = row.id @@ -424,6 +594,7 @@ let connect = false let review = false let claim = false + let jumpTeam = false for (var i = 0; i < power.length; i++) { if (power[i].menuMethod == 'doInsOrder') { inspection = true @@ -436,6 +607,9 @@ } if (power[i].menuMethod == 'claimInsOrderPlan') { claim = true + } + if (power[i].menuMethod == 'jumpTeam') { + jumpTeam = true } } if (!claim) { @@ -450,6 +624,7 @@ if (!inspection) { this.componentData.do.splice(0, 1) } + this.jumpTeam = jumpTeam }, changeCheckBox(val) { this.componentData.entity.userId = val?0:null @@ -468,7 +643,7 @@ this.sampleUserForm = { entrustCode: row.entrustCode, insSampleId: row.id, - sonLaboratory: row.sonLaboratory, + sonLaboratory: row.sonLaboratory, } this.claimVisible = true } @@ -485,14 +660,29 @@ this.$message.success("璁ら鎴愬姛") this.claimVisible = false this.refreshTable('page') + } else { + this.loading = false; } }).catch(error => { console.error(error) this.loading = false; }) }, - refreshTable(e) { - this.$refs.insOrderPlan.selectList(e) + refreshTable() { + this.tableLoading = true + this.$axios.post(this.$api.insOrderPlan.selectInsOrderPlanList,{ + entity:this.componentData.entity, + page:this.page + }, { + headers: { + 'Content-Type': 'application/json' + } + }).then((res) => { + this.tableLoading = false + this.total = res.data.body.total + this.tableData = res.data.body.records + // this.$refs.table0.doLayout() + }) }, changeRowClass({ row, @@ -541,6 +731,7 @@ } }) this.componentData.tagField.type.select = data + this.typeList = data }) }, getInsStateDicts() { @@ -580,6 +771,7 @@ }, selectAllByOne(row) { this.activeFace = 2; + this.examine = 1; this.currentId = parseInt(row.id) }, playOrder(num) { @@ -590,42 +782,54 @@ this.refreshTable('page') }, handleInspection(row){ - this.state = 1; + //褰撳墠妫�楠屼换鍔$殑妫�楠屼汉鍒楄〃 + let inspectorList = [] + if(row.userName){ + inspectorList = row.userName.split(',') + } + let user = JSON.parse(localStorage.getItem('user')) + if(user){ + inspectorList.push(user.name) + } + this.inspectorList = inspectorList this.orderId = row.id + this.version = row.version + this.orderStateId = row.orderStateId + this.state = 1; }, handleConnect(row){ this.orderId = row.id this.connect = {} this.connectVisible=true; - this.$axios.post(this.$api.insOrderPlan.upPlanUser2, { - orderId:this.orderId, - }).then(res => { - if (res.code === 200&&res.data.length>0) { - this.sonLaboratoryList = []; - res.data.forEach(m=>{ - this.sonLaboratoryList.push({ - value:m, - label:m - }) - }) - this.connect.sonLaboratory = this.sonLaboratoryList[0].value - } - }) + // this.$axios.post(this.$api.insOrderPlan.upPlanUser2, { + // orderId:this.orderId, + // }).then(res => { + // if (res.code === 200&&res.data.length>0) { + // this.sonLaboratoryList = []; + // res.data.forEach(m=>{ + // this.sonLaboratoryList.push({ + // value:m, + // label:m + // }) + // }) + // // this.connect.sonLaboratory = this.sonLaboratoryList[0].value + // } + // }) }, confirmConnect(){ if(this.connect.connectPerson==null||this.connect.connectPerson==''||this.connect.connectPerson==undefined){ this.$message.error('鏈�夋嫨浜ゆ帴浜哄憳') return } - if(this.connect.sonLaboratory==null||this.connect.sonLaboratory==''||this.connect.sonLaboratory==undefined){ - this.$message.error('鏈�夋嫨璇曢獙瀹�') - return - } + // if(this.connect.sonLaboratory==null||this.connect.sonLaboratory==''||this.connect.sonLaboratory==undefined){ + // this.$message.error('鏈�夋嫨璇曢獙瀹�') + // return + // } this.loading = true; this.$axios.post(this.$api.insOrderPlan.upPlanUser, { orderId:this.orderId, userId:this.connect.connectPerson, - sonLaboratory:this.connect.sonLaboratory, + sonLaboratory:this.componentData.entity.sonLaboratory, }).then(res => { if (res.code === 200) { this.loading = false; @@ -641,6 +845,8 @@ handleReview(row){ this.state = 2; this.orderId = row.id + this.version = row.version + this.orderStateId = row.orderStateId }, getAuthorizedPerson() { this.$axios.get(this.$api.user.getUserMenu).then(res => { -- Gitblit v1.9.3