From 65f5a6cd1f6804b3ac6a0ce66f58c022d60f1dad Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Tue, 2 Dec 2025 16:03:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8E=92=E7=89=88=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=BD=8D=E7=BD=AE=E3=80=81=E6=9B=B4=E6=96=B0=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E4=BE=A7=E8=BE=B9=E6=A0=8F=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                         |  36 ++++----
 src/store/index.js                          |  16 ++--
 src/views/clientSet/catalogPage.vue         |  87 -------------------
 src/views/clientSet/coverInfoPage.vue       | 130 ----------------------------
 src/views/clientSet/headerPage.vue          |  81 -----------------
 src/views/clientSet/mainTextPage.vue        | 108 -----------------------
 src/views/clientSet/referencePage.vue       |  78 -----------------
 src/views/clientSet/summaryPage.vue         | 106 -----------------------
 src/views/clientSet/switchPage.vue          |  80 -----------------
 src/views/clientSet/thanksPage.vue          |  79 -----------------
 src/views/super/clientSet/catalogPage.vue   |  87 +++++++++++++++++++
 src/views/super/clientSet/coverInfoPage.vue | 130 ++++++++++++++++++++++++++++
 src/views/super/clientSet/headerPage.vue    |  81 +++++++++++++++++
 src/views/super/clientSet/mainTextPage.vue  | 108 +++++++++++++++++++++++
 src/views/super/clientSet/referencePage.vue |  78 +++++++++++++++++
 src/views/super/clientSet/summaryPage.vue   | 106 +++++++++++++++++++++++
 src/views/super/clientSet/switchPage.vue    |  80 +++++++++++++++++
 src/views/super/clientSet/thanksPage.vue    |  79 +++++++++++++++++
 18 files changed, 775 insertions(+), 775 deletions(-)
 delete mode 100644 src/views/clientSet/catalogPage.vue
 delete mode 100644 src/views/clientSet/coverInfoPage.vue
 delete mode 100644 src/views/clientSet/headerPage.vue
 delete mode 100644 src/views/clientSet/mainTextPage.vue
 delete mode 100644 src/views/clientSet/referencePage.vue
 delete mode 100644 src/views/clientSet/summaryPage.vue
 delete mode 100644 src/views/clientSet/switchPage.vue
 delete mode 100644 src/views/clientSet/thanksPage.vue
 create mode 100644 src/views/super/clientSet/catalogPage.vue
 create mode 100644 src/views/super/clientSet/coverInfoPage.vue
 create mode 100644 src/views/super/clientSet/headerPage.vue
 create mode 100644 src/views/super/clientSet/mainTextPage.vue
 create mode 100644 src/views/super/clientSet/referencePage.vue
 create mode 100644 src/views/super/clientSet/summaryPage.vue
 create mode 100644 src/views/super/clientSet/switchPage.vue
 create mode 100644 src/views/super/clientSet/thanksPage.vue

diff --git a/src/router/index.js b/src/router/index.js
index 79bbcc7..6d09651 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,7 +24,7 @@ const blackHeaderRightList = [
 ];
 const blackFooterList = [
   '/', '/franchise','/agreement', '/customizeDoc','/agent/siteAdd', '/agent/payInfoSetting','/agent/siteServiceEdit','/agent/siteAddFinally','/agent/siteServiceAdd',
-  '/agent/siteTemplate','/agent/siteAddChooseService','/clientSet/coverInfoPage'
+  '/agent/siteTemplate','/agent/siteAddChooseService','/super/clientSet/coverInfoPage'
 ];
 
 const routes = [{
@@ -601,65 +601,65 @@ const routes = [{
 
   // 论易排 start
   {
-    path: '/clientSet/coverInfoPage',
+    path: '/super/clientSet/coverInfoPage',
     name: '封面信息',
-    component: () => import( /* webpackChunkName: "coverInfoPage" */ '../views/clientSet/coverInfoPage.vue'),
+    component: () => import( /* webpackChunkName: "coverInfoPage" */ '../views/super/clientSet/coverInfoPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/mainTextPage',
+    path: '/super/clientSet/mainTextPage',
     name: '正文',
-    component: () => import( /* webpackChunkName: "mainTextPage" */ '../views/clientSet/mainTextPage.vue'),
+    component: () => import( /* webpackChunkName: "mainTextPage" */ '../views/super/clientSet/mainTextPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/summaryPage',
+    path: '/super/clientSet/summaryPage',
     name: '摘要',
-    component: () => import( /* webpackChunkName: "summaryPage" */ '../views/clientSet/summaryPage.vue'),
+    component: () => import( /* webpackChunkName: "summaryPage" */ '../views/super/clientSet/summaryPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/catalogPage',
+    path: '/super/clientSet/catalogPage',
     name: '目录',
-    component: () => import( /* webpackChunkName: "catalogPage" */ '../views/clientSet/catalogPage.vue'),
+    component: () => import( /* webpackChunkName: "catalogPage" */ '../views/super/clientSet/catalogPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/referencePage',
+    path: '/super/clientSet/referencePage',
     name: '参考文献',
-    component: () => import( /* webpackChunkName: "referencePage" */ '../views/clientSet/referencePage.vue'),
+    component: () => import( /* webpackChunkName: "referencePage" */ '../views/super/clientSet/referencePage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/thanksPage',
+    path: '/super/clientSet/thanksPage',
     name: '致谢',
-    component: () => import( /* webpackChunkName: "thanksPage" */ '../views/clientSet/thanksPage.vue'),
+    component: () => import( /* webpackChunkName: "thanksPage" */ '../views/super/clientSet/thanksPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/headerPage',
+    path: '/super/clientSet/headerPage',
     name: '页眉页码',
-    component: () => import( /* webpackChunkName: "headerPage" */ '../views/clientSet/headerPage.vue'),
+    component: () => import( /* webpackChunkName: "headerPage" */ '../views/super/clientSet/headerPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
   },
   {
-    path: '/clientSet/switchPage',
+    path: '/super/clientSet/switchPage',
     name: '启用开关',
-    component: () => import( /* webpackChunkName: "switchPage" */ '../views/clientSet/switchPage.vue'),
+    component: () => import( /* webpackChunkName: "switchPage" */ '../views/super/clientSet/switchPage.vue'),
     meta: {
       hideBreadcrumb: true
     }
@@ -714,7 +714,7 @@ router.beforeEach((to, from, next) => {
       store.commit('SET_SIDEBAR', false);
     }
 
-    if (to.path.includes('/clientSet/')) { //匹配包含此路径的 侧边栏数据
+    if (to.path.includes('/super/clientSet/')) { //匹配包含此路径的 侧边栏数据
       store.commit('SET_CUSTOMIZE', true);
       store.commit('SET_SLIDER_MENU', 'lunyiData');
 
diff --git a/src/store/index.js b/src/store/index.js
index 2cf7b07..b9b4856 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -730,12 +730,12 @@ export default new Vuex.Store({
     // 论易排项目-侧边 可以单项跳转 也可以跳页面
     lunyiData: [{
         name: '封面信息',
-        path: '/clientSet/coverInfoPage',
+        path: '/super/clientSet/coverInfoPage',
         list: [],
       },
       {
         name: '正文',
-        path: '/clientSet/mainTextPage',
+        path: '/super/clientSet/mainTextPage',
         list: [
           {
             name: '正文标题',
@@ -753,7 +753,7 @@ export default new Vuex.Store({
       },
       {
         name: '摘要',
-        path: '/clientSet/summaryPage',
+        path: '/super/clientSet/summaryPage',
         noToPath:true,
         list: [{
             name: '摘要标题',
@@ -771,27 +771,27 @@ export default new Vuex.Store({
       },
       {
         name: '目录',
-        path: '/clientSet/catalogPage',
+        path: '/super/clientSet/catalogPage',
         list: [],
       },
       {
         name: '参考文献',
-        path: '/clientSet/referencePage',
+        path: '/super/clientSet/referencePage',
         list: [],
       },
       {
         name: '致谢',
-        path: '/clientSet/thanksPage',
+        path: '/super/clientSet/thanksPage',
         list: [],
       },
       {
         name: '页眉页码',
-        path: '/clientSet/headerPage',
+        path: '/super/clientSet/headerPage',
         list: [],
       },
       {
         name: '启用开关',
-        path: '/clientSet/switchPage',
+        path: '/super/clientSet/switchPage',
         list: [],
       },
     ]
diff --git a/src/views/clientSet/catalogPage.vue b/src/views/clientSet/catalogPage.vue
deleted file mode 100644
index 0afe74c..0000000
--- a/src/views/clientSet/catalogPage.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">目录</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="">
-            <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
-                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '1'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                case 'threeLevel':
-                    console.log('执行三级标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/coverInfoPage.vue b/src/views/clientSet/coverInfoPage.vue
deleted file mode 100644
index becbdee..0000000
--- a/src/views/clientSet/coverInfoPage.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-    <div class="main-content12 coverInfoPage">
-        <h3 class="pageTitle">封面信息</h3>
-        <div class="client_flex-common flex-common" id="">
-            <div class="before_h_title mb24">基本信息</div>
-            <el-form :model="coverInfo">
-                <GuipInput v-model="coverInfo.name" :client-form-flex="true" label="所属学校" width="356px" />
-                <GuipRadio :options="collegeList" v-model="coverInfo.name" :client-form-flex="true" label="学院" />
-                <GuipInput v-model="coverInfo.name" label="学院名称" :client-form-flex="true" width="356px" />
-                <GuipRadio :options="qualificationList" v-model="coverInfo.name" label="学历" :client-form-flex="true" />
-                <GroupFormBtns cancelText="重置" @cancel="cancelClick('siteForm')" flex="start"
-                    @confirm="submitDoctorBaseInfo" />
-            </el-form>
-        </div>
-        <div class="client_flex-common flex-common mt12" id="">
-            <div class="before_h_title mb24">封面样式</div>
-            <div class="flex mt12">
-                <img v-if="coverStyle" :src="coverStyle.qrcode_path" class="kefuImg mr-12">
-                <div class="qqCode-wrap">
-                    <el-upload class="avatar-uploader mt12" accept=".jpg" :on-change="handleQQkfChange" action="#"
-                        :multiple="false" :limit="Number(1)" ref="avatorUpload" :auto-upload="false">
-                        <GuipButton class="upload-button" type="ignore" :btnstyle="{ width: '118px' }">
-                            <div class="bgImg"></div>
-                            <span>上传图片</span>
-                        </GuipButton>
-                    </el-upload>
-                    <p class="avatar-desc">支持 jpg、png 格式，大小不超过 2MB </p>
-                </div>
-            </div>
-            
-            <GroupFormBtns cancelText="重置" @cancel="cancelClick('siteForm')" flex="start"
-                @confirm="submitDoctorBaseInfo" />
-        </div>
-        <div class="save-button flex">
-            <GuipButton type="primary" :btnstyle="{width:'144px',height:'46px'}" @click="submitFun">收录完成</GuipButton>
-        </div>
-    </div>
-</template>
-<script>
-import GuipInput from '@/components/GuipInput.vue';
-import GroupFormBtns from '@/components/GroupFormBtns.vue';
-import GuipRadio from '@/components/GuipRadio.vue';
-import GuipButton from '@/components/GuipButton.vue';
-// import GuipSelect from '@/components/GuipSelect.vue';
-
-export default {
-    name: 'CoverInfoPage',
-    components: {
-        GroupFormBtns,
-        GuipInput,
-        GuipRadio,
-        GuipButton,
-        // GuipSelect
-    },
-    data() {
-        return {
-            coverStyle: {
-                url: '',
-                qrcode_path: ''
-            },
-            coverInfo: {
-                name: ''
-            },
-            rules: {
-                name: [
-                    { required: true, message: '请输入姓名', trigger: 'blur' }
-                ]
-            },
-            collegeList: [// 学院列表
-                {
-                    label: '通用',
-                    value: 1
-                },
-                {
-                    label: '专用',
-                    value: 2
-                }
-            ],
-            qualificationList: [// 学历列表
-                {
-                    label: '专科',
-                    value: 1
-                },
-                {
-                    label: '本科',
-                    value: 2
-                },
-                {
-                    label: '硕士',
-                    value: 3
-                },
-                {
-                    label: '博士',
-                    value: 4
-                },
-                {
-                    label: '继续教育',
-                    value: 5
-                },
-            ]
-
-        };
-    },
-    methods: {
-        cancelClick(formName) {
-            this.$emit('cancel', formName);
-        },
-        submitDoctorBaseInfo() {
-            this.$emit('confirm');
-        },
-        handleQQkfChange(file, fileList) {
-            console.log(file, fileList)
-            // let fileObj = file.raw
-            // this.formData.set('qq_qrcode', fileObj)
-        },
-        submitFun() {
-        }
-    },
-    mounted() {
-    },
-
-}
-</script>
-
-<style scoped lang="scss">
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/headerPage.vue b/src/views/clientSet/headerPage.vue
deleted file mode 100644
index e375e90..0000000
--- a/src/views/clientSet/headerPage.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">页眉页码</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <ClientForm ref="oneLevelRef" title="页眉" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="false" :showIndentation="false" :fontWeightflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="页码" :titlePosFlag="false" :fontDetailflag="false" :lineSpaceShow="false" :showIndentation="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '1'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                case 'threeLevel':
-                    console.log('执行三级标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/mainTextPage.vue b/src/views/clientSet/mainTextPage.vue
deleted file mode 100644
index 1710048..0000000
--- a/src/views/clientSet/mainTextPage.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">正文</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="">
-            <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
-                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="mainTextContent">
-            <ClientForm ref="mainRef" title="正文内容" :titlePosFlag="false" :fontDetailflag="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
-                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="mainTextTableImage">
-            <ClientForm ref="tableRef" title="表格标题" :titlePosFlag="true" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'tableRef')"
-                @submit="(data) => handleSubmitEvent(data, 'tableRef')" />
-            <ClientForm ref="imagesRef" title="图片标题" :imgPosFlag="true" :fontDetailflag="true" :init-data="initFormData"
-                @cancel="(data) => handleCancelEvent(data, 'imagesRef')"
-                @submit="(data) => handleSubmitEvent(data, 'imagesRef')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '1'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                case 'threeLevel':
-                    console.log('执行三级标题重置逻辑');
-                    break;
-                case 'main':
-                    console.log('执行正文内容重置逻辑');
-                    break;
-                case 'table':
-                    console.log('执行表格标题重置逻辑');
-                    break;
-                case 'images':
-                    console.log('执行图片标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/referencePage.vue b/src/views/clientSet/referencePage.vue
deleted file mode 100644
index d70a941..0000000
--- a/src/views/clientSet/referencePage.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">参考文献</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <ClientForm ref="oneLevelRef" title="参考文献标题" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="参考文献正文" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '1'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/summaryPage.vue b/src/views/clientSet/summaryPage.vue
deleted file mode 100644
index d42b4cf..0000000
--- a/src/views/clientSet/summaryPage.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">摘要</h3>
-        <div class="flex-between flex-common" id="summaryTitle">
-            <ClientForm ref="oneLevelRef" title="中文摘要标题" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="summaryContent">
-            <ClientForm ref="threeLevelRef" title="中文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
-                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
-            <ClientForm ref="threeLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
-                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
-        </div>
-        <div class="flex-between flex-common mt12" id="summaryKeyWords">
-            <ClientForm ref="mainRef" title="中文关键词" :titlePosFlag="false" :fontDetailflag="false" :ch_keywords="true" :showIndentation="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
-                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
-            <ClientForm ref="mainRef" title="英文关键词" :titlePosFlag="false" :fontDetailflag="false" :eng_keywords="true" :showIndentation="false"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
-                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '0'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                case 'threeLevel':
-                    console.log('执行三级标题重置逻辑');
-                    break;
-                case 'main':
-                    console.log('执行正文内容重置逻辑');
-                    break;
-                case 'table':
-                    console.log('执行表格标题重置逻辑');
-                    break;
-                case 'images':
-                    console.log('执行图片标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/switchPage.vue b/src/views/clientSet/switchPage.vue
deleted file mode 100644
index 3d0aaf6..0000000
--- a/src/views/clientSet/switchPage.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">启用开关</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <el-form>
-                <div class="left-pay-list ">
-                    <div class="left-pay-item flex-between">
-                        <div class="column">
-                            <span>模板启用</span>
-                            <p>中国人民大学-硕士-通用</p>
-                        </div>
-                        <GuipSwitch v-model="is_use_templete" :active-value="1" :inactive-value="0"  activeText="开启" inactiveText="关闭" @change="updatePayAutoRefund"></GuipSwitch>
-                    </div>
-                </div>
-            </el-form>
-        </div>
-       
-    </div>
-</template>
-<script>
-import GuipSwitch from '@/components/GuipSwitch.vue';
-export default {
-    components: {
-        GuipSwitch
-    },
-    data() {
-        return {
-            is_use_templete:1
-        };
-    },
-    methods: {
-        updatePayAutoRefund() {
-            this.$http('POST', '/agentnew/ajax_setting_auto_refund', {
-                status: this.is_use_templete,
-            }).then(response => {
-                this.$nextTick(() => {
-                    if (response.status) {
-                        this.$Message.success(response.info);
-                    } else {
-                        this.$Message.error(response.info);
-                    }
-                })
-            }).catch(error => {
-                console.error(error, 'error')
-            })
-        },
-    },
-};
-</script>
-<style lang="scss" scoped>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-.left-pay-list {
-        width: 438px;
-        border-radius: 4px;
-        opacity: 1;
-
-        .left-pay-item {
-            padding: 24px;
-            color: #23242B;
-            background: #FAFAFA;
-            p {
-                text-align: left;
-                margin-top: 9px;
-                /* caption/caption_regular */
-                font-size: 12px;
-                font-weight: normal;
-                line-height: 13px;
-                letter-spacing: 0.08em;
-                color: #626573;
-            }
-
-            .el-form-item {
-                margin-bottom: 0;
-            }
-        }
-    }
-</style>
\ No newline at end of file
diff --git a/src/views/clientSet/thanksPage.vue b/src/views/clientSet/thanksPage.vue
deleted file mode 100644
index 003d20b..0000000
--- a/src/views/clientSet/thanksPage.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-    <!-- 致谢页面、参考文献页面应该能公用、后续根据实际情况克以直接合并页面-->
-    <div class="mainTextPage main-content12">
-        <h3 class="pageTitle">致谢</h3>
-        <div class="flex-between flex-common" id="mainTextTitle">
-            <ClientForm ref="oneLevelRef" title="致谢标题" :init-data="initFormData" :titlePosFlag="false"
-                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
-            <ClientForm ref="twoLevelRef" title="致谢正文" desc="自动继承正文数据，可修改" :titlePosFlag="false" :fontDetailflag="true"
-                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
-                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
-        </div>
-    </div>
-</template>
-<script>
-import ClientForm from '@/components/clientSet/clientForm.vue';
-export default {
-    components: {
-        ClientForm,
-    },
-    data() {
-        return {
-            initFormData: {
-                fontSize: '12',
-                align: 1,
-                indentation: '0'
-            },
-        };
-    },
-    methods: {
-        // 外部重置方法
-        handleCancelEvent(formData, refName) {
-            console.log('外部重置方法:', formData);
-            // 根据 refName 执行不同的重置逻辑
-            switch (refName) {
-                case 'oneLevel':
-                    console.log('执行一级标题重置逻辑');
-                    // 这里可以调用对应的 ref 方法
-                    this.$refs[refName + 'Ref']?.someMethod();
-                    break;
-                case 'twoLevel':
-                    console.log('执行二级标题重置逻辑');
-                    break;
-                default:
-                    console.log('默认重置逻辑');
-            }
-        },
-
-        // 外部提交方法
-        handleSubmitEvent(formData, refName) {
-            console.log('外部提交方法:', formData);
-            // 根据 refName 调用不同的 API
-            switch (refName) {
-                case 'oneLevel':
-                    this.submitOneLevel(formData);
-                    break;
-                case 'twoLevel':
-                    this.submitTwoLevel(formData);
-                    break;
-            }
-        },
-        submitOneLevel(data) {
-            // 调用一级标题的 API
-            console.log('提交一级标题数据:', data);
-        },
-
-        submitTwoLevel(data) {
-            // 调用二级标题的 API
-            console.log('提交二级标题数据:', data);
-        }
-    },
-};
-</script>
-<style>
-.flex-common {
-    align-items: flex-start;
-    padding: 24px 32px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/catalogPage.vue b/src/views/super/clientSet/catalogPage.vue
new file mode 100644
index 0000000..0afe74c
--- /dev/null
+++ b/src/views/super/clientSet/catalogPage.vue
@@ -0,0 +1,87 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">目录</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="">
+            <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
+                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '1'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                case 'threeLevel':
+                    console.log('执行三级标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/coverInfoPage.vue b/src/views/super/clientSet/coverInfoPage.vue
new file mode 100644
index 0000000..becbdee
--- /dev/null
+++ b/src/views/super/clientSet/coverInfoPage.vue
@@ -0,0 +1,130 @@
+<template>
+    <div class="main-content12 coverInfoPage">
+        <h3 class="pageTitle">封面信息</h3>
+        <div class="client_flex-common flex-common" id="">
+            <div class="before_h_title mb24">基本信息</div>
+            <el-form :model="coverInfo">
+                <GuipInput v-model="coverInfo.name" :client-form-flex="true" label="所属学校" width="356px" />
+                <GuipRadio :options="collegeList" v-model="coverInfo.name" :client-form-flex="true" label="学院" />
+                <GuipInput v-model="coverInfo.name" label="学院名称" :client-form-flex="true" width="356px" />
+                <GuipRadio :options="qualificationList" v-model="coverInfo.name" label="学历" :client-form-flex="true" />
+                <GroupFormBtns cancelText="重置" @cancel="cancelClick('siteForm')" flex="start"
+                    @confirm="submitDoctorBaseInfo" />
+            </el-form>
+        </div>
+        <div class="client_flex-common flex-common mt12" id="">
+            <div class="before_h_title mb24">封面样式</div>
+            <div class="flex mt12">
+                <img v-if="coverStyle" :src="coverStyle.qrcode_path" class="kefuImg mr-12">
+                <div class="qqCode-wrap">
+                    <el-upload class="avatar-uploader mt12" accept=".jpg" :on-change="handleQQkfChange" action="#"
+                        :multiple="false" :limit="Number(1)" ref="avatorUpload" :auto-upload="false">
+                        <GuipButton class="upload-button" type="ignore" :btnstyle="{ width: '118px' }">
+                            <div class="bgImg"></div>
+                            <span>上传图片</span>
+                        </GuipButton>
+                    </el-upload>
+                    <p class="avatar-desc">支持 jpg、png 格式，大小不超过 2MB </p>
+                </div>
+            </div>
+            
+            <GroupFormBtns cancelText="重置" @cancel="cancelClick('siteForm')" flex="start"
+                @confirm="submitDoctorBaseInfo" />
+        </div>
+        <div class="save-button flex">
+            <GuipButton type="primary" :btnstyle="{width:'144px',height:'46px'}" @click="submitFun">收录完成</GuipButton>
+        </div>
+    </div>
+</template>
+<script>
+import GuipInput from '@/components/GuipInput.vue';
+import GroupFormBtns from '@/components/GroupFormBtns.vue';
+import GuipRadio from '@/components/GuipRadio.vue';
+import GuipButton from '@/components/GuipButton.vue';
+// import GuipSelect from '@/components/GuipSelect.vue';
+
+export default {
+    name: 'CoverInfoPage',
+    components: {
+        GroupFormBtns,
+        GuipInput,
+        GuipRadio,
+        GuipButton,
+        // GuipSelect
+    },
+    data() {
+        return {
+            coverStyle: {
+                url: '',
+                qrcode_path: ''
+            },
+            coverInfo: {
+                name: ''
+            },
+            rules: {
+                name: [
+                    { required: true, message: '请输入姓名', trigger: 'blur' }
+                ]
+            },
+            collegeList: [// 学院列表
+                {
+                    label: '通用',
+                    value: 1
+                },
+                {
+                    label: '专用',
+                    value: 2
+                }
+            ],
+            qualificationList: [// 学历列表
+                {
+                    label: '专科',
+                    value: 1
+                },
+                {
+                    label: '本科',
+                    value: 2
+                },
+                {
+                    label: '硕士',
+                    value: 3
+                },
+                {
+                    label: '博士',
+                    value: 4
+                },
+                {
+                    label: '继续教育',
+                    value: 5
+                },
+            ]
+
+        };
+    },
+    methods: {
+        cancelClick(formName) {
+            this.$emit('cancel', formName);
+        },
+        submitDoctorBaseInfo() {
+            this.$emit('confirm');
+        },
+        handleQQkfChange(file, fileList) {
+            console.log(file, fileList)
+            // let fileObj = file.raw
+            // this.formData.set('qq_qrcode', fileObj)
+        },
+        submitFun() {
+        }
+    },
+    mounted() {
+    },
+
+}
+</script>
+
+<style scoped lang="scss">
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/headerPage.vue b/src/views/super/clientSet/headerPage.vue
new file mode 100644
index 0000000..e375e90
--- /dev/null
+++ b/src/views/super/clientSet/headerPage.vue
@@ -0,0 +1,81 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">页眉页码</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <ClientForm ref="oneLevelRef" title="页眉" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="false" :showIndentation="false" :fontWeightflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="页码" :titlePosFlag="false" :fontDetailflag="false" :lineSpaceShow="false" :showIndentation="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '1'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                case 'threeLevel':
+                    console.log('执行三级标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/mainTextPage.vue b/src/views/super/clientSet/mainTextPage.vue
new file mode 100644
index 0000000..1710048
--- /dev/null
+++ b/src/views/super/clientSet/mainTextPage.vue
@@ -0,0 +1,108 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">正文</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="">
+            <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
+                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="mainTextContent">
+            <ClientForm ref="mainRef" title="正文内容" :titlePosFlag="false" :fontDetailflag="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
+                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="mainTextTableImage">
+            <ClientForm ref="tableRef" title="表格标题" :titlePosFlag="true" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'tableRef')"
+                @submit="(data) => handleSubmitEvent(data, 'tableRef')" />
+            <ClientForm ref="imagesRef" title="图片标题" :imgPosFlag="true" :fontDetailflag="true" :init-data="initFormData"
+                @cancel="(data) => handleCancelEvent(data, 'imagesRef')"
+                @submit="(data) => handleSubmitEvent(data, 'imagesRef')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '1'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                case 'threeLevel':
+                    console.log('执行三级标题重置逻辑');
+                    break;
+                case 'main':
+                    console.log('执行正文内容重置逻辑');
+                    break;
+                case 'table':
+                    console.log('执行表格标题重置逻辑');
+                    break;
+                case 'images':
+                    console.log('执行图片标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/referencePage.vue b/src/views/super/clientSet/referencePage.vue
new file mode 100644
index 0000000..d70a941
--- /dev/null
+++ b/src/views/super/clientSet/referencePage.vue
@@ -0,0 +1,78 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">参考文献</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <ClientForm ref="oneLevelRef" title="参考文献标题" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="参考文献正文" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '1'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/summaryPage.vue b/src/views/super/clientSet/summaryPage.vue
new file mode 100644
index 0000000..d42b4cf
--- /dev/null
+++ b/src/views/super/clientSet/summaryPage.vue
@@ -0,0 +1,106 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">摘要</h3>
+        <div class="flex-between flex-common" id="summaryTitle">
+            <ClientForm ref="oneLevelRef" title="中文摘要标题" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="summaryContent">
+            <ClientForm ref="threeLevelRef" title="中文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
+                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
+            <ClientForm ref="threeLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
+                @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
+        </div>
+        <div class="flex-between flex-common mt12" id="summaryKeyWords">
+            <ClientForm ref="mainRef" title="中文关键词" :titlePosFlag="false" :fontDetailflag="false" :ch_keywords="true" :showIndentation="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
+                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
+            <ClientForm ref="mainRef" title="英文关键词" :titlePosFlag="false" :fontDetailflag="false" :eng_keywords="true" :showIndentation="false"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')"
+                @submit="(data) => handleSubmitEvent(data, 'mainRef')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '0'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                case 'threeLevel':
+                    console.log('执行三级标题重置逻辑');
+                    break;
+                case 'main':
+                    console.log('执行正文内容重置逻辑');
+                    break;
+                case 'table':
+                    console.log('执行表格标题重置逻辑');
+                    break;
+                case 'images':
+                    console.log('执行图片标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/switchPage.vue b/src/views/super/clientSet/switchPage.vue
new file mode 100644
index 0000000..3d0aaf6
--- /dev/null
+++ b/src/views/super/clientSet/switchPage.vue
@@ -0,0 +1,80 @@
+<template>
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">启用开关</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <el-form>
+                <div class="left-pay-list ">
+                    <div class="left-pay-item flex-between">
+                        <div class="column">
+                            <span>模板启用</span>
+                            <p>中国人民大学-硕士-通用</p>
+                        </div>
+                        <GuipSwitch v-model="is_use_templete" :active-value="1" :inactive-value="0"  activeText="开启" inactiveText="关闭" @change="updatePayAutoRefund"></GuipSwitch>
+                    </div>
+                </div>
+            </el-form>
+        </div>
+       
+    </div>
+</template>
+<script>
+import GuipSwitch from '@/components/GuipSwitch.vue';
+export default {
+    components: {
+        GuipSwitch
+    },
+    data() {
+        return {
+            is_use_templete:1
+        };
+    },
+    methods: {
+        updatePayAutoRefund() {
+            this.$http('POST', '/agentnew/ajax_setting_auto_refund', {
+                status: this.is_use_templete,
+            }).then(response => {
+                this.$nextTick(() => {
+                    if (response.status) {
+                        this.$Message.success(response.info);
+                    } else {
+                        this.$Message.error(response.info);
+                    }
+                })
+            }).catch(error => {
+                console.error(error, 'error')
+            })
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+.left-pay-list {
+        width: 438px;
+        border-radius: 4px;
+        opacity: 1;
+
+        .left-pay-item {
+            padding: 24px;
+            color: #23242B;
+            background: #FAFAFA;
+            p {
+                text-align: left;
+                margin-top: 9px;
+                /* caption/caption_regular */
+                font-size: 12px;
+                font-weight: normal;
+                line-height: 13px;
+                letter-spacing: 0.08em;
+                color: #626573;
+            }
+
+            .el-form-item {
+                margin-bottom: 0;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/super/clientSet/thanksPage.vue b/src/views/super/clientSet/thanksPage.vue
new file mode 100644
index 0000000..003d20b
--- /dev/null
+++ b/src/views/super/clientSet/thanksPage.vue
@@ -0,0 +1,79 @@
+<template>
+    <!-- 致谢页面、参考文献页面应该能公用、后续根据实际情况克以直接合并页面-->
+    <div class="mainTextPage main-content12">
+        <h3 class="pageTitle">致谢</h3>
+        <div class="flex-between flex-common" id="mainTextTitle">
+            <ClientForm ref="oneLevelRef" title="致谢标题" :init-data="initFormData" :titlePosFlag="false"
+                :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
+            <ClientForm ref="twoLevelRef" title="致谢正文" desc="自动继承正文数据，可修改" :titlePosFlag="false" :fontDetailflag="true"
+                :init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
+                @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
+        </div>
+    </div>
+</template>
+<script>
+import ClientForm from '@/components/clientSet/clientForm.vue';
+export default {
+    components: {
+        ClientForm,
+    },
+    data() {
+        return {
+            initFormData: {
+                fontSize: '12',
+                align: 1,
+                indentation: '0'
+            },
+        };
+    },
+    methods: {
+        // 外部重置方法
+        handleCancelEvent(formData, refName) {
+            console.log('外部重置方法:', formData);
+            // 根据 refName 执行不同的重置逻辑
+            switch (refName) {
+                case 'oneLevel':
+                    console.log('执行一级标题重置逻辑');
+                    // 这里可以调用对应的 ref 方法
+                    this.$refs[refName + 'Ref']?.someMethod();
+                    break;
+                case 'twoLevel':
+                    console.log('执行二级标题重置逻辑');
+                    break;
+                default:
+                    console.log('默认重置逻辑');
+            }
+        },
+
+        // 外部提交方法
+        handleSubmitEvent(formData, refName) {
+            console.log('外部提交方法:', formData);
+            // 根据 refName 调用不同的 API
+            switch (refName) {
+                case 'oneLevel':
+                    this.submitOneLevel(formData);
+                    break;
+                case 'twoLevel':
+                    this.submitTwoLevel(formData);
+                    break;
+            }
+        },
+        submitOneLevel(data) {
+            // 调用一级标题的 API
+            console.log('提交一级标题数据:', data);
+        },
+
+        submitTwoLevel(data) {
+            // 调用二级标题的 API
+            console.log('提交二级标题数据:', data);
+        }
+    },
+};
+</script>
+<style>
+.flex-common {
+    align-items: flex-start;
+    padding: 24px 32px;
+}
+</style>
\ No newline at end of file