From c58665039ce8b7c895ed4f1000ff4cf525a92085 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 27 八月 2025 16:28:21 +0800
Subject: [PATCH] 1.设备保养开发联调
---
src/pages/equipmentManagement/ledger/detail.vue | 408 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 408 insertions(+), 0 deletions(-)
diff --git a/src/pages/equipmentManagement/ledger/detail.vue b/src/pages/equipmentManagement/ledger/detail.vue
new file mode 100644
index 0000000..97d76aa
--- /dev/null
+++ b/src/pages/equipmentManagement/ledger/detail.vue
@@ -0,0 +1,408 @@
+<template>
+ <view class="ledger-detail">
+ <!-- 浣跨敤閫氱敤椤甸潰澶撮儴缁勪欢 -->
+ <PageHeader :title="operationType === 'edit' ? '缂栬緫璁惧鍙拌处' : '鏂板璁惧鍙拌处'" @back="goBack" />
+
+ <!-- 琛ㄥ崟鍐呭 -->
+ <van-form @submit="sendForm" ref="formRef" label-width="110px" input-align="right" error-message-align="right" scroll-to-error scroll-to-error-position="center">
+ <!-- 鍩烘湰淇℃伅 -->
+ <van-cell-group title="鍩烘湰淇℃伅" inset>
+ <van-field
+ v-model="form.deviceName"
+ label="璁惧鍚嶇О"
+ placeholder="璇疯緭鍏ヨ澶囧悕绉�"
+ :rules="formRules.deviceName"
+ required
+ clearable
+ />
+ <van-field
+ v-model="form.deviceModel"
+ label="瑙勬牸鍨嬪彿"
+ placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"
+ :readonly="form.deviceModel != null && operationType === 'edit'"
+ :rules="formRules.deviceModel"
+ required
+ clearable
+ />
+ <van-field
+ v-model="form.supplierName"
+ label="渚涘簲鍟�"
+ required
+ placeholder="璇疯緭鍏ヤ緵搴斿晢"
+ :rules="formRules.supplierName"
+ clearable
+ />
+ <van-field
+ v-model="form.unit"
+ label="鍗曚綅"
+ required
+ placeholder="璇疯緭鍏ュ崟浣�"
+ :rules="formRules.unit"
+ clearable
+ />
+ <van-field
+ v-model="form.taxRate"
+ required
+ label="绋庣巼(%)"
+ placeholder="璇烽�夋嫨"
+ readonly
+ :rules="formRules.taxRate"
+ @click="showTaxRatePicker"
+ clearable
+ />
+ <van-field
+ v-model="form.number"
+ label="鏁伴噺"
+ required
+ type="number"
+ placeholder="璇疯緭鍏ユ暟閲�"
+ :rules="formRules.number"
+ @blur="mathNum"
+ clearable
+ />
+ <van-field
+ v-model="form.taxIncludingPriceUnit"
+ label="鍚◣鍗曚环"
+ required
+ type="number"
+ placeholder="璇疯緭鍏ュ惈绋庡崟浠�"
+ :rules="formRules.taxIncludingPriceUnit"
+ @blur="mathNum"
+ clearable
+ />
+ <van-field
+ v-model="form.taxIncludingPriceTotal"
+ label="鍚◣鎬讳环"
+ placeholder="鑷姩鐢熸垚"
+ readonly
+ />
+ <van-field
+ v-model="form.unTaxIncludingPriceTotal"
+ label="涓嶅惈绋庢�讳环"
+ placeholder="鑷姩鐢熸垚"
+ readonly
+ />
+ <van-field
+ v-model="form.createTime"
+ label="褰曞叆鏃ユ湡"
+ placeholder="璇烽�夋嫨"
+ readonly
+ @click="showDatePicker"
+ required
+ clearable
+ />
+ </van-cell-group>
+
+ <!-- 鎻愪氦鎸夐挳 -->
+ <view class="footer-btns">
+ <van-button class="cancel-btn" @click="goBack">鍙栨秷</van-button>
+ <van-button class="save-btn" native-type="submit" form-type="submit" :loading="loading">淇濆瓨</van-button>
+ </view>
+ </van-form>
+
+ <!-- 绋庣巼閫夋嫨鍣� -->
+ <van-popup v-model:show="showTaxRate" position="bottom">
+ <van-picker
+ :model-value="taxRatePickerValue"
+ :columns="taxRateOptions"
+ @confirm="onTaxRateConfirm"
+ @cancel="showTaxRate = false"
+ />
+ </van-popup>
+
+ <!-- 鏃ユ湡閫夋嫨鍣� -->
+ <van-popup v-model:show="showDate" position="bottom">
+ <van-date-picker
+ v-model="currentDate"
+ title="閫夋嫨鏃ユ湡"
+ @confirm="onDateConfirm"
+ @cancel="showDate = false"
+ />
+ </van-popup>
+ </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import { onShow } from '@dcloudio/uni-app';
+import PageHeader from '@/components/PageHeader.vue';
+import { getLedgerById, addLedger, editLedger } from '@/api/equipmentManagement/ledger';
+import dayjs from "dayjs";
+import {
+ calculateTaxIncludeTotalPrice,
+ calculateTaxExclusiveTotalPrice,
+} from "@/utils/summarizeTable";
+import { showToast } from 'vant';
+
+defineOptions({
+ name: "璁惧鍙拌处琛ㄥ崟",
+});
+
+// 琛ㄥ崟寮曠敤
+const formRef = ref(null);
+const operationType = ref('');
+const loading = ref(false);
+const showTaxRate = ref(false);
+const taxRatePickerValue = ref([]);
+const showDate = ref(false);
+const currentDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
+
+// 琛ㄥ崟楠岃瘉瑙勫垯
+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: "璇疯緭鍏�" }],
+};
+
+// 浣跨敤 ref 澹版槑琛ㄥ崟鏁版嵁
+const form = ref({
+ deviceName: undefined, // 璁惧鍚嶇О
+ deviceModel: undefined, // 瑙勬牸鍨嬪彿
+ supplierName: undefined, // 渚涘簲鍟�
+ unit: undefined, // 鍗曚綅
+ number: undefined, // 鏁伴噺
+ taxIncludingPriceUnit: undefined, // 鍚◣鍗曚环
+ taxIncludingPriceTotal: undefined, // 鍚◣鎬讳环
+ taxRate: undefined, // 绋庣巼
+ unTaxIncludingPriceTotal: undefined, // 涓嶅惈绋庢�讳环
+ createTime: dayjs().format("YYYY-MM-DD"), // 褰曞叆鏃ユ湡
+});
+
+// 绋庣巼閫夐」
+const taxRateOptions = computed(() => {
+ return [
+ { text: '1', value: 1 },
+ { text: '6', value: 6 },
+ { text: '13', value: 13 }
+ ]
+});
+
+// 鍔犺浇琛ㄥ崟鏁版嵁
+const loadForm = async (id) => {
+ if (id) {
+ operationType.value = 'edit';
+ }
+ try {
+ const { code, data } = await getLedgerById(id);
+ if (code == 200) {
+ form.value.deviceName = data.deviceName;
+ form.value.deviceModel = data.deviceModel;
+ form.value.supplierName = data.supplierName;
+ form.value.unit = data.unit;
+ form.value.number = data.number;
+ form.value.taxIncludingPriceUnit = data.taxIncludingPriceUnit;
+ form.value.taxIncludingPriceTotal = data.taxIncludingPriceTotal;
+ form.value.taxRate = data.taxRate;
+ form.value.unTaxIncludingPriceTotal = data.unTaxIncludingPriceTotal;
+ form.value.createTime = data.createTime;
+ }
+ } catch (e) {
+ showToast('鑾峰彇璇︽儏澶辫触');
+ }
+};
+
+// 鏁板璁＄畻
+const mathNum = () => {
+ if (!form.value.taxIncludingPriceUnit) {
+ showToast("璇疯緭鍏ュ崟浠�");
+ return;
+ }
+ if (!form.value.number) {
+ showToast("璇疯緭鍏ユ暟閲�");
+ return;
+ }
+ form.value.taxIncludingPriceTotal = calculateTaxIncludeTotalPrice(
+ form.value.taxIncludingPriceUnit,
+ form.value.number
+ );
+ if (form.value.taxRate) {
+ form.value.unTaxIncludingPriceTotal = calculateTaxExclusiveTotalPrice(
+ form.value.taxIncludingPriceTotal,
+ form.value.taxRate
+ );
+ }
+};
+
+// 娓呴櫎琛ㄥ崟鏍￠獙鐘舵��
+const clearValidate = () => {
+ formRef.value?.clearValidate();
+};
+
+// 閲嶇疆琛ㄥ崟鏁版嵁鍜屾牎楠岀姸鎬�
+const resetForm = () => {
+ form.value = {
+ deviceName: undefined,
+ deviceModel: undefined,
+ supplierName: undefined,
+ unit: undefined,
+ number: undefined,
+ taxIncludingPriceUnit: undefined,
+ taxIncludingPriceTotal: undefined,
+ taxRate: undefined,
+ unTaxIncludingPriceTotal: undefined,
+ createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+ };
+};
+
+const resetFormAndValidate = () => {
+ resetForm();
+ clearValidate();
+};
+
+// 鎻愪氦琛ㄥ崟
+const sendForm = async () => {
+ try {
+ // 鎵嬪姩楠岃瘉琛ㄥ崟
+ await formRef.value?.validate();
+
+ loading.value = true;
+ const id = getPageId();
+
+ // 鍑嗗鎻愪氦鏁版嵁锛宑reateTime 鍔犱笂褰撳墠鏃跺垎绉�
+ const submitData = { ...form.value };
+ if (submitData.createTime && !submitData.createTime.includes(':')) {
+ // 濡傛灉 createTime 鍙寘鍚棩鏈燂紝娣诲姞褰撳墠鏃跺垎绉�
+ submitData.createTime = submitData.createTime + ' ' + dayjs().format('HH:mm:ss');
+ }
+
+ const { code } = id
+ ? await editLedger({ id: id, ...submitData })
+ : await addLedger(submitData);
+
+ if (code == 200) {
+ showToast("鎿嶄綔鎴愬姛");
+ setTimeout(() => {
+ uni.navigateBack();
+ }, 1500);
+ } else {
+ loading.value = false;
+ }
+ } catch (e) {
+ loading.value = false;
+ showToast('琛ㄥ崟楠岃瘉澶辫触');
+ }
+};
+
+// 杩斿洖涓婁竴椤�
+const goBack = () => {
+ uni.navigateBack();
+};
+
+// 鑾峰彇椤甸潰鍙傛暟
+const getPageParams = () => {
+ const pages = getCurrentPages();
+ const currentPage = pages[pages.length - 1];
+ const options = currentPage.options;
+
+ if (options.id) {
+ // 缂栬緫妯″紡锛岃幏鍙栬鎯�
+ loadForm(options.id);
+ } else {
+ // 鏂板妯″紡
+ operationType.value = 'add';
+ }
+};
+
+// 鑾峰彇椤甸潰ID
+const getPageId = () => {
+ const pages = getCurrentPages();
+ const currentPage = pages[pages.length - 1];
+ const options = currentPage.options;
+ return options.id;
+};
+
+// 鏄剧ず绋庣巼閫夋嫨鍣�
+const showTaxRatePicker = () => {
+ showTaxRate.value = true;
+};
+
+// 纭绋庣巼閫夋嫨
+const onTaxRateConfirm = ({ selectedValues, selectedOptions }) => {
+ form.value.taxRate = selectedOptions[0].value;
+ taxRatePickerValue.value = selectedValues;
+ showTaxRate.value = false;
+ mathNum(); // 閲嶆柊璁＄畻
+};
+
+// 鏄剧ず鏃ユ湡閫夋嫨鍣�
+const showDatePicker = () => {
+ showDate.value = true;
+};
+
+// 纭鏃ユ湡閫夋嫨
+const onDateConfirm = ({ selectedValues }) => {
+ // 鍙繚瀛樺勾鏈堟棩锛屼笉鍖呭惈鏃跺垎绉�
+ form.value.createTime = selectedValues.join('-');
+ currentDate.value = selectedValues;
+ showDate.value = false;
+};
+
+onShow(() => {
+ // 椤甸潰鏄剧ず鏃惰幏鍙栧弬鏁�
+ getPageParams();
+});
+
+onMounted(() => {
+ // 椤甸潰鍔犺浇鏃惰幏鍙栧弬鏁�
+ getPageParams();
+});
+</script>
+
+<style scoped lang="scss">
+.ledger-detail {
+ min-height: 100vh;
+ background: #f8f9fa;
+ padding-bottom: 5rem;
+}
+
+.footer-btns {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #fff;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ padding: 0.75rem 0;
+ box-shadow: 0 -0.125rem 0.5rem rgba(0,0,0,0.05);
+ z-index: 1000;
+}
+
+.cancel-btn {
+ font-weight: 400;
+ font-size: 1rem;
+ color: #FFFFFF;
+ width: 6.375rem;
+ background: #C7C9CC;
+ box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+}
+
+.save-btn {
+ font-weight: 400;
+ font-size: 1rem;
+ color: #FFFFFF;
+ width: 14rem;
+ background: linear-gradient( 140deg, #00BAFF 0%, #006CFB 100%);
+ box-shadow: 0 0.25rem 0.625rem 0 rgba(3,88,185,0.2);
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+}
+
+// 鍝嶅簲寮忚皟鏁�
+@media (max-width: 768px) {
+ .submit-section {
+ padding: 12px;
+ }
+}
+
+.tip-text {
+ padding: 4px 16px 0 16px;
+ font-size: 12px;
+ color: #888;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3