From 4338b7835002a5393e269303413b50fb49dafc61 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Wed, 20 Mar 2024 10:30:07 +0800
Subject: [PATCH] add

---
 src/components/detailPage/index.vue | 57 +++++++++++++++++------------
 src/config/setting.ts               |  4 +-
 src/views/manage_project/edit.vue   |  2 +-
 3 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/src/components/detailPage/index.vue b/src/components/detailPage/index.vue
index 7297bde..9e40123 100644
--- a/src/components/detailPage/index.vue
+++ b/src/components/detailPage/index.vue
@@ -1,32 +1,37 @@
 <template>
     <div class="detail-popup">
         <popup ref="popupRef" :async="true" :width="width" @close="handleClose" :showFootBtn="false">
-            <el-form ref="formRef" :model="formData" label-width="100px">
-                <el-descriptions :column="column" :title="detailConfig?.title || '详情'" border>
-                    <el-descriptions-item :label="item.label" label-align="left" align="left"
-                        v-for="(item, index) in detailConfig?.config.filter(item => !item.column)" :key="index">
-                        {{ formData[item.value] ??
+
+            <el-descriptions :column="column" :title="detailConfig?.title || '详情'" border>
+                <el-descriptions-item :label="item.label" label-align="left" align="left"
+                    v-for="(item, index) in detailConfig?.config.filter(item => !item.column)" :key="index"
+                    label-class-name="my-label">
+
+                    {{ formData[item.value] ??
             (item.value.includes('.') ?
                 (formData[item.value.split('.')[0]])[item.value.split('.')[1]] :
                 '')
-                        }}
-                    </el-descriptions-item>
-                </el-descriptions>
-                <el-descriptions :column="1" border
-                    v-for="(item, index) in detailConfig?.config.filter(item => item.column == 1)" :key="index">
-                    <el-descriptions-item :label="item.label" label-align="left" align="left"
-                        v-if="Array.isArray(formData[item.value])">
-                        <el-link :href="items.uri" type="primary" target="_blank" v-for="items in formData[item.value]"
-                            class="mr-5">
-                            {{ items.name }}
-                        </el-link>
-                    </el-descriptions-item>
-                    <el-descriptions-item :label="item.label" label-align="left" align="left" v-else>
-                        {{ formData[item.value] }}
-                    </el-descriptions-item>
-                </el-descriptions>
-            </el-form>
-            <div v-if="detailConfig?.table">
+                    }}
+
+                </el-descriptions-item>
+            </el-descriptions>
+            <el-descriptions :column="2" border
+                v-for="(item, index) in detailConfig?.config.filter(item => item.column == 1)" :key="index"
+                v-show="formData[item.value]">
+                <el-descriptions-item :label="item.label" label-align="left" align="left"
+                    v-if="Array.isArray(formData[item.value])" label-class-name="my-label">
+                    <el-link :href="items.uri" type="primary" target="_blank" v-for="items in formData[item.value]"
+                        class="mr-5">
+                        {{ items.name }}
+                    </el-link>
+                </el-descriptions-item>
+                <el-descriptions-item :label="item.label" label-align="left" align="left" label-class-name="my-label"
+                    v-else>
+                    {{ formData[item.value] }}
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <div v-if="detailConfig?.table && tableLists.length">
                 <el-card class="mt-5" v-if="!Array.isArray(detailConfig?.table)">
                     <template #header>
                         {{ detailConfig.table.title }}列表
@@ -125,4 +130,8 @@ defineExpose({
 })
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+:deep(.my-label) {
+    width: 198px !important;
+}
+</style>
diff --git a/src/config/setting.ts b/src/config/setting.ts
index 11440a5..98c2860 100644
--- a/src/config/setting.ts
+++ b/src/config/setting.ts
@@ -3,10 +3,10 @@ const defaultSetting = {
     showLogo: true, // 是否显示logo
     isUniqueOpened: true, //只展开一个一级菜单
     sideWidth: 250, //侧边栏宽度
-    sideTheme: 'light', //侧边栏主题
+    sideTheme: 'dark', //侧边栏主题
     sideDarkColor: '#1d2124', //侧边栏深色主题颜色
     openMultipleTabs: true, // 是否开启多标签tab栏
-    theme: '#4A5DFF', //主题色
+    theme: '#FF8F4A', //主题色
     successTheme: '#67c23a', //成功主题色
     warningTheme: '#e6a23c', //警告主题色
     dangerTheme: '#f56c6c', //危险主题色
diff --git a/src/views/manage_project/edit.vue b/src/views/manage_project/edit.vue
index fb56235..e814947 100644
--- a/src/views/manage_project/edit.vue
+++ b/src/views/manage_project/edit.vue
@@ -168,7 +168,7 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
-                        <el-form-item label="备注" prop="remark">
+                        <el-form-item label="备注">
                             <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
                         </el-form-item>
                     </el-col>