0407-北仑客群+客群业绩统计+网格整体业绩修改+青田贷款客户经理

ruoyi-ui/src/views/group/custGroup/index.vue

@@ -35,19 +35,6 @@
             <el-option label="动态" value="1" />
           </el-select>
         </el-form-item>
-        <el-form-item label="创建方式" prop="createMode">
-          <el-select
-            v-model="queryParams.createMode"
-            placeholder="请选择"
-            clearable
-            style="width: 150px"
-          >
-            <el-option label="模板导入" value="1" />
-            <el-option label="绩效网格" value="2" />
-            <el-option label="地理网格" value="3" />
-            <el-option label="绘制网格" value="4" />
-          </el-select>
-        </el-form-item>
         <el-form-item label="客群状态" prop="groupStatus">
           <el-select
             v-model="queryParams.groupStatus"
@@ -59,6 +46,22 @@
             <el-option label="已禁用" value="1" />
           </el-select>
         </el-form-item>
+        <el-form-item label="客群标签" prop="groupTags">
+          <el-select
+            v-model="queryParams.groupTags"
+            placeholder="请选择"
+            clearable
+            filterable
+            style="width: 150px"
+          >
+            <el-option
+              v-for="tag in allTags"
+              :key="tag"
+              :label="tag"
+              :value="tag"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">
             搜索
@@ -104,31 +107,38 @@
           width="55"
           align="center"
         />
-        <el-table-column label="客群名称" prop="groupName" min-width="180" show-overflow-tooltip />
-        <el-table-column label="客群模式" align="center" width="100">
+        <el-table-column label="客群名称" prop="groupName" width="120" show-overflow-tooltip />
+        <el-table-column label="客群模式" align="center" width="120">
           <template slot-scope="scope">
             <el-tag v-if="scope.row.groupMode === '0'" type="info" size="small">静态</el-tag>
             <el-tag v-else-if="scope.row.groupMode === '1'" type="success" size="small">动态</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="创建方式" align="center" width="120">
-          <template slot-scope="scope">
-            <span v-if="scope.row.createMode === '1'">模板导入</span>
-            <span v-else-if="scope.row.createMode === '2'">绩效网格</span>
-            <span v-else-if="scope.row.createMode === '3'">地理网格</span>
-            <span v-else-if="scope.row.createMode === '4'">绘制网格</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="客户数量" align="center" prop="custCount" width="100" />
-        <el-table-column label="客群状态" align="center" width="100">
+        <el-table-column label="客户数量" align="center" prop="custCount" width="120" />
+        <el-table-column label="客群状态" align="center" width="120">
           <template slot-scope="scope">
             <el-tag v-if="scope.row.groupStatus === '0'" type="success" size="small">正常</el-tag>
             <el-tag v-else-if="scope.row.groupStatus === '1'" type="danger" size="small">已禁用</el-tag>
           </template>
         </el-table-column>
+        <el-table-column label="客群标签" min-width="150">
+          <template slot-scope="scope">
+            <template v-if="scope.row.groupTags">
+              <el-tag
+                v-for="tag in scope.row.groupTags.split(',')"
+                :key="tag"
+                size="small"
+                style="margin-right: 5px; margin-bottom: 3px"
+              >
+                {{ tag.trim() }}
+              </el-tag>
+            </template>
+          </template>
+        </el-table-column>
         <el-table-column label="创建者" prop="nickName" width="120" show-overflow-tooltip />
         <el-table-column label="创建时间" prop="createTime" width="180" />
-        <el-table-column label="操作" align="center" width="180" fixed="right">
+        <el-table-column label="备注" prop="remark" min-width="150" show-overflow-tooltip />
+        <el-table-column label="操作" align="center" width="200" fixed="right">
           <template slot-scope="scope">
             <el-button
               size="mini"
@@ -179,7 +189,7 @@
 </template>
 
 <script>
-import { listCustGroup, getCustGroup, deleteCustGroup } from '@/api/group/custGroup'
+import { listCustGroup, getCustGroup, deleteCustGroup, getAllGroupTags } from '@/api/group/custGroup'
 import CreateDialog from './components/create-dialog'
 
 export default {
@@ -204,10 +214,12 @@ export default {
         pageSize: 10,
         groupName: null,
         groupMode: null,
-        createMode: null,
         groupStatus: null,
+        groupTags: null,
         viewType: 'mine'
-      }
+      },
+      // 所有标签列表
+      allTags: []
     }
   },
   computed: {
@@ -218,6 +230,7 @@ export default {
   created() {
     this.activeTab = this.$route.query.tab || 'mine'
     this.getList()
+    this.loadAllTags()
   },
   watch: {
     '$route.query.refresh'() {
@@ -261,6 +274,15 @@ export default {
       })
     },
 
+    /** 加载所有标签列表 */
+    loadAllTags() {
+      getAllGroupTags().then(response => {
+        this.allTags = response.data || []
+      }).catch(() => {
+        this.allTags = []
+      })
+    },
+
     handleTabChange() {
       this.ids = []
       this.single = true
@@ -323,6 +345,12 @@ export default {
       this.$modal.confirm('是否确认删除选中的客群？').then(() => {
         return deleteCustGroup(ids)
       }).then(() => {
+        if (this.groupList.length <= ids.length && this.queryParams.pageNum > 1) {
+          this.queryParams.pageNum -= 1
+        }
+        this.ids = []
+        this.single = true
+        this.multiple = true
         this.refreshList()
         this.$modal.msgSuccess('删除成功')
       }).catch(() => {})
@@ -339,7 +367,6 @@ export default {
         id: null,
         groupName: null,
         groupMode: '0',
-        createMode: null,
         groupStatus: '0',
         shareEnabled: 0,
         shareDeptIdList: [],