用户群和用户群特征的编辑

src/api/cgroups.js

@@ -11,12 +11,12 @@ export function groupAdd(data) {
 }
 
 // 获取用户群详情
-export function groupInfo(id, params) {
+export function groupInfo(id, params = {}) {
   return httpRequest.get(`/api/opera/v1/oprations/${id}/cgroup`, { params })
 }
 
 // 更新用户群信息
-export function groupUpdate(id, data) {
+export function groupUpdate(id, data = {}) {
   return httpRequest.put(`/api/opera/v1/oprations/${id}/cgroup`, data)
 }
 

src/pages/yhfq/albj/add.vue

@@ -4,8 +4,8 @@
       <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="{ path: '/yhfq/albj' }">案例背景</el-breadcrumb-item>
-          <el-breadcrumb-item :to="{ path: '/yhfq/albj/detail' }">案例背景</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ path: '/yhfq/albj', query: { level: this.$route.query.level } }">案例背景</el-breadcrumb-item>
+          <el-breadcrumb-item>添加案例背景</el-breadcrumb-item>
         </el-breadcrumb>
       </el-card>
     </div>
@@ -78,7 +78,7 @@ import * as api from '@/api/cases'
 export default {
   name: 'add',
   mounted() {
-    this.ruleForm.level = this.$route.params.level
+    this.ruleForm.level = this.$route.query.level
   },
   data() {
     return {

src/pages/yhfq/albj/detail.vue

@@ -4,7 +4,7 @@
       <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.level } }">案例背景</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ name: 'case-list', params: { level: this.level.toStirng() } }">案例背景</el-breadcrumb-item>
           <el-breadcrumb-item :to="{ path: '/yhfq/albj/detail' }">案例背景</el-breadcrumb-item>
         </el-breadcrumb>
       </el-card>
@@ -39,15 +39,28 @@
 </template>
 
 <script>
+import * as casesApi from '@/api/cases'
 export default {
   name: 'detail',
   mounted() {
-    var data = this.$route.params
-    console.log('dasdasdas', this.$route.params)
-    this.companyDetail = data.company_detail
-    this.productDetail = data.product_detail
-    this.positionDetail = data.position_detail
-    this.level = data.level.toString()
+    var caseId = this.$route.query.id
+    casesApi.caseInfo(caseId).then(res => {
+      if (res.code === 0) {
+        console.log(res.data)
+        var data = res.data
+        this.companyDetail = data.company_detail
+        this.productDetail = data.product_detail
+        this.positionDetail = data.position_detail
+        this.level = data.level.toString()
+        return true
+      } else {
+        this.$message.error(res.message)
+        return false
+      }
+    }).catch(error => {
+      console.log(error)
+      return false
+    })
   },
   data() {
     return {

src/pages/yhfq/albj/index.vue

@@ -15,7 +15,7 @@
             <el-card class="box-card">
               <el-row>
                 <el-button size="mini" icon="el-icon-plus" type="success">
-                  <router-link :to="{ name: 'case-add', params: { level: activeName } }"> 添加 </router-link>
+                  <router-link :to="{ name: 'case-add', query: { level: activeName } }"> 添加 </router-link>
                 </el-button>
               </el-row>
             </el-card>
@@ -83,7 +83,7 @@
             <el-card class="box-card">
               <el-row>
                 <el-button size="mini" icon="el-icon-plus" type="success">
-                  <router-link :to="{ name: 'case-add', params: { level: activeName } }"> 添加 </router-link>
+                  <router-link :to="{ name: 'case-add', query: { level: activeName } }"> 添加 </router-link>
                 </el-button>
               </el-row>
             </el-card>
@@ -155,8 +155,8 @@
 import * as api from '@/api/cases'
 export default {
   mounted() {
-    var level = this.$route.params.level
-    if (level !== undefined) {
+    var level = this.$route.query.level
+    if (level) {
       this.activeName = level
     }
     api.caseList({ level: parseInt(this.activeName) }).then(res => {
@@ -209,13 +209,18 @@ export default {
         case 'group':
           this.$router.push({
             name: 'group-list',
-            params: opera.row
+            params: opera.row,
+            query: {
+              id: opera.row.id,
+              level: opera.row.level
+            }
           })
           return true
         case 'detail':
           this.$router.push({
             name: 'case-detail',
-            params: opera.row
+            params: opera.row,
+            query: { id: opera.row.id }
           })
           return true
         case 'delete':

src/pages/yhfq/cgroup/add.vue

@@ -4,15 +4,15 @@
           <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 :to="{ name: 'case-list', query: { level: this.$route.query.level.toString() } }">案例背景</el-breadcrumb-item>
+                  <el-breadcrumb-item :to="{ name: 'group-list', query: { id: this.$route.query.case_id } }">用户群</el-breadcrumb-item>
                   <el-breadcrumb-item>添加用户群</el-breadcrumb-item>
               </el-breadcrumb>
           </el-card>
       </div>
       <div>
           <el-card class="box-card">
-            <span>当前案例： {{ this.$route.params.caseInfo.name }}</span>
+            <span>当前案例： {{ this.case.name }}</span>
           </el-card>
           <el-card class="box-card">
             <div slot="header" class="clearfix">
@@ -119,21 +119,35 @@
 <script>
 import * as templateApi from '@/api/characteristics-template'
 import * as groupApi from '@/api/cgroups'
+import * as casesApi from '@/api/cases'
 import * as characteristicsApi from '@/api/characteristic'
 export default {
   name: 'add',
   mounted() {
-    this.groupForm.case_id = this.$route.params.caseInfo.id
-    // 先获取特征模板别表
-    templateApi.characteristicsTemplateList().then(res => {
+    this.groupForm.case_id = this.$route.query.case_id
+
+    casesApi.caseInfo(this.groupForm.case_id).then(res => {
       if (res.code === 0) {
-        this.characteristicTemplateList = res.data
-        console.log(this.characteristicTemplateList)
+        this.case = res.data
+        // 先获取特征模板别表
+        templateApi.characteristicsTemplateList().then(res => {
+          if (res.code === 0) {
+            this.characteristicTemplateList = res.data
+            console.log(this.characteristicTemplateList)
+          } else {
+            this.$message.error(res.message)
+          }
+        }).catch(error => {
+          console.log(error)
+        })
+        return true
       } else {
         this.$message.error(res.message)
+        return false
       }
     }).catch(error => {
       console.log(error)
+      return false
     })
   },
   data () {
@@ -148,6 +162,7 @@ export default {
       groupHidden: false,
       selectId: '',
       group: {},
+      case: {},
       groupForm: {
         case_id: '',
         name: '',
@@ -253,6 +268,14 @@ export default {
         if (res.code === 0) {
           this.$message.success('创建成功')
           this.dialogFormVisible = false
+          this.optionsHidden = true
+          this.form = {
+            value: '',
+            name: '',
+            options: '',
+            context: '',
+            template_id: ''
+          }
           characteristicsApi.characteristicsList({ cgroup_id: this.group.id }).then(res => {
             if (res.code === 0) {
               this.tableData = res.data

src/pages/yhfq/cgroup/index.vue

@@ -4,19 +4,19 @@
       <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.level } }">案例背景</el-breadcrumb-item>
+          <el-breadcrumb-item :to="{ name: 'case-list', query: { level: this.$route.query.level.toString() } }">案例背景</el-breadcrumb-item>
           <el-breadcrumb-item :to="{ name: 'group-list' }">用户群</el-breadcrumb-item>
         </el-breadcrumb>
       </el-card>
     </div>
     <div>
       <el-card class="box-card">
-        <span>当前案例： {{ this.$route.params.name }}</span>
+        <span>当前案例： {{ this.case.name }}</span>
       </el-card>
       <el-card class="box-card">
         <el-row>
           <el-button size="mini" icon="el-icon-plus" type="success">
-            <router-link :to="{ name: 'group-add', params: { caseInfo: this.$route.params } }"> 添加 </router-link>
+            <router-link :to="{ name: 'group-add', query: { case_id: this.case.id, level: this.case.level } }"> 添加 </router-link>
           </el-button>
         </el-row>
       </el-card>
@@ -82,8 +82,10 @@
         <div class="scroll-content">
           <i v-for="(characteristic, index) in characteristicsInfo.characteristics" :key="index">
             <div v-if="characteristic.context" class="scroll-container">
-                <span>{{ characteristic.name }} :</span>
-                <span v-for="(contextInfo, index) in JSON.parse(characteristic.context)" :key="index"><br/>{{contextInfo.options + '、' + contextInfo.options_info +'. '}}</span>
+                <strong><span>{{ characteristic.name }}</span></strong><br/>
+                <span v-for="(contextInfo, index) in JSON.parse(characteristic.context)" :key="index"><br/>
+                  {{contextInfo.options + '、' + contextInfo.options_info +'. '}}
+                </span><br/><br/>
                 <br/>
             </div>
           </i>
@@ -95,15 +97,28 @@
 
 <script>
 import * as api from '@/api/cgroups'
+import * as casesApi from '@/api/cases'
 export default {
   name: 'cgroup-index',
   mounted() {
-    var caseInfo = this.$route.params
-    api.groupList({ case_id: caseInfo.id }).then(res => {
-      console.log(res)
+    var caseId = this.$route.query.id
+    casesApi.caseInfo(caseId).then(res => {
       if (res.code === 0) {
-        console.log(res.data)
-        this.tableData = res.data
+        this.case = res.data
+        api.groupList({ case_id: caseId }).then(res => {
+          if (res.code === 0) {
+            console.log(res.data)
+            this.tableData = res.data
+            return true
+          } else {
+            this.$message.error(res.message)
+            return false
+          }
+        }).catch(error => {
+          console.log(error)
+          return false
+        })
+
         return true
       } else {
         this.$message.error(res.message)
@@ -118,7 +133,8 @@ export default {
     return {
       dialogVisible: false,
       tableData: [],
-      characteristicsInfo: {}
+      characteristicsInfo: {},
+      case: {}
     }
   },
   methods: {
@@ -129,6 +145,11 @@ export default {
         params: {
           case_info: this.$route.params,
           group: group
+        },
+        query: {
+          case_id: this.$route.query.id,
+          level: this.$route.query.level,
+          group_id: group.id
         }
       })
     },
@@ -194,6 +215,5 @@ export default {
 .scroll-content{
   width: 100%;
   height: 30%;
-  background-color: rgb(248, 212, 224);
 }
 </style>