1.代码优化

sws 2024-09-03

src/views/layout/components/navbar/index.vue

@@ -2,7 +2,7 @@
     <!-- 顶部导航栏 -->
     <div class="navbar">
         <div class="nav-left">
-            <icon name="arrow-left" color="f">返回</icon>
+            <!-- <icon name="arrow-left" color="f">返回</icon> -->
             <div class="flex-row align-c">
                 <div class="name">
                     <div class="flex-row align-c gap-10 c-pointer" @click="dialog_visible = true">
@@ -27,17 +27,17 @@
             </div>
         </template>
         <div class="content pa-20">
-            <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="70" status-icon>
+            <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="50" status-icon>
-                <el-form-item label="上传头像">
+                <el-form-item label="封面">
                     <upload v-model="form.logo" :limit="1"></upload>
                 </el-form-item>
-                <el-form-item label="模版名称" prop="name">
+                <el-form-item label="名称" prop="name">
-                    <el-input v-model="form.name" placeholder="请输入模版名称" />
+                    <el-input v-model="form.name" placeholder="请输入名称" />
                 </el-form-item>
-                <el-form-item label="模版描述">
+                <el-form-item label="描述">
-                    <el-input v-model="form.describe" placeholder="请输入模版描述" :rows="4" type="textarea" />
+                    <el-input v-model="form.describe" placeholder="请输入描述" :rows="4" type="textarea" />
                 </el-form-item>
-                <el-form-item label="模版开关">
+                <el-form-item label="开关">
                     <el-switch v-model="form.is_enable" active-value="1" inactive-value="0"></el-switch>
                 </el-form-item>
             </el-form>
@@ -110,7 +110,7 @@ const confirm_event = async (formEl: FormInstance | undefined) => {
 <style lang="scss" scoped>
 .navbar {
     height: 8rem;
-    padding: 0 3.7rem;
+    padding: 0 3rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -119,21 +119,21 @@ const confirm_event = async (formEl: FormInstance | undefined) => {
         display: flex;
         align-items: center;
         .name {
-            padding-left: 2rem;
+            // padding-left: 2rem;
-            margin: 0 2rem;
+            // margin: 0 2rem;
             color: #fff;
             position: relative;
-            &::before {
+            // &::before {
-                content: '';
+            //     content: '';
-                display: inline-block;
+            //     display: inline-block;
-                width: 0.1rem;
+            //     width: 0.1rem;
-                height: 65%;
+            //     height: 65%;
-                background-color: #fff;
+            //     background-color: #fff;
-                position: absolute;
+            //     position: absolute;
-                left: 0;
+            //     left: 0;
-                top: 50%;
+            //     top: 50%;
-                transform: translateY(-50%);
+            //     transform: translateY(-50%);
-            }
+            // }
             .img {
                 width: 2.2rem;
                 height: 2.2rem;

src/views/layout/index.vue

@@ -142,10 +142,9 @@ const save = () => {
     formmat_form_data(form.value);
 };
 const save_close = () => {
-    formmat_form_data(form.value);
+    formmat_form_data(form.value, true);
-    window.close();
 };
-const formmat_form_data = (data: diy_data_item) => {
+const formmat_form_data = (data: diy_data_item, close: boolean = false) => {
     const clone_form = cloneDeep(data);
     clone_form.header.show_tabs = true;
     clone_form.footer.show_tabs = false;
@@ -161,6 +160,13 @@ const formmat_form_data = (data: diy_data_item) => {
     const new_data = diy_data_transfor_form_data(clone_form);
     DiyAPI.save(new_data).then((res) => {
         ElMessage.success('保存成功');
+        if (!close) return;
+        ElMessageBox.confirm('您确定要关闭本页吗？', '提示')
+            .then(() => {
+                // 关闭页面
+                window.close();
+            })
+            .catch(() => {});
     });
 };
 //#endregion 顶部导航回调方法 ---------------------end