From 462130a695f4423f6080380414d91792294308a7 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期二, 26 十一月 2024 21:44:01 +0800
Subject: [PATCH] 项目(法人)单位登记信息页面

---
 src/views/projectEngineering/projectLibrary/projectDetails.vue |   69 ++++++++++++++++++++++++++--------
 1 files changed, 52 insertions(+), 17 deletions(-)

diff --git a/src/views/projectEngineering/projectLibrary/projectDetails.vue b/src/views/projectEngineering/projectLibrary/projectDetails.vue
index 0cd0d7e..a1e5bf2 100644
--- a/src/views/projectEngineering/projectLibrary/projectDetails.vue
+++ b/src/views/projectEngineering/projectLibrary/projectDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <el-card class="card-container">
-    <div class="flex justify-between mb-4">
+    <div class="flex-container mb-4">
       <el-tabs v-model="currentTab" @tab-click="handleClick">
         <el-tab-pane
           v-for="item in TABS_DATA"
@@ -8,26 +8,31 @@
           :label="item.label"
           :name="item.value"
         >
-          <template slot="label">
-            <div class="text-sm">{{ item.label }}</div>
+          <template slot-scope="item">
+            <div class="tab-label">{{ item.label }}</div>
           </template>
         </el-tab-pane>
       </el-tabs>
     </div>
-    <component :is="componentName" ref="childRef" :disabled="disabled" class="w-full h-[calc(100%-55px)]" />
-    <div v-if="!disabled" class="mt-[3%] ml-[3%] flex">
-      <el-button class="w-[72px]" type="primary" @click="submit">淇濆瓨</el-button>
-      <el-button class="w-[72px]" @click="reset">閲嶇疆</el-button>
-      <!-- <el-button v-else class="w-[72px]" @click="cancel">鍙栨秷</el-button> -->
+    <component
+      :is="componentName"
+      ref="childRef"
+      :disabled="disabled"
+      class="full-width custom-height"
+    />
+    <div v-if="!disabled" class="button-container">
+      <el-button class="save-button" type="primary" @click="submit">淇濆瓨</el-button>
+      <el-button class="reset-button" @click="reset">閲嶇疆</el-button>
+      <!-- <el-button v-else class="cancel-button" @click="cancel">鍙栨秷</el-button> -->
     </div>
   </el-card>
 </template>
 
 <script>
 import BasicInfo from '@/views/projectEngineering/projectLibrary/component/BasicInfo';
-// import InvestInfo from '@/components/InvestInfo.vue';
-// import InvestmentFunds from '@/components/investmentFunds.vue';
-// import LegalPerson from '@/components/legalPerson.vue';
+import InvestInfo from '@/views/projectEngineering/projectLibrary/component/InvestInfo';
+import InvestmentFunds from '@/views/projectEngineering/projectLibrary/component/investmentFunds';
+import LegalPerson from '@/views/projectEngineering/projectLibrary/component//legalPerson';
 // import PolicyInfo from '@/components/PolicyInfo.vue';
 // import DocumentsInfo from '@/components/DocumentsInfo.vue';
 import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectInfo';
@@ -38,7 +43,7 @@
       currentTab: '椤圭洰绠＄悊鍩虹淇℃伅',
       id: this.$route.query.id || '',
       disabled: false,
-      componentName: 'BasicInfo',
+      componentName: BasicInfo,
       TABS_DATA: [
         {
           label: '椤圭洰绠＄悊鍩虹淇℃伅',
@@ -48,17 +53,17 @@
         {
           label: '鎶曡祫绠＄悊鍩虹淇℃伅',
           value: '浠诲姟涓嬪彂',
-          componentName: 'InvestInfo'
+          componentName: InvestInfo
         },
         {
           label: ' 椤圭洰鎶曡祫鍙婅祫閲戞潵婧�',
           value: '椤圭洰鎶曡祫鍙婅祫閲戞潵婧�',
-          componentName: 'InvestmentFunds'
+          componentName: InvestmentFunds
         },
         {
           label: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅',
           value: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅',
-          componentName: 'LegalPerson'
+          componentName: LegalPerson
         },
         {
           label: '鎶曡祫椤圭洰浜т笟鏀跨瓥绗﹀悎鎯呭喌',
@@ -165,7 +170,6 @@
         this.getProjectInfo(this.id);
       } else {
         this.getProjectCodeApi();
-        // 鍋囪 resetPlanLibrary 鏄竴涓柟娉曪紝鐢ㄤ簬閲嶇疆鐘舵��
         this.resetPlanLibrary();
         this.fileList = [];
         this.fileIdList = [];
@@ -202,5 +206,36 @@
 </script>
 
 <style scoped>
-/* 浣犵殑鏍峰紡 */
+
+::v-deep .el-tabs__nav-wrap::after {
+  background-color: rgba(0, 0, 0, 0) !important;
+}
+.flex-container {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.tab-label {
+  font-size: 14px;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.custom-height {
+  height: calc(100% - 55px);
+}
+
+.button-container {
+  margin-top: 3%;
+  margin-left: 3%;
+  display: flex;
+}
+
+.save-button,
+.reset-button {
+  width: 72px;
+}
 </style>

--
Gitblit v1.8.0