| | |
| | | </div> |
| | | <pagination v-if="total>0" :page="pageNum" :limit="pageSizes" :total="total" @pagination="handPagination" |
| | | :layout="'total, prev, pager, next, jumper'" /> |
| | | <Supplier v-if="tabName === 'supplier'" v-model:copyForm="copyForm" v-model:supplierDialogFormVisible="dialogFormVisible" :form="form" |
| | | :title="title" @submit="handleSubmit" @beforeClose="handleBeforeClose" |
| | | @update:dialogFormVisible="handleDialogFormVisible" :addOrEdit="addOrEdit" /> |
| | | <Customer v-if="tabName === 'customer'" v-model:copyForm="copyForm" v-model:customerDialogFormVisible="dialogFormVisible" :form="form" |
| | | :title="title" @submit="handleSubmit" :addOrEdit="addOrEdit" @beforeClose="handleBeforeClose" /> |
| | | <Coal v-if="tabName === 'coal'" v-model:copyForm="copyForm" v-model:coalDialogFormVisible="dialogFormVisible" :form="form" :title="title" |
| | | :addOrEdit="addOrEdit" @submit="handleSubmit" /> |
| | | <Supplier v-if="tabName === 'supplier'" v-model:copyForm="copyForm" |
| | | v-model:supplierDialogFormVisible="dialogFormVisible" :form="form" :title="title" @submit="handleSubmit" |
| | | @beforeClose="handleBeforeClose" @update:dialogFormVisible="handleDialogFormVisible" :addOrEdit="addOrEdit" /> |
| | | <Customer v-if="tabName === 'customer'" v-model:copyForm="copyForm" |
| | | v-model:customerDialogFormVisible="dialogFormVisible" :form="form" :title="title" @submit="handleSubmit" |
| | | :addOrEdit="addOrEdit" @beforeClose="handleBeforeClose" /> |
| | | <Coal v-if="tabName === 'coal'" v-model:copyForm="copyForm" v-model:coalDialogFormVisible="dialogFormVisible" |
| | | :form="form" :title="title" :addOrEdit="addOrEdit" @submit="handleSubmit" /> |
| | | <coalQualityMaintenance v-if="tabName === 'coalQualityMaintenance'" |
| | | v-model:coalQualityMaintenanceDialogFormVisible="dialogFormVisible" :form="form" :title="title" |
| | | :addOrEdit="addOrEdit" @submit="handleSubmit" /> |
| | | <coalMeiZhiZiDuanWeiHu v-if="tabName === 'coalMeiZhiZiDuanWeiHu'" |
| | | v-model:coalMaintenanceFieldDialogVisible="dialogFormVisible" :form="form" :title="title" |
| | | :addOrEdit="addOrEdit" @submit="handleSubmit" /> |
| | | </el-card> |
| | | </div> |
| | |
| | | import Customer from "./mould/customer.vue"; |
| | | import Coal from "./mould/coal.vue"; |
| | | import coalQualityMaintenance from "./mould/coalQualityMaintenance.vue"; |
| | | import coalMeiZhiZiDuanWeiHu from "./mould/coalMeiZhiZiDuanWeiHu.vue"; |
| | | const { proxy } = getCurrentInstance() |
| | | import { getSupply, addOrEditSupply, delSupply } from "@/api/basicInformation/supplier.js"; |
| | | import { getCoalInfo, delCoalInfo } from "@/api/basicInformation/coal.js"; |
| | |
| | | import { getCustomerList, delCustomer } from "@/api/basicInformation/customer.js"; |
| | | |
| | | // 弹窗 |
| | | const coalMaintenanceFieldDialogVisible = ref(false); |
| | | const coalQualityMaintenanceDialogFormVisible = ref(false); |
| | | const customerDialogFormVisible = ref(false); |
| | | const coalDialogFormVisible = ref(false); |
| | |
| | | if (!addressMap.value || Object.keys(addressMap.value).length === 0||!addressIds || !Array.isArray(addressIds) || addressIds.length === 0 || addressIds.every(id => !id)) { |
| | | return '--'; |
| | | } |
| | | |
| | | const addressNames = addressIds.map(id => { |
| | | return addressMap.value[id]?.name || '--'; |
| | | }); |
| | | |
| | | // 如果所有地址名称都是 '--',则返回 '--' |
| | | if (addressNames.every(name => name === '--')) { |
| | | return '--'; |
| | | } |
| | | |
| | | return addressNames.filter(name => name !== '--').join(' / '); |
| | | }; |
| | | // 获取用户列表数据 |
| | |
| | | console.error('获取用户列表失败:', error); |
| | | } |
| | | }; |
| | | |
| | | onMounted(async () => { |
| | | await handleTabClick({ props: { name: "supplier" } }); |
| | | await fetchAreaOptions(); // 先获取地址选择数据并构建映射表 |
| | |
| | | { name: "supplier", label: "供应商信息" }, |
| | | { name: "customer", label: "客户信息" }, |
| | | { name: "coal", label: "煤种信息" }, |
| | | { name: "coalQualityMaintenance", label: "煤质维护" }, |
| | | { name: "coalQualityMaintenance", label: "煤质方案" }, |
| | | { name: "coalMeiZhiZiDuanWeiHu", label: "煤质字段" } |
| | | ]); |
| | | // 是否编辑 |
| | | const addOrEdit = ref("add"); |
| | |
| | | ]); |
| | | // coalQualityMaintenance 煤质维护数据 |
| | | const coalQualityMaintenanceColumns = ref([ |
| | | { prop: "supplierName", label: "全水(<)", minWidth: 200 }, |
| | | { prop: "identifyNumber", label: "水分析(<)", minWidth: 120 }, |
| | | { prop: "address", label: "灰分", minWidth: 150 }, |
| | | { prop: "bank", label: "挥发(>)", minWidth: 100 }, |
| | | { prop: "bankAccount", label: "硫(<)", minWidth: 100 }, |
| | | { prop: "contacts", label: "固定碳", minWidth: 100 }, |
| | | { prop: "coal", label: "煤种名称", minWidth: 200 }, |
| | | { prop: "totalMoisture", label: "全水含量百分比 (%)", minWidth: 200 }, |
| | | { prop: "analysisMoisture", label: "分析水含量百分比 (%)", minWidth: 200 }, |
| | | { prop: "volatileMatter", label: "挥发分百分比 (%)", minWidth: 100 }, |
| | | { prop: "sulfurContent", label: "硫含量百分比 (%)", minWidth: 100 }, |
| | | { prop: "contacts", label: "固定碳百分比 (%)", minWidth: 100 }, |
| | | { prop: "contactAddress", label: "高位发热量", minWidth: 100 }, |
| | | { prop: "maintainer", label: "低位发热量", minWidth: 100 }, |
| | | ]); |
| | | const coalMeiZhiZiDuanWeiHuColumns = ref([ |
| | | { prop: "fieldName", label: "字段名称", minWidth: 200 }, |
| | | { prop: "fieldDescription", label: "字段描述", minWidth: 200 }, |
| | | ]); |
| | | // 标签页点击 |
| | | const handleTabClick = (tab) => { |
| | |
| | | columns.value = customerColumns.value; |
| | | dialogFormVisible.value = customerDialogFormVisible.value; |
| | | getList("customer"); |
| | | |
| | | break; |
| | | case "coal": |
| | | columns.value = coalColumns.value; |
| | |
| | | columns.value = coalQualityMaintenanceColumns.value; |
| | | dialogFormVisible.value = coalQualityMaintenanceDialogFormVisible.value; |
| | | getList("coalQualityMaintenance"); |
| | | break; |
| | | case "coalMeiZhiZiDuanWeiHu": |
| | | columns.value = coalMeiZhiZiDuanWeiHuColumns.value; |
| | | dialogFormVisible.value = coalMaintenanceFieldDialogVisible.value; |
| | | getList("coalMeiZhiZiDuanWeiHu"); |
| | | break; |
| | | } |
| | | }; |
| | |
| | | openDialog(); |
| | | } else if (tabName === "coalQualityMaintenance") { |
| | | dialogFormVisible.value = true; |
| | | title.value = title.value + "煤质维护"; |
| | | title.value = title.value + "煤质方案维护"; |
| | | openDialog(); |
| | | } else if (tabName === "coalMeiZhiZiDuanWeiHu") { |
| | | dialogFormVisible.value = true; |
| | | title.value = title.value + "煤质字段维护"; |
| | | openDialog(); |
| | | } |
| | | }; |
| | |
| | | pageSize: pageSizes.value, |
| | | searchAll: queryParams.searchAll, |
| | | }); |
| | | } else if (tabName.value === "coalMeiZhiZiDuanWeiHu") { |
| | | return { |
| | | code: 200, |
| | | data: { |
| | | records: [ |
| | | { fieldName: "字段1", fieldDescription: "描述1" }, |
| | | { fieldName: "字段2", fieldDescription: "描述2" }, |
| | | { fieldName: "字段3", fieldDescription: "描述3" } |
| | | ], |
| | | total: 10 |
| | | } |
| | | }; |
| | | // return getCoalQuality({ |
| | | // current: pageNum.value, |
| | | // pageSize: pageSizes.value, |
| | | // searchAll: queryParams.searchAll, |
| | | // }); |
| | | } |
| | | } |
| | | const search = () => { |
| | |
| | | await fetchAreaOptions(); |
| | | } */ |
| | | let { data, code } = await selectInterface() |
| | | console.log("获取数据:", code, data); |
| | | if(code !== 200) { |
| | | ElMessage.error("获取数据失败:" + data.msg); |
| | | loading.value = false; |