新增用户群相关的接口

src/pages/yhfq/cgroup/add.vue

+<template>
+    <div>
+        <div>
+            <el-card class="box-card">
+                <el-breadcrumb separator-class="el-icon-arrow-right">
+                    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+                    <el-breadcrumb-item :to="{ name: 'case-list', params: { level: this.$route.params.caseInfo.level.toString() } }">案例背景</el-breadcrumb-item>
+                    <el-breadcrumb-item :to="{ name: 'group-list', params: this.$route.params.caseInfo }">用户群</el-breadcrumb-item>
+                    <el-breadcrumb-item>添加用户群</el-breadcrumb-item>
+                </el-breadcrumb>
+            </el-card>
+        </div>
+        <div>
+            <el-card class="box-card">
+                <el-form size="mini" :model="groupForm" :rules="groupRules" ref="groupForm" label-width="130px" class="ruleForm">
+                    <el-form-item label="用户群名称" prop="name">
+                        <el-input v-model="groupForm.name"></el-input>
+                    </el-form-item>
+                </el-form>
+                <el-form-item label="用户群图片" prop="poster_url">
+                    <el-upload
+                            action="/api/opera/v1/file/upload"
+                            list-type="picture-card"
+                            name="file"
+                            :limit="1"
+                            :multiple="false"
+                            :on-preview="handlePictureCardPreview"
+                            :on-remove="handleRemove"
+                            :on-success="uploadSuccess"
+                            :on-error="uploadError"
+                            :data="{ type: 'image' }"
+                    >
+                        <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="">
+                        </el-input>
+                    </el-dialog>
+                </el-form-item>
+            </el-card>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'add',
+  data () {
+    return {
+      visible: false,
+      groupForm: {
+        name: ''
+      },
+      groupRules: {}
+    }
+  },
+  methods: {
+    handleRemove(file, fileList) {
+      console.log(file, fileList)
+    },
+    handlePictureCardPreview(file) {
+      this.ruleForm.poster_url = file.url
+      this.visible = true
+    },
+    uploadSuccess(response, file, fileList) {
+      console.log('文件上传成功')
+      console.log(response, file, fileList)
+      if (response.code === 0) {
+        var data = response.data
+        var imageInfo = data[0]
+        this.groupForm.poster_url = imageInfo.url
+        this.visible = false
+      } else {
+        console.log('文件上传失败')
+        this.$message.error('文件上传失败')
+      }
+    },
+    uploadError(err, file, fileList) {
+      console.log('文件上传失败')
+      console.log(err)
+      this.$message.error('文件上传失败')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/router/routes.js

@@ -8,6 +8,7 @@ const userGroup = [
   { path: '/yhfq/albj/detail', name: 'case-detail', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj/detail') },
   { path: '/yhfq/albj/add', name: 'case-add', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj/add') },
   { path: '/yhfq/groups', name: 'group-list', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/cgroup/index') },
+  { path: '/yhfq/groups/add', name: 'group-add', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/cgroup/add') },
   { path: '/albj', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/albj') },
   { path: '/yhfq/alfx', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/alfx') },
   { path: '/yhfq/yhqfx', component: () => import(/* webpackChunkName: "usergroup" */ '@/pages/yhfq/yhqfx') }