From 7ab410022cbf32fd0eb1fe94456a13c95d4a3f89 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 22 一月 2026 16:53:04 +0800
Subject: [PATCH] 客户拜访修改删除接口、规章制度页面
---
src/pages/cooperativeOffice/clientVisit/view.vue | 203 +++++++++++++++++++++++++-------------------------
1 files changed, 101 insertions(+), 102 deletions(-)
diff --git a/src/pages/cooperativeOffice/clientVisit/view.vue b/src/pages/cooperativeOffice/clientVisit/view.vue
index f56ddb2..18d1d98 100644
--- a/src/pages/cooperativeOffice/clientVisit/view.vue
+++ b/src/pages/cooperativeOffice/clientVisit/view.vue
@@ -1,7 +1,7 @@
<template>
<view class="client-visit-detail">
- <PageHeader title="瀹㈡埛鎷滆璇︽儏" @back="goBack" />
-
+ <PageHeader title="瀹㈡埛鎷滆璇︽儏"
+ @back="goBack" />
<!-- 鍐呭瀹瑰櫒 -->
<view class="content-container">
<!-- 瀹㈡埛淇℃伅 -->
@@ -20,7 +20,6 @@
<text class="info-value">{{ form.contactPhone || '-' }}</text>
</view>
</view>
-
<!-- 鎷滆淇℃伅 -->
<view class="section">
<view class="section-title">鎷滆淇℃伅</view>
@@ -40,12 +39,12 @@
<text class="info-label">鎷滆浜�</text>
<text class="info-value">{{ form.visitingPeople || '-' }}</text>
</view>
- <view class="info-item" v-if="form.latitude && form.longitude">
+ <view class="info-item"
+ v-if="form.latitude && form.longitude">
<text class="info-label">缁忕含搴�</text>
<text class="info-value">{{ form.latitude }}, {{ form.longitude }}</text>
</view>
</view>
-
<!-- 澶囨敞淇℃伅 -->
<view class="section">
<view class="section-title">澶囨敞淇℃伅</view>
@@ -59,120 +58,120 @@
</template>
<script setup>
-// 鏇挎崲 toast 鏂规硶
-const showToast = (message) => {
- uni.showToast({
- title: message,
- icon: 'none'
- })
-}
+ // 鏇挎崲 toast 鏂规硶
+ const showToast = message => {
+ uni.showToast({
+ title: message,
+ icon: "none",
+ });
+ };
-import { ref, onMounted } from 'vue'
-import PageHeader from '@/components/PageHeader.vue'
-import useUserStore from "@/store/modules/user"
+ import { ref, onMounted } from "vue";
+ import PageHeader from "@/components/PageHeader.vue";
+ import useUserStore from "@/store/modules/user";
-const userStore = useUserStore()
+ const userStore = useUserStore();
-// 琛ㄥ崟鏁版嵁
-const form = ref({
- customerName: '',
- contact: '',
- contactPhone: '',
- visitingPeople: '',
- purposeVisit: '',
- purposeDate: '',
- visitAddress: '',
- latitude: '',
- longitude: '',
- locationAddress: '',
- remark: ''
-})
+ // 琛ㄥ崟鏁版嵁
+ const form = ref({
+ customerName: "",
+ contact: "",
+ contactPhone: "",
+ visitingPeople: "",
+ purposeVisit: "",
+ purposeDate: "",
+ visitAddress: "",
+ latitude: "",
+ longitude: "",
+ locationAddress: "",
+ remark: "",
+ });
-// 杩斿洖涓婁竴椤�
-const goBack = () => {
- // 杩斿洖鏃舵竻闄ゆ湰鍦板瓨鍌ㄧ殑ID
- uni.removeStorageSync('clientVisit')
- uni.navigateBack()
-}
+ // 杩斿洖涓婁竴椤�
+ const goBack = () => {
+ // 杩斿洖鏃舵竻闄ゆ湰鍦板瓨鍌ㄧ殑ID
+ uni.removeStorageSync("clientVisit");
+ uni.navigateBack();
+ };
-// 鍒濆鍖栭〉闈㈡暟鎹�
-const initPageData = () => {
- // 浠庢湰鍦板瓨鍌ㄨ幏鍙栨嫓璁胯褰曡鎯�
- const row = uni.getStorageSync('clientVisit')
- if (row) {
- form.value = { ...row }
- } else {
- showToast('鏆傛棤鎷滆璁板綍鏁版嵁')
- }
-}
+ // 鍒濆鍖栭〉闈㈡暟鎹�
+ const initPageData = () => {
+ // 浠庢湰鍦板瓨鍌ㄨ幏鍙栨嫓璁胯褰曡鎯�
+ const row = uni.getStorageSync("clientVisit");
+ if (row) {
+ form.value = { ...row };
+ } else {
+ showToast("鏆傛棤鎷滆璁板綍鏁版嵁");
+ }
+ };
-onMounted(() => {
- initPageData()
-})
+ onMounted(() => {
+ initPageData();
+ });
</script>
<style scoped lang="scss">
-@import '@/static/scss/form-common.scss';
+ @import "@/static/scss/form-common.scss";
-.client-visit-detail {
- min-height: 100vh;
- background-color: #f8f9fa;
-}
+ .client-visit-detail {
+ min-height: 100vh;
+ background-color: #f8f9fa;
+ }
-.content-container {
- padding: 16px;
-}
+ .content-container {
+ padding: 16px;
+ }
-.section {
- background-color: #ffffff;
- border-radius: 12px;
- margin-bottom: 16px;
- overflow: hidden;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-}
+ .section {
+ background-color: #ffffff;
+ border-radius: 12px;
+ margin-bottom: 16px;
+ overflow: hidden;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+ }
-.section-title {
- font-size: 16px;
- font-weight: 600;
- color: #333333;
- padding: 16px 16px 12px;
- border-bottom: 1px solid #f0f0f0;
-}
+ .section-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333333;
+ padding: 16px 16px 12px;
+ border-bottom: 1px solid #f0f0f0;
+ }
-.info-item {
- display: flex;
- padding: 14px 16px;
- border-bottom: 1px solid #f8f8f8;
- align-items: flex-start;
-}
+ .info-item {
+ display: flex;
+ padding: 14px 16px;
+ border-bottom: 1px solid #f8f8f8;
+ align-items: flex-start;
+ }
-.info-item:last-child {
- border-bottom: none;
-}
+ .info-item:last-child {
+ border-bottom: none;
+ }
-.info-label {
- font-size: 14px;
- color: #666666;
- min-width: 80px;
- flex-shrink: 0;
- line-height: 22px;
-}
+ .info-label {
+ font-size: 14px;
+ color: #666666;
+ min-width: 80px;
+ flex-shrink: 0;
+ line-height: 22px;
+ }
-.info-value {
- font-size: 14px;
- color: #333333;
- flex: 1;
- line-height: 22px;
- text-align: right;
-}
+ .info-value {
+ font-size: 14px;
+ color: #333333;
+ flex: 1;
+ line-height: 22px;
+ text-align: right;
+ }
-.multi-line {
- text-align: left;
- word-break: break-all;
- line-height: 1.6;
-}
+ .multi-line {
+ text-align: left;
+ word-break: break-all;
+ line-height: 1.6;
+ }
-.remark-item {
- padding-bottom: 16px;
-}
+ .remark-item {
+ padding-bottom: 16px;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3