From 3115fcc80036ec4bfe3a2cd1128c5fdc82a01f42 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期二, 28 四月 2026 16:38:27 +0800
Subject: [PATCH] limsTable表格自适应高度&手动下单调整
---
src/views/business/unpass/index-manage.vue | 277 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 272 insertions(+), 5 deletions(-)
diff --git a/src/views/business/unpass/index-manage.vue b/src/views/business/unpass/index-manage.vue
index 76b32c0..6b08928 100644
--- a/src/views/business/unpass/index-manage.vue
+++ b/src/views/business/unpass/index-manage.vue
@@ -60,13 +60,14 @@
<el-button type="primary" size="mini" @click="refreshTable">鏌ヨ</el-button>
<el-button size="mini" @click="refresh">閲嶇疆</el-button>
<el-button :loading="exportLoading" type="success" size="mini" @click="exportUnqualifiedHandler">瀵煎嚭</el-button>
+ <el-button type="primary" size="mini" @click="openInsOrderDialog">鏂板涓嶅悎鏍煎鐞�</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div>
<lims-table :tableData="tableData" :column="column"
- :height="'calc(100vh - 250px)'" @pagination="pagination"
+ :more="true" @pagination="pagination"
:page="page" :tableLoading="tableLoading"></lims-table>
</div>
<el-dialog
@@ -95,6 +96,38 @@
<el-button type="primary" @click="cancelOA" :loading="cancelOALoading">纭� 瀹�</el-button>
</span>
</el-dialog>
+ <el-dialog
+ title="閫夋嫨涓嶅悎鏍艰鍗�"
+ :show-close="false"
+ :close-on-press-escape="false"
+ :close-on-click-modal="false"
+ :visible.sync="insOrderVisible"
+ width="50%">
+ <el-row :gutter="20" style="margin-bottom:10px">
+ <el-col :span="12">
+ <el-input clearable size="small" v-model="lotBatchNo" placeholder="璇疯緭鍏ユ壒娆″彿"></el-input>
+ </el-col>
+ <el-col :span="12">
+ <el-button size="small" type="primary" @click="searchInsOrderList">鎼滅储</el-button>
+ </el-col>
+ </el-row>
+ <lims-table ref="insOrderTable"
+ :tableData="insOrderDataList"
+ :column="insOrderTableDataColumn"
+ :isSelection="true"
+ :selectionSelectable="insOrderSelectable"
+ :handleSelectionChange="selectMethod"
+ :rowClassName="insOrderRowClassName"
+ @pagination="insOrderPageination"
+ height="400px"
+ :page="insOrderPage"
+ :tableLoading="insOrderTableLoading">
+ </lims-table>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="resetInsOrderForm">鍙� 娑�</el-button>
+ <el-button type="primary" @click="openAddUnqualifiedHandlerView">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
<UnPassDialog ref="unPassDialog" v-if="unPassDialog"
:orderId="orderId"
@resetForm="resetForm1"
@@ -107,6 +140,7 @@
</template>
<script>
+import {getIfsByAll} from "@/api/business/rawMaterialOrder";
import UnPassDialog from "./components/unPassDialog.vue";
import OAProcess from "./components/OAProcess.vue";
import limsTable from "@/components/Table/lims-table.vue";
@@ -121,6 +155,143 @@
dicts: ['material_prop_type','oa_workflow_state'],
data() {
return {
+ lotBatchNo:null,
+ insOrderVisible:false,
+ insOrderTableLoading:false,
+ insOrderDataList:[],
+ insOrderTableDataColumn:[
+ {
+ label: 'IFS鍩�',
+ prop: 'contract',
+ width: '120px',
+ dataType: 'tag',
+ formatData: (params) => {
+ return params
+ },
+ formatType: (params) => {
+ if (params === 'ZTNS') {
+ return ''
+ } else if (params === 'KJNS') {
+ return 'success'
+ }else {
+ return null
+ }
+ }
+
+ },
+ { label: '濮旀墭缂栧彿', prop: 'entrustCode', width: "160px", },
+ {
+ dataType: 'tag',
+ label: '妫�楠岀姸鎬�',
+ prop: 'inspectStatus',
+ formatData: (params) => {
+ if (params == 0) {
+ return '妫�楠屼腑'
+ } else if (params == 1) {
+ return '鍚堟牸'
+ } else if (params == 2) {
+ return '涓嶅悎鏍�'
+ } else if (params == 3) {
+ return '鏈笅鍗�'
+ } else if (params == 4) {
+ return '璁╂鏀捐'
+ } else {
+ return null
+ }
+ },
+ formatType: (params) => {
+ if (params == 0) {
+ return 'warning'
+ } else if (params == 1) {
+ return 'success'
+ } else if (params == 2) {
+ return 'danger'
+ } else if (params == 3) {
+ return 'info'
+ } else if (params == 4) {
+ return ''
+ } else {
+ return null
+ }
+ }
+ },
+ { label: '璁㈠崟鍙�', prop: 'orderNo' },
+ { label: '鎶佃揪鐨勯噰璐暟閲�', prop: 'purQtyInStore' ,width:'160' },
+ { label: '涓嬪彂鏃堕棿', prop: 'sendTime',width:'160' },
+ { label: '鎵瑰彿', prop: 'updateBatchNo',width:'160' },
+ { label: '闆朵欢鍙�', prop: 'partNo',width:'140' },
+ { label: '闆朵欢鎻忚堪', prop: 'partDesc' },
+ { label: '渚涘簲鍟嗗悕绉�', prop: 'supplierName' },
+ { label: '涓嶅悎鏍兼弿杩�', prop: 'unqualifiedDesc',width:'160' },
+ {
+ dataType: 'tag',
+ label: '鍏嶆',
+ prop: 'isExemption',
+ formatData: (params) => {
+ if (params == 1) {
+ return '鍏嶆'
+ } else {
+ return null
+ }
+ },
+ formatType: (params) => {
+ if (params == 1) {
+ return 'success'
+ } else {
+ return null
+ }
+ }
+ },
+ {
+ label: '鏍峰搧鍚嶇О',
+ prop: 'sampleName',
+ width: "160px"
+ },
+ { label: '鏍峰搧鍨嬪彿', prop: 'sampleModel' },
+ { label: '妫�楠屼汉', prop: 'userName' },
+ {
+ label: '鐗╂枡灞炴��',
+ prop: 'materialProp',
+ formatData: (params) => {
+ if (!params) return null
+
+ for (let i = 0; i < this.dict.type.material_prop_type.length; i++) {
+ const item = this.dict.type.material_prop_type[i]
+ if (item.value == params) {
+ return item.label
+ }
+ }
+ return null
+ }
+ },
+ {
+ dataType: 'tag',
+ label: '鐗╂枡绫诲瀷',
+ prop: 'isExpire',
+ formatData: (params) => {
+ if (params == 1) {
+ return '杩囨湡鐗╂枡'
+ } else {
+ return null
+ }
+ },
+ formatType: (params) => {
+ if (params == 1) {
+ return 'info'
+ } else {
+ return null
+ }
+ }
+ },
+ { label: '鍗曚綅', prop: 'buyUnitMeas' },
+ { label: '鎺ユ敹鏃堕棿', prop: 'receiverDate',width:'160' },
+ { label: '鎶ユ鏃堕棿', prop: 'declareDate',width:'160' },
+ ],
+ insOrderPage:{
+ total: 0,
+ size: 20,
+ current: 1
+ },
handlerId: null,
contract:null,
entity: {
@@ -239,18 +410,18 @@
dataType: "tag",
formatData: (params) => {
if (params == 0) {
- return "鐢熶骇鍙嶉涓嶅悎鏍�";
- } else if(params == 1) {
return "妫�娴嬩笉鍚堟牸";
+ } else if(params == 1) {
+ return "鐢熶骇鍙嶉涓嶅悎鏍�";
} else {
return null
}
},
formatType: (params) => {
if (params == 0) {
- return "warning";
+ return "danger";
} else if(params == 1) {
- return "info";
+ return "warning";
} else {
return "null";
}
@@ -315,6 +486,95 @@
this.refreshTable()
},
methods: {
+ getInsOrderRowId(row) {
+ if (!row) {
+ return ''
+ }
+ const currentId = row.enterOrderId || row.insOrderId || row.orderId || row.id
+ return currentId ? String(currentId) : ''
+ },
+ getExistingInsOrderIds() {
+ const ids = new Set()
+ this.tableData.forEach(row => {
+ ['insOrderId'].forEach(key => {
+ if (row[key] !== undefined && row[key] !== null && row[key] !== '') {
+ ids.add(String(row[key]))
+ }
+ })
+ })
+ return ids
+ },
+ isDisabledInsOrderRow(row) {
+ const currentId = this.getInsOrderRowId(row)
+ if (!currentId) {
+ return false
+ }
+ return this.getExistingInsOrderIds().has(currentId)
+ },
+ insOrderSelectable(row) {
+ return !this.isDisabledInsOrderRow(row)
+ },
+ insOrderRowClassName({ row }) {
+ return this.isDisabledInsOrderRow(row) ? 'disabled-selection-row' : ''
+ },
+ resetInsOrderForm(){
+ this.insOrderDataList = []
+ this.lotBatchNo = null
+ this.orderId = ''
+ this.$nextTick(()=>{
+ this.insOrderVisible = false
+ })
+ },
+ openInsOrderDialog(){
+ this.insOrderVisible = true
+ },
+ searchInsOrderList(){
+ this.insOrderTableLoading = true
+ const params = {
+ updateBatchNo: this.lotBatchNo,
+ isInspect: 1,
+ ...this.insOrderPage
+ }
+ getIfsByAll(params).then(res => {
+ this.insOrderTableLoading = false
+ if (res.code === 200) {
+ this.insOrderDataList = res.data.records
+ this.insOrderPage.total = res.data.total
+ }
+ }).catch(err => {
+ this.insOrderTableLoading = false
+ })
+ },
+ insOrderPageination(page){
+ this.insOrderPage.size = page.limit
+ this.searchInsOrderList()
+ },
+ selectMethod(val){
+ if (!val || val.length === 0) {
+ this.orderId = ''
+ return
+ }
+
+ const currentRow = val[val.length - 1]
+ this.orderId = this.getInsOrderRowId(currentRow)
+
+ if (val.length > 1 && this.$refs.insOrderTable && this.$refs.insOrderTable.$refs.multipleTable) {
+ this.$refs.insOrderTable.$refs.multipleTable.clearSelection()
+ this.$refs.insOrderTable.$refs.multipleTable.toggleRowSelection(currentRow, true)
+ }
+ },
+ //鎵撳紑鏂板涓嶅悎鏍煎鐞嗗脊妗�
+ openAddUnqualifiedHandlerView(){
+ if(!this.orderId){
+ this.$message.warning("璇烽�夋嫨涓�鏉¤鍗曡褰�")
+ return;
+ }
+ this.insOrderVisible = false
+ this.unPassDialog = true;
+ this.$nextTick(() => {
+ this.$refs.unPassDialog.getInsOrder('add');
+ });
+ },
exportUnqualifiedHandler(){
this.exportLoading = true
const newEntity = { ...this.entity }
@@ -433,3 +693,10 @@
}
};
</script>
+
+<style scoped>
+.capacity-scope >>> .disabled-selection-row td {
+ background-color: #f5f7fa !important;
+ color: #c0c4cc;
+}
+</style>
--
Gitblit v1.9.3