From ff817dab1f7b3e762896446afbcd68579381adcf Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期一, 02 二月 2026 16:52:10 +0800
Subject: [PATCH] 危险作业审批模块开发
---
src/pages/safeProduction/safeQualifications/view.vue | 159 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 159 insertions(+), 0 deletions(-)
diff --git a/src/pages/safeProduction/safeQualifications/view.vue b/src/pages/safeProduction/safeQualifications/view.vue
new file mode 100644
index 0000000..66501e0
--- /dev/null
+++ b/src/pages/safeProduction/safeQualifications/view.vue
@@ -0,0 +1,159 @@
+<template>
+ <view class="safe-qualifications-detail">
+ <PageHeader title="瑙勭▼璧勮川璇︽儏"
+ @back="goBack" />
+ <!-- 鍐呭瀹瑰櫒 -->
+ <view class="content-container">
+ <!-- 瑙勭▼璧勮川淇℃伅 -->
+ <view class="section">
+ <view class="section-title">瑙勭▼璧勮川淇℃伅</view>
+ <view class="info-item">
+ <text class="info-label">瑙勭▼璧勮川鍚嶇О</text>
+ <text class="info-value">{{ form.name || '-' }}</text>
+ </view>
+ <view class="info-item">
+ <text class="info-label">瑙勭▼璧勮川缂栧彿</text>
+ <text class="info-value">{{ form.code || '-' }}</text>
+ </view>
+ <view class="info-item">
+ <text class="info-label">瑙勭▼璧勮川绫诲瀷</text>
+ <text class="info-value">{{ type_qualification.find(item => item.value === form.type)?.label || '-' }}</text>
+ </view>
+ <view class="info-item">
+ <text class="info-label">鐗堟湰鍙�</text>
+ <text class="info-value">{{ form.version || '-' }}</text>
+ </view>
+ <view class="info-item">
+ <text class="info-label">鏈夋晥鏈�</text>
+ <text class="info-value">{{ form.effectiveTime || '-' }}</text>
+ </view>
+ </view>
+ <!-- 澶囨敞淇℃伅 -->
+ <view class="section">
+ <view class="section-title">澶囨敞淇℃伅</view>
+ <view class="info-item remark-item">
+ <text class="info-label">澶囨敞</text>
+ <text class="info-value multi-line">{{ form.remark || '-' }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script setup>
+ // 鏇挎崲 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 { useDict } from "@/utils/dict";
+
+ const userStore = useUserStore();
+
+ // 瑙勭▼璧勮川绫诲瀷瀛楀吀
+ const { type_qualification } = useDict("type_qualification");
+
+ // 琛ㄥ崟鏁版嵁
+ const form = ref({
+ name: "",
+ code: "",
+ type: "",
+ version: "",
+ remark: "",
+ effectiveTime: "",
+ });
+
+ // 杩斿洖涓婁竴椤�
+ const goBack = () => {
+ // 杩斿洖鏃舵竻闄ゆ湰鍦板瓨鍌ㄧ殑鏁版嵁
+ uni.removeStorageSync("safeQualifications");
+ uni.navigateBack();
+ };
+
+ // 鍒濆鍖栭〉闈㈡暟鎹�
+ const initPageData = () => {
+ // 浠庢湰鍦板瓨鍌ㄨ幏鍙栬绋嬭祫璐ㄨ鎯�
+ const row = uni.getStorageSync("safeQualifications");
+ if (row) {
+ form.value = { ...row };
+ } else {
+ showToast("鏆傛棤瑙勭▼璧勮川鏁版嵁");
+ }
+ };
+
+ onMounted(() => {
+ initPageData();
+ });
+</script>
+
+<style scoped lang="scss">
+ @import "@/static/scss/form-common.scss";
+
+ .client-visit-detail {
+ min-height: 100vh;
+ background-color: #f8f9fa;
+ }
+
+ .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-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:last-child {
+ border-bottom: none;
+ }
+
+ .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;
+ }
+
+ .multi-line {
+ text-align: left;
+ word-break: break-all;
+ line-height: 1.6;
+ }
+
+ .remark-item {
+ padding-bottom: 16px;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3