Merge remote-tracking branch 'origin/dev' into dev
| | |
| | | } |
| | | |
| | | .el-menu-item, .el-submenu__title { |
| | | overflow: hidden !important; |
| | | text-overflow: ellipsis !important; |
| | | white-space: nowrap !important; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .el-submenu__title span { |
| | | white-space: normal; |
| | | word-break: break-all; |
| | | line-height: 20px; |
| | | flex: 1; |
| | | padding-right: 20px; |
| | | } |
| | | |
| | | .el-menu-item { |
| | | display: flex; |
| | | align-items: center; |
| | | padding-right: 20px !important; |
| | | } |
| | | .el-menu-item span { |
| | | white-space: normal; |
| | | word-break: break-all; |
| | | line-height: 20px; |
| | | flex: 1; |
| | | } |
| | | |
| | | // menu hover |
| | |
| | | :filter-method="item.filterHandler" :filter-multiple="item.filterMultiple" :filtered-value="item.filteredValue" |
| | | :filters="item.filters" :fixed="item.fixed" :label="item.label" :min-width="item.minWidth" :prop="item.prop" |
| | | :show-overflow-tooltip="item.dataType === 'action' || item.dataType === 'slot' ? false : true" |
| | | :sortable="item.sortable ? true : false" :type="item.type" :width="item.dataType === 'action' ? getWidth(item.operation) : item.width" align="center"> |
| | | :sortable="item.sortable ? true : false" :type="item.type" :width="item.dataType == 'action' ? btnWidth : item.width" align="center"> |
| | | <!-- <div class="123" v-if="item.type == ''"> --> |
| | | <template v-if="item.hasOwnProperty('colunmTemplate')" :slot="item.colunmTemplate" slot-scope="scope"> |
| | | <slot v-if="item.theadSlot" :index="index" :name="item.theadSlot" :row="scope.row" /> |
| | |
| | | </div> |
| | | |
| | | <!-- 按钮 --> |
| | | <div v-else-if="item.dataType == 'action'"> |
| | | <div v-else-if="item.dataType == 'action'" |
| | | :style="`width:${getWidth(item.operation, scope.row)}`"> |
| | | <template v-for="(o, key) in item.operation"> |
| | | <el-button v-show="o.type != 'upload'" size="mini" v-if="o.showHide ? o.showHide(scope.row) : true" |
| | | :disabled="o.disabled ? o.disabled(scope.row) : false" :icon="iconFn(o)" :plain="o.plain" |
| | |
| | | data() { |
| | | return { |
| | | spanList: [], |
| | | btnWidth: "120px", |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | getWidth(row) { |
| | | getWidth(row, row0) { |
| | | let count = 0; |
| | | row.forEach((a) => { |
| | | if (a.showHide!==undefined && a.showHide()) { |
| | | if (a.showHide !== undefined && a.showHide(row0)) { |
| | | count += a.name.length; |
| | | } else if(!a.showHide) { |
| | | } else if (!a.showHide) { |
| | | count += a.name.length; |
| | | } |
| | | }); |
| | | return count * 15 + 70 + "px"; |
| | | this.btnWidth = count * 15 + 50 + "px"; |
| | | return count * 15 + 50 + "px"; |
| | | }, |
| | | iconFn(row) { |
| | | if (row.name === "编辑" || row.name === "修改") { |
| | |
| | | this.$emit("pagination", { page: page, limit: limit }); |
| | | }, |
| | | indexMethod(index) { |
| | | // return index * 2; |
| | | return (this.page.current - 1) * this.page.size + index + 1; |
| | | }, |
| | | // 点击单元格link事件 |
| | |
| | | </div> |
| | | <div> |
| | | <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading" |
| | | :rowClassName="rowClassName" :height="'calc(100vh - 270px)'" @pagination="pagination" |
| | | key="tableData0"></lims-table> |
| | | :rowClassName="rowClassName" :height="'calc(100vh - 270px)'" @pagination="pagination" |
| | | key="tableData0"></lims-table> |
| | | </div> |
| | | <!--报告查看--> |
| | | <el-dialog title="报告查看" :visible.sync="issuedVisible" width="80vw" :modal-append-to-body="false" |
| | |
| | | prop: "type", |
| | | dataType: "tag", |
| | | formatData: (params) => { |
| | | return this.urgencyLevel.find((m) => m.value == params).label; |
| | | if (this.urgencyLevel.find((m) => m.value == params)) { |
| | | return this.urgencyLevel.find((m) => m.value == params).label; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | if (this.urgencyLevel.find((m) => m.value == params)) { |
| | | return this.urgencyLevel.find((m) => m.value == params).type; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | }, |
| | | { |
| | |
| | | prop: "insState", |
| | | dataType: "tag", |
| | | formatData: (params) => { |
| | | return this.inspectionTaskState.find((m) => m.value == params) |
| | | .label; |
| | | if (this.inspectionTaskState.find((m) => m.value == params)) { |
| | | return this.inspectionTaskState.find((m) => m.value == params).label; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | return this.inspectionTaskState.find((m) => m.value == params).type; |
| | | if (this.inspectionTaskState.find((m) => m.value == params)) { |
| | | return this.inspectionTaskState.find((m) => m.value == params).type; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | }, |
| | | { label: "检验人", prop: "userName" }, |
| | |
| | | fullscreen: false, |
| | | option: null, |
| | | orderTypeList: [ |
| | | { label: '委托试验', value: 'Customer-ordered test' }, |
| | | { label: '抽检', value: '抽检' }, |
| | | { label: '进厂检验', value: '进厂检验' }, |
| | | { label: '季度检验', value: 'Quarterly inspection' }, |
| | | { label: '委托试验', value: 'Customer-ordered test', type: 'success' }, |
| | | { label: '抽检', value: '抽检', type: 'danger' }, |
| | | { label: '进厂检验', value: '进厂检验', type: 'info' }, |
| | | { label: '季度检验', value: 'Quarterly inspection', type: '' }, |
| | | ], |
| | | urgencyLevel: [], |
| | | inspectionTaskState: [], |
| | |
| | | } |
| | | return ""; |
| | | }, |
| | | // 查看产业链信息 |
| | | // openInfoDialog (row) { |
| | | // this.showInfoDialog = true |
| | | // this.$nextTick(() => { |
| | | // this.$refs.showInfoDialog.getInfo(row.ifsInventoryId) |
| | | // }) |
| | | // }, |
| | | selectAllByOne(row) { |
| | | this.isCopper = row.isCopper |
| | | this.customsInspection = row |
| | |
| | | // 查看报告 |
| | | handleIssued(row) { |
| | | // todo: 查看报告组件 |
| | | /* if (!row.tempUrlPdf) return this.$message.warning('文件未上传') |
| | | this.currentInfo = row |
| | | this.lookDialogVisible = true*/ |
| | | console.log(this.javaApi) |
| | | this.currentInfo = row; |
| | | let fileName = row.url |
| | |
| | | justify-content: space-between; |
| | | margin-bottom: 10px; |
| | | } |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | </style> |
| | |
| | | background-color: #ffffff; |
| | | |
| | | } |
| | | |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | </style> |
| | |
| | | backtrack([], nums); |
| | | return result; |
| | | }, |
| | | tableRowClassName({ |
| | | row, |
| | | rowIndex |
| | | }) { |
| | | if (row.state === 0) { |
| | | tableRowClassName({row, rowIndex}) { |
| | | if (row.state == 1) { |
| | | console.log('row.state---', row.state) |
| | | return 'warning-row'; |
| | | } else { |
| | | return ''; |
| | | } |
| | | return 'warning-row'; |
| | | }, |
| | | selectInsOrderTemplate() { |
| | | selectInsOrderTemplate({company: this.addObj.company}).then(res => { |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .el-table .warning-row .cell { |
| | | color: #3A7BFA; |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | </style> |
| | |
| | | this.$refs.productTable.doLayout() |
| | | }) |
| | | }, |
| | | tableRowClassName({ |
| | | row, |
| | | rowIndex |
| | | }) { |
| | | tableRowClassName({row, rowIndex}) { |
| | | if (row.state === 0) { |
| | | return ''; |
| | | } |
| | |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .ins_order_config .el-table .warning-row .cell { |
| | | color: #3A7BFA; |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | </style> |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .el-table .warning-row .cell { |
| | | color: #3A7BFA; |
| | | >>>.warning-row { |
| | | color: #1890FF; |
| | | } |
| | | </style> |