add

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>

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', //危险主题色

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>