| | |
| | | :rules="rules" |
| | | label-width="auto" |
| | | > |
| | | <el-form-item label="客户名称" prop="supplierName"> |
| | | <el-form-item label="煤种类型" prop="coal"> |
| | | <el-input |
| | | v-model="formData.supplierName" |
| | | v-model="formData.coal" |
| | | placeholder="请输入供货商名称" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="纳税人识别号" prop="identifyNumber"> |
| | | <el-form-item label="全水含量百分比 (%)" prop="totalMoisture"> |
| | | <el-input |
| | | v-model="formData.identifyNumber" |
| | | placeholder="请输入纳税人识别号" |
| | | v-model="formData.totalMoisture" |
| | | placeholder="请输入全水含量百分比" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="经营地址" prop="address"> |
| | | <el-cascader |
| | | placeholder="请选择经营地址" |
| | | size="default" |
| | | :options="addressSelectOptions" |
| | | v-model="formData.address" |
| | | @change="handleChange" |
| | | > |
| | | </el-cascader> |
| | | </el-form-item> |
| | | <el-form-item label="详细地址" prop="addressDetail"> |
| | | <el-form-item label="全水含量百分比 (%)" prop="analysisMoisture"> |
| | | <el-input |
| | | v-model="formData.addressDetail" |
| | | v-model="formData.analysisMoisture" |
| | | placeholder="请输入全水含量百分比" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="全水含量百分比 (%)" prop="volatileMatter"> |
| | | <el-input |
| | | v-model="formData.volatileMatter" |
| | | placeholder="请输入全水含量百分比" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="固定碳百分比 (%)" prop="fixedCarbon"> |
| | | <el-input |
| | | v-model="formData.fixedCarbon" |
| | | placeholder="请输入客户详细地址" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="银行账户" prop="bankAccount"> |
| | | <el-form-item label="低位发热量(单位:千卡/千克)" prop="lowerHeatValue"> |
| | | <el-input |
| | | v-model="formData.bankAccount" |
| | | v-model="formData.lowerHeatValue" |
| | | placeholder="请输入银行账户" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="开户行" prop="bank"> |
| | | <el-input v-model="formData.bank" placeholder="请输入开户行" /> |
| | | <el-form-item label="高位发热量(单位:千卡/千克)" prop="higherHeatValue"> |
| | | <el-input v-model="formData.higherHeatValue" placeholder="请输入开户行" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系人" prop="contacts"> |
| | | <el-input v-model="formData.contacts" placeholder="请输入联系人" /> |
| | | <el-form-item label="灰分百分比 (%)" prop="ashContent"> |
| | | <el-input v-model="formData.ashContent" placeholder="请输入联系人" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系人电话" prop="contactsPhone"> |
| | | <el-form-item label="硫含量百分比 (%)" prop="sulfurContent"> |
| | | <el-input |
| | | v-model="formData.contactsPhone" |
| | | v-model="formData.sulfurContent" |
| | | placeholder="请输入联系人电话" |
| | | /> |
| | | </el-form-item> |
| | |
| | | <script setup> |
| | | import { ref, watch, defineProps, onMounted } from "vue"; |
| | | import addressList from "@/api/jsonApi/areaList.json"; |
| | | import { addOrEditCoalQuality } from "@/api/basicInformation/coalQualityMaintenance.js"; |
| | | const props = defineProps({ |
| | | beforeClose: { |
| | | type: Function, |
| | |
| | | // 提交表单 |
| | | const submitForm = async () => { |
| | | if (!formRef.value) return; |
| | | await formRef.value.validate((valid, fields) => { |
| | | await formRef.value.validate(async (valid, fields) => { |
| | | if (valid) { |
| | | emit("submit", formData.value); |
| | | |
| | | let result = await addOrEditCoalQuality({...formData.value}); |
| | | console.log(result); |
| | | // emit("submit", formData.value); |
| | | } |
| | | }); |
| | | }; |
| | |
| | | emit("update:coalQualityMaintenanceDialogFormVisible", false); |
| | | }; |
| | | const rules = reactive({ |
| | | supplierName: [ |
| | | { required: true, message: "请输入供货商名称", trigger: "blur" }, |
| | | ], |
| | | identifyNumber: [ |
| | | { required: true, message: "请正确输入纳税人识别号", trigger: "blur" }, |
| | | { min: 17, max: 20, message: "请输入17-20位纳税人识别号", trigger: "blur" }, |
| | | ], |
| | | address: [ |
| | | { |
| | | required: true, |
| | | message: "请选择经营地址", |
| | | trigger: "change", |
| | | }, |
| | | ], |
| | | bankAccount: [{ required: true, message: "请输入银行账户", trigger: "blur" }], |
| | | bank: [{ required: true, message: "请输入开户行", trigger: "blur" }], |
| | | contacts: [{ required: true, message: "请输入开户行", trigger: "blur" }], |
| | | contactsPhone: [ |
| | | { required: true, message: "请输入联系人", trigger: "blur" }, |
| | | { min: 11, max: 11, message: "请输入11位联系人电话", trigger: "blur" }, |
| | | coal: [ |
| | | { required: true, message: "请输入煤种名称", trigger: "blur" }, |
| | | ], |
| | | }); |
| | | </script> |