Merge remote-tracking branch 'origin/dev' into dev
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div> |
| | | <el-dialog title="详æ
" :visible.sync="viewInfoDia" width="1000px"> |
| | | <limsTable :tableData="tableData" :column="column" |
| | | height="600" @pagination="pagination" |
| | | :page="page" :tableLoading="tableLoading"></limsTable> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import limsTable from "@/components/Table/lims-table.vue"; |
| | | import {selectRatesDetail} from "@/api/business/insOrderRates"; |
| | | export default { |
| | | name: '', |
| | | // import å¼å
¥çç»ä»¶éè¦æ³¨å
¥å°å¯¹è±¡ä¸æè½ä½¿ç¨ |
| | | components: { limsTable }, |
| | | data() { |
| | | // è¿éåæ¾æ°æ® |
| | | return { |
| | | tableData: [], |
| | | column: [ |
| | | { label: 'å§æç¼å·', prop: 'entrustCode', width: 160 }, |
| | | {label: 'æ£éªé¡¹åç±»', prop: 'inspectionItemClass', width: 160}, |
| | | {label: 'æ£éªé¡¹', prop: 'inspectionItem', width: 160}, |
| | | {label: 'æ£éªå项', prop: 'inspectionItemSubclass', width: 160}, |
| | | { label: 'æ¶è´¹æ å(å
/次)', prop: 'rates' }, |
| | | ], |
| | | viewInfoDia: false, |
| | | tableLoading: false, |
| | | page: { |
| | | current: 1, |
| | | size: 10, |
| | | total: 0 |
| | | }, |
| | | info: {} |
| | | }; |
| | | }, |
| | | mounted() { |
| | | |
| | | }, |
| | | // æ¹æ³éå |
| | | methods: { |
| | | openDia(row) { |
| | | this.viewInfoDia = true |
| | | this.info = this.HaveJson(row) |
| | | this.page.current = 1 |
| | | this.page.size = 10 |
| | | this.getList(); |
| | | }, |
| | | getList() { |
| | | this.tableLoading = true; |
| | | selectRatesDetail({insOrderId: this.info.id, ...this.page}).then(res => { |
| | | this.tableLoading = false; |
| | | this.tableData = res.data.records; |
| | | this.page.total = res.data.total; |
| | | }).catch(err => { |
| | | this.tableLoading = false; |
| | | }) |
| | | }, |
| | | pagination(page) { |
| | | this.page.size = page.limit; |
| | | this.getList(); |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | </style> |
| | |
| | | <template> |
| | | <!-- è´¹ç¨ç»è®¡é¡µé¢--> |
| | | <div class="capacity-scope"> |
| | | <div class="search"> |
| | | <div> |
| | |
| | | :height="'calc(100vh - 250px)'" @pagination="pagination" |
| | | :page="page" :tableLoading="tableLoading"></lims-table> |
| | | </div> |
| | | <viewInfoDia ref="viewInfoDia" v-if="viewInfoDia"></viewInfoDia> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import limsTable from "@/components/Table/lims-table.vue"; |
| | | import viewInfoDia from "./components/viewInfoDia.vue"; |
| | | import {selectRatesPage} from "@/api/business/insOrderRates"; |
| | | import {selectCustomPageList} from "@/api/system/customer"; |
| | | |
| | | export default { |
| | | components: {limsTable}, |
| | | components: {limsTable,viewInfoDia}, |
| | | data() { |
| | | return { |
| | | entity: { |
| | |
| | | { label: 'å§æäºº', prop: 'prepareUser' }, |
| | | { label: 'ç产åä½', prop: 'production' }, |
| | | { label: 'å·¥ç¨åç§°', prop: 'engineering' }, |
| | | { label: 'å·¥æ¶', prop: 'cost' } |
| | | { label: 'å·¥æ¶', prop: 'cost' }, |
| | | { |
| | | dataType: "action", |
| | | fixed: "right", |
| | | label: "æä½", |
| | | operation: [ |
| | | { |
| | | name: "æ¥ç详æ
", |
| | | type: "text", |
| | | clickFun: (row) => { |
| | | this.openDia(row) |
| | | }, |
| | | }, |
| | | ], |
| | | } |
| | | ], |
| | | page: { |
| | | total: 0, |
| | | size: 10, |
| | | current: 1 |
| | | }, |
| | | companyOptions: [] |
| | | companyOptions: [], |
| | | viewInfoDia: false |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | this.page.size = page.limit |
| | | this.refreshTable() |
| | | }, |
| | | // æ¥ç详æ
|
| | | openDia (row) { |
| | | this.viewInfoDia = true |
| | | this.$nextTick(() => { |
| | | this.$refs.viewInfoDia.openDia(row) |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |