From 80367ddf4383493729420bb62aa8c8ebb9616dd9 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期日, 04 一月 2026 16:54:04 +0800
Subject: [PATCH] 代码调整9
---
src/views/contractor/assets/Form.vue | 215 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 215 insertions(+), 0 deletions(-)
diff --git a/src/views/contractor/assets/Form.vue b/src/views/contractor/assets/Form.vue
new file mode 100644
index 0000000..3dd4fbc
--- /dev/null
+++ b/src/views/contractor/assets/Form.vue
@@ -0,0 +1,215 @@
+<template>
+ <el-form :model="form" label-width="120px" :rules="formRules" ref="formRef">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="椤圭洰鍚嶇О" prop="deviceName">
+ <el-input v-model="form.deviceName" placeholder="璇疯緭鍏ラ」鐩悕绉�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍚堝悓缂栧彿" prop="deviceModel">
+ <el-input v-model="form.deviceModel" :disabled="(form.deviceModel != null && operationType === 'edit')" placeholder="璇疯緭鍏ュ悎鍚岀紪鍙�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎵垮寘鍟�" prop="supplierName">
+ <el-select v-model="form.supplierName" placeholder="璇烽�夋嫨" clearable style="width: 100%">
+ <el-option v-for="item in customerDataList" :key="item.id" :label="item.customerName + '(' + item.taxpayerIdentificationNumber + ')'" :value="item.customerName"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="浠樻鏂瑰紡 " prop="unit">
+ <el-select v-model="form.unit" placeholder="璇烽�夋嫨" clearable style="width: 100%">
+ <el-option v-for="item in payMethods" :key="item.id" :label="item.label" :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏁伴噺" prop="number">
+ <el-input-number :step="1" :min="0" style="width: 100%"
+ v-model="form.number"
+ placeholder="璇疯緭鍏ユ暟閲�"
+ @change="mathNum"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍚◣鍗曚环" prop="taxIncludingPriceUnit">
+ <el-input-number :step="0.01" :min="0" style="width: 100%"
+ v-model="form.taxIncludingPriceUnit"
+ placeholder="璇疯緭鍏ュ惈绋庡崟浠�"
+ maxlength="10"
+ @change="mathNum"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍚◣鎬讳环" prop="taxIncludingPriceTotal">
+ <el-input
+ v-model="form.taxIncludingPriceTotal"
+ placeholder="鑷姩鐢熸垚"
+ type="number"
+ disabled
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绋庣巼(%)" prop="taxRate">
+ <el-select
+ v-model="form.taxRate"
+ placeholder="璇烽�夋嫨"
+ clearable
+ @change="mathNum"
+ >
+ <el-option label="1" :value="1" />
+ <el-option label="6" :value="6" />
+ <el-option label="13" :value="13" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="涓嶅惈绋庢�讳环" prop="unTaxIncludingPriceTotal">
+ <el-input
+ v-model="form.unTaxIncludingPriceTotal"
+ placeholder="鑷姩鐢熸垚"
+ type="number"
+ disabled
+ />
+ </el-form-item>
+ </el-col>
+ <!-- <el-col :span="12">
+ <el-form-item label="褰曞叆浜�" prop="createUser">
+ <el-input v-model="form.createUser" placeholder="璇疯緭鍏ュ綍鍏ヤ汉" />
+ </el-form-item>
+ </el-col> -->
+ <el-col :span="12">
+ <el-form-item label="褰曞叆鏃ユ湡" prop="createTime">
+ <el-date-picker
+ style="width: 100%"
+ v-model="form.createTime"
+ format="YYYY-MM-DD"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ type="date"
+ placeholder="璇烽�夋嫨褰曞叆鏃ユ湡"
+ clearable
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+</template>
+
+<script setup>
+import useFormData from "@/hooks/useFormData";
+import {customerList} from "@/api/salesManagement/salesLedger.js";
+import { getLedgerById } from "@/api/equipmentManagement/ledger";
+import dayjs from "dayjs";
+import {
+ calculateTaxIncludeTotalPrice,
+ calculateTaxExclusiveTotalPrice,
+} from "@/utils/summarizeTable";
+import { ElMessage } from "element-plus";
+import {ref,onMounted} from "vue";
+
+defineOptions({
+ name: "璁惧鍙拌处琛ㄥ崟",
+});
+const formRef = ref(null);
+const customerDataList = ref([])
+const operationType = ref('');
+const payMethods = [
+ { value: '鎸夋湀缁撶畻', label: '鎸夋湀缁撶畻' },
+ { value: '鎸夎繘搴︿粯娆�', label: '鎸夎繘搴︿粯娆�' },
+ { value: '涓�娆℃�ф敮浠�', label: '涓�娆℃�ф敮浠�' },
+ { value: '鍏朵粬', label: '鍏朵粬' },
+];
+const formRules = {
+ deviceName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ deviceModel: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ supplierName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ unit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ number: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ taxIncludingPriceUnit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }],
+ taxRate: [{ required: true, trigger: "change", message: "璇疯緭鍏�" }],
+}
+
+const { form, resetForm } = useFormData({
+ deviceName: undefined, // 璁惧鍚嶇О
+ deviceModel: undefined, // 瑙勬牸鍨嬪彿
+ supplierName: undefined, // 渚涘簲鍟�
+ unit: undefined, // 鍗曚綅
+ number: undefined, // 鏁伴噺
+ taxIncludingPriceUnit: undefined, // 鍚◣鍗曚环
+ taxIncludingPriceTotal: undefined, // 鍚◣鎬讳环
+ taxRate: undefined, // 绋庣巼
+ unTaxIncludingPriceTotal: undefined, // 涓嶅惈绋庢�讳环
+ // createUser: useUserStore().nickName, // 褰曞叆浜�
+ createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), // 褰曞叆鏃ユ湡
+});
+
+const loadForm = async (id) => {
+ if (id) {
+ operationType.value = 'edit'
+ }
+ const { code, data } = await getLedgerById(id);
+ if (code == 200) {
+ form.deviceName = data.deviceName;
+ form.deviceModel = data.deviceModel;
+ form.supplierName = data.supplierName;
+ form.unit = data.unit;
+ form.number = data.number;
+ form.taxIncludingPriceUnit = data.taxIncludingPriceUnit;
+ form.taxIncludingPriceTotal = data.taxIncludingPriceTotal;
+ form.taxRate = data.taxRate;
+ form.unTaxIncludingPriceTotal = data.unTaxIncludingPriceTotal;
+ form.createTime = data.createTime;
+ }
+};
+
+const mathNum = () => {
+ if (!form.taxIncludingPriceUnit) {
+ ElMessage.error("璇疯緭鍏ュ崟浠�");
+ return;
+ }
+ if (!form.number) {
+ ElMessage.error("璇疯緭鍏ユ暟閲�");
+ return;
+ }
+ form.taxIncludingPriceTotal = calculateTaxIncludeTotalPrice(
+ form.taxIncludingPriceUnit,
+ form.number
+ );
+ if (form.taxRate) {
+ form.unTaxIncludingPriceTotal = calculateTaxExclusiveTotalPrice(
+ form.taxIncludingPriceTotal,
+ form.taxRate
+ );
+ }
+};
+
+// 娓呴櫎琛ㄥ崟鏍￠獙鐘舵��
+const clearValidate = () => {
+ formRef.value?.clearValidate();
+};
+
+// 閲嶇疆琛ㄥ崟鏁版嵁鍜屾牎楠岀姸鎬�
+const resetFormAndValidate = () => {
+ resetForm();
+ clearValidate();
+};
+
+defineExpose({
+ form,
+ loadForm,
+ resetForm,
+ clearValidate,
+ resetFormAndValidate,
+ formRef,
+});
+onMounted(() => {
+ customerList().then(res=>{
+ customerDataList.value = res
+ })
+});
+</script>
--
Gitblit v1.9.3