业绩管理详情搜索调整

费用校验管理待审核订单费用调整
添加渠道查询

config/dev.env.js

@@ -5,8 +5,8 @@ const prodEnv = require('./prod.env')
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   ENV_CONFIG:'"dev"',
-  // BASE_URL: '"http://39.98.239.48/web-api"',//测试服务器
-  BASE_URL:'"http://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
+  BASE_URL: '"http://39.98.239.48/web-api"',//测试服务器
+  // BASE_URL:'"http://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
   // BASE_URL: '"http://192.168.0.115:8080/"' //凯森
   // BASE_URL: '"http:///192.168.0.253:8082/"',//田智
   // BASE_URL: '"http:///192.168.0.36:8080/"',//靖燕龙

src/http/moudules/user.js

@@ -328,4 +328,12 @@ export const quTeamNum = (data) => {
     method: 'post',
     data
   })
+}
+// 查询渠道人数
+export const queryChannelNum = (data) => {
+  return axios({
+    url: '/esm/user/queryChannelNum',
+    method: 'post',
+    data
+  })
 }

src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyuntasks.vue

@@ -351,6 +351,7 @@
                     {{adjustFeeDescInfo.jqAllFeeRate}}
                   </div>
                   <div v-if="!adjustFeeFlag&&scope.$index==0">{{scope.row.jqFeeRateAll}}</div>
+                  <div v-else>{{scope.row.jqFeeRateAll}}</div>
                 </template>
               </el-table-column>
               <el-table-column prop="jqFeeAmountAll" label="手续费金额/跟单费金额/总金额" width="15%">
@@ -361,6 +362,7 @@
                     {{adjustFeeDescInfo.jqAllFeeAmount}}元
                   </div>
                   <div v-if="!adjustFeeFlag&&scope.$index==0">{{scope.row.jqFeeAmountAll}}</div>
+                  <div v-else>{{scope.row.jqFeeAmountAll}}</div>
                 </template>
               </el-table-column>
             </el-table-column>
@@ -373,6 +375,7 @@
                     {{adjustFeeDescInfo.syAllFeeRate}}
                   </div>
                   <div v-if="!adjustFeeFlag&&scope.$index==0">{{scope.row.syFeeRateAll}}</div>
+                  <div v-else>{{scope.row.syFeeRateAll}}</div>
                 </template>
               </el-table-column>
               <el-table-column prop="syFeeAmountAll" label="手续费金额/跟单费金额/总金额" width="15%">
@@ -383,6 +386,7 @@
                     {{adjustFeeDescInfo.syAllFeeAmount}}元
                   </div>
                   <div v-if="!adjustFeeFlag&&scope.$index==0">{{scope.row.syFeeAmountAll}}</div>
+                  <div v-else>{{scope.row.syFeeAmountAll}}</div>
                 </template>
               </el-table-column>
             </el-table-column>

src/views/FinancialManagement/ExpenseManagement/ExpenseComponent.vue

@@ -48,7 +48,7 @@
               >
                 <el-option
                   v-for="item in dictionariesData"
-                  :key="item.value+'bb'"
+                  :key="item.value + 'bb'"
                   :label="item.label"
                   :value="item.value"
                 ></el-option>
@@ -64,6 +64,39 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="营业性质" prop="yyxz">
+              <el-select v-model="formData.yyxz" placeholder="请选择营业性质">
+                <el-option label="一般纳税" value="0"></el-option>
+                <el-option label="小规模" value="1"></el-option>
+                <el-option label="个体户" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属地" prop="ssd">
+              <el-input v-model="formData.ssd" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="法人" prop="fr">
+              <el-input v-model="formData.fr" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="成立日期" prop="clrq">
+              <el-date-picker
+                v-model="formData.clrq"
+                type="date"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="开户行" prop="bank">
@@ -258,7 +291,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row  v-show="formData.outerFlag == 0&&formDataId">
+        <el-row v-show="formData.outerFlag == 0 && formDataId">
           <el-col :span="12">
             <el-form-item label="单日转账笔数剩余" prop="dayStrokeNumExcess">
               <el-input-number
@@ -280,7 +313,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row  v-show="formData.outerFlag == 0&&formDataId">
+        <el-row v-show="formData.outerFlag == 0 && formDataId">
           <el-col :span="12">
             <el-form-item label="对私年剩余额度" prop="priYearExcess">
               <el-input-number
@@ -302,7 +335,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-show="formData.outerFlag == 0&&formDataId">
+        <el-row v-show="formData.outerFlag == 0 && formDataId">
           <el-col :span="12">
             <el-form-item label="对公年剩余额度" prop="pubYearExcess">
               <el-input-number
@@ -377,10 +410,14 @@ export default {
         pubYearExcess: "", //对公年剩余额度
         pubYearLines: "", //对公年额度
         tianqinProfit: "", //天勤利润
-        dayStrokeNumExcess:"",//单日转账笔数剩余
-        priDayLinesExcess:"",//对私单日限额剩余
-        pubDayLinesExcess:"",//对公单日限额剩余
-        spend:"",//	支出金额
+        dayStrokeNumExcess: "", //单日转账笔数剩余
+        priDayLinesExcess: "", //对私单日限额剩余
+        pubDayLinesExcess: "", //对公单日限额剩余
+        spend: "", //	支出金额
+        yyxz: "", //营业性质
+        ssd: "", //所属地
+        fr: "", //法人
+        clrq: "", //成立日期
       },
     },
   },
@@ -434,22 +471,27 @@ export default {
     };
   },
   watch: {
-    dialogFormVisible(status){
-        !status?this.$nextTick(()=>{ this.$refs.formData.clearValidate()}):''
-    }
+    dialogFormVisible(status) {
+      !status
+        ? this.$nextTick(() => {
+            this.$refs.formData.clearValidate();
+          })
+        : "";
+    },
   },
   created() {
     this.business();
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
-    outChange(e){
-      this.$nextTick(()=>{ this.$refs.formData.clearValidate()})
-      this.$emit('outChange',e)
+    outChange(e) {
+      this.$nextTick(() => {
+        this.$refs.formData.clearValidate();
+      });
+      this.$emit("outChange", e);
     },
-    setDateInterval(e){
-      this.$emit('setDateInterval',e)
+    setDateInterval(e) {
+      this.$emit("setDateInterval", e);
     },
     //数据字典
     business() {
@@ -462,7 +504,7 @@ export default {
     submitForm(formData) {
       this.$refs[formData].validate((valid) => {
         if (valid) {
-          this.$emit('submitForm')
+          this.$emit("submitForm");
         } else {
           return false;
         }
@@ -470,8 +512,8 @@ export default {
     },
     //弹框取消重置
     resetForm() {
-      this.$emit('resetForm')
-    }
+      this.$emit("resetForm");
+    },
   },
 };
 </script>
@@ -480,7 +522,7 @@ export default {
   overflow-y: scroll;
   max-height: 500px;
 }
-.el-input-number {
+.el-input-number,.el-date-editor {
   width: 100%;
 }
 </style>

src/views/FinancialManagement/ExpenseManagement/ExpenseManagement.vue

@@ -313,6 +313,30 @@ export default {
           minWidth: 70,
           sortable: false,
         },
+        {
+          prop: "yy",
+          label: "营业性质",
+          minWidth: 70,
+          sortable: false,
+        },
+        {
+          prop: "ss",
+          label: "所属地",
+          minWidth: 70,
+          sortable: false,
+        },
+        {
+          prop: "fr",
+          label: "法人",
+          minWidth: 70,
+          sortable: false,
+        },
+        {
+          prop: "clrq",
+          label: "成立日期",
+          minWidth: 70,
+          sortable: false,
+        },
         {
           prop: "accountName",
           label: "户名",

src/views/FinancialManagement/ExpenseManagement/PaymentManagement.vue

@@ -0,0 +1,464 @@
+<template>
+  <!--布局容器-->
+  <div class="container" style="width: 99%; margin-top: 0px">
+    <!-- 顶部查询 -->
+    <el-row class="top">
+      <el-form
+        v-model="pageRequest"
+        size="small"
+        label-width="95px"
+        class="form"
+      >
+        <el-form-item label="开票员" label-width="95px" prop="revenueOutlay">
+          <el-select
+            v-model="pageRequest.teamOrUserFlag"
+            placeholder="请选择团队或用户查询"
+          >
+            <el-option label="团队" value="1"></el-option>
+            <el-option label="用户" value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          v-show="pageRequest.teamOrUserFlag == 1"
+          label="部门名称"
+          label-width="95px"
+          prop="deptName"
+        >
+          <el-input
+            v-model="pageRequest.deptName"
+            placeholder="请输入部门名称"
+            class="widths"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          v-show="pageRequest.teamOrUserFlag == 2"
+          label="用户名称"
+          label-width="95px"
+          prop="applySector"
+        >
+          <el-input
+            v-model="pageRequest.userName"
+            placeholder="请输入用户名称"
+            class="widths"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="开票日期" label-width="95px" prop="applyTime">
+          <el-date-picker
+            v-model="pageRequest.date"
+            type="date"
+            placeholder="选择开票日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="small" @click="queryStaffInfo"
+            >查询</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <!-- 表格 -->
+    <kt-common-table
+      v-loading="loading"
+      element-loading-text="拼命加载中..."
+      element-loading-spinner="el-icon-loading"
+      :operationWidth="operationWidth"
+      class="ktTable"
+      permsEdit="sys:agent:view"
+      ref="dataTable"
+      :data="pageResult"
+      :columns="columns"
+      :showBatchDelete="false"
+      :showOperation="showOperation"
+      editButtonName="详情"
+      @findPage="findPage"
+      :isshowpagination="true"
+      @handleEdit="handleDetail"
+    ></kt-common-table>
+    <el-dialog
+      class="dialog detailtTable"
+      :title="title"
+      :close-on-click-modal="false"
+      :before-close="resetForm"
+      :visible.sync="detailDialog"
+      width="60%"
+    >
+      <div class="dialog-body">
+        <el-table
+          v-loading="loading"
+          element-loading-text="拼命加载中..."
+          element-loading-spinner="el-icon-loading"
+          :data="detailData"
+          :stripe="true"
+          style="width: 100%"
+          row-key=""
+          border
+          default-expand-all
+          :header-cell-style="{
+            background: '#F2F7FC',
+            fontWeight: '900',
+            color: '#606266',
+          }"
+        >
+          <el-table-column type="index" label="序号" align="center" width="50">
+          </el-table-column>
+          <el-table-column
+            v-for="(item, index) in detailColumns"
+            :key="index"
+            :min-width="item.minWidth"
+            :prop="item.prop"
+            align="center"
+            :label="item.label"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <div class="bottomFixed" style="padding-bottom: 50px" ref="bottomFixed">
+          <el-pagination
+            @size-change="handleSizeChange"
+            layout="total, sizes, prev, pager, next, jumper"
+            @current-change="refreshPageRequest"
+            :current-page="detailParams.pageNo"
+            :page-size="detailParams.pageSize"
+            :page-sizes="[10, 20, 50, 100, 200, 300, 400, 500]"
+            :total="detailParams.totalSize"
+            style="float: left; margin-left: 20px"
+          >
+          </el-pagination>
+        </div>
+        <el-button @click="resetForm" size="small">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+        <script>
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
+import CommonUtil from "@/utils/comutil.js";
+
+export default {
+  name: "InvoiceInformation",
+  components: { KtCommonTable, KtButton },
+  created() {},
+  mounted() {},
+  data() {
+    return {
+      title: "详情",
+      loading: true,
+      detailDialog: false,
+      showOperation: true,
+      operationWidth: 100, //操作列宽度
+      queryFrom: {
+        //查询条件
+      },
+      pageResult: {}, //表格参数
+      pageRequest: {
+        // 列表查询条件
+        pageNo: 1,
+        pageSize: 10,
+        teamOrUserFlag: "1", //团队还是人员 1是团队 2是人员
+        deptName: "", //部门名称
+        userName: "", //人员名称
+        date: [], //日期区间数组
+        createTimeStart: "", //日期开始时间
+        createTimeEnd: "", //日期结束时间
+      },
+      columns: [
+        { prop: "deptName", label: "开票员", type: "text" },
+        { prop: "quoteNum", label: "开票科目", type: "text" },
+        { prop: "submitNum", label: "开票方", type: "text" },
+        { prop: "hasInsuredNum", label: "对方单位名称", type: "text" },
+        { prop: "syPremiumSum", label: "发票号码", type: "text" },
+        { prop: "taxaMountSum", label: "发票数", type: "text" },
+        { prop: "jqPremiumSum", label: "开票日期", type: "text" },
+        {
+          prop: "totalSumpremium",
+          label: "不含税金额",
+          type: "text",
+        },
+        {
+          prop: "sl",
+          label: "税率",
+          type: "text",
+        },
+        {
+          prop: "se",
+          label: "税额",
+          type: "text",
+        },
+        {
+          prop: "kpje",
+          label: "开票金额",
+          type: "text",
+        },
+        {
+          prop: "fplx",
+          label: "发票类型",
+          type: "text",
+        },
+        {
+          prop: "jzrq",
+          label: "进账日期",
+          type: "text",
+        },
+        {
+          prop: "jzje",
+          label: "进账金额",
+          type: "text",
+        },
+        {
+          prop: "wjzje",
+          label: "未进账金额",
+          type: "text",
+        },
+      ],
+      detailData: [],
+      detailParams: {
+        pageNo: 1,
+        pageSize: 10,
+        teamOrUserFlag: "2",
+      },
+      detailColumns: [
+        {
+          prop: "userName",
+          label: "成员名称",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "quoteNum",
+          label: "报价次数",
+          type: "text",
+          minWidth: "100",
+          minWidth: "100",
+        },
+        {
+          prop: "submitNum",
+          label: "提交核保次数",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "hasInsuredNum",
+          label: "已承保数量",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "syPremiumSum",
+          label: "商业保费",
+          type: "text",
+          minWidth: "100",
+        },
+        { prop: "taxaMountSum", label: "车船税", type: "text" },
+        {
+          prop: "jqPremiumSum",
+          label: "交强险费用",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "totalSumpremium",
+          label: "总承保保费总数",
+          type: "text",
+          minWidth: "120",
+        },
+      ],
+    };
+  },
+  methods: {
+    //选择时间区间
+    dateChange(e) {
+      if (e == null) {
+        this.pageRequest.createTimeStart = "";
+        this.pageRequest.createTimeEnd = "";
+      } else {
+        this.pageRequest.createTimeStart = e[0];
+        this.pageRequest.createTimeEnd = e[1];
+      }
+    },
+    // 换页刷新
+    refreshPageRequest: function (pageNum) {
+      this.detailParams.pageNo = pageNum;
+      this.getDetailData();
+    },
+    // 每页条数发生改变
+    handleSizeChange(pageSize) {
+      this.detailParams.pageSize = pageSize;
+      this.getDetailData();
+    },
+    //取消隐藏弹框
+    resetForm() {
+      this.detailDialog = false;
+      this.detailParams.pageNo = 1;
+      this.detailParams.pageSize = 10;
+    },
+    //查看详情
+    handleDetail(index) {
+      let row = index.row;
+      this.detailParams.deptId = row.deptId;
+      this.detailParams.deptName = row.deptName;
+      this.getDetailData();
+      this.detailDialog = true;
+    },
+    // 详情接口
+    getDetailData() {
+      this.loading = true;
+      let obj = JSON.parse(JSON.stringify(this.detailParams));
+      this.$api.user.quTeamNum(obj).then((res) => {
+        if (res.code == 200) {
+          this.detailData = res.data.records;
+          this.detailParams.pageNo = res.data.current;
+          this.detailParams.pageSize = res.data.size;
+          this.detailParams.totalPages = res.data.pages;
+          this.detailParams.totalSize = res.data.total;
+          this.loading = false;
+        } else {
+          this.$message.error(res.msg);
+        }
+      });
+    },
+    //获取页面数据
+    findPage(data) {
+      this.loading = true;
+      if (data && data.pageRequest) {
+        this.pageRequest.pageNo = data.pageRequest.pageNum;
+        this.pageRequest.pageSize = data.pageRequest.pageSize;
+      }
+      this.$api.user
+        .quTeamNum(this.pageRequest)
+        .then((res) => {
+          if (res.code == 200) {
+            this.pageResult = {
+              content: res.data.records,
+              pageNum: res.data.current,
+              pageSize: res.data.size,
+              totalPages: res.data.pages,
+              totalSize: res.data.total,
+            };
+            this.loading = false;
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+        .then(data != null ? data.callback : "");
+    },
+    // 查询
+    queryStaffInfo() {
+      if (this.pageRequest.teamOrUserFlag == 1) {
+        this.$set(this.columns, 0, {
+          prop: "deptName",
+          label: "部门名称",
+          type: "text",
+        });
+        this.showOperation = true;
+        this.pageRequest.userName = "";
+      } else {
+        this.$set(this.columns, 0, {
+          prop: "userName",
+          label: "成员名称",
+          type: "text",
+        });
+        this.pageRequest.deptName = "";
+        this.showOperation = false;
+      }
+      this.pageRequest.pageNo = 1;
+      this.pageRequest.pageSize = 10;
+      this.findPage();
+    },
+  },
+};
+</script>
+        
+  <style scoped>
+.operation {
+  margin-left: 14px !important;
+  margin-top: 15px !important ;
+}
+.form {
+  display: flex;
+  margin-top: 14px;
+  align-items: center;
+  margin-left: -12px;
+  margin-bottom: 20px;
+}
+.el-pagination {
+  font-weight: normal;
+}
+.el-card__body {
+  padding: 12px !important;
+}
+.footer .footerdiv {
+  display: flex;
+  align-items: center;
+}
+.container .el-form-item {
+  margin-bottom: -14px !important;
+}
+.form .el-form-item__label {
+  font-size: 15px !important;
+  font-weight: 600 !important;
+}
+
+.ktTable {
+  margin-top: 20px;
+}
+.el-row {
+  margin-top: 18px;
+}
+.top {
+  margin-top: 0px;
+}
+
+.el-date-editor--daterange.el-input__inner {
+  width: 300px;
+}
+/deep/ .el-select--small {
+  width: 100%;
+}
+.frame {
+  width: 100%;
+  background-color: #fff;
+  padding: 20px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-bottom: 15px;
+  border-radius: 6px;
+  border: 1px solid #ebeef5;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+/deep/ .el-dialog__body {
+  height: 550px;
+}
+.addremove-box {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 25px;
+  margin-top: 10px;
+}
+.addremove-box > i {
+  cursor: pointer;
+}
+.frame >>> .el-date-editor {
+  width: 100%;
+}
+.detailtTable >>> .bottomFixed {
+  position: relative !important;
+}
+.detailtTable >>> .el-table__body-wrapper {
+  overflow-y: auto;
+  height: 500px;
+}
+.detailtTable >>> .el-dialog {
+  margin-top: 10vh !important;
+}
+</style>
+        

src/views/PeopleManage/Player/PerformanceManage.vue

@@ -264,14 +264,16 @@ export default {
     //取消隐藏弹框
     resetForm() {
       this.detailDialog = false;
-      detailParams.pageNo = 1;
-      detailParams.pageSize = 10;
+      this.detailParams.pageNo = 1;
+      this.detailParams.pageSize = 10;
     },
     //查看详情
     handleDetail(index) {
       let row = index.row;
       this.detailParams.deptId = row.deptId;
       this.detailParams.deptName = row.deptName;
+      this.detailParams.createTimeStart =  this.pageRequest.createTimeStart;
+      this.detailParams.createTimeEnd =  this.pageRequest.createTimeEnd;
       this.getDetailData();
       this.detailDialog = true;
       

src/views/PeopleManage/Seo/ChannelSearch.vue

@@ -0,0 +1,1093 @@
+<template>
+    <div>
+      <div class="queryFrom" id="queryForm" title="检索区">
+        <el-form ref="queryFormRef" :model="queryFrom" label-width="80px">
+          <el-row>
+            <el-col :span="5">
+              <el-form-item label="工号">
+                <el-input
+                  clearable
+                  size="small"
+                  placeholder="工号"
+                  v-model="queryFrom.userId"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="姓名">
+                <el-input
+                  clearable
+                  size="small"
+                  placeholder="姓名"
+                  v-model="queryFrom.name"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="手机号">
+                <el-input
+                  clearable
+                  size="small"
+                  placeholder="手机号"
+                  v-model="queryFrom.mobile"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">&nbsp;</el-col>
+            <el-col :span="4">
+              <el-form-item label="">
+                <el-button size="small" type="primary" @click="queryTeam"
+                  >查询</el-button
+                >
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <el-table
+        v-loading="loading"
+        element-loading-text="拼命加载中..."
+        element-loading-spinner="el-icon-loading"
+        :border="true"
+        :data="tableData"
+        style="width: 100%"
+        :height="tableHeight"
+        :header-cell-style="{
+          background: '#F2F7FC',
+          fontWeight: '700',
+          color: '#606266',
+        }"
+      >
+        <el-table-column header-align="center" align="center" type="index">
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="deptName"
+          label="机构名称"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="deptId"
+          label="部门编码"
+          width="180"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="id"
+          label="工号"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="name"
+          label="姓名"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="sex"
+          label="性别"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="mobile"
+          label="电话"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="teamnum"
+          label="我的团队"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="level1num"
+          label="一级团队(人数)"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="level2num"
+          label="二级团队(人数)"
+        >
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          prop="tempnum"
+          label="临时用户(人数)"
+        >
+        </el-table-column>
+        <el-table-column header-align="center" align="center" label="操作">
+          <!-- <template slot-scope="scope">
+            <el-button type="text" size="small" @click="handleTableEdit(scope)"
+              >查看</el-button
+            >
+          </template> -->
+        </el-table-column>
+      </el-table>
+      <div class="bottomFixed" style="padding-bottom: 50px;margin-top:30px" ref="bottomFixed">
+        <el-pagination
+          @size-change="handleSizeChange"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="refreshPageRequest"
+          :current-page="querylParams.pageNum"
+          :page-size="querylParams.pageSize"
+          :page-sizes="[10, 20, 50, 100, 200, 300, 400, 500]"
+          :total="querylParams.totalSize"
+          style="float: left; margin-left: 20px"
+        >
+        </el-pagination>
+      </div>
+      <el-dialog
+        title="人员信息"
+        width="1000px"
+        :visible.sync="dialogVisible"
+        :close-on-click-modal="false"
+        :before-close="handleDialogBefore"
+        @close="closeDialog"
+        v-dialogDrag
+      >
+        <el-form
+          disabled
+          :model="dataForm"
+          ref="dataForm"
+          label-width="130px"
+          size="small"
+          style="text-align: left"
+        >
+          <el-tabs v-model="activeTabs">
+            <el-tab-pane label="行政信息" name="first">
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="机构编码">
+                    <el-input :value="deptInfo.id"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="机构名称">
+                    <el-input :value="deptInfo.name"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="上级机构编码">
+                    <el-input :value="deptInfo.parentId"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="机构类型">
+                    <el-select :value="deptInfo.comtype" placeholder="请选择">
+                      <el-option
+                        v-for="item in comtypeoptions"
+                        :key="item.label"
+                        :label="item.label"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="机构级别">
+                    <el-select :value="deptInfo.comlevel" placeholder="请选择">
+                      <el-option
+                        v-for="item in comleveloptions"
+                        :key="item.label"
+                        :label="item.label"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="机构性质">
+                    <el-select
+                      :value="deptInfo.comattribute"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        v-for="item in comattributeoptions"
+                        :key="item.label"
+                        :label="item.label"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="24">
+                  <el-form-item label="机构地址" style="width: 100%">
+                    <el-input
+                      type="textarea"
+                      :rows="3"
+                      :autosize="{ minRows: 3, maxRows: 4 }"
+                      placeholder="请输入内容"
+                      :value="deptInfo.address"
+                    >
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+            <el-tab-pane label="基本信息" name="second">
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="员工工号">
+                    <el-input v-model="dataForm.id"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="部门">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.deptId"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        v-for="item in departmentList"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="是否团队长">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.isteamleader"
+                      placeholder="请选择"
+                    >
+                      <el-option label="是" value="1"></el-option>
+                      <el-option label="否" value="0"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row v-if="dataForm.isteamleader != 1">
+                <el-col :span="8">
+                  <el-form-item label="所属团队长">
+                    <el-input v-model="teamleadername"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="所属团队工号">
+                    <el-input v-model="teamleaderid"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="推荐人名字">
+                    <el-input v-model="dataForm.recommendername"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="推荐人工号">
+                    <el-input v-model="dataForm.recommenderid"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="是否显示门店">
+                    <el-input v-model="dataForm.isshowsalesroom"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="是否显示团队">
+                    <el-input v-model="dataForm.isshowteam"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="姓名">
+                    <el-input v-model="dataForm.name"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="性别">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.sex"
+                      placeholder="请选择"
+                    >
+                      <el-option label="男" value="男"></el-option>
+                      <el-option label="女" value="女"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="录入人">
+                    <el-input v-model="dataForm.createBy"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="身份证号">
+                    <el-input v-model="dataForm.identity"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="出生日期">
+                    <el-date-picker
+                      style="width: 100%"
+                      v-model="dataForm.birthday"
+                      type="date"
+                      placeholder="选择日期"
+                    >
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="移动电话">
+                    <el-input v-model="dataForm.mobile"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="民族">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.nations"
+                      placeholder="请选择"
+                    >
+                      <el-option
+                        :label="national"
+                        :value="national"
+                        v-for="national in nationalList"
+                        :key="national"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="政治面貌">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.politicalstatus"
+                      placeholder="请选择"
+                    >
+                      <el-option label="群众" value="群众"></el-option>
+                      <el-option label="共青团员" value="共青团员"></el-option>
+                      <el-option label="中共党员" value="中共党员"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="户口所在地">
+                    <el-input v-model="dataForm.addressresident"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="银行账号">
+                    <el-input v-model="dataForm.accountno"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="开户银行">
+                    <el-input v-model="dataForm.bankname" disabled></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="住宅电话">
+                    <el-input v-model="dataForm.phonehouse"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="健康状况">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.health"
+                      placeholder="请选择"
+                    >
+                      <el-option label="健康" value="健康"></el-option>
+                      <el-option label="亚健康" value="亚健康"></el-option>
+                      <el-option label="疾病" value="疾病"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="邮政编码">
+                    <el-input v-model="dataForm.postalcode"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="邮箱">
+                    <el-input v-model="dataForm.email"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="籍贯">
+                    <el-input v-model="dataForm.nativeplace"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="学历">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.education"
+                      placeholder="请选择"
+                    >
+                      <el-option label="小学" value="小学"></el-option>
+                      <el-option label="初中" value="初中"></el-option>
+                      <el-option label="高中" value="高中"></el-option>
+                      <el-option label="专科" value="专科"></el-option>
+                      <el-option label="本科" value="本科"></el-option>
+                      <el-option label="硕士" value="硕士"></el-option>
+                      <el-option label="博士" value="博士"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="血型">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.blood"
+                      placeholder="请选择"
+                    >
+                      <el-option label="A型" value="A型"></el-option>
+                      <el-option label="B型" value="B型"></el-option>
+                      <el-option label="O型" value="O型"></el-option>
+                      <el-option label="AB型" value="AB型"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="居住地址">
+                    <el-input v-model="dataForm.addressnow"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="毕业院校">
+                    <el-input v-model="dataForm.college"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="入司时间">
+                    <el-date-picker
+                      style="width: 100%"
+                      v-model="dataForm.intime"
+                      type="date"
+                      placeholder="选择日期"
+                    >
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="代理人资格证号">
+                    <el-input v-model="dataForm.saleno"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="毕业时间">
+                    <el-date-picker
+                      style="width: 100%"
+                      v-model="dataForm.collegetm"
+                      type="date"
+                      placeholder="选择日期"
+                    >
+                    </el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="原工作单位">
+                    <el-input v-model="dataForm.orglast"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="婚姻状况">
+                    <el-select
+                      style="width: 100%"
+                      v-model="dataForm.marrycode"
+                      placeholder="请选择"
+                    >
+                      <el-option label="未婚" value="未婚"></el-option>
+                      <el-option label="已婚" value="已婚"></el-option>
+                      <el-option label="离异" value="离异"></el-option>
+                      <el-option label="再婚" value="再婚"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="紧急联系人电话">
+                    <el-input v-model="dataForm.phonespecial"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="紧急联系人姓名">
+                    <el-input v-model="dataForm.namespecial"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="8">
+                  <el-form-item label="录入时间">
+                    <el-input v-model="dataForm.createTime"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="最后修改时间">
+                    <el-input v-model="dataForm.lastUpdateTime"></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-tab-pane>
+            <el-tab-pane label="影像资料" name="third">
+              <div class="imageLibraryItem">
+                <el-row class="imageLibraryItemTitle">
+                  <label @click="pic1Control = !pic1Control"> 身份证照片 </label>
+                </el-row>
+                <el-row class="imageLibraryItemBody" v-show="pic1Control">
+                  <el-form-item label="身份证正面:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo1"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo1"
+                        :src="dataForm.photo1"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+  
+                  <el-form-item label="身份证反面:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo2"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo2"
+                        :src="dataForm.photo2"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+                </el-row>
+              </div>
+  
+              <div class="imageLibraryItem">
+                <el-row class="imageLibraryItemTitle">
+                  <label @click="pic3Control = !pic3Control"> 展业资格证 </label>
+                </el-row>
+                <el-row class="imageLibraryItemBody" v-show="pic3Control">
+                  <el-form-item label="资格证照片:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo3"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo3"
+                        :src="dataForm.photo3"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+                </el-row>
+              </div>
+  
+              <div class="imageLibraryItem">
+                <el-row class="imageLibraryItemTitle">
+                  <label @click="pic4Control = !pic4Control"> 劳动合同 </label>
+                </el-row>
+                <el-row class="imageLibraryItemBody" v-show="pic4Control">
+                  <el-form-item label="劳动合同照片:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo4"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo4"
+                        :src="dataForm.photo4"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+                </el-row>
+              </div>
+  
+              <div class="imageLibraryItem">
+                <el-row class="imageLibraryItemTitle">
+                  <label @click="pic5Control = !pic5Control"> 应聘表 </label>
+                </el-row>
+                <el-row class="imageLibraryItemBody" v-show="pic5Control">
+                  <el-form-item label="应聘表照片:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo5"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo5"
+                        :src="dataForm.photo5"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+                </el-row>
+              </div>
+  
+              <div class="imageLibraryItem">
+                <el-row class="imageLibraryItemTitle">
+                  <label @click="pic6Control = !pic6Control"> 定薪表 </label>
+                </el-row>
+                <el-row class="imageLibraryItemBody" v-show="pic6Control">
+                  <el-form-item label="定薪表照片:" style="width: 50%">
+                    <el-upload
+                      class="avatar-uploader"
+                      action=""
+                      name="photo6"
+                      :show-file-list="false"
+                      :http-request="httpRequest"
+                      :before-upload="beforeAvatarUpload"
+                    >
+                      <img
+                        v-if="dataForm.photo6"
+                        :src="dataForm.photo6"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+                </el-row>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-form>
+        <span slot="footer" class="dialog-footer" v-show="activeTabs == 'third'">
+          <el-button
+            size="small"
+            type="primary"
+            style="background-color: #ffc000; border: 1px solid #ffc000"
+            @click="closeDialog"
+            >{{ $t("action.cancel") }}</el-button
+          >
+        </span>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        tableHeight:0,//表格高度
+        loading:false,
+        sexoptions: JSON.parse(localStorage.getItem("sexOptions")),
+        activeTabs: "first",
+        dialogVisible: false, // 新增编辑界面是否显示
+        deptInfo: {}, //选中机构的基本信息
+        // 控制影像
+        pic1Control: false,
+        pic3Control: false,
+        pic4Control: false,
+        pic5Control: false,
+        pic6Control: false,
+  
+        dataForm: {
+          // 人员个人信息
+          id: "",
+          name: "", //用户名
+          password: "", //密码
+          email: "", //邮箱
+          mobile: "", //手机号
+          birthday: "", //出生日期
+          status: "", //状态  1：正常   0：离司
+          marrycode: "", //婚姻状况
+          deptId: "", //机构号或者部门号
+          createBy: "", //创建人
+          createTime: "", //创建时间
+          lastUpdateBy: "", //更新人
+          lastUpdateTime: "", //更新时间
+          delFlag: "", //是否删除  -1：已删除  0：正常
+          usertype: "", //用户类型：0:系统用户 A：后线人员 B：代理人员
+          tenantId: "", //所属租户
+          sex: "", //性别
+          jobCode: "", //岗位
+          esmUserInternalid: "",
+          addressnow: "", //居住地址
+          nations: "", //民族
+          politicalstatus: "", //政治面貌
+          college: "", //毕业院校
+          identity: "", //身份证号
+          education: "", //学历
+          bankname: "", //开户行
+          accountno: "", //开户账号
+          addressresident: "", //户口地址
+          health: "", //健康状态
+          postalcode: "", //邮政编码
+          phonehouse: "", //住宅电话
+          collegetm: "", //毕业时间
+          speciality: "", //专业
+          nativeplace: "", //籍贯
+          worktype: "", //工作性质
+          blood: "", //血型
+          saleno: "", //业务员职业证书号
+          orglast: "", //原工作单位
+          joblast: "", //工作职务
+          hobby: "", //爱好特长
+          namespecial: "", //紧急联系人姓名
+          phonespecial: "", //紧急联系人电话
+          intimes: "", //是否二次入司
+          intime: "", //入司时间
+          contracttime: "", //签约时间(财)
+          isteamleader: "", //是否团队长(财)
+          documentno: "", //后线人员档案号
+          hrcode: "", //后线人员HR编码
+          regulartm: "", //转正时间
+          salarycode: "", //薪资等级
+          esmUserAgentid: "", //主键
+          recommenderid: "", //推荐人代码
+          recommendername: "", //推荐人姓名
+          leaderupid: "", //上级主管代码
+          leaderupname: "", //上级主管姓名
+          grouppersonid: "", //组育成人代码
+          grouppersonname: "", //组育成人姓名
+          deppersonid: "", //部育成人代码
+          deppersonname: "", //部育成人姓名
+          isshowteam: "", //是否显示团队
+          isshowsalesroom: "", //是否显示门店
+  
+          photo1: "",
+          photo2: "",
+          photo3: "",
+          photo4: "",
+          photo5: "",
+          photo6: "",
+        },
+        // 新增或修改的弹出框End
+  
+        queryFrom: {
+          userId: "",
+          name: "",
+          mobile: "",
+        },
+        tableData: [],
+        teamleadername: "", //团队长姓名
+        teamleaderid: "", //团队长工号
+        ztreeNodes: "",
+  
+        //------------下拉框数据字典   begin-----------------
+        comleveloptions: [],
+        comattributeoptions: [],
+        comtypeoptions: [],
+        jobcodeoptions: [],
+        departmentList: [], // 选中公司的所有部门的集合
+        //56个民族
+        nationalList: [
+          "汉族",
+          "壮族",
+          "满族",
+          "回族",
+          "苗族",
+          "维吾尔族",
+          "土家族",
+          "彝族",
+          "蒙古族",
+          "藏族",
+          "布依族",
+          "侗族",
+          "瑶族",
+          "朝鲜族",
+          "白族",
+          "哈尼族",
+          "哈萨克族",
+          "黎族",
+          "傣族",
+          "畲族",
+          "傈僳族",
+          "仡佬族",
+          "东乡族",
+          "高山族",
+          "拉祜族",
+          "水族",
+          "佤族",
+          "纳西族",
+          "羌族",
+          "土族",
+          "仫佬族",
+          "锡伯族",
+          "柯尔克孜族",
+          "达斡尔族",
+          "景颇族",
+          "毛南族",
+          "撒拉族",
+          "布朗族",
+          "塔吉克族",
+          "阿昌族",
+          "普米族",
+          "鄂温克族",
+          "怒族",
+          "京族",
+          "基诺族",
+          "德昂族",
+          "保安族",
+          "俄罗斯族",
+          "裕固族",
+          "乌兹别克族",
+          "门巴族",
+          "鄂伦春族",
+          "独龙族",
+          "塔塔尔族",
+          "赫哲族",
+          "珞巴族",
+        ],
+        //分页参数
+        querylParams: {
+          pageNum: 1,
+          pageSize: 10,
+        },
+      };
+    },
+    created() {
+      this.queryTeam();
+    },
+    mounted(){
+      setTimeout(() => {
+        var divHg = document.getElementById("queryForm").clientHeight;
+        let bottomTop = this.$refs.bottomFixed.offsetTop;
+        this.tableHeight =window.innerHeight - bottomTop - divHg -80 + "px";
+      }, 10);
+    },
+    methods: {
+      // 换页刷新
+      refreshPageRequest: function (pageNum) {
+        this.querylParams.pageNum = pageNum;
+        this.queryTeam();
+      },
+      // 每页条数发生改变
+      handleSizeChange(pageSize) {
+        this.querylParams.pageSize = pageSize;
+        this.queryTeam();
+      },
+      //列表查询
+      queryTeam() {
+        this.loading=true;
+        this.$api.user.queryChannelNum({...this.queryFrom,...this.querylParams}).then((res) => {
+            console.log(res)
+          if (res.code == 200) {
+            this.querylParams.pageNum = res.data.current;
+            this.querylParams.pageSize = res.data.size;
+            this.querylParams.totalPages = res.data.pages;
+            this.querylParams.totalSize = res.data.total;
+            res.data.records.forEach((val) => {
+              if (val.sex && val.sex !== "" && val.sex !== null) {
+                val.sex = this.sexoptions.find(
+                  (ele) => ele.value == val.sex
+                ).label;
+              }
+            });
+            this.tableData = res.data.records;
+            this.loading=false;
+          }else{
+            this.$message.error(res.msg)
+          }
+        });
+      },
+      getDictItems(typeName) {
+        //--数据字典--
+        this.$api.dict
+          .findByLableName(typeName)
+          .then((response) => {
+            this[typeName + "options"] = response.data; // 把获取到的数据赋给this.data
+          })
+          .catch((error) => {
+            this[typeName + "options"] = [];
+          });
+      },
+      handleTableEdit(params) {
+        // 编辑代理人员
+        this.activeTabs = "first";
+        this.$api.user.getUserDatail(params.row.id).then((result) => {
+          if (result.code == 200) {
+            this.dataForm = {
+              ...result.data.sysUser,
+              ...result.data.sysUserInfo,
+            };
+          }
+          this.dialogVisible = true;
+        });
+      },
+      handleDialogBefore(done) {
+        this.$confirm("确认关闭？")
+          .then((_) => {
+            done();
+          })
+          .catch((_) => {});
+      },
+      closeDialog() {
+        // 清空数据
+        this.deptInfo = {};
+        this.$refs["dataForm"].resetFields();
+        for (let key in this.dataForm) {
+          this.dataForm[key] = "";
+        }
+        this.dialogVisible = false;
+      },
+      // 上传图片的方法Start
+      beforeAvatarUpload(file) {
+        const isJPG = file.type === "image/jpeg" || file.type === "image/png";
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isJPG) {
+          this.$message.error("上传图片只能是 JPG 或者 PNG 格式!");
+        }
+        if (!isLt2M) {
+          this.$message.error("上传图片大小不能超过 2MB!");
+        }
+        return isJPG && isLt2M;
+      },
+      httpRequest(options) {
+        let file = options.file;
+        let filename = options.filename;
+        let reader = new FileReader();
+        if (file) {
+          reader.readAsDataURL(file);
+        }
+        reader.onload = () => {
+          let base64Str = reader.result;
+          this.dataForm[options.filename] = base64Str;
+        };
+      },
+    },
+  };
+  </script>
+  
+  <style scoped>
+  /* 顶部查询条件样式Start */
+  .queryFrom {
+    background: #f2f7fc;
+    position: relative;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    padding: 20px;
+  }
+  .queryFrom:before {
+    content: attr(title);
+    position: absolute;
+    left: 10%;
+    transform: translate(-50%, -130%);
+    /* -webkit-transform:translate(-50%,-50%); */
+    padding: 0 10px;
+    background-color: #fff;
+  }
+  
+  .queryFrom .el-row {
+    margin: 10px 0px;
+  }
+  .queryFrom .el-form-item {
+    margin-bottom: 0px;
+  }
+  .queryFrom .queryButton .el-form-item__content {
+    margin-left: 0px !important;
+  }
+  /* 顶部查询条件样式End */
+  
+  /* 上传图片样式Start */
+  .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    border: 1px dashed #d9d9d9;
+  }
+  .avatar {
+    border: 1px dashed #d9d9d9;
+    padding: 5px;
+    border-radius: 6px;
+    width: 100px;
+    height: 100px;
+    display: block;
+  }
+  /* 上传图片样式End */
+  
+  .imageLibraryItem {
+    margin-bottom: 10px;
+  }
+  .imageLibraryItem .imageLibraryItemTitle {
+    display: block;
+    height: 40px;
+    line-height: 40px;
+    width: 100%;
+    background: #f3f3f3;
+    border: 1px solid #dddddd;
+  }
+  .imageLibraryItem .imageLibraryItemTitle label {
+    margin: 0px 15px;
+    font-weight: bold;
+  }
+  .imageLibraryItem .imageLibraryItemBody {
+    width: 100%;
+    border: 1px solid #ddd;
+    padding: 15px;
+    border-top: none;
+  }
+  </style>
+