From f4f6b9d77649f2a3b4aab87f57b6e505267f0903 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 28 Nov 2025 18:19:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=81=E9=9D=A2=E4=BF=A1=E6=81=AF=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=81input\radio\select=E5=A2=9E=E5=8A=A0=E7=89=B9?=
 =?UTF-8?q?=E6=AE=8A=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/clientSet/clientSet_h_logo.png | Bin 0 -> 9272 bytes
 src/components/GroupFormBtns.vue          |  13 +-
 src/components/GuipInput.vue              | 190 +++++++++++++++---------------
 src/components/GuipRadio.vue              |  76 ++++++------
 src/components/GuipSelect.vue             |  48 ++++++--
 src/components/SetLeftMenu.vue            |   2 +-
 src/router/index.js                       |   2 +-
 src/style/theme/common.scss               | 150 ++++++++++++++++++++++-
 src/views/clientSet/coverInfoPage.vue     | 129 +++++++++++++++++++-
 src/views/clientSet/mainTextPage.vue      |   5 +
 10 files changed, 460 insertions(+), 155 deletions(-)
 create mode 100644 src/assets/clientSet/clientSet_h_logo.png

diff --git a/src/assets/clientSet/clientSet_h_logo.png b/src/assets/clientSet/clientSet_h_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8963f1b6d40ebb4b5d0f0418a3d14530d7910ae0
GIT binary patch
literal 9272
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
EA8mS(d;kCd

literal 0
HcmV?d00001

diff --git a/src/components/GroupFormBtns.vue b/src/components/GroupFormBtns.vue
index c50accb..92583eb 100644
--- a/src/components/GroupFormBtns.vue
+++ b/src/components/GroupFormBtns.vue
@@ -1,9 +1,7 @@
-
-
 <template>
-    <div class="btns-wrap flex">
-        <GuipButton type="ignore" @click="cancelClick">取消</GuipButton>
-        <GuipButton type="primary" @click="confirmClick">保存</GuipButton>
+    <div class="btns-wrap flex" :class="flex == 'start' ? 'flex-start' :''">
+        <GuipButton type="ignore" @click="cancelClick">{{cancelText || '取消'}}</GuipButton>
+        <GuipButton type="primary" @click="confirmClick">{{confirmText ||'保存'}}</GuipButton>
     </div>
 </template>
 <script>
@@ -11,7 +9,7 @@ import GuipButton from '@/components/GuipButton.vue';
 
 export default {
     name: '',
-    props: [''],
+    props: ['cancelText','confirmText','flex'],
     components: {
         GuipButton
     },
@@ -35,4 +33,7 @@ export default {
     margin-top: 24px;
     justify-content: flex-end;
 }
+.flex-start{
+    justify-content: flex-start;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/GuipInput.vue b/src/components/GuipInput.vue
index 04abb86..d610ddb 100644
--- a/src/components/GuipInput.vue
+++ b/src/components/GuipInput.vue
@@ -1,44 +1,102 @@
 <template>
   <el-form-item :style="{ ...styleObject}" :required="required"
-    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']" :label="label"
+    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, { 'client-form-flex': clientFormFlex }, 'form-item']" 
+    :label="clientFormFlex ? '' : label" 
     :prop="prop" :rules="rules" >
     <p v-if="desc" class="desc_right">{{ desc }}</p>
-    <el-input :type="type" v-bind="$attrs" :placeholder="placeholder1" :disabled="disabled" :maxlength="maxlength1"
-      :style="{ width: width, height: height }" :value="inputValue" :minLength="minLength1" :show-word-limit="showWordLimit"
-      @input="$emit('input', $event)" @keydown="handleKeydown" @change="$emit('change', $event)"
-      @blur="$emit('blur', inputValue)" @focus="$emit('focus', inputValue)" >
-      <!-- 自定义前面小图标 -->
-      <template v-slot:prepend>
-        <slot name="prependshow"></slot>
-      </template>
-      <template v-slot:prefix>
-        <slot name="prefix"></slot>
-      </template>
-      <!-- 清除小图标 -->
-      <template v-slot:suffix>
-        <slot name="suffix"></slot>
-      </template>
-      <template v-slot:append>
-        <slot name="appendshow"></slot>
-      </template>
-
-      <!-- :error="errorMessage" show-message -->
-
-      <!-- <i slot="suffix" v-if="empty" class="el-icon-close" @click="handleClear">h</i> -->
-      <!-- <el-button slot="append" v-if="hasBtn"  type="primary" @click="$emit('enter',value)">搜索</el-button> -->
-    </el-input>
-    <!-- 单位 -->
-    <span class="unit" v-if="unit">{{ unit }}</span>
+    
+    <!-- 特殊样式布局 -->
+    <div v-if="clientFormFlex" class="client-form-flex-wrapper">
+      <div class="flex-label">
+        <div class="label-text">{{ clientFormLabel || label }}</div>  <!-- 支持自定义标签文本 -->
+        <span class="colon">：</span>
+      </div>
+      <div class="flex-input">
+        <el-input :type="type" v-bind="$attrs" :placeholder="placeholder1" :disabled="disabled" :maxlength="maxlength1"
+          :style="{ width: width, height: height }" :value="inputValue" :minLength="minLength1" :show-word-limit="showWordLimit"
+          @input="$emit('input', $event)" @keydown="handleKeydown" @change="$emit('change', $event)"
+          @blur="$emit('blur', inputValue)" @focus="$emit('focus', inputValue)" >
+          <template v-slot:prepend>
+            <slot name="prependshow"></slot>
+          </template>
+          <template v-slot:prefix>
+            <slot name="prefix"></slot>
+          </template>
+          <template v-slot:suffix>
+            <slot name="suffix"></slot>
+          </template>
+          <template v-slot:append>
+            <slot name="appendshow"></slot>
+          </template>
+        </el-input>
+        <!-- 单位 -->
+        <span class="unit" v-if="unit">{{ unit }}</span>
+      </div>
+    </div>
+    
+    <!-- 原有输入框结构 -->
+    <template v-else>
+      <el-input :type="type" v-bind="$attrs" :placeholder="placeholder1" :disabled="disabled" :maxlength="maxlength1"
+        :style="{ width: width, height: height }" :value="inputValue" :minLength="minLength1" :show-word-limit="showWordLimit"
+        @input="$emit('input', $event)" @keydown="handleKeydown" @change="$emit('change', $event)"
+        @blur="$emit('blur', inputValue)" @focus="$emit('focus', inputValue)" >
+        <template v-slot:prepend>
+          <slot name="prependshow"></slot>
+        </template>
+        <template v-slot:prefix>
+          <slot name="prefix"></slot>
+        </template>
+        <template v-slot:suffix>
+          <slot name="suffix"></slot>
+        </template>
+        <template v-slot:append>
+          <slot name="appendshow"></slot>
+        </template>
+      </el-input>
+      <!-- 单位 -->
+      <span class="unit" v-if="unit">{{ unit }}</span>
+    </template>
   </el-form-item>
-
 </template>
 
 <script>
 export default {
   name: 'GuipInput',
-  props: ['value', 'styleObject', 'disabled', 'defaultValue', 'placeholder','required',
-    'maxlength', 'minLength', 'clear', 'width', 'height', 'showWordLimit',
-    'label', 'type', 'prop', 'rules', 'column', 'addClass', 'desc', 'unit'],
+  props: {
+    value: [String, Number],
+    styleObject: Object,
+    disabled: Boolean,
+    defaultValue: [String, Number],
+    placeholder: String,
+    required: Boolean,
+    maxlength: [String, Number],
+    minLength: [String, Number],
+    clear: Boolean,
+    width: String,
+    height: String,
+    showWordLimit: Boolean,
+    label: String,
+    type: {
+      type: String,
+      default: 'text'
+    },
+    prop: String,
+    rules: [Object, Array],
+    column: Boolean,
+    addClass: String,
+    desc: String,
+    unit: String,
+    // 新增：控制特殊样式
+    clientFormFlex: {
+      type: Boolean,
+      default: false
+    },
+    // 新增：特殊样式时的自定义标签文本（可选）
+    clientFormLabel: {
+      type: String,
+      default: ''
+    }
+  },
   data() {
     return {
       inputValue: this.value || this.defaultValue,
@@ -51,35 +109,23 @@ export default {
       placeholder1: ''
     }
   },
-  watch: { // 监听外部传来的 value prop 的变化，以便同步到内部状态 inputValue 上（可选）
-    // defaultValue(newVal) {
-    //   console.log(newVal,'newVal');
-    //   this.inputValue = newVal;
-    // },
+  watch: {
     value(newVal) {
       this.inputValue = newVal;
     },
     defaultValue(newVal) {
-      // 如果没有value但有defaultValue变化时更新
       if (!this.value && newVal !== this.inputValue) {
         this.inputValue = newVal;
       }
     }
   },
   created() {
-    // 默认值赋值
-    // if (this.defaultValue != null) {
-    //   this.inputValue = this.defaultValue;
-    // }
-    // 默认提示语
     if (this.placeholder) {
       this.placeholder1 = this.placeholder;
     }
-    // 默认提示语
     if (this.maxlength) {
       this.maxlength1 = this.maxlength;
     }
-    // 默认提示语
     if (this.minLength) {
       this.minLength1 = this.minLength;
     }
@@ -94,76 +140,24 @@ export default {
         item.onmouseout = function () {
           item.classList.remove("hoverclass")
         }
-        // item.addEventListener('mouseover',function(){
-        //   console.log('滑过');
-        //   item.classList.add("hoverclass")
-        // })
-        // item.addEventListener('mouseoout',function(){
-        //   console.log('滑出');
-        //   item.classList.remove("hoverclass")
-        // })
-        // item.addEventListener('mouseoenter',function(){
-        //   console.log('滑---');
-        //   item.classList.add("hoverclass")
-        // })
-        // item.addEventListener('mouseoleave',function(){
-        //   console.log('滑出');
-        //   item.classList.remove("hoverclass")
-        // })
       })
-      // console.log(el,'====9999');
-      // if(els&& this.styleObject){
-      //   for(var key in this.styleObject){
-      //     els.style[key] = this.styleObject[key]
-      //   }
-      // }
     })
   },
   methods: {
-    // input 事件
-    // changeInput(event){
-    //   this.$emit('input', event);
-    // }
-    // handleClear(){
-    //   console.log('清除---');
-    //   this.$emit('clear', '清楚逻辑')
-    // }
     handleKeydown(e) {
       console.log(e);
-      // if (e.key === '1') {
-      e.preventDefault(); // 阻止默认行为
-      // }
+      e.preventDefault();
     },
   }
 }
 </script>
+
 <style lang="scss" scoped>
 .unit {
   position: absolute;
   right: 12px;
-  /* 根据需要调整位置 */
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
-  /* 防止单位文本影响输入框的点击事件 */
 }
-// .custom-form-item {
-//   ::v-deep .el-form-item__content {
-//     display: flex;
-//     flex-direction: column;
-//     align-items: flex-start;
-//   }
-
-//   .input-wrapper {
-//     position: relative;
-//     width: 100%;
-//   }
-
-//   ::v-deep .el-form-item__error {
-//     position: relative;
-//     margin-top: 4px;
-//     padding-top: 0;
-//     line-height: 1;
-//   }
-// }
 </style>
\ No newline at end of file
diff --git a/src/components/GuipRadio.vue b/src/components/GuipRadio.vue
index fcedc89..c5b9a5a 100644
--- a/src/components/GuipRadio.vue
+++ b/src/components/GuipRadio.vue
@@ -1,12 +1,33 @@
 <template>
-  <el-form-item :class="[{ 'column': column }, 'form-item']" :label="label" :prop="prop" :rules="rules"
-    :required="required">
-    <el-radio-group v-model="selectedValue" v-bind="$attrs" @change="handleChange">
-      <el-radio v-for="(optionValue, optionKey) in normalizedOptions" :key="optionKey"
-        :label="getValue(optionValue)" :disabled="isDisabled(optionValue[valueKey])">
-        {{ getLabel(optionValue) }}
-      </el-radio>
-    </el-radio-group>
+  <el-form-item :class="[{ 'column': column }, { 'client-form-flex': clientFormFlex }, 'form-item']" 
+    :label="clientFormFlex ? '' : label" 
+    :prop="prop" :rules="rules" :required="required">
+    
+    <!-- 特殊样式布局 -->
+    <div v-if="clientFormFlex" class="client-form-flex-wrapper">
+      <div class="flex-label">
+        <div class="label-text">{{ clientFormLabel || label }}</div>
+        <span class="colon">：</span>
+      </div>
+      <div class="flex-input">
+        <el-radio-group v-model="selectedValue" v-bind="$attrs" @change="handleChange">
+          <el-radio v-for="(optionValue, optionKey) in normalizedOptions" :key="optionKey"
+            :label="getValue(optionValue)" :disabled="isDisabled(optionValue[valueKey])">
+            {{ getLabel(optionValue) }}
+          </el-radio>
+        </el-radio-group>
+      </div>
+    </div>
+    
+    <!-- 原有结构 -->
+    <template v-else>
+      <el-radio-group v-model="selectedValue" v-bind="$attrs" @change="handleChange">
+        <el-radio v-for="(optionValue, optionKey) in normalizedOptions" :key="optionKey"
+          :label="getValue(optionValue)" :disabled="isDisabled(optionValue[valueKey])">
+          {{ getLabel(optionValue) }}
+        </el-radio>
+      </el-radio-group>
+    </template>
   </el-form-item>
 </template>
 
@@ -82,6 +103,16 @@ export default {
     disabledKeys: {
       type: Array,
       default: () => []
+    },
+    // 新增：控制特殊样式
+    clientFormFlex: {
+      type: Boolean,
+      default: false
+    },
+    // 新增：特殊样式时的自定义标签文本（可选）
+    clientFormLabel: {
+      type: String,
+      default: ''
     }
   },
   computed: {
@@ -169,8 +200,8 @@ export default {
 };
 </script>
 
-<style scoped>
-/* 自定义样式 */
+<style scoped lang="scss">
+/* 原有样式 */
 .el-radio-group {
   margin: 10px 0;
   display: flex;
@@ -178,30 +209,5 @@ export default {
   gap: 20px 24px;
   flex-wrap: wrap;
 }
-.custom-form-item {
-  ::v-deep .el-form-item__content {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    min-height: auto;  /* 允许高度自由扩展 */
-  }
 
-  /* 错误提示样式调整 */
-  ::v-deep .el-form-item__error {
-    position: relative;  /* 改为相对定位 */
-    margin-top: 4px;    /* 与单选框组保持间距 */
-    padding-top: 0;
-    line-height: 1.5;
-    white-space: normal; /* 允许错误信息换行 */
-  }
-
-  /* 单选框组布局调整 */
-  .el-radio-group {
-    margin: 10px 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 20px 24px;
-    width: 100%;  /* 确保宽度填满 */
-  }
-}
 </style>
\ No newline at end of file
diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue
index 2cf7da9..355e282 100644
--- a/src/components/GuipSelect.vue
+++ b/src/components/GuipSelect.vue
@@ -1,14 +1,34 @@
 <template>
   <el-form-item :style="{ ...style, height: height, ...styleObject }" :required="required"
-    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']"
-    :label="label" :prop="prop" :rules="rules">
+    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, { 'client-form-flex': clientFormFlex }, 'form-item']"
+    :label="clientFormFlex ? '' : label" :prop="prop" :rules="rules">
     <p v-if="desc" class="desc_right">{{ desc }}</p>
-    <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue"
-      v-bind="$attrs">
-      <el-option v-for="item in processedOptions" :key="getItemValue(item)" :label="getItemLabel(item)"
-        :disabled="item.disabled" :value="getItemValue(item)">
-      </el-option>
-    </el-select>
+    
+    <!-- 特殊样式布局 -->
+    <div v-if="clientFormFlex" class="client-form-flex-wrapper">
+      <div class="flex-label">
+        <div class="label-text">{{ clientFormLabel || label }}</div>
+        <span class="colon">：</span>
+      </div>
+      <div class="flex-input">
+        <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue"
+          v-bind="$attrs">
+          <el-option v-for="item in processedOptions" :key="getItemValue(item)" :label="getItemLabel(item)"
+            :disabled="item.disabled" :value="getItemValue(item)">
+          </el-option>
+        </el-select>
+      </div>
+    </div>
+    
+    <!-- 原有结构 -->
+    <template v-else>
+      <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue"
+        v-bind="$attrs">
+        <el-option v-for="item in processedOptions" :key="getItemValue(item)" :label="getItemLabel(item)"
+          :disabled="item.disabled" :value="getItemValue(item)">
+        </el-option>
+      </el-select>
+    </template>
   </el-form-item>
 </template>
 
@@ -48,7 +68,17 @@ export default {
     rules: [Object, Array],
     column: Boolean,
     addClass: String,
-    desc: String
+    desc: String,
+    // 新增：控制特殊样式
+    clientFormFlex: {
+      type: Boolean,
+      default: false
+    },
+    // 新增：特殊样式时的自定义标签文本（可选）
+    clientFormLabel: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
diff --git a/src/components/SetLeftMenu.vue b/src/components/SetLeftMenu.vue
index 1fceba4..a779703 100644
--- a/src/components/SetLeftMenu.vue
+++ b/src/components/SetLeftMenu.vue
@@ -261,7 +261,7 @@ export default {
 <style scoped lang="scss">
 .sidebar {
   min-width: 158px;
-  padding: 21px;
+  padding: 21px 21px 60px;
   box-sizing: border-box;
   background: #FFFFFF;
   box-shadow: 0px 0px 11px 2px rgba(147, 147, 147, 0.11);
diff --git a/src/router/index.js b/src/router/index.js
index cb6c64d..79bbcc7 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'
+  '/agent/siteTemplate','/agent/siteAddChooseService','/clientSet/coverInfoPage'
 ];
 
 const routes = [{
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index f226e9a..9ea1c6b 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -315,6 +315,7 @@ body {
 .borderNone {
     border: none !important;
 }
+// 非论易排项目的样式
 
 .flex-common {
     padding: 32px 36px;
@@ -795,6 +796,8 @@ body {
     flex: 1;
     line-height: normal;
     position: relative;
+    display: flex;
+    justify-content: flex-start;
 
     .desc_right {
         position: absolute;
@@ -1195,7 +1198,6 @@ body {
     justify-content: space-between;
     align-items: center;
     font-family: Microsoft YaHei UI;
-
     .left b {
         display: block;
         text-align: left;
@@ -1216,4 +1218,148 @@ body {
         color: #1E2226;
         margin-bottom: 4px;
     }
-}
\ No newline at end of file
+}
+
+
+.before_h_title{
+  font-family: Microsoft YaHei UI;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: normal;
+  letter-spacing: normal;
+  color: #333333;
+  display: flex;
+  align-items: center;
+  text-align: left;
+  &::before{
+    content: '';
+    background: #3F62F6;
+    display: inline-block;
+    margin-right: 9px;
+    width: 6px;
+    height: 16px;
+    border-radius: 12px;
+
+  }
+}
+
+
+// 上传按钮样式
+
+.qqCode-wrap {
+    display: grid;
+    justify-items: start;
+}
+
+.avatar-desc {
+    margin-top: 8px;
+    font-family: Inter;
+    font-size: 12px;
+    font-weight: normal;
+    line-height: 20px;
+    letter-spacing: normal;
+    font-variation-settings: "wght" 400;
+    color: var(--el-color-text-regular);
+}
+.avatar-uploader{
+    .upload-button {
+        border-radius: 4px;
+        background: #F2F3F5;
+        box-sizing: border-box;
+        border: 1px solid #BABDC2;
+    }
+    .bgImg{
+        width: 20px;
+        height: 16px;
+        margin-right: 6px;
+        background-image: url(@/assets/site/uploadIcon.svg);
+    }
+    &:hover{
+        .bgImg{
+            background-image: url(@/assets/site/uploadIcon_light.svg);
+        }
+    }
+}
+
+
+// 页面底部操作按钮样式 单个的
+.save-button{
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background: #fff;
+    box-shadow: 0 4px 16px 0 rgba(17, 55, 143, 0.12);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px 0;
+    z-index: 9;
+  }
+
+// 论易排版样式 会覆盖原有样式
+.client_flex-common{
+    padding: 24px 32px;
+}
+
+.client-form-flex {
+    // 隐藏原有的el-form-item标签
+    ::v-deep .el-form-item__label {
+      display: none;
+    }
+    
+    ::v-deep .el-form-item__content {
+      margin-left: 0 !important;
+      display: flex;
+      align-items: center;
+    }
+    
+    .client-form-flex-wrapper {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      
+      .flex-label {
+        display: flex;
+        align-items: center;
+        margin-right: 12px;
+        height: 32px;
+        flex-shrink: 0;
+        
+        .label-text {
+          display: block;
+          width: 56px;
+          text-align: justify;
+          text-align-last: justify;
+          line-height: 1;
+        }
+        
+        .colon {
+          margin-left: 4px;
+          line-height: 1;
+        }
+      }
+      
+      .flex-input {
+        flex: 1;
+        position: relative;
+        display: flex;
+        justify-content: flex-start;
+        
+        ::v-deep .el-select {
+          width: 100%;
+        }
+        ::v-deep .el-input {
+            width: 100%;
+        }
+
+        ::v-deep .el-radio-group {
+            margin: 0; /* 移除原有margin */
+            display: flex;
+            flex-wrap: wrap;
+            gap: 20px 24px;
+            width: 100%;
+        }
+      }
+    }
+  }
diff --git a/src/views/clientSet/coverInfoPage.vue b/src/views/clientSet/coverInfoPage.vue
index fab5d5f..301d3db 100644
--- a/src/views/clientSet/coverInfoPage.vue
+++ b/src/views/clientSet/coverInfoPage.vue
@@ -1,4 +1,127 @@
-
 <template>
-    <div>aksdhkjas</div>
-</template>
\ No newline at end of file
+    <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">
+
+</style>
\ No newline at end of file
diff --git a/src/views/clientSet/mainTextPage.vue b/src/views/clientSet/mainTextPage.vue
index 8b13789..8a67b20 100644
--- a/src/views/clientSet/mainTextPage.vue
+++ b/src/views/clientSet/mainTextPage.vue
@@ -1 +1,6 @@
 
+<template>
+    <div class="mainTextPage">
+        
+    </div>
+</template>
\ No newline at end of file