| | |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form :hidden="lookVisible" ref="form" :inline="true" :model="searchData"> |
| | | <el-form-item :label="this.radioValue === 0 ? '仪å¨è®¾å¤ç¼å·:' : '计ååå·:'" class="sermargin"> |
| | | <el-form-item :label="this.radioValue === 0 ? '仪å¨è®¾å¤ç¼å·:' : '计åç¼å·:'" class="sermargin"> |
| | | <el-input v-model="searchData.code" @blur="blurSearch()" class="input-form" placeholder="请è¾å
¥"> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }" |
| | | :data="measurePlanTable" style="width: 100%"> |
| | | <el-table-column type="index" min-width="10%" /> |
| | | <el-table-column prop="plannedOrderNumber" label="计ååå·" min-width="10%" /> |
| | | <el-table-column prop="plannedOrderNumber" label="计åç¼å·" min-width="10%" /> |
| | | <el-table-column prop="palanDate" label="è®¡åæ¥æ" min-width="10%"> |
| | | <template lot-scope="scope"> |
| | | <!-- {{ scope.row.palanDate }} --> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-drawer title="ææ¯æ é¢" :visible.sync="drawer" :direction="direction" :before-close="handleClose"> |
| | | <span>ææ¥å¦!</span> |
| | | </el-drawer> |
| | | <div style="position: absolute;top:14px;left: 9px;transition: 1s;width: 100%;height: 82vh;background-color: #fff;z-index: 21;"> |
| | | <Add/> |
| | | </div> |
| | | <div id="myMOdel" |
| | | :style="`position: absolute;transition: 1s;top:${mymodelTop}px; left: 9px; width: 100%; height: 60vh; background-color: #fff;z-index: 20;`"> |
| | | :style="`position: absolute;transition: 1s;top:${mymodelTop}px; left: 9px; width: 100%; height: 65vh; background-color: #fff;z-index: 20;`"> |
| | | <el-col :span="10"> |
| | | <p style="font-size: 13px;padding-left: 40px;">计åä¿¡æ¯</p> |
| | | </el-col> |
| | |
| | | <el-form-item> |
| | | <el-col :span="8">计åç¼å·ï¼<span style="color: black;">{{ planInfo.plannedOrderNumber }}</span></el-col> |
| | | <el-col :span="8">è´è´£äººï¼<span style="color: black;">{{ planInfo.measurePerson }}</span></el-col> |
| | | <el-col :span="8">è®¡åæ¶é´ï¼<span style="color: black;">{{ planInfo.palanDate }}</span></el-col> |
| | | <el-col :span="8">è®¡åæ¶é´ï¼<span style="color: black;">{{ planInfo.planDate }}</span></el-col> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-col :span="8">计éåä½ï¼<span style="color: black;">{{ planInfo.unit }}</span></el-col> |
| | |
| | | :show-text="false"></el-progress> |
| | | </el-col> |
| | | </el-col> |
| | | <el-col style="width:93%;height: 20vh;margin-top: 30px; margin-left: 40px;"> |
| | | <el-col style="width:93%;height: 20vh;margin-top: 30px; margin-left: 40px;"> |
| | | <el-table :data="measureData"> |
| | | <el-table-column type="inde" label="åºå·"/> |
| | | <el-table-column type="inde" label="仪å¨è®¾å¤ç¼å·"/> |
| | | <el-table-column type="inde" label="仪å¨è®¾å¤åç§°"/> |
| | | <el-table-column type="inde" label="æµéèå´"/> |
| | | <el-table-column type="inde" label="计ç®å¨æ"/> |
| | | <el-table-column type="inde" label="计ç®ç»æ"/> |
| | | <el-table-column type="inde" label="è®¡ç®æ¥æ"/> |
| | | <el-table-column type="inde" label="è®¡ç®æææ"/> |
| | | <el-table-column type="inde" label="è´è´£äºº"/> |
| | | <el-table-column type="inde" label="åå»ºæ¥æ"/> |
| | | <el-table-column type="inde" label="å建人"/> |
| | | <el-table-column type="inde" label="计éåä½"/> |
| | | <el-table-column type="inde" label="计éç¼å·"/> |
| | | <el-table-column type="index" label="åºå·" /> |
| | | <el-table-column prop="equipmentCode" label="仪å¨è®¾å¤ç¼å·" /> |
| | | <el-table-column prop="equipmentName" label="仪å¨è®¾å¤åç§°" /> |
| | | <el-table-column prop="measuringRange" label="æµéèå´" /> |
| | | <el-table-column prop="termValidity" label="计ç®å¨æ"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.termValidity }}æ |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="result" label="计ç®ç»æ"> |
| | | <template slot-scope="scopeResult"> |
| | | <div v-if="scopeResult.row.result === 1"> |
| | | <span style="color: rgb(78, 210, 16);">æ£å¸¸</span> |
| | | </div> |
| | | <div v-else-if="scopeResult.row.result === 2"> |
| | | <span style="color: rgb(27, 202, 233);">ç«æ£åå¯ç¨</span> |
| | | </div> |
| | | <div v-else-if="scopeResult.row.result == '' || scopeResult.row.result == null"> |
| | | <span style="color: #424744;">ææªè®¡é</span> |
| | | </div> |
| | | <div v-else> |
| | | <span style="color: red;">失å</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="è®¡ç®æ¥æ"> |
| | | <template slot-scope="scopeEndDate"> |
| | | <span v-if="scopeEndDate.row.endDate != '' && scopeEndDate.row.endDate != null">{{ |
| | | scopeEndDate.row.endDate |
| | | }}</span> |
| | | <span v-else>æ </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="validit" label="è®¡ç®æææ" /> |
| | | <el-table-column prop="measurementName" label="è´è´£äºº" /> |
| | | <el-table-column prop="imCreateTime" label="åå»ºæ¥æ" /> |
| | | <el-table-column prop="measurementName" label="å建人" /> |
| | | <el-table-column prop="measurementUnit" label="计éåä½" /> |
| | | <el-table-column prop="equipmentCode" label="计éç¼å·" /> |
| | | </el-table> |
| | | </el-col> |
| | | <el-col style="width: 93%;margin-left: 40px; display: flex;justify-content: end;"> |
| | | <el-col style="width: 93%;margin-left: 40px; margin-top: 90px;display: flex;justify-content: end;"> |
| | | <el-pagination @size-change="handleSizeChangePlan" @current-change="handleCurrentChangePllan" |
| | | :current-page="currentPagePlan" :page-sizes="[5, 10, 20]" :page-size="pageSizePlan" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="totalPlan"> |
| | | </el-pagination> |
| | | :current-page="currentPagePlan" :page-sizes="[5, 10, 20]" :page-size="pageSizePlan" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="totalPlan"> |
| | | </el-pagination> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getPlanPageList, getStandingPageList } from '@/api/laboratory/measure' |
| | | import { getPlanPageList, getStandingPageList, getPlanMeasureInstrument, limitGetPlanMeasureRequest } from '@/api/laboratory/measure' |
| | | import { default as Add } from "./Add.vue"; |
| | | export default { |
| | | components: { |
| | | Add: () => import('./Add.vue') |
| | | }, |
| | | data() { |
| | | return { |
| | | searchData: { |
| | |
| | | value: 1, |
| | | label: '计é计å' |
| | | }], |
| | | measureLedgerTable: [{ |
| | | equipment_code: 'JSTC-W1-00001', // 仪å¨è®¾å¤ç¼å· |
| | | equipment_name: 'æ°åçµæ¡¥', // 仪å¨è®¾å¤åç§° |
| | | measure_range: '---', // æµéèå´ |
| | | measurecycle: '12æ', // 计é卿 |
| | | mesureresult: 1, // 计éç»æ |
| | | date: '2022-07-20', // è®¡éæ¥æ |
| | | term_validity: '2023-07-20', // è®¡éæææ |
| | | head: 'é»å°æ' , // è´è´£äºº |
| | | create_time: '2023-07-20', // åå»ºæ¥æ |
| | | create_person: 'é»å°æ', // å建人 |
| | | measure_code: 'QCX20230720' // 计éç¼å· |
| | | },{ |
| | | equipment_code: 'JSTC-W1-00001', // 仪å¨è®¾å¤ç¼å· |
| | | equipment_name: 'æ°åçµæ¡¥', // 仪å¨è®¾å¤åç§° |
| | | measure_range: '---', // æµéèå´ |
| | | measurecycle: '12æ', // 计é卿 |
| | | mesureresult: 0, // 计éç»æ |
| | | date: '2022-07-20', // è®¡éæ¥æ |
| | | term_validity: '2023-07-20', // è®¡éæææ |
| | | head: 'é»å°æ' , // è´è´£äºº |
| | | create_time: '2023-07-20', // åå»ºæ¥æ |
| | | create_person: 'é»å°æ', // å建人 |
| | | measure_code: 'QCX20230720' // 计éç¼å· |
| | | },{ |
| | | equipment_code: 'JSTC-W1-00001', // 仪å¨è®¾å¤ç¼å· |
| | | equipment_name: 'æ°åçµæ¡¥', // 仪å¨è®¾å¤åç§° |
| | | measure_range: '---', // æµéèå´ |
| | | measurecycle: '12æ', // 计é卿 |
| | | mesureresult: 1, // 计éç»æ |
| | | date: '2022-07-20', // è®¡éæ¥æ |
| | | term_validity: '2023-07-20', // è®¡éæææ |
| | | head: 'é»å°æ' , // è´è´£äºº |
| | | create_time: '2023-07-20', // åå»ºæ¥æ |
| | | create_person: 'é»å°æ', // å建人 |
| | | measure_code: 'QCX20230720' // 计éç¼å· |
| | | }], |
| | | measurePlanTable: [{ |
| | | measure_number: 'QC568946512', // 计éåå· |
| | | equipment_code: '010101', // 设å¤ç¼å· |
| | | equipment_name: 'æåæº', // 设å¤åç§° |
| | | scheduled_date: '2023-04-08 ~ 2023-08-08', // è®¡åæ¥æ |
| | | measure_state: 1, // 计éç¶æ |
| | | head: 'é»å°æ', // 计éè´è´£äºº |
| | | department: 'å°çº¿æ£æµ', // 计éåä½ |
| | | creater: 'é»å°æ', // å建人 |
| | | create_date: '2023-07-20', // åå»ºæ¥æ |
| | | },{ |
| | | measure_number: 'QC568946512', // 计éåå· |
| | | equipment_code: '010101', // 设å¤ç¼å· |
| | | equipment_name: 'æåæº', // 设å¤åç§° |
| | | scheduled_date: '2023-04-08 ~ 2023-08-08', // è®¡åæ¥æ |
| | | measure_state: 1, // 计éç¶æ |
| | | head: 'é»å°æ', // 计éè´è´£äºº |
| | | department: 'å°çº¿æ£æµ', // 计éåä½ |
| | | creater: 'é»å°æ', // å建人 |
| | | create_date: '2023-07-20', // åå»ºæ¥æ |
| | | },{ |
| | | measure_number: 'QC568946512', // 计éåå· |
| | | equipment_code: '010101', // 设å¤ç¼å· |
| | | equipment_name: 'æåæº', // 设å¤åç§° |
| | | scheduled_date: '2023-04-08 ~ 2023-08-08', // è®¡åæ¥æ |
| | | measure_state: 0, // 计éç¶æ |
| | | head: 'é»å°æ', // 计éè´è´£äºº |
| | | department: 'å°çº¿æ£æµ', // 计éåä½ |
| | | creater: 'é»å°æ', // å建人 |
| | | create_date: '2023-07-20', // åå»ºæ¥æ |
| | | }], |
| | | measureLedgerTable: [], |
| | | measurePlanTable: [], |
| | | currentPage: 1, |
| | | pageSize: 5, |
| | | total: 0, |
| | |
| | | totalPlan: 0, |
| | | drawer: false, |
| | | direction: 'rtl', |
| | | lookVisible: false, |
| | | lookVisible: true, |
| | | measureData: [], |
| | | planInfo: { |
| | | plannedOrderNumber: 7897897987, |
| | | measurePerson: 'ææäºº', |
| | | palanDate: "2021-09-08 ~ 2024-08-09", |
| | | planDate: "2021-09-08 ~ 2024-08-09", |
| | | unit: 'æææ£æµå±', |
| | | createPerson: 'ææè´è´£äºº', |
| | | createTime: '2021-09-08' |
| | | }, |
| | | mymodelTop: -450//14 |
| | | mymodelTop: -600,//14 |
| | | planId: 0 |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | // this.getPlanPageList() |
| | | }, |
| | | methods: { |
| | | handleSizeChangePlan(){ |
| | | |
| | | async handleSizeChangePlan(num) { |
| | | this.pageSizePlan = num |
| | | await this.limitGetPlanMeasureInstrument() |
| | | }, |
| | | handleCurrentChangePllan(){ |
| | | |
| | | async handleCurrentChangePllan(num) { |
| | | this.currentPagePlan = num |
| | | await this.limitGetPlanMeasureInstrument() |
| | | }, |
| | | addPlan() { |
| | | this.drawer = true |
| | | }, |
| | | async limitGetPlanMeasureInstrument() { |
| | | let res = await limitGetPlanMeasureRequest({ |
| | | id: this.planId, |
| | | currentPage: this.currentPagePlan, |
| | | pageSize: this.pageSize |
| | | }) |
| | | this.totalPlan = res.data.taotal |
| | | this.measureData = res.data.list |
| | | }, |
| | | lookPalan(id) { |
| | | this.planId = id |
| | | this.getPlanAndInfoAndIns(id) |
| | | this.lookVisible = true |
| | | this.mymodelTop=10 |
| | | this.mymodelTop = 10 |
| | | this.$parent.triggerMainBtnPlan() |
| | | }, |
| | | combackLookPlan(){ |
| | | async getPlanAndInfoAndIns(id) { |
| | | let res = await getPlanMeasureInstrument({ "id": id, "currentPage": this.currentPagePlan, "pageSize": this.pageSize }); |
| | | console.log(res); |
| | | for (const key in res.data.list) { |
| | | this.planInfo[key] = res.data.list[key] |
| | | } |
| | | this.planInfo.planDate = this.planInfo.beginTime + " ~ " + this.planInfo.endTime |
| | | this.planInfo.metricalInfoAndInsList.forEach(item => { |
| | | if (item.endDate != '' && item.endDate != null) { |
| | | item.validit = this.addMonths(item.endDate, item.termValidity) |
| | | } else { |
| | | item.validit = 'æ ' |
| | | } |
| | | }) |
| | | this.measureData = this.planInfo.metricalInfoAndInsList |
| | | this.totalPlan = res.data.total |
| | | }, |
| | | combackLookPlan() { |
| | | this.lookVisible = false |
| | | this.mymodelTop=-450 |
| | | this.mymodelTop = -600 |
| | | }, |
| | | blurSearch() { |
| | | if (this.radioValue === 1) { |
| | |
| | | this.measurePlanTable = res.data.list |
| | | this.total = res.data.total |
| | | }, |
| | | lookMeasurement(code) { |
| | | async lookMeasurement(code) { |
| | | console.log(code); |
| | | }, |
| | | } |