feat: 完善二维码页面及上传图片

src/views/huiju/editCode.vue

@@ -17,7 +17,8 @@
 
       <el-form-item label="生成二维码链接">
         <el-col :span="8">
-          <el-input v-model="form.wxUrl"></el-input>
+          <el-input v-if="editId" v-model="form.wxUrl"></el-input>
+          <el-input v-else v-model="form.wxUrl" :disabled="true"></el-input>
         </el-col>
       </el-form-item>
 
@@ -63,6 +64,7 @@ export default {
       this.$request('/QrCodeManage/codeObtain').success(res => {
           if (res.status === 'success') {
             this.form.makeUrl = res.data.code
+            this.form.wxUrl = res.data.wxurl
           } else {
             this.$toast(res.info || '获取链接代码失败')
           }

src/views/huiju/editReply.vue

@@ -49,12 +49,38 @@
             </el-tab-pane>
             <el-tab-pane label="图片" name="2">
               <el-input v-model="reply.pic_url" placeholder="请输入图片地址"></el-input>
+              <el-upload
+                  :on-success="onUploadSuccess(reply)"
+                  name="transferAccounts"
+                  class="upload-demo"
+                  :show-file-list="false"
+                  :accept="accepted"
+                  drag
+                  :data="uploadData"
+                  action="/filemanage/upload"
+              >
+                <i class="el-icon-upload"></i>
+                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              </el-upload>
             </el-tab-pane>
             <el-tab-pane label="图文" name="3">
               <el-input v-model="reply.title" placeholder="请输入文本"></el-input>
-              <el-input v-model="reply.pic_url" placeholder="请输入图片地址"></el-input>
               <el-input v-model="reply.url" placeholder="请输入URL"></el-input>
               <el-input v-model="reply.desc" placeholder="请输入描述"></el-input>
+              <el-input v-model="reply.pic_url" placeholder="请输入图片地址"></el-input>
+              <el-upload
+                  :on-success="onUploadSuccess(reply)"
+                  name="transferAccounts"
+                  class="upload-demo"
+                  :show-file-list="false"
+                  :accept="accepted"
+                  drag
+                  :data="uploadData"
+                  action="/filemanage/upload"
+              >
+                <i class="el-icon-upload"></i>
+                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              </el-upload>
             </el-tab-pane>
           </el-tabs>
         </el-col>
@@ -89,6 +115,11 @@ export default {
   name: 'list',
   data() {
     return {
+      accepted: '.jpg,.png,.jpeg',
+      formated: ['jpg','png','jpeg'],
+      uploadData: {
+        type: 'transferAccounts'
+      },
       loading: false,
       editId: null,
       form: {
@@ -113,6 +144,13 @@ export default {
     }
   },
   methods: {
+    uploadSuccess (res, file, reply) {
+      console.log(res, file, reply);
+      reply.pic_url = res.url
+    },
+    onUploadSuccess (reply) {
+      return (res, file) => this.uploadSuccess(res, file, reply);
+    },
     removeKeyword(item) {
       var index = this.form.keywords.indexOf(item)
       if (index !== -1) {