优化图片预览功能

src/pages/yhfq/albj/add.vue

@@ -31,8 +31,8 @@
               <i class="el-icon-plus"></i>
             </el-upload>
             <el-dialog :visible.sync="visible">
-              <el-input :v-model="ruleForm.poster_url">
-                <img width="100%" v-if="ruleForm.poster_url" :src="ruleForm.poster_url" alt="">
+              <img width="100%" v-if="ruleForm.poster_url" :src="ruleForm.poster_url" alt="">
+              <el-input :v-model="ruleForm.poster_url" :value="ruleForm.poster_url">
               </el-input>
             </el-dialog>
           </el-form-item>
@@ -146,7 +146,9 @@ export default {
       console.log(file, fileList)
     },
     handlePictureCardPreview(file) {
-      this.ruleForm.poster_url = file.url
+      if (!this.ruleForm.poster_url) {
+        this.ruleForm.poster_url = file.url
+      }
       this.visible = true
     },
     uploadSuccess(response, file, fileList) {

src/pages/yhfq/albj/detail.vue

@@ -33,8 +33,8 @@ import { data } from 'autoprefixer';
               <i class="el-icon-plus"></i>
             </el-upload>
             <el-dialog :visible.sync="visible">
-              <el-input :v-model="ruleForm.poster_url">
-                <img width="100%" v-if="ruleForm.poster_url" :src="ruleForm.poster_url" alt="">
+              <img width="100%" v-if="ruleForm.poster_url" :src="ruleForm.poster_url" alt="">
+              <el-input :v-model="ruleForm.poster_url" :value="ruleForm.poster_url">
               </el-input>
             </el-dialog>
           </el-form-item>
@@ -183,7 +183,9 @@ export default {
       console.log(file, fileList)
     },
     handlePictureCardPreview(file) {
-      this.ruleForm.poster_url = file.url
+      if (!this.ruleForm.poster_url) {
+        this.ruleForm.poster_url = file.url
+      }
       this.visible = true
     },
     uploadSuccess(response, file, fileList) {

src/pages/yhfq/cgroup/add.vue

@@ -21,10 +21,10 @@
             <div>
               <el-form size="mini" :model="groupForm" :rules="groupRules"
               ref="groupForm" label-width="130px" class="groupForm">
-                  <el-form-item label="用户群名称" prop="name" :disabled="groupNameDisabled">
-                      <el-input v-model="groupForm.name"></el-input>
+                  <el-form-item label="用户群名称" prop="name">
+                      <el-input v-model="groupForm.name" :disabled="groupNameDisabled"></el-input>
                   </el-form-item>
-                  <el-form-item label="用户群图片" prop="poster_url" :disabled="groupPosterUrlDisabled">
+                  <el-form-item label="用户群图片" prop="poster_url">
                   <el-upload
                           action="/api/opera/v1/file/upload"
                           list-type="picture-card"
@@ -36,13 +36,13 @@
                           :on-success="uploadSuccess"
                           :on-error="uploadError"
                           :data="{ type: 'image' }"
+                          :disabled="groupPosterUrlDisabled"
                   >
                       <i class="el-icon-plus"></i>
                   </el-upload>
                   <el-dialog :visible.sync="visible">
-                      <el-input :v-model="groupForm.poster_url">
-                          <img width="100%" v-if="groupForm.poster_url" :src="groupForm.poster_url" alt="">
-                      </el-input>
+                    <img width="100%" :src="groupForm.poster_url" alt="">
+                    <el-input :v-model="groupForm.poster_url" :value="groupForm.poster_url"></el-input>
                   </el-dialog>
               </el-form-item>
               <el-form-item :hidden="groupHidden">
@@ -193,7 +193,9 @@ export default {
       console.log(file, fileList)
     },
     handlePictureCardPreview(file) {
-      this.groupForm.poster_url = file.url
+      if (!this.groupForm.poster_url) {
+        this.groupForm.poster_url = file.url
+      }
       this.visible = true
     },
     uploadSuccess(response, file, fileList) {

src/pages/yhfq/cgroup/edit.vue

@@ -41,8 +41,8 @@
                 <i class="el-icon-plus"></i>
                 </el-upload>
                 <el-dialog :visible.sync="visible">
-                  <el-input :v-model="groupForm.poster_url">
-                      <img width="100%" v-if="groupForm.poster_url" :src="groupForm.poster_url" alt="">
+                  <img width="100%" v-if="groupForm.poster_url" :src="groupForm.poster_url" alt="">
+                  <el-input :v-model="groupForm.poster_url" :value="groupForm.poster_url">
                   </el-input>
                 </el-dialog>
               </el-form-item>
@@ -232,7 +232,9 @@ export default {
       console.log(file, fileList)
     },
     handlePictureCardPreview(file) {
-      this.groupForm.poster_url = file.url
+      if (!this.groupForm.poster_url) {
+        this.groupForm.poster_url = file.url
+      }
       this.visible = true
     },
     uploadSuccess(response, file, fileList) {

src/pages/yhfq/cgroup/index.vue

@@ -160,7 +160,7 @@ export default {
         api.groupDelete(group.id).then(res => {
           if (res.code === 0) {
             this.$message.success('删除成功')
-            api.groupList({ case_id: this.$route.params.id }).then(res => {
+            api.groupList({ case_id: this.case.id }).then(res => {
               if (res.code === 0) {
                 console.log(res.data)
                 this.tableData = res.data