fix personal page layout

src/components/Editor/index.vue

@@ -3,7 +3,7 @@
 
     <div class="editor" ref="editor" :style="styles" @change="onEditorChange($event)"></div>
     <!-- 图片上传组件辅助-->
-    <el-upload
+    <el-upload v-show="false"
       class="avatar-uploader"
       :action="uploadFile()"
       name="img"

src/views/system/personalPage/detail/personalAvatar.vue

@@ -84,7 +84,7 @@ export default {
     };
   },
   mounted() {  
-     console.log(this.personal)
+    //  console.log(this.personal)
   },
   methods: {
     // 编辑头像

src/views/system/personalPage/detail/pic.vue

@@ -21,7 +21,7 @@
         </el-form-item>
         </el-col>
 
-        <el-col :span="4" v-for="(item,index) in picList" :offset="1" :style="{ padding: '0px 0px 10px' }" :key="item.key">
+        <el-col :span="6" v-for="(item,index) in picList" :offset="1" :style="{ padding: '0px 0px 10px' }" :key="item.key">
             <div @mouseover="enter(index)" @mouseleave="leave">
                 <el-card :body-style="{ padding: '0px' }" shadow="always" class="father">
                 <el-image  :key="item.value" :src="item.value" :preview-src-list="[item.value]" class="image"></el-image>

src/views/system/personalPage/index.vue

@@ -132,52 +132,57 @@
     />
 
     <!-- 添加或修改个人页对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal=false>
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body :close-on-click-modal=false>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-        <el-row>
+        <el-row :gutter="0" type="flex" justify="start">
           <el-col :span="12">
             <el-form-item label="干系人姓名" prop="stakeholder">
               <el-input v-model="form.stakeholder" placeholder="请输入干系人姓名" />
             </el-form-item>
+
+            <el-form-item label="客户姓名" prop="customer">
+              <el-input v-model="form.customer" placeholder="请输入客户姓名" />
+            </el-form-item>
+
+            <el-form-item label="干系人生日" prop="stakeholderBirthday">
+              <el-date-picker clearable size="small" style="width: 200px"
+                v-model="form.stakeholderBirthday"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择干系人生日">
+              </el-date-picker>
+            </el-form-item> 
           </el-col>
           <el-col :span="12">
-            <el-form-item label="" prop="avatar">
-            <div class="text-center">
-              <personalAvatar :personal="form" :key="reFresh" />
-            </div>
+            <el-form-item label-width="0px" prop="avatar">
+              <div class="text-center">
+                <personalAvatar :personal="form" :key="reFresh" />
+              </div>
             </el-form-item>
           </el-col>
           </el-row>
-          <el-row>
+
+          <el-row :gutter="0" type="flex" justify="start">
           <el-col :span="12">
-            <el-form-item label="客户姓名" prop="customer">
-              <el-input v-model="form.customer" placeholder="请输入客户姓名" />
+            <el-form-item label="模板id" prop="templateId">
+              <el-select v-model="form.templateId" placeholder="请选择模板" >
+                <el-option v-for="item in templateList" :key="item.id" :label="item.title" :value="item.id"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="启用" prop="enable">
+              <el-radio-group v-model="form.enable">
+                <el-radio
+                  v-for="dict in enableOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictValue"
+                >{{dict.dictLabel}}</el-radio>
+              </el-radio-group>
             </el-form-item>
           </el-col>
         </el-row>
 
-        <el-form-item label="干系人生日" prop="stakeholderBirthday">
-          <el-date-picker clearable size="small" style="width: 200px"
-            v-model="form.stakeholderBirthday"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择干系人生日">
-          </el-date-picker>
-        </el-form-item> 
-        <el-form-item label="模板id" prop="templateId">
-          <el-select v-model="form.templateId" placeholder="请选择模板" >
-            <el-option v-for="item in templateList" :key="item.id" :label="item.title" :value="item.id"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="启用" prop="enable">
-          <el-radio-group v-model="form.enable">
-            <el-radio
-              v-for="dict in enableOptions"
-              :key="dict.dictValue"
-              :label="dict.dictValue"
-            >{{dict.dictLabel}}</el-radio>
-          </el-radio-group>
-        </el-form-item>
         <el-form-item label="备注" prop="remarks">
           <el-input v-model="form.remarks" placeholder="请输入备注" />
         </el-form-item>
@@ -417,3 +422,13 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+.img-lg {
+  width: 100%;
+  height: auto;
+}
+.el-form-item {
+  margin-bottom: 5px;
+}
+</style>