用户群组

src/api/characteristics-template.js

+import httpRequest from '@/utils/axios'
+
+// 特征模板列表
+export function characteristicsTemplateList(params = {}) {
+  return httpRequest.get('/api/opera/v1/oprations/characteristics-templates', { params })
+}
+
+// 创建用户群特征模板
+export function characteristicsTemplateCreate(data) {
+  var headers = {
+    'Content-Type': 'application/json'
+  }
+  return httpRequest.post('/api/opera/v1/oprations/characteristics-template', data, { headers })
+}
+
+// 特征模板详情
+export function characteristicsTemplateInfo(id, params) {
+  return httpRequest.get(`/api/opera/v1/oprations/${id}/characteristics-template`, { params })
+}
+
+// 更新特征模板
+export function characteristicsTemplateUpdate(id, data) {
+  return httpRequest.get(`/api/opera/v1/oprations/${id}/characteristics-template`, data)
+}
+
+// 删除特征模板
+export function characteristicsTemplateDelete(id) {
+  return httpRequest.delete(`/api/opera/v1/oprations/${id}/characteristics-template`)
+}

src/pages/yhfq/cgroup/index.vue

@@ -55,19 +55,23 @@
               <div v-if="scope.row.characteristics.length === 0"><span>无用户群相关特征...</span></div>
               <div v-else>
                 <el-button type="text" @click="dialogVisible = true">点击查看用户群特征</el-button>
-                <el-dialog :title="scope.row.name" :visible.sync="dialogVisible" :modal="false">
-                  <i v-for="characteristic in scope.row.characteristics">
-                    <div v-if="characteristic.context">
-                        {{ characteristic.name + '：'}}
-                        <span v-for="contextInfo in JSON.parse(characteristic.context)"><br/>{{contextInfo.options + '、' + contextInfo.options_info +'. '}}</span>
-                        <br/>
+                <div class="dialog-box" v-if="dialogVisible">
+                  <el-dialog :title="scope.row.name" :visible.sync="dialogVisible" :modal="false">
+                    <div class="scroll-content">
+                      <i v-for="(characteristic, index) in scope.row.characteristics" :key="index">
+                        <div v-if="characteristic.context" class="scroll-container">
+                            {{ characteristic.name + '：'}}
+                            <span v-for="(contextInfo, index) in JSON.parse(characteristic.context)" :key="index"><br/>{{contextInfo.options + '、' + contextInfo.options_info +'. '}}</span>
+                            <br/>
+                        </div>
+                      </i>
                     </div>
-                  </i>
-                  <div slot="footer" class="dialog-footer">
-                    <el-button @click="dialogVisible = false">取 消</el-button>
-                    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-                  </div>
-                </el-dialog>
+                    <div slot="footer" class="dialog-footer">
+                      <el-button @click="dialogVisible = false">取 消</el-button>
+                      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+                    </div>
+                  </el-dialog>
+                </div>
               </div>
             </template>
           </el-table-column>
@@ -133,5 +137,26 @@ export default {
 </script>
 
 <style>
-
+.dialog-box{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  background: rgba(0,0,0,.3);
+}
+.dialog-zindex{
+  z-index: 9999999;
+}
+.scroll-container{
+  width: 100%;
+  height: 30%;
+  overflow: auto;
+}
+.scroll-content{
+  width: 100%;
+  height: 30%;
+  background-color: rgb(248, 212, 224);
+}
 </style>