From 1bda9babdf0316852ee5972690742f63c79595d6 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期三, 21 一月 2026 16:54:41 +0800
Subject: [PATCH] 用印管理以及知识库部分逻辑修改
---
src/pages/managementMeetings/knowledgeBase/detail.vue | 459 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 459 insertions(+), 0 deletions(-)
diff --git a/src/pages/managementMeetings/knowledgeBase/detail.vue b/src/pages/managementMeetings/knowledgeBase/detail.vue
new file mode 100644
index 0000000..3aae18d
--- /dev/null
+++ b/src/pages/managementMeetings/knowledgeBase/detail.vue
@@ -0,0 +1,459 @@
+<template>
+ <view class="client-visit-detail">
+ <PageHeader :title="detailType === 1 ? '鏂板鐭ヨ瘑搴�' : '鐭ヨ瘑搴撹鎯�'"
+ @back="goBack" />
+ <u-form ref="formRef"
+ label-width="90">
+ <!-- 瀹㈡埛淇℃伅 -->
+ <!-- <u-cell-group title="鐭ヨ瘑淇℃伅"> -->
+ <u-form-item label="鐭ヨ瘑鏍囬"
+ prop="title"
+ required
+ border-bottom>
+ <u-input v-model="form.title"
+ :readonly="readonly"
+ placeholder="璇疯緭鍏ョ煡璇嗘爣棰�" />
+ </u-form-item>
+ <u-form-item label="鐭ヨ瘑绫诲瀷"
+ prop="type"
+ required
+ border-bottom>
+ <u-input v-model="equipmentname"
+ readonly
+ placeholder="璇烽�夋嫨鐭ヨ瘑绫诲瀷"
+ @click="showEquipmentSheet = true" />
+ <template v-if="!readonly"
+ #right>
+ <up-icon name="arrow-right"
+ @click="openEquipmentSheet"></up-icon>
+ </template>
+ </u-form-item>
+ <u-form-item label="閫傜敤鍦烘櫙"
+ prop="scenario"
+ border-bottom>
+ <u-input v-model="form.scenario"
+ readonly="readonly"
+ placeholder="璇疯緭鍏ラ�傜敤鍦烘櫙" />
+ </u-form-item>
+ <u-form-item label="瑙ｅ喅鏁堢巼"
+ prop="status"
+ border-bottom>
+ <u-input v-model="statusname"
+ readonly
+ placeholder="璇烽�夋嫨瑙ｅ喅鏁堢巼"
+ @click="showStatusSheet = true" />
+ <template v-if="!readonly"
+ #right>
+ <up-icon name="arrow-right"
+ @click="showStatusSheet = true"></up-icon>
+ </template>
+ </u-form-item>
+ <u-form-item label="闂鎻忚堪"
+ required
+ prop="remark"
+ border-bottom>
+ <u-textarea v-model="form.problem"
+ type="textarea"
+ rows="4"
+ :disabled="readonly"
+ placeholder="璇疯緭鍏ラ棶棰樻弿杩�" />
+ </u-form-item>
+ <u-form-item label="瑙ｅ喅鏂规"
+ prop="solution"
+ required
+ border-bottom>
+ <u-textarea v-model="form.solution"
+ type="textarea"
+ rows="4"
+ :disabled="readonly"
+ placeholder="璇疯緭鍏ヨВ鍐虫柟妗�" />
+ </u-form-item>
+ <u-form-item label="鍏抽敭瑕佺偣"
+ prop="keyPoints"
+ border-bottom>
+ <u-textarea v-model="form.keyPoints"
+ type="textarea"
+ rows="4"
+ :disabled="readonly"
+ placeholder="璇疯緭鍏ュ叧閿鐐癸紝鐢ㄩ�楀彿鍒嗛殧" />
+ </u-form-item>
+ <u-form-item label="鍒涘缓浜�"
+ prop="creator"
+ border-bottom>
+ <u-input v-model="form.creator"
+ :readonly="readonly"
+ placeholder="璇疯緭鍏ュ垱寤轰汉" />
+ </u-form-item>
+ <u-form-item label="浣跨敤娆℃暟"
+ prop="usageCount"
+ border-bottom>
+ <uni-number-box v-model="form.usageCount"
+ :min="0"
+ :disabled="readonly"
+ placeholder="璇疯緭鍏ヤ娇鐢ㄦ鏁�" />
+ </u-form-item>
+ <!-- </u-cell-group> -->
+ <!-- 鎻愪氦鎸夐挳 -->
+ <view v-if="!readonly"
+ class="footer-btns">
+ <u-button class="cancel-btn"
+ @click="goBack">鍙栨秷</u-button>
+ <u-button class="sign-btn"
+ type="primary"
+ @click="handleSubmit"
+ :loading="loading">淇濆瓨</u-button>
+ </view>
+ </u-form>
+ <!-- 璁惧閰嶇疆閫夋嫨鍣� -->
+ <up-action-sheet :show="showEquipmentSheet"
+ :actions="equipmentOptions"
+ @select="handleEquipmentChange"
+ @close="showEquipmentSheet = false" />
+ <!-- <u-popup :show="showEquipmentSheet"
+ mode="bottom"
+ @close="showEquipmentSheet = false"
+ height="200px">
+ <view class="popup-content">
+ <view class="popup-body">
+ <u-checkbox-group v-model="form.equipment"
+ @change="handleEquipmentChange"
+ icon-placement="right"
+ placement="row">
+ <view style="width:100%;padding:10px;margin-top:20px;">
+ <u-checkbox v-for="option in equipmentOptions"
+ :key="option.value"
+ :name="option.value"
+ :label="option.name"
+ class="checkbox-item"></u-checkbox>
+ </view>
+ </u-checkbox-group>
+ </view>
+ </view>
+ </u-popup> -->
+ <!-- 鐘舵�侀�夋嫨鍣� -->
+ <up-action-sheet :show="showStatusSheet"
+ :actions="statusOptions"
+ @select="onStatusSelect"
+ @close="showStatusSheet = false" />
+ </view>
+</template>
+
+<script setup>
+ // 鏇挎崲 toast 鏂规硶
+ defineOptions({ name: "meeting-settings-detail" });
+ const showToast = message => {
+ uni.showToast({
+ title: message,
+ icon: "none",
+ });
+ };
+
+ import { ref, onMounted, computed } from "vue";
+ import PageHeader from "@/components/PageHeader.vue";
+ import useUserStore from "@/store/modules/user";
+ import { useDict } from "@/utils/dict";
+ import { onLoad } from "@dcloudio/uni-app";
+ import {
+ addKnowledgeBase,
+ updateKnowledgeBase,
+ } from "@/api/managementMeetings/knowledgeBase";
+
+ const userStore = useUserStore();
+
+ // 琛ㄥ崟鏁版嵁
+ const form = ref({
+ title: "",
+ type: "",
+ scenario: "",
+ efficiency: "",
+ problem: "",
+ solution: "",
+ keyPoints: "",
+ creator: "",
+ usageCount: 0,
+ });
+ const { knowledge_type } = useDict("knowledge_type");
+ const knowledgeTypeOptions = computed(() => knowledge_type?.value || []);
+ const equipmentOptions = ref([]);
+ const statusOptions = ref([
+ { value: "high", name: "鏄捐憲鎻愬崌" },
+ { value: "medium", name: "涓�鑸彁鍗�" },
+ { value: "low", name: "杞诲井鎻愬崌" },
+ ]);
+ //// 椤甸潰鐘舵��
+ const loading = ref(false);
+ const formRef = ref(null);
+ const showEquipmentSheet = ref(false);
+ const showStatusSheet = ref(false);
+ const openEquipmentSheet = () => {
+ showEquipmentSheet.value = true;
+ };
+ // 杩斿洖涓婁竴椤�
+ const goBack = () => {
+ uni.navigateBack();
+ };
+ const statusname = ref("");
+ // 鐘舵�侀�夋嫨
+ const onStatusSelect = action => {
+ form.value.efficiency = action.value;
+ statusname.value = action.name;
+ showStatusSheet.value = false;
+ };
+ const equipmentname = ref("");
+ // 璁惧閰嶇疆閫夋嫨
+ const handleEquipmentChange = val => {
+ form.value.type = val.value;
+ equipmentname.value = val.name;
+ showEquipmentSheet.value = false;
+ };
+ // 鎻愪氦琛ㄥ崟
+ const handleSubmit = async () => {
+ if (!form.value.title) {
+ showToast("璇疯緭鍏ユ爣棰�");
+ return;
+ }
+
+ if (!form.value.scenario) {
+ showToast("璇疯緭鍏ラ�傜敤鍦烘櫙");
+ return;
+ }
+
+ if (!form.value.problem) {
+ showToast("璇疯緭鍏ラ棶棰樻弿杩�");
+ return;
+ }
+ if (!form.value.solution) {
+ showToast("璇疯緭鍏ヨВ鍐虫柟妗�");
+ return;
+ }
+ try {
+ loading.value = true;
+ if (detailType.value === 1) {
+ addKnowledgeBase(form.value).then(res => {
+ if (res.code !== 200) {
+ showToast("淇濆瓨澶辫触锛岃閲嶈瘯");
+ return;
+ }
+ loading.value = false;
+ showToast("淇濆瓨鎴愬姛");
+ setTimeout(() => {
+ goBack();
+ }, 500);
+ });
+ } else if (detailType.value === 2) {
+ updateKnowledgeBase(form.value).then(res => {
+ if (res.code !== 200) {
+ showToast("淇濆瓨澶辫触锛岃閲嶈瘯");
+ return;
+ }
+ loading.value = false;
+ showToast("淇濆瓨鎴愬姛");
+ setTimeout(() => {
+ goBack();
+ }, 500);
+ });
+ }
+ } catch (e) {
+ loading.value = false;
+ console.error("淇濆瓨澶辫触:", e);
+ showToast("淇濆瓨澶辫触锛岃閲嶈瘯");
+ }
+ };
+
+ // 鍒濆鍖栭〉闈㈡暟鎹�
+ const initPageData = () => {
+ // 浠庢湰鍦板瓨鍌ㄤ腑鑾峰彇浼氳 room 鏁版嵁
+ const meetingRoom = uni.getStorageSync("meetingRoom");
+ if (meetingRoom) {
+ form.value = JSON.parse(JSON.stringify(meetingRoom));
+ if (meetingRoom.equipment) {
+ if (Array.isArray(meetingRoom.equipment)) {
+ form.value.equipment = meetingRoom.equipment;
+ } else {
+ form.value.equipment = meetingRoom.equipment.split(",");
+ }
+ }
+ statusname.value = meetingRoom.status === 1 ? "鍚敤" : "绂佺敤";
+
+ // 娓呴櫎鏈湴瀛樺偍涓殑鏁版嵁锛岄伩鍏嶄笅娆℃墦寮�鏃朵粛鐒舵樉绀�
+ uni.removeStorageSync("meetingRoom");
+ }
+ };
+ const readonly = ref(false);
+ const detailType = ref(1);
+ const knowledgeId = ref("");
+
+ onLoad(options => {
+ detailType.value = Number(options.detailType);
+ knowledgeId.value = options.id || "";
+
+ // 濡傛灉鏄紪杈戞垨鏌ョ湅妯″紡锛岃幏鍙栫煡璇嗚鎯�
+ if (knowledgeId.value && (detailType.value === 2 || detailType.value === 3)) {
+ // getKnowledgeDetail(knowledgeId.value);
+ equipmentname.value =
+ equipmentOptions.value.find(item => item.value === form.value.type)
+ ?.name || "";
+ statusname.value =
+ statusOptions.value.find(item => item.value === form.value.efficiency)
+ ?.name || "";
+ }
+
+ // 鏌ョ湅妯″紡璁剧疆鍙
+ if (detailType.value === 3) {
+ readonly.value = true;
+ }
+ });
+
+ onMounted(() => {
+ // 浠庢湰鍦板瓨鍌ㄤ腑鑾峰彇鐭ヨ瘑鏁版嵁
+ const knowledgeBase = uni.getStorageSync("knowledgeBase");
+ if (knowledgeBase) {
+ form.value = JSON.parse(JSON.stringify(knowledgeBase));
+ }
+
+ initPageData();
+ equipmentOptions.value = knowledgeTypeOptions.value.map(item => ({
+ value: item.value,
+ name: item.label,
+ }));
+ if (detailType.value === 1) {
+ form.value = {
+ title: "",
+ type: "",
+ scenario: "",
+ efficiency: "",
+ problem: "",
+ solution: "",
+ keyPoints: "",
+ creator: "",
+ usageCount: 0,
+ };
+ equipmentname.value = "";
+ statusname.value = "";
+ }
+
+ if (detailType.value != 1) {
+ equipmentname.value =
+ equipmentOptions.value.find(item => item.value === form.value.type)
+ ?.name || "";
+ statusname.value =
+ statusOptions.value.find(item => item.value === form.value.efficiency)
+ ?.name || "";
+ }
+ });
+</script>
+
+<style scoped lang="scss">
+ @import "@/static/scss/form-common.scss";
+ .client-visit {
+ 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: #666;
+ background: #f5f5f5;
+ border: 1px solid #ddd;
+ width: 45%;
+ height: 2.5rem;
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+ }
+
+ .sign-btn {
+ font-weight: 500;
+ font-size: 1rem;
+ color: #fff;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ border: none;
+ width: 45%;
+ height: 2.5rem;
+ border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
+ }
+
+ .location-icon {
+ color: #1989fa;
+ font-size: 1.2rem;
+ }
+
+ .selector-container {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ height: 100%;
+ }
+
+ .selector-text {
+ font-size: 14px;
+ color: #333;
+ }
+
+ .popup-content {
+ padding: 20rpx;
+ }
+
+ .popup-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20rpx;
+ }
+
+ .popup-title {
+ font-size: 16px;
+ font-weight: bold;
+ color: #333;
+ }
+
+ .close-icon {
+ font-size: 20px;
+ color: #999;
+ }
+
+ .popup-body {
+ max-height: 60vh;
+ overflow-y: auto;
+ margin-bottom: 20rpx;
+ }
+
+ .checkbox-item {
+ margin-bottom: 15rpx;
+ font-size: 14px;
+ }
+
+ .popup-footer {
+ display: flex;
+ justify-content: space-between;
+ gap: 15rpx;
+ }
+
+ .cancel-btn-popup {
+ flex: 1;
+ border-radius: 8rpx;
+ }
+
+ .confirm-btn-popup {
+ flex: 1;
+ border-radius: 8rpx;
+ }
+ .checkbox-item {
+ margin-top: 40rpx;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3