| | |
| | | class="result-table" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column prop="name" label="煤种" min-width="80" /> |
| | | <el-table-column prop="name" label="煤种" min-width="80"> |
| | | <template #default="scope"> |
| | | {{ matchCoalName(scope.row.name) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ratio" label="配比" min-width="80"> |
| | | <template #default="scope"> {{ scope.row.ratio }}% </template> |
| | | </el-table-column> |
| | |
| | | optimal: null, |
| | | alternatives: [], |
| | | error: null, |
| | | createCoal: null, |
| | | }, |
| | | }); |
| | | const coalInfoList = ref([]); |
| | |
| | | ElMessage.error("获取煤种信息失败,请稍后重试"); |
| | | } |
| | | }; |
| | | // 根据 key 返回中文名,否则原样返回 |
| | | const matchCoal = value => { |
| | | if (!value) return ""; |
| | | const found = coalInfoList.value.find(c => c.key === value); |
| | | return found ? found.value : value; |
| | | // 表格展示用:优先用 key 匹配中文名,再用 value 匹配,最后原样返回 |
| | | const matchCoalName = (name) => { |
| | | if (!name || !Array.isArray(coalInfoList.value) || coalInfoList.value.length === 0) return name; |
| | | // key 匹配 |
| | | const byKey = coalInfoList.value.find(item => String(item.key) === String(name)); |
| | | if (byKey) return byKey.value; |
| | | // value 匹配 |
| | | const byValue = coalInfoList.value.find(item => item.value === name); |
| | | if (byValue) return byValue.value; |
| | | // 原样返回 |
| | | return name; |
| | | }; |
| | | // 自动补全搜索 |
| | | const querySearch = (q, cb) => { |
| | | const res = q |
| | | ? coalInfoList.value.filter(c => c.value.includes(q)) |
| | | ? coalInfoList.value.filter((c) => c.value.includes(q)) |
| | | : coalInfoList.value; |
| | | cb(res); |
| | | }; |
| | | // 选择/失焦时,优先存 key,找不到则存原值 |
| | | const handleSelect = item => { |
| | | const handleSelect = (item) => { |
| | | const val = item.value || (item.target && item.target.value) || ""; |
| | | const found = coalInfoList.value.find(c => c.value === val || c.key === val); |
| | | const found = coalInfoList.value.find( |
| | | (c) => c.value === val || c.key === val |
| | | ); |
| | | result.value.optimal.props.createCoal = found ? found.key : val; |
| | | let match = matchCoal(result.value.optimal.props.createCoal); |
| | | // 新增:如果匹配成功,留一个id字段 |
| | | if (found) { |
| | | result.value.optimal.props.createCoalId = found.key; |
| | | } else { |
| | | result.value.optimal.props.createCoalId = null; |
| | | } |
| | | let match = matchCoalName(result.value.optimal.props.createCoal); |
| | | if (match && match !== result.value.optimal.props.createCoal) { |
| | | result.value.optimal.props.createCoal = match; |
| | | } |
| | |
| | | ElMessage.success("表单已重置"); |
| | | }; |
| | | const addWarehoused = () => { |
| | | if(!result.value){ |
| | | ElMessage.warning("请先计算最优配比后再添加至待入库"); |
| | | console.log(coalInfoList.value); |
| | | if (!result.value) { |
| | | ElMessage.error("请先计算最优配比后再添加至待入库"); |
| | | return; |
| | | } |
| | | if(result.value.optimal.props.createCoal === "") { |
| | | ElMessage.warning("请先选择生成煤种"); |
| | | if (result.value.optimal === null) { |
| | | ElMessage.error("请先计算最优配比"); |
| | | return; |
| | | } |
| | | console.log(result.value) |
| | | if (!result.value.optimal.props.createCoal) { |
| | | ElMessage.error("请先选择生成煤种"); |
| | | return; |
| | | } |
| | | const coals = result.value.optimal.instructions.map((item) => item.name); |
| | | let allFound = true; |
| | | for (const element of coals) { |
| | | let found = false; |
| | | for (const item of coalInfoList.value) { |
| | | if (item.key === element) { |
| | | found = true; |
| | | break; |
| | | } |
| | | } |
| | | if (!found) { |
| | | allFound = false; |
| | | break; |
| | | } |
| | | } |
| | | if (!allFound) { |
| | | ElMessage.error("配比中包含未知煤种,请先添加至煤种列表"); |
| | | return; |
| | | } |
| | | let createCoalFound = false; |
| | | for (const item of coalInfoList.value) { |
| | | if (item.key === result.value.optimal.props.createCoalId) { |
| | | console.log("生成煤种已存在"); |
| | | createCoalFound = true; |
| | | break; |
| | | } |
| | | } |
| | | if (!createCoalFound) { |
| | | ElMessage.warning("生成煤种是未知煤种,无法添加至待入库"); |
| | | return; |
| | | } |
| | | }; |
| | | const submitForm = () => { |
| | | // 数据验证 |
| | |
| | | |
| | | <!-- 操作按钮区 --> |
| | | <el-row :gutter="24" class="table-toolbar"> |
| | | <el-button :icon="Plus" type="primary" @click="handleAdd" |
| | | >新建</el-button |
| | | <el-button :icon="Plus" type="primary" v-show="activeTab === 'management'" @click="handleAdd" |
| | | >设备新增</el-button |
| | | > |
| | | <el-button :icon="Plus" type="primary" v-show="activeTab === 'equipmentRequisition'" @click="handleAdd" |
| | | >领用</el-button |
| | | > |
| | | <el-button :icon="Delete" type="danger" @click="handleDelete" |
| | | >删除</el-button |
| | |
| | | <!-- 表格组件 --> |
| | | <div> |
| | | <data-table |
| | | :showOverflowTooltip="false" |
| | | :border="true" |
| | | :columns="columns" |
| | | :loading="loading" |
| | |
| | | @selection-change="handleSelectionChange" |
| | | :operations="['edit', 'viewRow']" |
| | | :operationsWidth="200" |
| | | |
| | | > |
| | | <!-- 字段名称列的自定义插槽 - 显示为标签 --> |
| | | <template |
| | |
| | | v-model="equipmentRequisitionDialog" |
| | | :formData="form" |
| | | :maxQuantity="getMaxQuantity()" |
| | | :addOrEdit="addOrEdit" |
| | | @submit="onEquipmentRequisitionSubmit" |
| | | /> |
| | | <UsageRecord |
| | | <!-- <UsageRecord |
| | | v-if="activeTab == 'usageRecord'" |
| | | v-model:copyForm="copyForm" |
| | | v-model:usageRecordDialog="usageRecordDialog" |
| | | :addOrEdit="addOrEdit" |
| | | :form="form" |
| | | @submit="getList" |
| | | /> |
| | | /> --> |
| | | </el-card> |
| | | </div> |
| | | </template> |
| | |
| | | columns: [ |
| | | { prop: "equipmentNo", label: "设备编号", minWidth: 100 }, |
| | | { prop: "equipmentName", label: "设备名称", minWidth: 100 }, |
| | | { prop: "quantity", label: "数量", minWidth: 100 }, |
| | | { prop: "quantity", label: "总数量", minWidth: 100 }, |
| | | { prop: "usedNo", label: "已使用数量", minWidth: 100 }, |
| | | { prop: "specification", label: "规格型号", minWidth: 100 }, |
| | | { |
| | | prop: "usageStatus", |
| | | label: "使用状态", |
| | | minWidth: 100, |
| | | formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用" |
| | | }, |
| | | { prop: "purchaseDate", label: "采购日期", minWidth: 100 }, |
| | | { prop: "purchasePrice", label: "采购价格", minWidth: 100 }, |
| | | ] |
| | |
| | | api: getUsageRecordList, |
| | | deleteApi: null, |
| | | columns: [ |
| | | { prop: "userId", label: "领用人", minWidth: 100 }, |
| | | { prop: "equipmentId", label: "设备ID", minWidth: 100 }, |
| | | { prop: "userName", label: "领用人", minWidth: 100 }, |
| | | { prop: "equipmentNo", label: "设备编号", minWidth: 100 }, |
| | | { prop: "equipmentName", label: "设备名称", minWidth: 100 }, |
| | | { prop: "usageQuantity", label: "领用数量", minWidth: 100 }, |
| | | { |
| | | prop: "equipmentStatus", |
| | | label: "使用状态", |
| | | minWidth: 100, |
| | | formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用" |
| | | formatter: (row) => row.usageStatus == 1 ? "使用中" : "已归还" |
| | | }, |
| | | { prop: "usageStartTime", label: "使用开始时间", minWidth: 100 }, |
| | | { prop: "usageEndTime", label: "使用结束时间", minWidth: 100 }, |
| | | { prop: "remarks", label: "备注", minWidth: 100 }, |
| | | ] |
| | | }, |
| | | usageRecord:{ |
| | | label: "领用记录", |
| | | searchPlaceholder: "设备编号/设备名称/规格型号", |
| | | showSearch: true, |
| | | api: getManagementList, |
| | | deleteApi: delEquipment, |
| | | columns: [ |
| | | { prop: "equipmentId", label: "设备编号", minWidth: 100 }, |
| | | { prop: "equipmentName", label: "设备名称", minWidth: 100 }, |
| | | { prop: "quantity", label: "数量", minWidth: 100 }, |
| | | { prop: "specification", label: "规格型号", minWidth: 100 }, |
| | | { |
| | | prop: "usageStatus", |
| | | label: "使用状态", |
| | | minWidth: 100, |
| | | formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用" |
| | | }, |
| | | { prop: "purchaseDate", label: "采购日期", minWidth: 100 }, |
| | | { prop: "purchasePrice", label: "采购价格", minWidth: 100 }, |
| | | ] |
| | | }, |
| | | // usageRecord:{ |
| | | // label: "领用记录", |
| | | // searchPlaceholder: "设备编号/设备名称/规格型号", |
| | | // showSearch: true, |
| | | // api: getManagementList, |
| | | // deleteApi: delEquipment, |
| | | // columns: [ |
| | | // { prop: "equipmentId", label: "设备编号", minWidth: 100 }, |
| | | // { prop: "equipmentName", label: "设备名称", minWidth: 100 }, |
| | | // { prop: "quantity", label: "数量", minWidth: 100 }, |
| | | // { prop: "specification", label: "规格型号", minWidth: 100 }, |
| | | // { |
| | | // prop: "usageStatus", |
| | | // label: "使用状态", |
| | | // minWidth: 100, |
| | | // formatter: (row) => row.usageStatus == 1 ? "启用" : "禁用" |
| | | // }, |
| | | // { prop: "purchaseDate", label: "采购日期", minWidth: 100 }, |
| | | // { prop: "purchasePrice", label: "采购价格", minWidth: 100 }, |
| | | // ] |
| | | // }, |
| | | |
| | | // 后续可以在这里添加新的标签页配置 |
| | | }; |
| | |
| | | > |
| | | <el-form :model="form" :rules="rules" ref="formRef" label-width="150px"> |
| | | <el-form-item label="领用人" prop="userId"> |
| | | <el-select v-model="form.userId" placeholder="请选择"> |
| | | <el-select v-model="form.userId" placeholder="请选择" :disabled="isViewMode"> |
| | | <el-option |
| | | v-for="item in userList" |
| | | :key="item.userId" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="设备名称" prop="equipmentId"> |
| | | <el-select v-model="form.equipmentId" placeholder="请选择"> |
| | | <el-select v-model="form.equipmentId" placeholder="请选择" :disabled="isViewMode"> |
| | | <el-option |
| | | v-for="item in equipmentList" |
| | | :key="item.id" |
| | |
| | | :min="1" |
| | | :max="maxQuantity || 999" |
| | | style="width: 100%" |
| | | :disabled="isViewMode" |
| | | /> |
| | | <span |
| | | v-if="maxQuantity !== null" |
| | |
| | | > |
| | | </el-form-item> |
| | | <el-form-item label="使用状态" prop="equipmentStatus"> |
| | | <el-select v-model="form.equipmentStatus" placeholder="请选择"> |
| | | <el-option label="启用" :value="1" /> |
| | | <el-option label="禁用" :value="0" /> |
| | | <el-option label="维修中" :value="2" /> |
| | | <el-option label="报废" :value="3" /> |
| | | <el-option label="待领用" :value="4" /> |
| | | <el-select v-model="form.equipmentStatus" placeholder="请选择" :disabled="isViewMode"> |
| | | <el-option label="使用中" :value="1" /> |
| | | <el-option label="已归还" :value="0" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="使用开始时间" prop="usageStartTime"> |
| | |
| | | style="width: 100%" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | :disabled="isViewMode" |
| | | /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="使用结束时间" prop="usageEndTime"> |
| | |
| | | v-model="form.remarks" |
| | | type="textarea" |
| | | placeholder="请输入备注" |
| | | :disabled="isViewMode" |
| | | /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <el-button @click="handleClose">取消</el-button> |
| | | <el-button type="primary" @click="handleSubmit">确定</el-button> |
| | | <el-button type="primary" @click="handleSubmit" v-if="!isViewMode">确定</el-button> |
| | | </template> |
| | | </el-dialog> |
| | | </template> |
| | |
| | | type: Object, |
| | | default: () => ({}), |
| | | }, |
| | | beforeClose: { |
| | | type: Function, |
| | | default: () => {}, |
| | | }, |
| | | addOrEdit: { |
| | | type: String, |
| | | default: "add", |
| | | }, |
| | | title: { |
| | | type: String, |
| | | default: "", |
| | | }, |
| | | }); |
| | | const maxQuantity = computed(() => { |
| | | if (!props.formData.equipmentId) return 0; |
| | | if (!form.value.equipmentId) return 0; |
| | | const eq = equipmentList.value.find( |
| | | (item) => item.id == props.formData.equipmentId |
| | | (item) => item.id == form.value.equipmentId |
| | | ); |
| | | // 防止为0或负数,最小为1 |
| | | return eq && eq.quantity > 0 ? eq.quantity : 999; |
| | |
| | | get: () => props.modelValue, |
| | | set: (v) => emit("update:modelValue", v), |
| | | }); |
| | | const isViewMode = computed(() => props.addOrEdit === "view" || props.addOrEdit === "viewRow"); |
| | | |
| | | const isEdit = computed(() => !!props.formData?.id); |
| | | const formRef = ref(); |
| | |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="设备编号" prop="equipmentId"> |
| | | <el-form-item label="设备编号" prop="equipmentName"> |
| | | <el-input |
| | | v-model="formData.equipmentId" |
| | | v-model="formData.equipmentName" |
| | | placeholder="请输入设备编号" |
| | | :disabled="isViewMode" |
| | | style="width: 100%" |
| | |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="使用状态" prop="usageStatus"> |
| | | <!-- <el-col :span="11"> --> |
| | | <!-- <el-form-item label="使用状态" prop="usageStatus"> |
| | | <el-select |
| | | v-model="formData.usageStatus" |
| | | placeholder="请选择使用状态" |
| | |
| | | <el-option label="启用" value="1" /> |
| | | <el-option label="禁用" value="0" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-form-item> --> |
| | | <!-- </el-col> --> |
| | | <el-col :span="11"> |
| | | <el-form-item label="使用部门" prop="usingDepartment"> |
| | | <el-input |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item class="dialog-footer"> |
| | | <el-button v-if="!isViewMode" @click="cancelForm">取消</el-button> |
| | | <el-button @click="cancelForm">取消</el-button> |
| | | <el-button v-if="!isViewMode" type="primary" @click="submitForm">确定</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | closeDialog(); |
| | | }; |
| | | const rules = reactive({ |
| | | equipmentId: [ |
| | | equipmentName: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | }); |
| | |
| | | // 1. 根据含税单价和税率计算不含税单价 |
| | | // 不含税单价 = 含税单价 / (1 + 税率/100) |
| | | const priceExcludingTax = priceIncludingTax && taxRate |
| | | ? toFixed(priceIncludingTax / (1 + taxRate / 100), 2) |
| | | ? parseFloat((priceIncludingTax / (1 + taxRate / 100)).toFixed(2)) |
| | | : 0; |
| | | |
| | | // 2. 计算不含税总价 = 不含税单价 × 数量 |
| | |
| | | ? toFixed(priceIncludingTax * quantity, 2) |
| | | : 0; |
| | | |
| | | // 更新表单数据 |
| | | form.value.priceExcludingTax = priceExcludingTax; |
| | | // 保证显示为两位小数(如88.5显示为88.50) |
| | | form.value.priceExcludingTax = priceExcludingTax.toFixed(2); |
| | | form.value.totalPriceExcludingTax = totalPriceExcludingTax; |
| | | form.value.totalPriceIncludingTax = totalPriceIncludingTax; |
| | | }; |
| | |
| | | // 计算总成本 |
| | | const calculateTotalCost = (row) => { |
| | | const laborCost = parseFloat(row.laborCost) || 0; |
| | | const energyCost = parseFloat(row.energyCost) || 0; |
| | | const energyCost = parseFloat(row.energyConsumptionCost) || 0; |
| | | const equipmentDepreciation = parseFloat(row.equipmentDepreciation) || 0; |
| | | const purchasePrice = parseFloat(row.purchasePrice) || 0; |
| | | |
| | |
| | | <el-select v-model="form.coalId" placeholder="请选择煤种" @change="setInfo" :disabled="operationType === 'view'"> |
| | | <el-option |
| | | v-for="item in coalOptions" |
| | | :key="item.id" |
| | | :key="item.coalId" |
| | | :label="item.coal" |
| | | :value="item.id" |
| | | :value="item.coalId" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :inline="true" :model="queryParams" class="search-form"> |
| | | <el-form-item label="搜索"> |
| | | <el-form-item label="销售日期"> |
| | | <el-date-picker |
| | | v-model="queryParams.saleDate" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | clearable |
| | | style="width: 100%" |
| | | placeholder="请选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="煤种"> |
| | | <el-input |
| | | v-model="queryParams.searchAll" |
| | | placeholder="请输入关键字" |
| | | v-model="queryParams.coal" |
| | | placeholder="请输入煤种" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | |
| | | const pageSize = ref(10); |
| | | // 查询参数 |
| | | const queryParams = reactive({ |
| | | searchAll: "", |
| | | saleDate: "", |
| | | coal: "", |
| | | }) |
| | | onMounted(() => { |
| | | handleQuery() |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :inline="true" :model="queryParams" class="search-form"> |
| | | <el-form-item label="搜索"> |
| | | <el-input |
| | | v-model="queryParams.searchAll" |
| | | placeholder="请输入关键字" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="登记日期"> |
| | | <el-date-picker |
| | | v-model="queryParams.registrationDate" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | clearable |
| | | style="width: 100%" |
| | | placeholder="请选择日期" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="煤种"> |
| | | <el-input |
| | | v-model="queryParams.coal" |
| | | placeholder="请输入煤种" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="handleQuery">查询</el-button> |
| | | <el-button @click="resetQuery">重置</el-button> |
| | |
| | | ]); |
| | | // 查询参数 |
| | | const queryParams = reactive({ |
| | | searchAll: "", |
| | | registrationDate: "", |
| | | coal: "", |
| | | }) |
| | | const columnTitle = ref([]) |
| | | const supplyList = ref([]); |