zhaoyang/estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

收费项目管理框架，设备模块的框架搭建

Browse Source
This commit is contained in:
Zy
2026-04-23 18:27:12 +08:00
parent 9d4416b238
commit 290db6ba5d
10 changed files with 1333 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/system/Sdb/ChargeItem/add.vue
View File

@@ -5,25 +5,49 @@
<div class="title">基本信息</div>
<div class="addBuildingFormBody">
<el-form class="formBody" label-position="right" ref="formRef" :model="form" :rules="rules" label-width="130px">
<el-form-item label="项目名称" prop="materialName">
<span>{{ form.materialName }}</span>
<el-form-item label="项目名称" prop="name">
<el-input v-model.trim="form.name" placeholder="请输入项目名称" />
</el-form-item>
<el-form-item label="品牌" prop="brand">
<span>{{ form.brand }}</span>
<el-form-item label="计费方式" prop="billingMethod">
<el-select v-model="form.billingMethod">
<el-option v-for="(item, index) in com_charge_item_method" :key="index" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="规格型号" prop="model">
<span>{{ form.model }}</span>
<el-form-item label="费用单价" prop="price">
<el-input v-model.trim="form.price" placeholder="请输入费用单价" />
</el-form-item>
<el-form-item label="计算公式" prop="materialName">
<el-select v-model="form.formula">
<el-option v-for="(item, index) in com_charge_item_formula" :key="index" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="计量单位" prop="unit">
<span>{{ form.unit }}</span>
<el-select v-model="form.unit">
<el-option v-for="(item, index) in com_charge_item_unit" :key="index" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="成本" prop="unit">
<span>{{ form.unit }}</span>
<el-input v-model.trim="form.remark" placeholder="请输入成本" />
<el-form-item label="计算精度" prop="precision">
<el-select v-model="form.precision">
<el-option v-for="(item, index) in com_charge_item_precision" :key="index" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="当前库存" prop="unit">
<span>{{ form.unit }}</span>
<el-input v-model.trim="form.remark" placeholder="请输入当前库存" />
<el-form-item label="进位方式" prop="carryMethod">
<el-select v-model="form.carryMethod">
<el-option v-for="(item, index) in com_charge_item_carry_method" :key="index" :value="item.value" :label="item.label"></el-option>
</el-select>
</el-form-item>
<el-form-item label="滞纳金比例" prop="lateFee">
<el-input v-model.trim="form.lateFee" placeholder="请输入滞纳金比例">
<template #suffix>%</template>
</el-input>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio v-for="(item, index) in com_charge_item_status" :key="index" :value="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="unit">
<el-input type="textarea" :rows="5" v-model.trim="form.remark" placeholder="请输入当前库存" />
</el-form-item>
<el-form-item style="margin-top: 30px">
@@ -39,39 +63,51 @@
<script setup lang="ts">
import { ref } from 'vue';
import PageHeader from '@/components/Pageheader/index.vue';
import { getMaterial, updateMaterial, addMaterial } from '@/api/system/Tmaterial';
import { getChargeItem, updateChargeItem, addChargeItem } from '@/api/system/SdbChargeItem';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { com_charge_item_method } = toRefs<any>(proxy?.useDict('com_charge_item_method'));
const { com_charge_item_unit } = toRefs<any>(proxy?.useDict('com_charge_item_unit'));
const { com_charge_item_precision } = toRefs<any>(proxy?.useDict('com_charge_item_precision'));
const { com_charge_item_carry_method } = toRefs<any>(proxy?.useDict('com_charge_item_carry_method'));
const { com_charge_item_status } = toRefs<any>(proxy?.useDict('com_charge_item_status'));
const { com_charge_item_formula } = toRefs<any>(proxy?.useDict('com_charge_item_formula'));
const router = useRouter();
const route = useRoute();
const formRef = ref();
const form = ref({
id: null,
materialName: '', // 物料名称
brand: '', // 联系电话
model: '', // 邮箱
unit: '', // 地址
remark: '' // 备注
'id': null,
'name': '',
'billingMethod': '',
'price': null,
'unit': '',
'precision': '',
'carryMethod': '',
'lateFee': null,
'remark': '',
'formula': '',
'status': '0'
});
const rules = ref({
materialName: [{ required: true, message: '请输入 物料名称', trigger: 'blur' }],
brand: [{ required: true, message: '请输入 品牌', trigger: 'blur' }],
model: [{ required: true, message: '请输入 规格型号', trigger: 'blur' }],
unit: [{ required: true, message: '请输入 计量单位', trigger: 'blur' }]
name: [{ required: true, message: '请输入 项目名称', trigger: 'blur' }],
billingMethod: [{ required: true, message: '请输入 计费方式', trigger: 'blur' }],
price: [{ required: true, message: '请输入 费用单价', trigger: 'blur' }],
formula: [{ required: true, message: '请选择 计费公式', trigger: 'blur' }],
unit: [{ required: true, message: '请选择 计费单位', trigger: 'blur' }],
precision: [{ required: true, message: '选择 计算精度', trigger: 'blur' }],
carryMethod: [{ required: true, message: '请选择 进位方式', trigger: 'blur' }],
lateFee: [{ required: true, message: '请输入 滞纳金比例', trigger: 'blur' }],
status: [{ required: true, message: '请选择 状态', trigger: 'blur' }]
});
const userid = ref(null);
if (route.query.id) {
userid.value = route.query.id;
getMaterial(userid.value).then((res) => {
getChargeItem(userid.value).then((res) => {
form.value = {
id: res.data.id,
materialName: res.data.materialName,
brand: res.data.brand,
model: res.data.model,
unit: res.data.unit,
remark: res.data.remark
...form.value,
...res.data
};
});
}
@@ -81,12 +117,12 @@ const submitForm = () => {
formRef.value?.validate(async (valid: boolean) => {
if (valid) {
if (userid.value) {
updateMaterial(form.value).then((res) => {
updateChargeItem(form.value).then((res) => {
ElMessage.success('编辑成功');
cancelForm();
});
} else {
addMaterial(form.value).then((res) => {
addChargeItem(form.value).then((res) => {
ElMessage.success('添加成功');
cancelForm();
});