零号线列表+新增+编辑

src/api/user.js

@@ -301,6 +301,20 @@ export function registerHuanxinApi() {
 /**
  * @description 获取零号线用户
  */
-export function getZeroLineUserList() {
-  return request.get(`user/getZeroLineUserList`)
+export function getZeroLineUserList(data) {
+  return request.get(`user/getZeroLineUserList`,data)
+}
+
+/**
+ * @description 设置0号线团队
+ */
+export function setZeroLineUser(data) {
+  return request.post(`user/setZeroLineUser`,data)
+}
+
+/**
+ * @description 模糊搜索
+ */
+export function getUserListByFuzzy(data) {
+  return request.get(`user/getUserListByFuzzy`,data)
 }

src/router/modules/user.js

@@ -33,6 +33,12 @@ const userRouter =
         component: () => import('@/views/user/bangfu'),
         name: 'UserBangfu',
         meta: { title: '帮扶中心', noCache: true }
+      },
+      {
+        path: 'zero',
+        component: () => import('@/views/zeroLine/list'),
+        name: 'UserZero',
+        meta: { title: '0号线', noCache: true }
       }
     ]
   }

src/views/zeroLine/list/index.vue

@@ -0,0 +1,319 @@
+<template>
+    <div class="zero-box">
+        <el-card class="box-card">
+            <el-form inline size="small" label-width="100px">
+            <el-row>
+              <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
+                <el-form-item label="昵称：">
+                  <el-input v-model="userFrom.team_name" placeholder="请输入" clearable class="selWidth"/>
+                </el-form-item>
+              </el-col>
+
+              <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
+                <el-form-item label="手机号：">
+                  <el-input v-model="userFrom.account" placeholder="请输入" clearable class="selWidth"/>
+                </el-form-item>
+              </el-col>
+
+              <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
+                <el-form-item label="状态：">
+                  <el-select v-model="userFrom.status" placeholder="全部" class="selWidth">
+                    <!-- <el-option v-for="option in creatorOptions" :key="option" :value="option"/> -->
+                    <el-option value="" label="选择状态"/>
+                    <el-option value="0" label="失效"/>
+                    <el-option value="1" label="正常"/>
+                    <el-option value="2" label="合并"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+
+              <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="text-right userFrom">
+                <el-form-item>
+                    <el-button type="primary" icon="ios-search" label="default" class="mr15" size="small"
+                             @click="onEdit(0,0)">添加
+                    </el-button>
+                    <el-button type="primary" icon="ios-search" label="default" class="mr15" size="small"
+                                @click="userSearchs">搜索
+                    </el-button>
+                    <el-button class="ResetSearch mr10" size="small" @click="getList">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        <!-- 列表 -->
+         <el-table
+        :data="tableData.data"
+        style="width: 100%" v-loading="listLoading">
+        <el-table-column
+            prop="date"
+            label="姓名"
+            width="140">
+            <template slot-scope="scope">
+            <span>{{scope.row.team_name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="account"
+            label="手机号"
+            width="180">
+            <template slot-scope="scope">
+            <div class="listPic">
+                <span>{{scope.row.account}}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="num"
+            label="人数"
+            width="120">
+            <template slot-scope="scope">
+            <div class="listPic">
+                <span>{{scope.row.team_user_num}}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="status"
+            label="状态"
+            width="120">
+            <template slot-scope="scope">
+            <div class="listPic">
+                <span v-if="scope.row.status==0">失效</span>
+                <span v-else-if="scope.row.status==1">正常</span>
+                <span v-else>合并</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="createDate"
+            label="创建时间"
+            width="180">
+            <template slot-scope="scope">
+            <div class="listPic">
+                <span>{{scope.row.create_time}}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="upDate"
+            label="更新时间"
+            width="180">
+            <template slot-scope="scope">
+            <div class="listPic">
+                <span>{{scope.row.update_time}}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="address"
+            label="操作">
+            <template slot-scope="scope">
+            <el-button type="text" size="small" @click="onEdit(scope.row)">编辑</el-button>
+          </template>
+        </el-table-column>
+        </el-table>
+        <!-- 弹框 -->
+        <el-dialog
+        :title="str"
+        width="50%"
+        :visible.sync="dialogVisible"
+        left>
+            <el-form ref="form" :model="infoForm" label-width="80px">
+                <el-form-item label="团长名称" v-if="str=='添加信息'">
+                    <el-select
+                        maxlength="15"
+                        minlength="1"
+                        v-model="seletItem"
+                        filterable
+                        remote
+                        placeholder="请输入关键词"
+                        :remote-method="remoteMethod"
+                        @change="changeSel"
+                        :loading="loading">
+                        <el-option
+                        v-for="item in searchList"
+                        :key="item.uidt"
+                        :label="item.nickname"
+                        :value="item.account">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="团长名称" v-else>
+                  <el-input v-model="infoForm.team_name" ></el-input>
+                </el-form-item>
+                <el-form-item label="团长状态">
+                    <el-radio-group v-model="infoForm.status">
+                        <el-radio :label="0" :value="0">失效</el-radio>
+                        <el-radio :label="1" :value="1">正常</el-radio>
+                        <el-radio :label="2" :value="2">合并</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisibleFalae">取 消</el-button>
+                <el-button type="primary" @click="editChage">确 定</el-button>
+            </span>
+        </el-dialog>
+        <div class="block">
+        <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableData.limit" :current-page="tableData.page"
+                       layout="total, sizes, prev, pager, next, jumper" :total="tableData.data.length"
+                       @size-change="handleSizeChange"
+                       @current-change="pageChange"/>
+        </div>
+        </el-card>
+    </div>
+</template>
+<script>
+import {
+  getZeroLineUserList,setZeroLineUser,getUserListByFuzzy
+} from '@/api/user'
+    export default{
+        name:"UserZeroo",
+        data(){
+            return{
+                dialogVisible:false,
+                storeClass:[],
+                listLoading:false,//查询的loading
+                ridio:1,
+                str:"添加信息",
+                searchList:[],
+                userFrom: {
+                    team_name:"",//姓名
+                    account: "", // 手机号
+                    status:1,//状态
+                },
+                tableData:{
+                    limit:20,//每页数据个数
+                    page:1,//页数
+                    total:0,//总计
+                    data:[],
+                },
+                infoForm:{
+                    team_name:"",
+                    team_uid:"",
+                    status:1,
+                },
+                seletItem:"",
+                options: [],
+                value: [],
+                list: [],
+                loading: false,
+            }
+        },
+        mounted(){
+            this.getList();
+        },
+        methods:{
+            // 默认列表
+            getList() {
+                this.userFrom= {
+                    team_name:"",//姓名
+                    account: "", // 手机号
+                    status:"",//状态
+                },
+                this.listLoading = true;
+                getZeroLineUserList().then(res => {
+                    this.tableData.data = res.data
+                    console.log(this.tableData.data.length)
+                    this.listLoading = false
+                    console.log(res);
+                }).catch(res => {
+                    this.listLoading = false
+                    this.$message.error(res.message)
+                })
+            },
+            // 弹框
+            onEdit(scope,edit=true){
+                if(edit){
+                    this.infoForm=scope;
+                    this.str="修改信息";
+                }else{
+                    this.str="添加信息";
+                }
+                console.log(this.infoForm);
+                this.dialogVisible=true;
+            },
+            // 修改
+            editChage(){
+                this.searchList=[];
+                this.seletItem="";
+                const Obj={
+                    team_name:this.infoForm.team_name,
+                    team_uid:this.infoForm.team_uid,
+                    status:this.infoForm.status
+                    };
+                setZeroLineUser(Obj).then(res=>{
+                    console.log(res);
+                    this.infoForm={
+                        team_name:"",
+                        team_uid:"",
+                        status:1,
+                    }
+                    this.dialogVisible=false;
+                }).catch(err=>{
+                    this.$message.error(err.message);
+                })
+            },
+            // 每页显示个数
+            handleSizeChange(val){
+                console.log(val)
+            },
+            // 当前页数
+            pageChange(page){
+                console.log(page)
+            },
+            // 搜索
+            userSearchs(){
+                if(this.userFrom.team_name==""||this.userFrom.team_uid==""||this.userFrom.status=="")return
+                getZeroLineUserList(this.userFrom).then(res => {
+                    this.tableData.data = res.data
+                    this.listLoading = false
+                    console.log(res);
+                }).catch(res => {
+                    this.listLoading = false
+                    this.$message.error(res.message)
+                })
+            },
+            // 远程搜索
+            remoteMethod(val){
+                console.log(val);
+                const data={fuzzy:val};
+                getUserListByFuzzy(data).then(res=>{
+                    this.searchList=res.data;
+                    console.log(this.searchList)
+                })
+            },
+            // 选中值时触发
+            changeSel(val,i,item){
+                // this.infoForm=val;
+                this.searchList.filter((e,i)=>{
+                    console.log(e);
+                    if(val==e.account){this.infoForm=e}
+                })
+            },
+            // 取消
+            dialogVisibleFalae(){
+                this.infoForm={
+                    team_name:"",
+                    team_uid:"",
+                    status:1,
+                }
+                this.searchList=[];
+                this.dialogVisible=false
+            }
+        }
+    }
+</script>
+<style scoped lang="scss">
+.zero-box{
+    margin: 1rem;
+}
+.text-right{
+    width: 100%;
+    text-align: right;
+}
+.block{
+    width: 100%;
+    text-align: right;
+}
+</style>