| | |
| | | font-size: 20px; |
| | | color: #3A7BFA |
| | | } |
| | | |
| | | |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | |
| | | .search_thing { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 50px; |
| | | } |
| | | |
| | | |
| | | .search_label { |
| | | width: 120px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | |
| | | .search_input { |
| | | width: calc(100% - 120px); |
| | | } |
| | |
| | | </style> |
| | | <template> |
| | | <div class="ins-order-plan-main"> |
| | | <div v-if="activeFace == 0" style="height: 100%;"> |
| | | <div v-show="activeFace == 0&&state==0" style="height: 100%;"> |
| | | <p style="font-size: 16px;padding:19.5px 0px">检验任务</p> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | |
| | | </el-row> |
| | | </div> |
| | | <ValueTable :tableRowClassName="changeRowClass" class="value-table" ref="insOrderPlan" |
| | | :url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData" |
| | | :url="$api.insOrderPlan.selectInsOrderPlanList" :upUrl="$api.user.updateUser" :componentData="componentData" @handleInspection="handleInspection" |
| | | :key="upIndex"/> |
| | | </div> |
| | | </div> |
| | |
| | | <div style="width: 100%;height: 100%;" v-if="activeFace >0"> |
| | | <Add :active="activeFace" :currentId="currentId"/> |
| | | </div> |
| | | <Inspection v-if="state==1" @goback="goback" :orderId="orderId" :sonLaboratory="componentData.entity.sonLaboratory"/> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import ValueTable from '../tool/value-table.vue' |
| | | import Inspection from '../do/b1-inspect-order-plan/Inspection.vue' |
| | | import { |
| | | getYearAndMonthAndDays |
| | | } from '../../util/date' |
| | |
| | | export default { |
| | | components: { |
| | | ValueTable, |
| | | Inspection, |
| | | Add |
| | | }, |
| | | data() { |
| | |
| | | showSelect: false, |
| | | select: false, |
| | | sort: false, |
| | | init: false, |
| | | do: [{ |
| | | id: '', |
| | | font: '检验', |
| | | type: 'text', |
| | | method: '' |
| | | method: 'handleInspection', |
| | | disabFun: (row, index) => { |
| | | return row.userId == null |
| | | } |
| | | }, { |
| | | id: '', |
| | | font: '交接', |
| | |
| | | }, |
| | | insState: { |
| | | select: [] |
| | | }, |
| | | insResult: { |
| | | select: [{ |
| | | value: 0, |
| | | label: '不合格', |
| | | type: 'danger' |
| | | },{ |
| | | value: 1, |
| | | label: '合格', |
| | | type: 'success' |
| | | },{ |
| | | value: '', |
| | | label: '未出结果', |
| | | type: 'info' |
| | | }] |
| | | } |
| | | }, |
| | | selectField: {}, |
| | |
| | | upIndex: 0, |
| | | planTotal: 0, |
| | | insStateList: [], |
| | | state:0,//0:台账页,1:检验页面,默认为0 |
| | | activeFace: 0, //1:下单,2:查看,3:审核 |
| | | currentId: null |
| | | currentId: null, |
| | | entityCopy: {}, |
| | | orderId: 0, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | this.getTypeDicts() |
| | | this.getInsStateDicts() |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | }, |
| | | methods: { |
| | | changeCheckBox(val) { |
| | | this.componentData.entity.userId = val?0:null |
| | | this.refreshTable() |
| | | }, |
| | | refresh() { |
| | | this.componentData.entity = this.HaveJson(this.entityCopy) |
| | | if(this.tabList.length>0){ |
| | | this.tabIndex = 0 |
| | | this.componentData.entity.sonLaboratory = this.tabList[0].value |
| | | } |
| | | this.refreshTable() |
| | | }, |
| | | claimFun(row) { |
| | |
| | | }, |
| | | playOrder(num) { |
| | | this.activeFace = num |
| | | } |
| | | }, |
| | | goback() { |
| | | this.state = 0 |
| | | this.refreshTable() |
| | | }, |
| | | handleInspection(row){ |
| | | this.state = 1; |
| | | this.orderId = row.id |
| | | } |
| | | } |
| | | } |
| | | </script> |