修改头像上传组件

src/views/system/appUser/detail/appUserAvatar.vue

@@ -6,7 +6,7 @@
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
           <vue-cropper
             ref="cropper"
-            :img="baseUrl+options.img"
+            :img="options.img"
             :info="true"
             :autoCrop="options.autoCrop"
             :autoCropWidth="options.autoCropWidth"
@@ -67,7 +67,7 @@ export default {
   },
   data() {
     return {
-      baseUrl: null,
+      baseUrl: "",
       // 是否显示弹出层
       open: false,
       // 是否显示cropper
@@ -92,6 +92,7 @@ export default {
     // 编辑头像
     editCropper() {
       this.open = true;
+      this.options.img= this.baseUrl + this.options.img 
     },
     // 打开弹出层结束时的回调
     modalOpened() {

src/views/system/family/detail/familyAvatar.vue

@@ -6,7 +6,7 @@
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
           <vue-cropper
             ref="cropper"
-            :img="baseUrl+options.img"
+            :img="options.img"
             :info="true"
             :autoCrop="options.autoCrop"
             :autoCropWidth="options.autoCropWidth"
@@ -67,7 +67,7 @@ export default {
   },
   data() {
     return {
-      baseUrl: null,
+      baseUrl: "",
       // 是否显示弹出层
       open: false,
       // 是否显示cropper
@@ -92,6 +92,7 @@ export default {
     // 编辑头像
     editCropper() {
       this.open = true;
+      this.options.img= this.baseUrl + this.options.img 
     },
     // 打开弹出层结束时的回调
     modalOpened() {

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

@@ -6,7 +6,7 @@
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
           <vue-cropper
             ref="cropper"
-            :img="baseUrl+options.img"
+            :img="options.img"
             :info="true"
             :autoCrop="options.autoCrop"
             :autoCropWidth="options.autoCropWidth"
@@ -66,8 +66,8 @@ export default {
     }
   },
   data() {
-    return {
+    return { 
-      baseUrl: null,
+      baseUrl: "",
       // 是否显示弹出层
       open: false,
       // 是否显示cropper
@@ -92,6 +92,7 @@ export default {
     // 编辑头像
     editCropper() {
       this.open = true;
+      this.options.img= this.baseUrl + this.options.img 
     },
     // 打开弹出层结束时的回调
     modalOpened() {

src/views/template/t1.vue

@@ -80,7 +80,7 @@
             <el-input v-model="messageForm.name" placeholder="请输入您的姓名" />
             </el-col>
           </el-form-item>
-          <el-form-item :label-width="'80px'">
+          <el-form-item :label-width="'40px'">
             <el-radio-group v-model="messageForm.type">
               <el-radio :label="1">留言语</el-radio>
               <el-radio :label="2">留念语</el-radio>
@@ -132,7 +132,9 @@ export default {
       messageOptions: [],
       modelOptions: [],
       picList: [],
-      messageForm:{},
+      messageForm:{
+        type: 1, //设置默认
+      },
       // 总条数
       total: 0,
       // 查询参数