| | |
| | | <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> |
| | |
| | | :key="upIndex"/> --> |
| | | <el-table |
| | | :data="tableData" |
| | | ref="table" |
| | | 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" |
| | |
| | | width="100px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="typeList.find(m=>m.value==scope.row.insState).type" size="small">{{ typeList.find(m=>m.value==scope.row.insState).label }}</el-tag> |
| | | <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" |
| | |
| | | <div style="width: 100%;height: 100%;" v-if="activeFace >0"> |
| | | <Add :active="activeFace" :currentId="currentId" :examine="examine"/> |
| | | </div> |
| | | <Inspection v-if="state>0" @goback="goback" :orderId="orderId" :inspectorList="inspectorList" :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" :rowKey="'insProductId'" :url="$api.insOrder.selectSampleAndProductByOrderId" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | orderStateId:null, |
| | | version:null, |
| | | examine: null, |
| | | inspectorList: [],//检验人员列表 |
| | | alone: false, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | // 拖拽 |
| | | initializeSortable() { |
| | | const tableBody = this.$refs.table.$el.querySelector('.el-table__body-wrapper > table > tbody'); |
| | | |
| | | const tableBody = this.$refs.table0.$el.querySelector('.el-table__body-wrapper > table > tbody'); |
| | | if (tableBody) { |
| | | Sortable.create(tableBody, { |
| | | handle: '.el-table__row', // 拖动手柄 |
| | | animation: 150, |
| | | animation: 200, |
| | | onEnd: this.handleSortEnd, |
| | | }); |
| | | } else { |
| | |
| | | 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.id, |
| | | id: movedItem.orderStateId, |
| | | sort: newIndex+1, |
| | | ...this.page |
| | | }, { |
| | |
| | | 'Content-Type': 'application/json' |
| | | } |
| | | } |
| | | ).then(res => {}) |
| | | ).then(res => { |
| | | |
| | | }) |
| | | }, |
| | | rowClassName({ row, rowIndex }) { |
| | | return 'draggable-row'; |
| | |
| | | this.tableLoading = false |
| | | this.total = res.data.body.total |
| | | this.tableData = res.data.body.records |
| | | // this.$refs.table0.doLayout() |
| | | }) |
| | | }, |
| | | changeRowClass({ |
| | |
| | | inspectorList.push(user.name) |
| | | } |
| | | this.inspectorList = inspectorList |
| | | this.state = 1; |
| | | this.orderId = row.id |
| | | this.version = row.version |
| | | this.orderStateId = row.orderStateId |
| | | this.state = 1; |
| | | }, |
| | | handleConnect(row){ |
| | | this.orderId = row.id |
| | |
| | | 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 => { |