From 9de47f6e4fbcbfa4e5b071a2b7fbb6069a6f190f Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Thu, 30 Oct 2025 17:34:15 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E6=8A=80=E6=9C=AF=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../enterpriseLibrary/technical/technical.js  |  60 ++-
 src/api/enterpriseLibrary/tool/tool.js        |  46 ++
 src/components/TableModel2/index.vue          |   2 +-
 src/router/index.js                           |   2 +-
 src/views/common/UploadMoreFile.vue           |   6 +-
 .../technical/components/LeftType.vue         |  70 ++-
 .../technical/components/RightTable.vue       |  38 +-
 .../technical/components/TechnicalDetail.vue  | 401 ++++++++++++++++++
 .../technical/components/TechnicalForm.vue    |  42 +-
 .../technical/components/TypeForm.vue         |  31 +-
 .../technical/components/child/BasicInfo.vue  |  24 +-
 .../components/child/BasicInfoDetail.vue      | 126 ++++++
 .../technical/components/child/FileInfo.vue   |  33 +-
 .../components/child/FileInfoDetail.vue       | 142 +++++++
 .../technical/components/config.js            |  12 +-
 .../enterpriseLibrary/technical/index.vue     |  21 +-
 16 files changed, 953 insertions(+), 103 deletions(-)
 create mode 100644 src/api/enterpriseLibrary/tool/tool.js
 create mode 100644 src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
 create mode 100644 src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
 create mode 100644 src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue

diff --git a/src/api/enterpriseLibrary/technical/technical.js b/src/api/enterpriseLibrary/technical/technical.js
index 36fc235..7875abc 100644
--- a/src/api/enterpriseLibrary/technical/technical.js
+++ b/src/api/enterpriseLibrary/technical/technical.js
@@ -1,45 +1,83 @@
 import request from '@/utils/request'
 
-// 人员库->查询列表
-export function listAPI(params) {
+// 技术方案库->查询类别列表
+export function typeListAPI(params) {
     return request({
-        url: '/smartBid/mainDatabase/personnel/getList',
+        url: '/smartBid/mainDatabase/technical/getTypeList',
         method: 'GET',
         params
     })
 }
 
-/* 人员库->新增人员库 */
+/* 技术方案库->新增技术方案类别库 */
+export function addTypeDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/technical/addTypeData',
+        method: 'POST',
+        data
+    })
+}
+
+/* 技术方案库->修改技术方案类别库 */
+export function editTypeDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/technical/editTypeData',
+        method: 'POST',
+        data
+    })
+}
+
+/* 技术方案库->删除技术方案类别库 */
+export function delTypeDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/technical/delTypeData',
+        method: 'POST',
+        data
+    })
+}
+
+
+
+// 技术方案库->查询列表
+export function listAPI(params) {
+    return request({
+        url: '/smartBid/mainDatabase/technical/getDataList',
+        method: 'GET',
+        params
+    })
+}
+
+/* 技术方案库->新增技术方案库 */
 export function addDataAPI(data) {
     return request({
-        url: '/smartBid/mainDatabase/personnel/addData',
+        url: '/smartBid/mainDatabase/technical/addData',
         method: 'POST',
         data
     })
 }
 
-/* 人员库->修改人员库 */
+/* 技术方案库->修改技术方案库 */
 export function editDataAPI(data) {
     return request({
-        url: '/smartBid/mainDatabase/personnel/editData',
+        url: '/smartBid/mainDatabase/technical/editData',
         method: 'POST',
         data
     })
 }
 
-/* 人员库->删除人员库 */
+/* 技术方案库->删除技术方案库 */
 export function delDataAPI(data) {
     return request({
-        url: '/smartBid/mainDatabase/personnel/delData',
+        url: '/smartBid/mainDatabase/technical/delData',
         method: 'POST',
         data
     })
 }
 
-/* 人员库->查询详情 */
+/* 技术方案库->查询详情 */
 export function getDetailDataAPI(params) {
     return request({
-        url: '/smartBid/mainDatabase/personnel/getDetailData',
+        url: '/smartBid/mainDatabase/technical/detailData',
         method: 'GET',
         params
     })
diff --git a/src/api/enterpriseLibrary/tool/tool.js b/src/api/enterpriseLibrary/tool/tool.js
new file mode 100644
index 0000000..a2b4e8a
--- /dev/null
+++ b/src/api/enterpriseLibrary/tool/tool.js
@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+// 工器具库->查询列表
+export function listAPI(params) {
+    return request({
+        url: '/smartBid/mainDatabase/tool/getList',
+        method: 'GET',
+        params
+    })
+}
+
+/* 工器具库->新增工器具 */
+export function addDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/tool/addData',
+        method: 'POST',
+        data
+    })
+}
+
+/* 工器具库->修改工器具 */
+export function editDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/tool/editData',
+        method: 'POST',
+        data
+    })
+}
+
+/* 工器具库->删除工器具 */
+export function delDataAPI(data) {
+    return request({
+        url: '/smartBid/mainDatabase/tool/delData',
+        method: 'POST',
+        data
+    })
+}
+
+/* 工器具库->查询详情 */
+export function getDetailDataAPI(params) {
+    return request({
+        url: '/smartBid/mainDatabase/tool/getDetailData',
+        method: 'GET',
+        params
+    })
+}
\ No newline at end of file
diff --git a/src/components/TableModel2/index.vue b/src/components/TableModel2/index.vue
index e09bebb..31ca6e2 100644
--- a/src/components/TableModel2/index.vue
+++ b/src/components/TableModel2/index.vue
@@ -271,7 +271,7 @@ export default {
             // 操作列最小宽度
             dynamicWidth: 0,
             // 操作列固定宽度，防止列数过少导致过宽
-            handleColWidth: 260,
+            handleColWidth: 200,
             // 自增id
             idCount: 1,
             // 日期查询条件 字段名称
diff --git a/src/router/index.js b/src/router/index.js
index 0bb2521..cf84eb7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -312,7 +312,7 @@ export const dynamicRoutes = [
       {
         path: 'index',
         component: () => import('@/views/enterpriseLibrary/technical/components/TechnicalForm'),
-        name: 'TechnicalAdd',
+        name: 'TechnicalEdit',
         meta: { title: '修改方案', activeMenu: '/enterpriseLibrary/enterprise', noCache: true }
       }
     ]
diff --git a/src/views/common/UploadMoreFile.vue b/src/views/common/UploadMoreFile.vue
index 380691c..cfce0d6 100644
--- a/src/views/common/UploadMoreFile.vue
+++ b/src/views/common/UploadMoreFile.vue
@@ -3,7 +3,7 @@
         <el-upload ref="upload" class="upload-demo" drag action="#" multiple :show-file-list="true"
             :before-upload="beforeUpload" :on-remove="handleRemove" :on-change="handleFileChange"
             :on-exceed="handleExceed" :file-list="files" :accept="accept" :limit="limitUploadNum"
-            :auto-upload="autoUpload" :http-request="customUpload">
+            :auto-upload="autoUpload" :http-request="customUpload" :disabled="disabled">
 
             <div class="upload-content">
                 <!-- 默认上传区域 -->
@@ -59,6 +59,10 @@ export default {
             type: String,
             default: '',
         },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
     },
     data() {
         return {
diff --git a/src/views/enterpriseLibrary/technical/components/LeftType.vue b/src/views/enterpriseLibrary/technical/components/LeftType.vue
index d0e0581..1733449 100644
--- a/src/views/enterpriseLibrary/technical/components/LeftType.vue
+++ b/src/views/enterpriseLibrary/technical/components/LeftType.vue
@@ -4,8 +4,9 @@
             + 添加
         </div>
         <div class="category-list">
-            <div v-for="item in categoryList" :key="item.id" class="category-item"
-                :class="{ active: activeCategory === item.id }" @click="handleCategoryClick(item.id)">
+            <div v-for="item in categoryList" :key="item.technicalSolutionTypeId" class="category-item"
+                :class="{ active: activeCategory === item.technicalSolutionTypeId }"
+                @click="handleCategoryClick(item.technicalSolutionTypeId)">
                 <i class="el-icon-folder" style="margin-right: 8px; color: #666;"></i>
                 <span class="category-name">{{ item.technicalSolutionName }}</span>
                 <el-dropdown trigger="click" @command="handleCategoryCommand">
@@ -27,6 +28,7 @@
 </template>
 <script>
 import TypeForm from './TypeForm.vue'
+import { typeListAPI,delTypeDataAPI } from '@/api/enterpriseLibrary/technical/technical'
 export default {
     name: 'LeftTypeTechnical',
     components: {
@@ -34,23 +36,18 @@ export default {
     },
     props: {
         value: {
-            type: String,
-            default: ''
+            type: [String, Number],
+            default: null
         },
         enterpriseId: {
-            type: String,
+            type: [String, Number],
             default: '0'
         }
     },
     data() {
         return {
-            activeCategory: 'dev',
-            categoryList: [
-                { id: 'substation', technicalSolutionName: '变电站' },
-                { id: 'swapping', technicalSolutionName: '换电站' },
-                { id: 'line', technicalSolutionName: '线路' },
-                { id: 'commitment', technicalSolutionName: '对招标人项目通过评价审核验收的承诺' },
-            ],
+            activeCategory: null,
+            categoryList: [],
             title: "",
             isflag: false,
             isAdd: '',
@@ -62,19 +59,36 @@ export default {
             if (newVal) {
                 this.activeCategory = newVal
             }
-        }
+        },
+        immediate: true
     },
     mounted() {
         if (this.value) {
             this.activeCategory = this.value
         }
     },
+    created() {
+        this.getList()
+    },
     methods: {
+        // 初始化列表数据
+        getList() {
+            typeListAPI({
+                enterpriseId: this.enterpriseId
+            }).then(res => {
+                this.categoryList = res.data;
+                if (res.data.length > 0 && !this.activeCategory) {
+                    const technicalSolutionTypeId = res.data[0].technicalSolutionTypeId;
+                    this.activeCategory = technicalSolutionTypeId
+                    this.$emit('change', technicalSolutionTypeId)
+                }
+            })
+        },
         /**新增方案类型 */
         handleAddCategory() {
             this.title = "新增方案类型";
             this.isAdd = 'add';
-            this.row = {};
+            this.row = { enterpriseId: this.enterpriseId };
             this.isflag = true;
         },
         handleCategoryClick(id) {
@@ -85,7 +99,7 @@ export default {
             if (command.type === 'edit') {
                 this.handleEditCategory(command.raw)
             } else if (command.type === 'delete') {
-                this.$emit('category-command', command)
+                this.handleDeleteCategory(command.raw);
             }
         },
         /**编辑方案类型 */
@@ -93,14 +107,36 @@ export default {
             console.log(raw);
             this.title = "编辑方案类型";
             this.isAdd = 'edit';
-            this.row = { ...raw };
+            this.row = { ...raw, enterpriseId: this.enterpriseId };
             this.isflag = true;
         },
+        /**删除方案类型 */
+        handleDeleteCategory(raw) {
+            this.$confirm(`确定要删除方案类型"${raw.technicalSolutionName}"吗？删除后将无法恢复！`, '操作提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+                dangerouslyUseHTMLString: true,
+                customClass: 'delete-confirm-dialog'
+            }).then(() => {
+                delTypeDataAPI({ technicalSolutionTypeId: raw.technicalSolutionTypeId,enterpriseId: this.enterpriseId }).then(res => {
+                    if (res.code === 200) {
+                        this.$message.success('删除成功');
+                        this.activeCategory = null;
+                       this.handleQuery();
+                    } else {
+                        this.$message.error(res.msg || '删除失败');
+                    }
+                }).catch(error => {
+                    console.error('删除失败:', error);
+                });
+            })
+        },
         closeDialog() {
             this.isflag = false;
         },
         handleQuery() {
-            // this.$refs.dataClassTableRef.getTableList()
+            this.getList();
         },
     }
 }
diff --git a/src/views/enterpriseLibrary/technical/components/RightTable.vue b/src/views/enterpriseLibrary/technical/components/RightTable.vue
index d4dd35d..ec355be 100644
--- a/src/views/enterpriseLibrary/technical/components/RightTable.vue
+++ b/src/views/enterpriseLibrary/technical/components/RightTable.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- 技术方案列表 -->
     <div class="right-table-card">
-        <TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="false" ref="userTableRef"
-            :columnsList="columnsList" :request-api="listUser">
+        <TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="false" ref="technicalTableRef"
+            :columnsList="columnsList" :request-api="listAPI" :sendParams="{ enterpriseId }">
             <template slot="tableTitle">
                 <h3>数据列表</h3>
             </template>
@@ -10,8 +10,8 @@
                 <el-button @click="handleAdd" v-hasPermi="['enterpriseLibrary:technical:add']" class="add-btn"><i
                         class="el-icon-plus"></i> 新增</el-button>
             </template>
-            <template slot="deptName" slot-scope="{ data }">
-                <span>{{ data.dept.deptName || '--' }}</span>
+            <template slot="technicalSolutionState">
+                <span>可引用</span>
             </template>
             <template slot="handle" slot-scope="{ data }">
                 <el-button type="text" v-hasPermi="['enterpriseLibrary:technical:detail']" class="action-btn"
@@ -34,10 +34,7 @@
 <script>
 import TableModel from '@/components/TableModel2'
 import { columnsList, formLabel } from './config'
-import {
-    listUser,
-    delUser,
-} from '@/api/system/user'
+import { listAPI,delDataAPI } from '@/api/enterpriseLibrary/technical/technical'
 import { encryptWithSM4 } from '@/utils/sm'
 
 export default {
@@ -50,13 +47,17 @@ export default {
         enterpriseId: {
             type: String,
             default: '0'
+        },
+        technicalSolutionTypeId: {
+            type: Number,
+            default: null
         }
     },
     data() {
         return {
             formLabel,
             columnsList,
-            listUser,
+            listAPI,
         }
     },
 
@@ -78,21 +79,28 @@ export default {
             this.$router.push({
                 name: 'TechnicalAdd',
                 query: {
-                    enterpriseId: encryptWithSM4(this.enterpriseId || '0')
+                    enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
+                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
+                    type: encryptWithSM4('add'),
                 }
             })
         },
 
         /** 修改操作 */
         handleUpdate(row) {
-            this.title = "修改";
-            this.isAdd = 'edit';
-            this.row = row;
-            this.isflag = true;
+            this.$router.push({
+                name: 'TechnicalEdit',
+                query: {
+                    enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
+                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
+                    type: encryptWithSM4('edit'),
+                    technicalSolutionId: encryptWithSM4(row.technicalSolutionId + '' || '0'),
+                }
+            })
         },
         /* 搜索操作 */
         handleQuery() {
-            this.$refs.userTableRef.getTableList()
+            this.$refs.technicalTableRef.getTableList()
         },
         /** 删除操作 */
         handleDelete(row) {
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
new file mode 100644
index 0000000..e4594eb
--- /dev/null
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
@@ -0,0 +1,401 @@
+<!-- 企业主体库表单 -->
+<template>
+    <div class="app-container" :class="{ 'no-pointer-events': showUploadAnimation || showSaveAnimation }">
+        <!-- 全局上传动画 -->
+        <GlobalUploadAnimation v-if="showUploadAnimation" :text="animationText" subtext="正在处理文件，请稍候..." />
+        <!-- 保存动画 -->
+        <GlobalUploadAnimation v-if="showSaveAnimation" text="数据上传中" subtext="请稍后，正在保存数据..." />
+
+        <div class="content-header">
+            <el-button class="reset-btn" @click="handleClose()">返回</el-button>
+            <el-button class="search-btn" :loading="isSaving" @click="handleSave()">保存</el-button>
+        </div>
+        <div class="content-body">
+            <el-row :gutter="24" class="content-row">
+                <!-- 基础信息 -->
+                <el-col :span="6" class="pane-left">
+                    <BasicInfo ref="basicInfo" :detailData="detailData" />
+                </el-col>
+                <!-- 文件上传 -->
+                <el-col :span="6" class="pane-center">
+                    <FileInfo ref="fileInfo" :detailData="detailData" />
+                </el-col>
+            </el-row>
+        </div>
+    </div>
+</template>
+
+<script>
+import { encryptWithSM4,decryptWithSM4 } from '@/utils/sm'
+import BasicInfo from './child/BasicInfo.vue'
+import FileInfo from './child/FileInfo.vue'
+import GlobalUploadAnimation from '@/views/common/GlobalUploadAnimation.vue'
+import { addDataAPI, editDataAPI, getDetailDataAPI } from '@/api/enterpriseLibrary/technical/technical'
+
+export default {
+    name: 'TechnicalForm',
+    components: {
+        BasicInfo,
+        FileInfo,
+        GlobalUploadAnimation
+    },
+    data() {
+        return {
+            enterpriseId: decryptWithSM4(this.$route.query.enterpriseId),
+            technicalSolutionTypeId: decryptWithSM4(this.$route.query.technicalSolutionTypeId),
+            technicalSolutionId: decryptWithSM4(this.$route.query.technicalSolutionId),
+            type: decryptWithSM4(this.$route.query.type),
+            showUploadAnimation: false,
+            showSaveAnimation: false, // 新增：保存动画状态
+            uploadQueue: 0, // 上传队列计数器
+            animationText: '识别中',
+            isSaving: false, // 新增：保存按钮loading状态
+            detailData: {} // 详情数据
+        }
+    },
+    created() {
+        this.getDetail()
+    },
+    methods: {
+
+        // 返回
+        handleClose() {
+            const obj = {
+                path: "/technical/index",
+                query: {
+                    enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
+                }
+            }
+            this.$tab.closeOpenPage(obj)
+        },
+        // 获取详情
+        async getDetail() {
+            if (this.type === 'edit') {
+                const res = await getDetailDataAPI({ technicalSolutionTypeId: this.technicalSolutionTypeId, 
+                    technicalSolutionId: this.technicalSolutionId })
+                console.log('res:', res);
+                this.detailData = res.data;
+            }
+        },
+        // 保存
+        async handleSave() {
+            // 如果正在保存中，直接返回
+            if (this.isSaving) {
+                return
+            }
+
+            this.isSaving = true
+            this.showSaveAnimation = true
+
+            try {
+                // 并行校验所有表单
+                const [basicInfoData, fileInfoData] = await Promise.all([
+                    this.$refs.basicInfo.validate(),
+                    this.$refs.fileInfo.validate()
+                ])
+
+                // 所有校验通过，组装完整数据
+                let formData = {
+                    ...basicInfoData,
+                    ...fileInfoData,
+                    allFiles: [
+                        ...fileInfoData.fileList.map(file => JSON.parse(JSON.stringify(file))),
+                    ],
+                    delFiles: [
+                        ...fileInfoData.delFileList
+                    ]
+                }
+
+                let allFiles = formData.allFiles.map(file => {
+                    return file?.response?.fileRes ? {
+                        ...file.response.fileRes,
+                    } : null;
+                }).filter(item => item !== null);
+                formData.files = allFiles;
+                formData.natureConstruction = formData.natureConstruction.join(',');
+                formData.enterpriseId = this.enterpriseId;
+                formData.technicalSolutionTypeId = this.technicalSolutionTypeId;
+                // 删除不必要的属性
+                delete formData.fileList;
+                delete formData.delFileList;
+                delete formData.allFiles;
+                console.log('所有表单校验通过，完整数据:', formData)
+                // 保存请求
+                const res = await this.saveData(formData)
+                console.log('res:', res);
+                if (res.code === 200) {
+                    this.$message.success('保存成功')
+                    this.handleClose()
+                }
+            } catch (error) {
+                if (error instanceof Error && error.message.includes('未填写完整')) {
+                    this.$message.error(error.message)
+                }
+            } finally {
+                // 无论成功失败，都关闭动画
+                this.isSaving = false
+                this.showSaveAnimation = false
+            }
+        },
+        // 保存接口
+        async saveData(formData) {
+            return new Promise((resolve, reject) => {
+                if (this.type === 'add') { // 新增
+                    addDataAPI(formData).then(res => {
+                        resolve(res)
+                    }).catch(error => {
+                        reject(error)
+                    })
+                } else { // 修改
+                    formData.technicalSolutionId = this.technicalSolutionId;
+                    editDataAPI(formData).then(res => {
+                        resolve(res)
+                    }).catch(error => {
+                        reject(error)
+                    })
+                }
+
+            })
+        },
+        // 开始上传
+        handleStartUpload(data) {
+            this.animationText = data
+            this.uploadQueue++
+            this.showUploadAnimation = true
+        },
+        // 结束上传
+        handleEndUpload(data) {
+            if (this.uploadQueue > 0) {
+                this.uploadQueue--
+            }
+
+            // 如果队列为空，隐藏动画
+            if (this.uploadQueue === 0) {
+                this.showUploadAnimation = false
+            }
+        }
+    },
+    mounted() {
+        // 监听上传开始事件
+        this.$bus.$on('startUpload', this.handleStartUpload)
+
+        // 监听上传结束事件
+        this.$bus.$on('endUpload', this.handleEndUpload)
+    },
+    beforeDestroy() {
+        // 移除所有事件监听
+        this.$bus.$off('startUpload', this.handleStartUpload)
+        this.$bus.$off('endUpload', this.handleEndUpload)
+
+        // 重置状态
+        this.showUploadAnimation = false
+        this.showSaveAnimation = false
+        this.uploadQueue = 0
+        this.animationText = '识别中'
+        this.isSaving = false
+    }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+    padding: 24px;
+    background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
+    min-height: 100vh;
+    overflow-y: auto;
+    position: relative;
+
+    // 当显示动画时，禁用页面点击
+    &.no-pointer-events {
+        pointer-events: none;
+
+        // 子元素也继承禁用点击
+        * {
+            pointer-events: none;
+        }
+    }
+}
+
+// 全局上传动画样式
+.global-upload-animation {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    // 动画区域本身可以有点击事件（如果需要）
+    pointer-events: auto;
+
+    .animation-mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(255, 255, 255, 0.6); // 添加半透明背景
+        backdrop-filter: blur(4px);
+
+        // 遮罩层阻止点击
+        pointer-events: auto;
+    }
+
+    .animation-content {
+        position: relative;
+        z-index: 10000;
+        text-align: center;
+        background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
+        padding: 40px 50px;
+        border-radius: 20px;
+        box-shadow:
+            0 10px 40px rgba(31, 114, 234, 0.15),
+            0 0 0 1px rgba(31, 114, 234, 0.1);
+        min-width: 280px;
+        animation: slideInUp 0.3s ease-out;
+
+        // 动画内容可以有点击事件
+        pointer-events: auto;
+
+        .spinner {
+            width: 60px;
+            height: 60px;
+            border: 4px solid #f3f7ff;
+            border-top: 4px solid #1F72EA;
+            border-radius: 50%;
+            animation: spin 1.2s linear infinite;
+            margin: 0 auto 20px;
+            position: relative;
+
+            &::after {
+                content: '';
+                position: absolute;
+                top: -4px;
+                left: -4px;
+                right: -4px;
+                bottom: -4px;
+                border: 4px solid transparent;
+                border-top: 4px solid #4A8BFF;
+                border-radius: 50%;
+                animation: spin 0.8s linear infinite reverse;
+            }
+        }
+
+        .animation-text {
+            font-size: 20px;
+            font-weight: 600;
+            color: #1F72EA;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #1F72EA 0%, #4A8BFF 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .animation-subtext {
+            font-size: 14px;
+            color: #666;
+            opacity: 0.8;
+        }
+    }
+}
+
+.content-body {
+    margin-top: 20px;
+}
+
+.content-row {
+    margin: 0;
+    display: flex;
+    flex-wrap: nowrap;
+    gap: 16px;
+}
+
+.pane-left,
+.pane-center,
+.pane-right {
+    background: #fff;
+    border-radius: 16px 16px 16px 16px;
+    min-height: 600px;
+    box-shadow: 0px 4px 20px 0px rgba(31, 35, 55, 0.1);
+    padding: 0;
+    margin-bottom: 20px;
+    flex: 1;
+    min-width: 0;
+}
+
+.content-header {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-bottom: 20px;
+    gap: 12px;
+}
+
+.search-btn {
+    width: 98px;
+    height: 36px;
+    background: #1F72EA;
+    box-shadow: 0px 4px 8px 0px rgba(51, 135, 255, 0.5);
+    border-radius: 4px;
+    border: none;
+    color: #fff;
+    font-size: 14px;
+    transition: all 0.3s ease;
+
+    &:hover {
+        background: #4A8BFF;
+        box-shadow: 0px 6px 12px 0px rgba(51, 135, 255, 0.6);
+    }
+
+    // 当按钮处于loading状态时的样式
+    &.is-loading {
+        opacity: 0.7;
+        pointer-events: none;
+    }
+}
+
+.reset-btn {
+    width: 98px;
+    height: 36px;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.2);
+    border-radius: 4px;
+    border: none;
+    color: #666;
+    font-size: 14px;
+    transition: all 0.3s ease;
+
+    &:hover {
+        background: #f5f5f5;
+        color: #409EFF;
+        box-shadow: 0px 6px 12px 0px rgba(76, 76, 76, 0.3);
+    }
+}
+
+// 动画定义
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes slideInUp {
+    from {
+        opacity: 0;
+        transform: translateY(30px) scale(0.9);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
index bcff310..e4594eb 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
@@ -14,11 +14,11 @@
             <el-row :gutter="24" class="content-row">
                 <!-- 基础信息 -->
                 <el-col :span="6" class="pane-left">
-                    <BasicInfo ref="basicInfo" />
+                    <BasicInfo ref="basicInfo" :detailData="detailData" />
                 </el-col>
                 <!-- 文件上传 -->
                 <el-col :span="6" class="pane-center">
-                    <FileInfo ref="legalPerson" />
+                    <FileInfo ref="fileInfo" :detailData="detailData" />
                 </el-col>
             </el-row>
         </div>
@@ -30,7 +30,7 @@ import { encryptWithSM4,decryptWithSM4 } from '@/utils/sm'
 import BasicInfo from './child/BasicInfo.vue'
 import FileInfo from './child/FileInfo.vue'
 import GlobalUploadAnimation from '@/views/common/GlobalUploadAnimation.vue'
-import { addDataAPI, editDataAPI, getDetailDataAPI } from '@/api/enterpriseLibrary/enterprise/enterprise'
+import { addDataAPI, editDataAPI, getDetailDataAPI } from '@/api/enterpriseLibrary/technical/technical'
 
 export default {
     name: 'TechnicalForm',
@@ -42,6 +42,9 @@ export default {
     data() {
         return {
             enterpriseId: decryptWithSM4(this.$route.query.enterpriseId),
+            technicalSolutionTypeId: decryptWithSM4(this.$route.query.technicalSolutionTypeId),
+            technicalSolutionId: decryptWithSM4(this.$route.query.technicalSolutionId),
+            type: decryptWithSM4(this.$route.query.type),
             showUploadAnimation: false,
             showSaveAnimation: false, // 新增：保存动画状态
             uploadQueue: 0, // 上传队列计数器
@@ -68,7 +71,8 @@ export default {
         // 获取详情
         async getDetail() {
             if (this.type === 'edit') {
-                const res = await getDetailDataAPI({ enterpriseId: this.enterpriseId })
+                const res = await getDetailDataAPI({ technicalSolutionTypeId: this.technicalSolutionTypeId, 
+                    technicalSolutionId: this.technicalSolutionId })
                 console.log('res:', res);
                 this.detailData = res.data;
             }
@@ -85,45 +89,39 @@ export default {
 
             try {
                 // 并行校验所有表单
-                const [basicInfoData, legalPersonData, accountData] = await Promise.all([
+                const [basicInfoData, fileInfoData] = await Promise.all([
                     this.$refs.basicInfo.validate(),
-                    this.$refs.legalPerson.validate(),
-                    this.$refs.accountOpeningCertificate.validate()
+                    this.$refs.fileInfo.validate()
                 ])
 
                 // 所有校验通过，组装完整数据
                 let formData = {
                     ...basicInfoData,
-                    ...legalPersonData,
-                    ...accountData,
+                    ...fileInfoData,
                     allFiles: [
-                        ...basicInfoData.fileList.map(file => JSON.parse(JSON.stringify(file))),
-                        ...legalPersonData.fileList.map(file => JSON.parse(JSON.stringify(file))),
-                        ...legalPersonData.fileList2.map(file => JSON.parse(JSON.stringify(file))),
-                        ...accountData.fileList.map(file => JSON.parse(JSON.stringify(file)))
+                        ...fileInfoData.fileList.map(file => JSON.parse(JSON.stringify(file))),
                     ],
                     delFiles: [
-                        ...basicInfoData.delFileList,
-                        ...legalPersonData.delFileList,
-                        ...accountData.delFileList
+                        ...fileInfoData.delFileList
                     ]
                 }
 
-                console.log('所有表单校验通过，完整数据:', formData)
-
                 let allFiles = formData.allFiles.map(file => {
                     return file?.response?.fileRes ? {
                         ...file.response.fileRes,
                     } : null;
                 }).filter(item => item !== null);
                 formData.files = allFiles;
+                formData.natureConstruction = formData.natureConstruction.join(',');
+                formData.enterpriseId = this.enterpriseId;
+                formData.technicalSolutionTypeId = this.technicalSolutionTypeId;
                 // 删除不必要的属性
                 delete formData.fileList;
                 delete formData.delFileList;
                 delete formData.allFiles;
-                delete formData.fileList2;
+                console.log('所有表单校验通过，完整数据:', formData)
                 // 保存请求
-                const res = await this.saveEnterprise(formData)
+                const res = await this.saveData(formData)
                 console.log('res:', res);
                 if (res.code === 200) {
                     this.$message.success('保存成功')
@@ -140,7 +138,7 @@ export default {
             }
         },
         // 保存接口
-        async saveEnterprise(formData) {
+        async saveData(formData) {
             return new Promise((resolve, reject) => {
                 if (this.type === 'add') { // 新增
                     addDataAPI(formData).then(res => {
@@ -149,7 +147,7 @@ export default {
                         reject(error)
                     })
                 } else { // 修改
-                    formData.enterpriseId = this.enterpriseId;
+                    formData.technicalSolutionId = this.technicalSolutionId;
                     editDataAPI(formData).then(res => {
                         resolve(res)
                     }).catch(error => {
diff --git a/src/views/enterpriseLibrary/technical/components/TypeForm.vue b/src/views/enterpriseLibrary/technical/components/TypeForm.vue
index 958006e..ed1f375 100644
--- a/src/views/enterpriseLibrary/technical/components/TypeForm.vue
+++ b/src/views/enterpriseLibrary/technical/components/TypeForm.vue
@@ -19,7 +19,10 @@
 </template>
 <script>
 import _ from 'lodash'
-
+import { addTypeDataAPI, editTypeDataAPI } from '@/api/enterpriseLibrary/technical/technical'
+const CONSTANT_PARAMS = {
+    type:'edit'
+};
 export default {
     name: "TypeForm",
     props: ["width", "rowData", "title", "disabled", "isAdd"],
@@ -29,8 +32,9 @@ export default {
             dialogVisible: true,
             isDisabled: true,
             form: {
-                id: null,
+                technicalSolutionTypeId: null,
                 technicalSolutionName: '',
+                enterpriseId: this.rowData.enterpriseId || null,
             },
             rules: {
                 technicalSolutionName: [
@@ -42,21 +46,27 @@ export default {
     watch: {
         isAdd: {
             handler(newVal) {
-                if (newVal === 'edit') {
+                if (newVal === CONSTANT_PARAMS.type) {
                     this.initFormData();
                 }
             },
             immediate: true,
         },
     },
+    computed: {
+        isAddData() {
+            return this.isAdd === CONSTANT_PARAMS.type;
+        }
+    },
     methods: {
         /** 初始化表单数据 */
         initFormData() {
-            if (this.isAdd === 'edit' && this.rowData) {
+            if (this.rowData) {
                 // 编辑模式：填充表单数据
                 this.form = {
-                    id: this.rowData.id,
+                    technicalSolutionTypeId: this.rowData.technicalSolutionTypeId,
                     technicalSolutionName: this.rowData.technicalSolutionName || '',
+                    enterpriseId: this.rowData.enterpriseId || null,
                 };
             }
         },
@@ -74,9 +84,8 @@ export default {
         reset() {
             this.form = {
                 id: null,
-                pid: null,
-                dataTypeName: '',
-                remark: '',
+                technicalSolutionName: '',
+                enterpriseId: '',
             };
             this.resetForm("ruleForm");
         },
@@ -98,8 +107,8 @@ export default {
                         target: this.$el.querySelector('.el-dialog') || document.body
                     })
                     let params = _.cloneDeep(this.form);
-                    if (this.isAdd === 'add') {
-                        addDataClassAPI(params).then(res => {
+                    if (!this.isAddData) {
+                        addTypeDataAPI(params).then(res => {
                             this.loading.close();
                             if (res.code === 200) {
                                 this.handleReuslt(res);
@@ -112,7 +121,7 @@ export default {
                         });
                     } else {
 
-                        updateDataClassAPI(params).then(res => {
+                        editTypeDataAPI(params).then(res => {
                             this.loading.close();
                             if (res.code === 200) {
                                 this.handleReuslt(res);
diff --git a/src/views/enterpriseLibrary/technical/components/child/BasicInfo.vue b/src/views/enterpriseLibrary/technical/components/child/BasicInfo.vue
index 90cc520..6195709 100644
--- a/src/views/enterpriseLibrary/technical/components/child/BasicInfo.vue
+++ b/src/views/enterpriseLibrary/technical/components/child/BasicInfo.vue
@@ -68,7 +68,14 @@ export default {
         }
     },
     watch: {
-
+        detailData:{
+            handler(newVal) {
+                if(Object.keys(newVal).length > 0){
+                    this.setFormData(newVal)
+                }
+            },
+            immediate: true
+        }
     },
     created() {
     },
@@ -87,18 +94,11 @@ export default {
         },
 
         setFormData() {
-            const fileList = this.getFileList('business_license');
-
             this.form = {
-                enterpriseName: this.detailData.enterpriseName || '',
-                enterpriseCode: this.detailData.enterpriseCode || '',
-                registeredCapital: this.detailData.registeredCapital || '',
-                establishedDate: this.detailData.establishedDate || null,
-                businessTerm: this.detailData.businessTerm || '',
-                residence: this.detailData.residence || '',
-                businessScope: this.detailData.businessScope || '',
-                fileList: fileList,
-                delFileList: []
+                voltageLevel: this.detailData.voltageLevel || '',
+                natureConstruction: this.detailData.natureConstruction.split(',') || [],
+                structuralForm: this.detailData.structuralForm || '',
+                basicForm: this.detailData.basicForm || '',
             }
         },
 
diff --git a/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue b/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
new file mode 100644
index 0000000..6195709
--- /dev/null
+++ b/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
@@ -0,0 +1,126 @@
+<template>
+    <div>
+        <div class="basic-info-title">
+            <img src="@/assets/enterpriseLibrary/basic-info.png" alt="基础信息">
+            <span>基础信息</span>
+        </div>
+        <el-form :model="form" :rules="rules" ref="basicInfoForm" label-width="110px" label-position="top">
+            <el-form-item label="电压等级" prop="voltageLevel">
+                <el-select v-model="form.voltageLevel" placeholder="请选择电压等级" class="form-item">
+                    <el-option v-for="item in dict.type.voltage_level" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="建设性质" prop="natureConstruction">
+                <el-select v-model="form.natureConstruction" placeholder="请选择工程性质" class="form-item" multiple>
+                    <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="结构形式" prop="structuralForm">
+                <el-select v-model="form.structuralForm" placeholder="请选择结构形式" class="form-item">
+                    <el-option v-for="item in dict.type.structural_form" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="基础形式" prop="basicForm">
+                <el-select v-model="form.basicForm" placeholder="请选择基础形式" class="form-item">
+                    <el-option v-for="item in dict.type.basic_form" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'BasicInfoTechnical',
+    props: {
+        detailData: {
+            type: Object,
+            default: () => { }
+        }
+    },
+    dicts: ['voltage_level', 'construction_nature', 'structural_form', 'basic_form'],
+    data() {
+        return {
+            form: {
+                voltageLevel: undefined,
+                natureConstruction: [],
+                structuralForm: undefined,
+                basicForm: undefined,
+            },
+            rules: {
+                voltageLevel: [
+                    { required: true, message: '请选择电压等级', trigger: 'change' }
+                ],
+                natureConstruction: [
+                    { required: true, message: '请选择建设性质', trigger: 'change' }
+                ],
+                structuralForm: [
+                    { required: true, message: '请选择结构形式', trigger: 'change' }
+                ],
+                basicForm: [
+                    { required: true, message: '请选择基础形式', trigger: 'change' }
+                ],
+            }
+        }
+    },
+    watch: {
+        detailData:{
+            handler(newVal) {
+                if(Object.keys(newVal).length > 0){
+                    this.setFormData(newVal)
+                }
+            },
+            immediate: true
+        }
+    },
+    created() {
+    },
+    methods: {
+        // 校验规则
+        validate() {
+            return new Promise((resolve, reject) => {
+                this.$refs.basicInfoForm.validate((valid) => {
+                    if (valid) {
+                        resolve(this.form) // 校验成功返回表单数据
+                    } else {
+                        reject(new Error('基础信息未填写完整'))
+                    }
+                })
+            })
+        },
+
+        setFormData() {
+            this.form = {
+                voltageLevel: this.detailData.voltageLevel || '',
+                natureConstruction: this.detailData.natureConstruction.split(',') || [],
+                structuralForm: this.detailData.structuralForm || '',
+                basicForm: this.detailData.basicForm || '',
+            }
+        },
+
+    },
+
+
+}
+</script>
+
+<style scoped lang="scss">
+.basic-info-title {
+    display: flex;
+    align-items: center;
+    margin: 10px 0;
+
+    span {
+        margin: 0 5px;
+        font-size: 20px;
+    }
+}
+
+.form-item {
+    width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/enterpriseLibrary/technical/components/child/FileInfo.vue b/src/views/enterpriseLibrary/technical/components/child/FileInfo.vue
index 8b34a7d..c7adecf 100644
--- a/src/views/enterpriseLibrary/technical/components/child/FileInfo.vue
+++ b/src/views/enterpriseLibrary/technical/components/child/FileInfo.vue
@@ -9,7 +9,7 @@
             <el-form-item label="文件上传" prop="fileList">
                 <UploadMoreFile :fileList="form.fileList" @file-change="handleFileChange" @del-file="handleDelFile"
                     type="business_license" :uploadType="uploadType" :maxFileTips="maxFileTips"
-                    :fileUploadRule="fileUploadRule" :limitUploadNum="limitUploadNum" />
+                    :fileUploadRule="fileUploadRule" :limitUploadNum="limitUploadNum" :disabled="disabled" />
             </el-form-item>
         </el-form>
     </div>
@@ -26,7 +26,8 @@ const defaultParams = {
         fields_json: '',
         suffix: 'technical_solution_database'
     },
-    limitUploadNum: 5
+    limitUploadNum: 5,
+    disabled: false
 };
 import UploadMoreFile from '@/views/common/UploadMoreFile.vue'
 export default {
@@ -47,6 +48,7 @@ export default {
             maxFileTips: defaultParams.maxFileTips,
             fileUploadRule: defaultParams.fileUploadRule,
             limitUploadNum: defaultParams.limitUploadNum,
+            disabled: defaultParams.disabled,
             form: {
                 fileList: [],
                 delFileList: []
@@ -58,6 +60,18 @@ export default {
             }
         }
     },
+    watch: {
+        detailData:{
+            handler(newVal) {
+                if(Object.keys(newVal).length > 0){
+                    this.limitUploadNum = 1;
+                    this.disabled = true;
+                    this.setFormData(newVal)
+                }
+            },
+            immediate: true
+        }
+    },
     created() {
     },
     methods: {
@@ -89,7 +103,22 @@ export default {
             }
         },
         setFormData() {
+            const fileList = this.getFileList();
+            this.form = {
+                fileList: fileList,
+                delFileList: []
+            }
         },
+        getFileList(){
+            return this.detailData.resourceFileVoList.map(item => {
+                return {
+                    name: item.fileName,
+                    filePath: item.filePath,
+                    lsFilePath:item.lsFilePath,
+                    fileType:item.fileType
+                };
+            });
+        }
     },
 
 }
diff --git a/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue b/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue
new file mode 100644
index 0000000..c7adecf
--- /dev/null
+++ b/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue
@@ -0,0 +1,142 @@
+<template>
+    <div>
+        <div class="basic-info-title">
+            <img src="@/assets/enterpriseLibrary/basic-info.png" alt="文件上传">
+            <span>文件上传</span>
+        </div>
+        <el-form :model="form" :rules="rules" ref="basicInfoForm" label-width="110px" label-position="top">
+            <!-- 文件上传 -->
+            <el-form-item label="文件上传" prop="fileList">
+                <UploadMoreFile :fileList="form.fileList" @file-change="handleFileChange" @del-file="handleDelFile"
+                    type="business_license" :uploadType="uploadType" :maxFileTips="maxFileTips"
+                    :fileUploadRule="fileUploadRule" :limitUploadNum="limitUploadNum" :disabled="disabled" />
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+// 默认参数
+const defaultParams = {
+    fileType: 'technical_solution',
+    uploadType: 'pdf、doc、docx',
+    maxFileTips: '500MB',
+    fileUploadRule: {
+        fileUploadType: 'technical_solution',
+        fields_json: '',
+        suffix: 'technical_solution_database'
+    },
+    limitUploadNum: 5,
+    disabled: false
+};
+import UploadMoreFile from '@/views/common/UploadMoreFile.vue'
+export default {
+    name: 'FileInfoTechnical',
+    components: {
+        UploadMoreFile
+    },
+    props: {
+        detailData: {
+            type: Object,
+            default: () => { }
+        }
+    },
+    data() {
+        return {
+            fileType: defaultParams.fileType,
+            uploadType: defaultParams.uploadType,
+            maxFileTips: defaultParams.maxFileTips,
+            fileUploadRule: defaultParams.fileUploadRule,
+            limitUploadNum: defaultParams.limitUploadNum,
+            disabled: defaultParams.disabled,
+            form: {
+                fileList: [],
+                delFileList: []
+            },
+            rules: {
+                fileList: [
+                    { required: true, message: '请上传文件', trigger: 'change' }
+                ],
+            }
+        }
+    },
+    watch: {
+        detailData:{
+            handler(newVal) {
+                if(Object.keys(newVal).length > 0){
+                    this.limitUploadNum = 1;
+                    this.disabled = true;
+                    this.setFormData(newVal)
+                }
+            },
+            immediate: true
+        }
+    },
+    created() {
+    },
+    methods: {
+        // 校验规则
+        validate() {
+            return new Promise((resolve, reject) => {
+                this.$refs.basicInfoForm.validate((valid) => {
+                    if (valid) {
+                        resolve(this.form) // 校验成功返回表单数据
+                    } else {
+                        reject(new Error('文件上传未完成'))
+                    }
+                })
+            })
+        },
+
+        // 文件变化
+        handleFileChange(file) {
+            console.log(file);
+
+            this.form.fileList = file;
+
+        },
+        // 文件删除时触发
+        handleDelFile(file) {
+            const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+            if(delPath){
+                this.form.delFileList.push(delPath);
+            }
+        },
+        setFormData() {
+            const fileList = this.getFileList();
+            this.form = {
+                fileList: fileList,
+                delFileList: []
+            }
+        },
+        getFileList(){
+            return this.detailData.resourceFileVoList.map(item => {
+                return {
+                    name: item.fileName,
+                    filePath: item.filePath,
+                    lsFilePath:item.lsFilePath,
+                    fileType:item.fileType
+                };
+            });
+        }
+    },
+
+}
+</script>
+
+<style scoped lang="scss">
+.basic-info-title {
+    display: flex;
+    align-items: center;
+    margin: 10px 0;
+
+    span {
+        margin: 0 5px;
+        font-size: 20px;
+    }
+}
+
+.form-item {
+    width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/enterpriseLibrary/technical/components/config.js b/src/views/enterpriseLibrary/technical/components/config.js
index 0ab0951..bd305e9 100644
--- a/src/views/enterpriseLibrary/technical/components/config.js
+++ b/src/views/enterpriseLibrary/technical/components/config.js
@@ -33,10 +33,10 @@ export const formLabel = [
 ]
 
 export const columnsList = [
-    { t_props: 'userName', t_label: '方案名称' },
-    { t_props: 'nickName', t_label: '建设性质' },
-    { t_props: 'phonenumberDes', t_label: '结构形式' },
-    { t_props: 'phonenumberDes', t_label: '基础形式' },
-    { t_props: 'phonenumberDes', t_label: '文件状态' },
-    { t_slot: 'deptName', t_label: '创建时间' },
+    { t_props: 'technicalName',t_width: 350, t_label: '方案名称' },
+    { t_props: 'natureConstruction', t_label: '建设性质' },
+    { t_props: 'structuralForm', t_label: '结构形式' },
+    { t_props: 'basicForm', t_label: '基础形式' },
+    { t_slot: 'technicalSolutionState', t_label: '文件状态' },
+    { t_props: 'createTime',t_width: 180, t_label: '创建时间' },
 ]
\ No newline at end of file
diff --git a/src/views/enterpriseLibrary/technical/index.vue b/src/views/enterpriseLibrary/technical/index.vue
index 9623b4f..c593cb7 100644
--- a/src/views/enterpriseLibrary/technical/index.vue
+++ b/src/views/enterpriseLibrary/technical/index.vue
@@ -8,12 +8,12 @@
         </div>
         <div class="layout-container">
             <el-row :gutter="18">
-                <el-col :span="5" class="left-col">
+                <el-col :span="4" class="left-col">
                     <LeftType :value="activeCategory" @change="handleCategoryChange" @add-category="handleAddCategory"
                         @category-command="handleCategoryCommand" :enterpriseId="enterpriseId" />
                 </el-col>
-                <el-col :span="19" class="right-col">
-                    <RightTable :category-id="activeCategory" @add-scheme="handleAddScheme" @view="handleView"
+                <el-col :span="20" class="right-col">
+                    <RightTable :technicalSolutionTypeId="activeCategory" @add-scheme="handleAddScheme" @view="handleView"
                         @edit="handleEdit" @delete="handleDelete" :enterpriseId="enterpriseId" />
                 </el-col>
             </el-row>
@@ -34,7 +34,7 @@ export default {
     },
     data() {
         return {
-            activeCategory: 'dev',
+            activeCategory: null,
             enterpriseId: decryptWithSM4(this.$route.query.enterpriseId),
         }
     },
@@ -81,6 +81,7 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
+    width: 100%;
     height: calc(100vh - 84px);
     overflow: hidden;
     background: linear-gradient(180deg, #F1F6FF 20%, #E5EFFF 100%);
@@ -115,13 +116,25 @@ export default {
 .layout-container {
     display: flex;
     height: 100%;
+    width: 100%;
+    justify-content: space-around;
 }
 
 .left-col {
     height: calc(100vh - 120px);
+    padding-left: 0 !important;
 }
 
 .right-col {
     height: calc(100vh - 120px);
+    padding-right: 0 !important;
+}
+
+.el-row {
+  width: 100%;
+  height: 100%;
+}
+.el-col {
+  height: 100%;
 }
 </style>
\ No newline at end of file

From 991428f85a7e7ffb6a0d9b46347f4c651d505a56 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Thu, 30 Oct 2025 17:56:52 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E6=8A=80=E6=9C=AF=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E5=BA=93=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |   4 +-
 .../technical/components/RightTable.vue       |  14 +-
 .../technical/components/TechnicalDetail.vue  | 230 +-----------------
 .../technical/components/TechnicalForm.vue    |  87 -------
 .../components/child/BasicInfoDetail.vue      |  76 ++----
 .../components/child/FileInfoDetail.vue       |  87 ++-----
 6 files changed, 55 insertions(+), 443 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index cf84eb7..49cca71 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -325,8 +325,8 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'index',
-        component: () => import('@/views/enterpriseLibrary/technical/components/TechnicalForm'),
-        name: 'TechnicalAdd',
+        component: () => import('@/views/enterpriseLibrary/technical/components/TechnicalDetail'),
+        name: 'TechnicalDetail',
         meta: { title: '方案详情', activeMenu: '/enterpriseLibrary/enterprise', noCache: true }
       }
     ]
diff --git a/src/views/enterpriseLibrary/technical/components/RightTable.vue b/src/views/enterpriseLibrary/technical/components/RightTable.vue
index ec355be..5e93673 100644
--- a/src/views/enterpriseLibrary/technical/components/RightTable.vue
+++ b/src/views/enterpriseLibrary/technical/components/RightTable.vue
@@ -15,7 +15,7 @@
             </template>
             <template slot="handle" slot-scope="{ data }">
                 <el-button type="text" v-hasPermi="['enterpriseLibrary:technical:detail']" class="action-btn"
-                    @click="handleUpdate(data)">
+                    @click="handleDetail(data)">
                     查看
                 </el-button>
                 <el-button type="text" v-hasPermi="['enterpriseLibrary:technical:edit']" class="action-btn"
@@ -98,6 +98,18 @@ export default {
                 }
             })
         },
+        /** 查看操作 */
+        handleDetail(row) {
+            this.$router.push({
+                name: 'TechnicalDetail',
+                query: {
+                    enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
+                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
+                    type: encryptWithSM4('detail'),
+                    technicalSolutionId: encryptWithSM4(row.technicalSolutionId + '' || '0'),
+                }
+            })
+        },
         /* 搜索操作 */
         handleQuery() {
             this.$refs.technicalTableRef.getTableList()
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
index e4594eb..fb48f3c 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
@@ -8,17 +8,16 @@
 
         <div class="content-header">
             <el-button class="reset-btn" @click="handleClose()">返回</el-button>
-            <el-button class="search-btn" :loading="isSaving" @click="handleSave()">保存</el-button>
         </div>
         <div class="content-body">
             <el-row :gutter="24" class="content-row">
                 <!-- 基础信息 -->
                 <el-col :span="6" class="pane-left">
-                    <BasicInfo ref="basicInfo" :detailData="detailData" />
+                    <BasicInfoDetail ref="basicInfo" :detailData="detailData" />
                 </el-col>
                 <!-- 文件上传 -->
                 <el-col :span="6" class="pane-center">
-                    <FileInfo ref="fileInfo" :detailData="detailData" />
+                    <FileInfoDetail ref="fileInfo" :detailData="detailData" />
                 </el-col>
             </el-row>
         </div>
@@ -27,17 +26,15 @@
 
 <script>
 import { encryptWithSM4,decryptWithSM4 } from '@/utils/sm'
-import BasicInfo from './child/BasicInfo.vue'
-import FileInfo from './child/FileInfo.vue'
-import GlobalUploadAnimation from '@/views/common/GlobalUploadAnimation.vue'
-import { addDataAPI, editDataAPI, getDetailDataAPI } from '@/api/enterpriseLibrary/technical/technical'
+import BasicInfoDetail from './child/BasicInfoDetail.vue'
+import FileInfoDetail from './child/FileInfoDetail.vue'
+import { getDetailDataAPI } from '@/api/enterpriseLibrary/technical/technical'
 
 export default {
-    name: 'TechnicalForm',
+    name: 'TechnicalDetail',
     components: {
-        BasicInfo,
-        FileInfo,
-        GlobalUploadAnimation
+        BasicInfoDetail,
+        FileInfoDetail,
     },
     data() {
         return {
@@ -46,10 +43,6 @@ export default {
             technicalSolutionId: decryptWithSM4(this.$route.query.technicalSolutionId),
             type: decryptWithSM4(this.$route.query.type),
             showUploadAnimation: false,
-            showSaveAnimation: false, // 新增：保存动画状态
-            uploadQueue: 0, // 上传队列计数器
-            animationText: '识别中',
-            isSaving: false, // 新增：保存按钮loading状态
             detailData: {} // 详情数据
         }
     },
@@ -70,130 +63,14 @@ export default {
         },
         // 获取详情
         async getDetail() {
-            if (this.type === 'edit') {
+            if (this.type === 'detail') {
                 const res = await getDetailDataAPI({ technicalSolutionTypeId: this.technicalSolutionTypeId, 
-                    technicalSolutionId: this.technicalSolutionId })
+                    technicalSolutionId: this.technicalSolutionId ,type:'detail'})
                 console.log('res:', res);
                 this.detailData = res.data;
             }
         },
-        // 保存
-        async handleSave() {
-            // 如果正在保存中，直接返回
-            if (this.isSaving) {
-                return
-            }
-
-            this.isSaving = true
-            this.showSaveAnimation = true
-
-            try {
-                // 并行校验所有表单
-                const [basicInfoData, fileInfoData] = await Promise.all([
-                    this.$refs.basicInfo.validate(),
-                    this.$refs.fileInfo.validate()
-                ])
-
-                // 所有校验通过，组装完整数据
-                let formData = {
-                    ...basicInfoData,
-                    ...fileInfoData,
-                    allFiles: [
-                        ...fileInfoData.fileList.map(file => JSON.parse(JSON.stringify(file))),
-                    ],
-                    delFiles: [
-                        ...fileInfoData.delFileList
-                    ]
-                }
-
-                let allFiles = formData.allFiles.map(file => {
-                    return file?.response?.fileRes ? {
-                        ...file.response.fileRes,
-                    } : null;
-                }).filter(item => item !== null);
-                formData.files = allFiles;
-                formData.natureConstruction = formData.natureConstruction.join(',');
-                formData.enterpriseId = this.enterpriseId;
-                formData.technicalSolutionTypeId = this.technicalSolutionTypeId;
-                // 删除不必要的属性
-                delete formData.fileList;
-                delete formData.delFileList;
-                delete formData.allFiles;
-                console.log('所有表单校验通过，完整数据:', formData)
-                // 保存请求
-                const res = await this.saveData(formData)
-                console.log('res:', res);
-                if (res.code === 200) {
-                    this.$message.success('保存成功')
-                    this.handleClose()
-                }
-            } catch (error) {
-                if (error instanceof Error && error.message.includes('未填写完整')) {
-                    this.$message.error(error.message)
-                }
-            } finally {
-                // 无论成功失败，都关闭动画
-                this.isSaving = false
-                this.showSaveAnimation = false
-            }
-        },
-        // 保存接口
-        async saveData(formData) {
-            return new Promise((resolve, reject) => {
-                if (this.type === 'add') { // 新增
-                    addDataAPI(formData).then(res => {
-                        resolve(res)
-                    }).catch(error => {
-                        reject(error)
-                    })
-                } else { // 修改
-                    formData.technicalSolutionId = this.technicalSolutionId;
-                    editDataAPI(formData).then(res => {
-                        resolve(res)
-                    }).catch(error => {
-                        reject(error)
-                    })
-                }
-
-            })
-        },
-        // 开始上传
-        handleStartUpload(data) {
-            this.animationText = data
-            this.uploadQueue++
-            this.showUploadAnimation = true
-        },
-        // 结束上传
-        handleEndUpload(data) {
-            if (this.uploadQueue > 0) {
-                this.uploadQueue--
-            }
-
-            // 如果队列为空，隐藏动画
-            if (this.uploadQueue === 0) {
-                this.showUploadAnimation = false
-            }
-        }
     },
-    mounted() {
-        // 监听上传开始事件
-        this.$bus.$on('startUpload', this.handleStartUpload)
-
-        // 监听上传结束事件
-        this.$bus.$on('endUpload', this.handleEndUpload)
-    },
-    beforeDestroy() {
-        // 移除所有事件监听
-        this.$bus.$off('startUpload', this.handleStartUpload)
-        this.$bus.$off('endUpload', this.handleEndUpload)
-
-        // 重置状态
-        this.showUploadAnimation = false
-        this.showSaveAnimation = false
-        this.uploadQueue = 0
-        this.animationText = '识别中'
-        this.isSaving = false
-    }
 }
 </script>
 
@@ -216,93 +93,6 @@ export default {
     }
 }
 
-// 全局上传动画样式
-.global-upload-animation {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 9999;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    // 动画区域本身可以有点击事件（如果需要）
-    pointer-events: auto;
-
-    .animation-mask {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: rgba(255, 255, 255, 0.6); // 添加半透明背景
-        backdrop-filter: blur(4px);
-
-        // 遮罩层阻止点击
-        pointer-events: auto;
-    }
-
-    .animation-content {
-        position: relative;
-        z-index: 10000;
-        text-align: center;
-        background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
-        padding: 40px 50px;
-        border-radius: 20px;
-        box-shadow:
-            0 10px 40px rgba(31, 114, 234, 0.15),
-            0 0 0 1px rgba(31, 114, 234, 0.1);
-        min-width: 280px;
-        animation: slideInUp 0.3s ease-out;
-
-        // 动画内容可以有点击事件
-        pointer-events: auto;
-
-        .spinner {
-            width: 60px;
-            height: 60px;
-            border: 4px solid #f3f7ff;
-            border-top: 4px solid #1F72EA;
-            border-radius: 50%;
-            animation: spin 1.2s linear infinite;
-            margin: 0 auto 20px;
-            position: relative;
-
-            &::after {
-                content: '';
-                position: absolute;
-                top: -4px;
-                left: -4px;
-                right: -4px;
-                bottom: -4px;
-                border: 4px solid transparent;
-                border-top: 4px solid #4A8BFF;
-                border-radius: 50%;
-                animation: spin 0.8s linear infinite reverse;
-            }
-        }
-
-        .animation-text {
-            font-size: 20px;
-            font-weight: 600;
-            color: #1F72EA;
-            margin-bottom: 8px;
-            background: linear-gradient(135deg, #1F72EA 0%, #4A8BFF 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        .animation-subtext {
-            font-size: 14px;
-            color: #666;
-            opacity: 0.8;
-        }
-    }
-}
-
 .content-body {
     margin-top: 20px;
 }
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
index e4594eb..381fceb 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
@@ -216,93 +216,6 @@ export default {
     }
 }
 
-// 全局上传动画样式
-.global-upload-animation {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 9999;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    // 动画区域本身可以有点击事件（如果需要）
-    pointer-events: auto;
-
-    .animation-mask {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: rgba(255, 255, 255, 0.6); // 添加半透明背景
-        backdrop-filter: blur(4px);
-
-        // 遮罩层阻止点击
-        pointer-events: auto;
-    }
-
-    .animation-content {
-        position: relative;
-        z-index: 10000;
-        text-align: center;
-        background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
-        padding: 40px 50px;
-        border-radius: 20px;
-        box-shadow:
-            0 10px 40px rgba(31, 114, 234, 0.15),
-            0 0 0 1px rgba(31, 114, 234, 0.1);
-        min-width: 280px;
-        animation: slideInUp 0.3s ease-out;
-
-        // 动画内容可以有点击事件
-        pointer-events: auto;
-
-        .spinner {
-            width: 60px;
-            height: 60px;
-            border: 4px solid #f3f7ff;
-            border-top: 4px solid #1F72EA;
-            border-radius: 50%;
-            animation: spin 1.2s linear infinite;
-            margin: 0 auto 20px;
-            position: relative;
-
-            &::after {
-                content: '';
-                position: absolute;
-                top: -4px;
-                left: -4px;
-                right: -4px;
-                bottom: -4px;
-                border: 4px solid transparent;
-                border-top: 4px solid #4A8BFF;
-                border-radius: 50%;
-                animation: spin 0.8s linear infinite reverse;
-            }
-        }
-
-        .animation-text {
-            font-size: 20px;
-            font-weight: 600;
-            color: #1F72EA;
-            margin-bottom: 8px;
-            background: linear-gradient(135deg, #1F72EA 0%, #4A8BFF 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        .animation-subtext {
-            font-size: 14px;
-            color: #666;
-            opacity: 0.8;
-        }
-    }
-}
-
 .content-body {
     margin-top: 20px;
 }
diff --git a/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue b/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
index 6195709..05721ac 100644
--- a/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
+++ b/src/views/enterpriseLibrary/technical/components/child/BasicInfoDetail.vue
@@ -4,74 +4,43 @@
             <img src="@/assets/enterpriseLibrary/basic-info.png" alt="基础信息">
             <span>基础信息</span>
         </div>
-        <el-form :model="form" :rules="rules" ref="basicInfoForm" label-width="110px" label-position="top">
-            <el-form-item label="电压等级" prop="voltageLevel">
-                <el-select v-model="form.voltageLevel" placeholder="请选择电压等级" class="form-item">
-                    <el-option v-for="item in dict.type.voltage_level" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="建设性质" prop="natureConstruction">
-                <el-select v-model="form.natureConstruction" placeholder="请选择工程性质" class="form-item" multiple>
-                    <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="结构形式" prop="structuralForm">
-                <el-select v-model="form.structuralForm" placeholder="请选择结构形式" class="form-item">
-                    <el-option v-for="item in dict.type.structural_form" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="基础形式" prop="basicForm">
-                <el-select v-model="form.basicForm" placeholder="请选择基础形式" class="form-item">
-                    <el-option v-for="item in dict.type.basic_form" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-        </el-form>
+        <div class="detail-content">
+            <DetailItem label="电压等级" :value="form.voltageLevel" />
+            <DetailItem label="建设性质" :value="form.natureConstruction" />
+            <DetailItem label="结构形式" :value="form.structuralForm" />
+            <DetailItem label="基础形式" :value="form.basicForm" />
+        </div>
     </div>
 </template>
 
 <script>
+import DetailItem from '@/views/common/DetailItem.vue';
 export default {
-    name: 'BasicInfoTechnical',
+    name: 'BasicInfoDetailTechnical',
+    components: {
+        DetailItem
+    },
     props: {
         detailData: {
             type: Object,
             default: () => { }
         }
     },
-    dicts: ['voltage_level', 'construction_nature', 'structural_form', 'basic_form'],
     data() {
         return {
             form: {
                 voltageLevel: undefined,
-                natureConstruction: [],
+                natureConstruction: undefined,
                 structuralForm: undefined,
                 basicForm: undefined,
             },
-            rules: {
-                voltageLevel: [
-                    { required: true, message: '请选择电压等级', trigger: 'change' }
-                ],
-                natureConstruction: [
-                    { required: true, message: '请选择建设性质', trigger: 'change' }
-                ],
-                structuralForm: [
-                    { required: true, message: '请选择结构形式', trigger: 'change' }
-                ],
-                basicForm: [
-                    { required: true, message: '请选择基础形式', trigger: 'change' }
-                ],
-            }
         }
     },
     watch: {
         detailData:{
             handler(newVal) {
                 if(Object.keys(newVal).length > 0){
-                    this.setFormData(newVal)
+                    this.setDetailData(newVal)
                 }
             },
             immediate: true
@@ -80,31 +49,16 @@ export default {
     created() {
     },
     methods: {
-        // 校验规则
-        validate() {
-            return new Promise((resolve, reject) => {
-                this.$refs.basicInfoForm.validate((valid) => {
-                    if (valid) {
-                        resolve(this.form) // 校验成功返回表单数据
-                    } else {
-                        reject(new Error('基础信息未填写完整'))
-                    }
-                })
-            })
-        },
-
-        setFormData() {
+        setDetailData() {
             this.form = {
                 voltageLevel: this.detailData.voltageLevel || '',
-                natureConstruction: this.detailData.natureConstruction.split(',') || [],
+                natureConstruction: this.detailData.natureConstruction || '',
                 structuralForm: this.detailData.structuralForm || '',
                 basicForm: this.detailData.basicForm || '',
             }
         },
-
     },
 
-
 }
 </script>
 
diff --git a/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue b/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue
index c7adecf..1364c2f 100644
--- a/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue
+++ b/src/views/enterpriseLibrary/technical/components/child/FileInfoDetail.vue
@@ -4,36 +4,19 @@
             <img src="@/assets/enterpriseLibrary/basic-info.png" alt="文件上传">
             <span>文件上传</span>
         </div>
-        <el-form :model="form" :rules="rules" ref="basicInfoForm" label-width="110px" label-position="top">
-            <!-- 文件上传 -->
-            <el-form-item label="文件上传" prop="fileList">
-                <UploadMoreFile :fileList="form.fileList" @file-change="handleFileChange" @del-file="handleDelFile"
-                    type="business_license" :uploadType="uploadType" :maxFileTips="maxFileTips"
-                    :fileUploadRule="fileUploadRule" :limitUploadNum="limitUploadNum" :disabled="disabled" />
-            </el-form-item>
-        </el-form>
+        <div class="detail-content">
+            <FileOrImageDisplay label="文件上传" :file="form.fileList[0]" :image-url="form.url" />
+        </div>
     </div>
 </template>
 
 <script>
-// 默认参数
-const defaultParams = {
-    fileType: 'technical_solution',
-    uploadType: 'pdf、doc、docx',
-    maxFileTips: '500MB',
-    fileUploadRule: {
-        fileUploadType: 'technical_solution',
-        fields_json: '',
-        suffix: 'technical_solution_database'
-    },
-    limitUploadNum: 5,
-    disabled: false
-};
-import UploadMoreFile from '@/views/common/UploadMoreFile.vue'
+
+import FileOrImageDisplay from '@/views/common/FileOrImageDisplay.vue';
 export default {
     name: 'FileInfoTechnical',
     components: {
-        UploadMoreFile
+        FileOrImageDisplay
     },
     props: {
         detailData: {
@@ -43,30 +26,17 @@ export default {
     },
     data() {
         return {
-            fileType: defaultParams.fileType,
-            uploadType: defaultParams.uploadType,
-            maxFileTips: defaultParams.maxFileTips,
-            fileUploadRule: defaultParams.fileUploadRule,
-            limitUploadNum: defaultParams.limitUploadNum,
-            disabled: defaultParams.disabled,
             form: {
                 fileList: [],
-                delFileList: []
+                url: ''
             },
-            rules: {
-                fileList: [
-                    { required: true, message: '请上传文件', trigger: 'change' }
-                ],
-            }
         }
     },
     watch: {
-        detailData:{
+        detailData: {
             handler(newVal) {
-                if(Object.keys(newVal).length > 0){
-                    this.limitUploadNum = 1;
-                    this.disabled = true;
-                    this.setFormData(newVal)
+                if (Object.keys(newVal).length > 0) {
+                    this.setDetailData(newVal)
                 }
             },
             immediate: true
@@ -75,47 +45,20 @@ export default {
     created() {
     },
     methods: {
-        // 校验规则
-        validate() {
-            return new Promise((resolve, reject) => {
-                this.$refs.basicInfoForm.validate((valid) => {
-                    if (valid) {
-                        resolve(this.form) // 校验成功返回表单数据
-                    } else {
-                        reject(new Error('文件上传未完成'))
-                    }
-                })
-            })
-        },
-
-        // 文件变化
-        handleFileChange(file) {
-            console.log(file);
-
-            this.form.fileList = file;
-
-        },
-        // 文件删除时触发
-        handleDelFile(file) {
-            const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
-            if(delPath){
-                this.form.delFileList.push(delPath);
-            }
-        },
-        setFormData() {
+        setDetailData() {
             const fileList = this.getFileList();
             this.form = {
                 fileList: fileList,
-                delFileList: []
+                url: fileList[0].filePath
             }
         },
-        getFileList(){
+        getFileList() {
             return this.detailData.resourceFileVoList.map(item => {
                 return {
                     name: item.fileName,
                     filePath: item.filePath,
-                    lsFilePath:item.lsFilePath,
-                    fileType:item.fileType
+                    lsFilePath: item.lsFilePath,
+                    fileType: item.fileType
                 };
             });
         }

From 22acd6baa3aa45fdffd983d2ec0975559b5eaa34 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Thu, 30 Oct 2025 18:54:09 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=8A=80=E6=9C=AF=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E5=BA=93=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../technical/components/LeftType.vue         |  3 +-
 .../technical/components/RightTable.vue       | 35 +++++---
 .../technical/components/TechnicalDetail.vue  |  7 +-
 .../technical/components/TechnicalForm.vue    | 89 ++++++++++++++++++-
 .../enterpriseLibrary/technical/index.vue     |  2 +-
 5 files changed, 117 insertions(+), 19 deletions(-)

diff --git a/src/views/enterpriseLibrary/technical/components/LeftType.vue b/src/views/enterpriseLibrary/technical/components/LeftType.vue
index 1733449..920a22f 100644
--- a/src/views/enterpriseLibrary/technical/components/LeftType.vue
+++ b/src/views/enterpriseLibrary/technical/components/LeftType.vue
@@ -64,7 +64,7 @@ export default {
     },
     mounted() {
         if (this.value) {
-            this.activeCategory = this.value
+            this.activeCategory = this.value;
         }
     },
     created() {
@@ -94,6 +94,7 @@ export default {
         handleCategoryClick(id) {
             this.activeCategory = id
             this.$emit('change', id)
+            this.handleQuery();
         },
         handleCategoryCommand(command) {
             if (command.type === 'edit') {
diff --git a/src/views/enterpriseLibrary/technical/components/RightTable.vue b/src/views/enterpriseLibrary/technical/components/RightTable.vue
index 5e93673..ce7a055 100644
--- a/src/views/enterpriseLibrary/technical/components/RightTable.vue
+++ b/src/views/enterpriseLibrary/technical/components/RightTable.vue
@@ -2,12 +2,12 @@
     <!-- 技术方案列表 -->
     <div class="right-table-card">
         <TableModel :formLabel="formLabel" :showOperation="true" :showRightTools="false" ref="technicalTableRef"
-            :columnsList="columnsList" :request-api="listAPI" :sendParams="{ enterpriseId }">
+            :columnsList="columnsList" :request-api="listAPI" :sendParams="{'technicalSolutionTypeId':value }">
             <template slot="tableTitle">
                 <h3>数据列表</h3>
             </template>
             <template slot="tableActions">
-                <el-button @click="handleAdd" v-hasPermi="['enterpriseLibrary:technical:add']" class="add-btn"><i
+                <el-button @click="handleAdd" :disabled="disabled" v-hasPermi="['enterpriseLibrary:technical:add']" class="add-btn"><i
                         class="el-icon-plus"></i> 新增</el-button>
             </template>
             <template slot="technicalSolutionState">
@@ -48,10 +48,10 @@ export default {
             type: String,
             default: '0'
         },
-        technicalSolutionTypeId: {
-            type: Number,
+        value: {
+            type: [String, Number],
             default: null
-        }
+        },
     },
     data() {
         return {
@@ -60,7 +60,19 @@ export default {
             listAPI,
         }
     },
-
+    watch: {
+        value(newVal){
+            if(newVal){
+                this.handleQuery();
+            }
+        },
+        immediate: true
+    },
+    computed:{
+        disabled(){
+            return !this.value;
+        }
+    },
     created() {
         // 将字典数据填充到表单配置的下拉选项中
         if (Array.isArray(this.formLabel)) {
@@ -80,8 +92,9 @@ export default {
                 name: 'TechnicalAdd',
                 query: {
                     enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
-                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
-                    type: encryptWithSM4('add'),
+                    technicalSolutionTypeId: encryptWithSM4(this.value + '' || '0'),
+                    technicalSolutionId: encryptWithSM4('0'),
+                    type: encryptWithSM4('add')
                 }
             })
         },
@@ -92,7 +105,7 @@ export default {
                 name: 'TechnicalEdit',
                 query: {
                     enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
-                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
+                    technicalSolutionTypeId: encryptWithSM4(this.value || '0'),
                     type: encryptWithSM4('edit'),
                     technicalSolutionId: encryptWithSM4(row.technicalSolutionId + '' || '0'),
                 }
@@ -100,11 +113,13 @@ export default {
         },
         /** 查看操作 */
         handleDetail(row) {
+            console.log(row);
+            
             this.$router.push({
                 name: 'TechnicalDetail',
                 query: {
                     enterpriseId: encryptWithSM4(this.enterpriseId || '0'),
-                    technicalSolutionTypeId: encryptWithSM4(this.technicalSolutionTypeId + '' || '0'),
+                    technicalSolutionTypeId: encryptWithSM4(row.technicalSolutionTypeId + '' || '0'),
                     type: encryptWithSM4('detail'),
                     technicalSolutionId: encryptWithSM4(row.technicalSolutionId + '' || '0'),
                 }
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
index fb48f3c..666aa78 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalDetail.vue
@@ -1,11 +1,6 @@
 <!-- 企业主体库表单 -->
 <template>
-    <div class="app-container" :class="{ 'no-pointer-events': showUploadAnimation || showSaveAnimation }">
-        <!-- 全局上传动画 -->
-        <GlobalUploadAnimation v-if="showUploadAnimation" :text="animationText" subtext="正在处理文件，请稍候..." />
-        <!-- 保存动画 -->
-        <GlobalUploadAnimation v-if="showSaveAnimation" text="数据上传中" subtext="请稍后，正在保存数据..." />
-
+    <div class="app-container">
         <div class="content-header">
             <el-button class="reset-btn" @click="handleClose()">返回</el-button>
         </div>
diff --git a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
index 381fceb..2ab5a42 100644
--- a/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
+++ b/src/views/enterpriseLibrary/technical/components/TechnicalForm.vue
@@ -72,7 +72,7 @@ export default {
         async getDetail() {
             if (this.type === 'edit') {
                 const res = await getDetailDataAPI({ technicalSolutionTypeId: this.technicalSolutionTypeId, 
-                    technicalSolutionId: this.technicalSolutionId })
+                    technicalSolutionId: this.technicalSolutionId,type:'edit' })
                 console.log('res:', res);
                 this.detailData = res.data;
             }
@@ -216,6 +216,93 @@ export default {
     }
 }
 
+// 全局上传动画样式
+.global-upload-animation {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    // 动画区域本身可以有点击事件（如果需要）
+    pointer-events: auto;
+
+    .animation-mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(255, 255, 255, 0.6); // 添加半透明背景
+        backdrop-filter: blur(4px);
+
+        // 遮罩层阻止点击
+        pointer-events: auto;
+    }
+
+    .animation-content {
+        position: relative;
+        z-index: 10000;
+        text-align: center;
+        background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
+        padding: 40px 50px;
+        border-radius: 20px;
+        box-shadow:
+            0 10px 40px rgba(31, 114, 234, 0.15),
+            0 0 0 1px rgba(31, 114, 234, 0.1);
+        min-width: 280px;
+        animation: slideInUp 0.3s ease-out;
+
+        // 动画内容可以有点击事件
+        pointer-events: auto;
+
+        .spinner {
+            width: 60px;
+            height: 60px;
+            border: 4px solid #f3f7ff;
+            border-top: 4px solid #1F72EA;
+            border-radius: 50%;
+            animation: spin 1.2s linear infinite;
+            margin: 0 auto 20px;
+            position: relative;
+
+            &::after {
+                content: '';
+                position: absolute;
+                top: -4px;
+                left: -4px;
+                right: -4px;
+                bottom: -4px;
+                border: 4px solid transparent;
+                border-top: 4px solid #4A8BFF;
+                border-radius: 50%;
+                animation: spin 0.8s linear infinite reverse;
+            }
+        }
+
+        .animation-text {
+            font-size: 20px;
+            font-weight: 600;
+            color: #1F72EA;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #1F72EA 0%, #4A8BFF 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .animation-subtext {
+            font-size: 14px;
+            color: #666;
+            opacity: 0.8;
+        }
+    }
+}
+
 .content-body {
     margin-top: 20px;
 }
diff --git a/src/views/enterpriseLibrary/technical/index.vue b/src/views/enterpriseLibrary/technical/index.vue
index c593cb7..9a71ad4 100644
--- a/src/views/enterpriseLibrary/technical/index.vue
+++ b/src/views/enterpriseLibrary/technical/index.vue
@@ -13,7 +13,7 @@
                         @category-command="handleCategoryCommand" :enterpriseId="enterpriseId" />
                 </el-col>
                 <el-col :span="20" class="right-col">
-                    <RightTable :technicalSolutionTypeId="activeCategory" @add-scheme="handleAddScheme" @view="handleView"
+                    <RightTable :value="activeCategory" @add-scheme="handleAddScheme" @view="handleView"
                         @edit="handleEdit" @delete="handleDelete" :enterpriseId="enterpriseId" />
                 </el-col>
             </el-row>