群发消息

config/index.js

@@ -12,8 +12,8 @@ module.exports = {
     //本地代理设置
     proxyTable: {
       '/api': {
-        target: 'http://local.base-api.sing.com', // 接口的域名
-        // target: 'https://wechat-test.changchangenglish.com/',
+        // target: 'http://local.base-api.sing.com', // 接口的域名
+        target: 'https://wechat-test.changchangenglish.com/',
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
       }
     },

src/components/groupSend/index.vue

 <template>
-
+<div class="index">
+  <div class="top">
+    <span class="title">群发助手</span>
+  </div>
+  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+    <el-tab-pane label="文本" name="text">
+      <div class="inner-edit_area">
+        <el-input
+          type="textarea"
+          :autosize="{ minRows: 4, maxRows: 8}"
+          placeholder="请输入内容"
+          v-model="content">
+        </el-input>
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="图片" name="picture">
+      <div class="inner-edit_area">
+        <el-upload
+          action="/api/public/upload/zone"
+          :http-request="uploadFile"
+          :before-upload="beforeAvatarUpload"
+          list-type="picture-card"
+          :file-list="imageList"
+          :on-success="handleAvatarSuccess"
+          :on-remove="handleRemove"
+          :limit="1">
+          <i class="el-icon-plus"></i>
+        </el-upload>
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="视频" name="radio">
+      <div class="inner-edit_area">
+        <el-upload
+          action="/api/public/upload/zone"
+          :http-request="uploadFile"
+          :before-upload="beforeAvatarUpload"
+          list-type="picture-card"
+          :file-list="imageList"
+          :on-success="handleAvatarSuccess"
+          :on-remove="handleRemove"
+          :limit="1">
+          <i class="el-icon-plus"></i>
+        </el-upload>
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+  <div>
+    <el-button type="success" plain style="float: right; margin-right: 2%; margin-top: 20px;" @click="send" v-if="!$store.state.readonly">发送</el-button>
+  </div>
+</div>
 </template>
 
 <script>
-    export default {
-        name: "index"
+  import {uploadFileApi} from "../../service/api";
+  export default {
+    name: "index",
+    data() {
+      return {
+        loading: false,
+        activeName: 'text',
+        list: [],
+        content: '',
+        uploadShow: true,
+        imageList: []
+      }
+    },
+    methods: {
+      handleClick(tab) {
+        this.activeName = tab.name;
+      },
+      handleRemove(){
+        this.uploadShow = true
+      },
+      beforeAvatarUpload(){
+        this.uploadShow = false
+      },
+      handleAvatarSuccess(res) {
+        this.imageList = [{name:res.data.url,url:process.env.IMAGE_URL_HEAD + res.data.url}]
+      },
+      uploadFile(a) {
+        this.loading = true;
+        this.$store.dispatch('setProgress',{type:'new',id:a.file.uid});
+        uploadFileApi({file:a.file,type:'local'}).then(res=>{
+          this.imageList = [{name:res.url,url:process.env.IMAGE_URL_HEAD + res.url}]
+          this.loading = false;
+          this.$message({
+            type: 'success',
+            message: '上传成功!'
+          });
+        }).catch(()=>{
+          this.loading = false;
+        })
+      },
+      send(){
+
+      }
     }
+  }
 </script>
 
 <style scoped>
-
+  .index {
+    padding: 20px 0;
+  }
+  .top {
+    margin-bottom: 30px;
+    margin-left: 20px;
+  }
+  .title {
+    font-size: 16px;
+    font-weight: 400;
+    display: block;
+    line-height: 1.2;
+    color: #353535;
+  }
+  .inner-edit_area {
+    width: 96%;
+    margin: 0 auto;
+  }
 </style>