antissoft / antissoft.dati.admin

  <template>

    <div class="app-container">

      <div class="seetingsDiv" style="">

        <div class="flex" style="width: 85%">

          <el-form :inline="true" class="demo-form-inline">
            <el-form-item label="关键字">

              <el-input placeholder="输入关键字搜索" v-model="query.keyword"></el-input>

            </el-form-item>
            <el-form-item label="最高学历">
              <el-select v-model="query.xueli" placeholder="最高学历">
                <el-option label="大专" value="shanghai"></el-option>
                <el-option label="本科" value="beijing"></el-option>
              </el-select>
            </el-form-item>
  
            <el-form-item label="性别">
              <el-select v-model="query.sex" placeholder="性别">
                <el-option label="男" value="1"></el-option>
                <el-option label="女" value="0"></el-option>
              </el-select>
            </el-form-item>

            <el-form-item label="面试进度">
              <el-select v-model="query.process" placeholder="进度">
                <el-option label="全部" value="-1"></el-option>
                <el-option v-for="item in processlist" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
  
            <el-form-item label="推荐指数">

              <el-rate v-model="query.stars" text-color="#ff9900" style="margin-top:10px;"  show-score :allow-half="true" :max="7"   :score-template="query.stars <0?'无':query.stars+' 星' ">

              </el-rate>
            </el-form-item>

            <el-form-item>
              <el-button type="success" @click="search">搜索</el-button>

              <el-button type="success" @click="resetSearch">重置</el-button>

              <el-button type="primary" @click="handleInviteInterview()">邀请面试(线上)</el-button>
  
              <el-button type="primary" @click="handleCompanyInterview()">邀请面试(现场)</el-button>

            </el-form-item>
          </el-form>

        </div>

        <div class="flex aligin-center">

          <el-link :href="BASE_URL + '/temp/用户导入模板.xlsx'" target="_blank" type="primary">下载模板</el-link>
          <el-upload class="upload-demo" action="/api/Account/importUsers?UserClassId=0" multiple :limit="1"
            :show-file-list="false" :on-exceed="handleExceed" :on-success="handleSuccess" :file-list="fileList">

            <el-button size="small" type="primary">导入用户</el-button>
          </el-upload>
        </div>

      </div>

      <el-container style="border: 1px solid #eee">

        <el-aside width="255px" style="

            width: 255px;
            background-color: #fff;
            padding: 10px;
            border-right: 1px solid #dcdfe6;

          ">

          <div style="float: left">所属分类</div>
          <div style="text-align: right">

            <el-button size="mini" type="primary" icon="el-icon-plus" circle @click="addcat"></el-button>
            <el-button size="mini" type="warning" icon="el-icon-edit" circle @click="editcat"></el-button>
            <el-button size="mini" type="danger" icon="el-icon-delete" @click="delcat" circle></el-button>

          </div>

          <el-input size="small " placeholder="分类筛选" v-model="filterText" style="margin-bottom: 10px; margin-top: 10px">

          </el-input>

          <el-tree :data="data" :props="props" ref="tree" :filter-node-method="filterNode" @node-click="handleNodeClick">

          </el-tree>

        </el-aside>
  
        <el-main>

          <div class="filter-container">

            <el-table ref="userList" :data="userList" id="QuestionTable" border style="

                width: 100%;
                border-radius: 5px;
                box-shadow: 0 0 10px #efefef;
                margin-top: 10px;

              " @selection-change="handleSelectionChange" :stripe="true">

              <el-table-column type="selection" width="55"> </el-table-column>

              <el-table-column type="index" prop="date" width="50" align="center"></el-table-column>
              <el-table-column prop="date" label="姓名" width="200">

                <template slot-scope="scope">

                  <el-tooltip class="item" effect="dark" :content="scope.row.processName" placement="top-start">
                    <span>
                      {{scope.row.fullName || '无' }}
                    </span>
                  </el-tooltip>
                  <el-tag v-for="item in scope.row.taglist" size="mini" style="margin-right:5px" closable
                    :disable-transitions="false" @close="handleClose(item,scope.row)">{{item}}</el-tag>
                  <el-tag size="mini" @click="addtag(scope.row)" style="cursor:pointer">+</el-tag>
  

                </template>
              </el-table-column>

              <el-table-column prop="date" label="系统推荐" width="220px" sortable>

                <template slot-scope="scope">

  
                  <el-tooltip class="item" effect="dark" :content="scope.row.stars+' 星'" placement="top-start">
                    <el-rate v-model="scope.row.stars" show-score :allow-half="true" :max="7" disabled text-color="#ff9900" size="mini"  >
                    </el-rate>
                  </el-tooltip>
                 

                </template>
              </el-table-column>

              <el-table-column prop="date" label="电话号码" width="100">

                <template slot-scope="scope">

                  <el-tooltip class="item" effect="dark" :content="scope.row.phone" placement="top-start">

                    <span>{{ scope.row.phone1 }}</span>
                  </el-tooltip>
                </template>
              </el-table-column>
  
              <el-table-column prop="date" label="近期测试">

                <template slot-scope="{ row }">

                  <el-button v-if="row.TestPaperTitle || 1 == 1" type="text" icon="el-icon-star-off"
                    @click="handleTestHitory(row)"></el-button>

                  <span>{{ row.TestPaperTitle || "无" }}</span>

                </template>
              </el-table-column>

              <el-table-column prop="processName" label="面试进度">

  
                <template slot-scope="{ row }">
  
                  <span style="cursor: pointer;
                      border-color: #c2e7b0;
                      " @click="processEvent(row)">
                    {{row.processName}}
                  </span>
  

                </template>
              </el-table-column>
  

              <!-- <el-table-column prop="tags" label="标签" width="166">
  
                <template slot-scope="{ row }">
  
                  <el-tag v-for="item in row.taglist" size="mini" style="margin-right:5px;">{{item}}</el-tag>
  
                </template>
              </el-table-column> -->
              <el-table-column prop="sex" label="性别" sortable>
                <template slot-scope="scope">
                  <span>{{ scope.row.sex==1?'男':'女' }}</span>
                </template>

              </el-table-column>

              <el-table-column prop="minzu" label="民族" sortable>

              </el-table-column>

              <el-table-column prop="zhuanye" label="专业" sortable>

              </el-table-column>

              <el-table-column prop="byyx" label="毕业院校" sortable>

              </el-table-column>

              <el-table-column prop="xueli" label="最高学历" sortable>

              </el-table-column>

              <el-table-column prop="addTime" label="录入时间" sortable width="100">

                <template slot-scope="scope">

                  <el-tooltip class="item" effect="dark" :content=" scope.row.addTime.replace('T',' ')"
                    placement="top-start">
                    <span>{{ scope.row.addTime.split('T')[0] }}</span>
                  </el-tooltip>
  

                </template>
              </el-table-column>
  

              <el-table-column prop="date" label="操作" width="220"  fixed="right">

                <template slot-scope="scope">

                  <el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.row)" circle size="mini"
                    style="margin-left:0px;">编辑</el-button>
                  <el-button type="text" icon="el-icon-user" @click="handleCompanyInterview(scope.row)" circle size="mini"
                    style="margin-left:0px;">邀请面试
                  </el-button>
                  <el-button type="text" icon="el-icon-delete" circle @click="handleDelete(scope.row, scope.$index)"
                    size="mini" style="margin-left:0px;">删除
                  </el-button>

                </template>
              </el-table-column>
            </el-table>

            <el-pagination background @current-change="currentchange" style="

                position: static;
                bottom: 3px;
                text-align: center;
                margin-top: 5px;

              " :page-size="this.query.PageSize" layout="total,prev, pager, next" :total="Count">

            </el-pagination>
          </div>

        </el-main>

      </el-container>
  
      <el-dialog title="邀请面试-试卷选择" :visible.sync="dialogFormVisible">
        <el-form :model="form">
          <!-- <el-form-item label="活动名称" :label-width="formLabelWidth">
            <el-input v-model="form.name" autocomplete="off"></el-input>
          </el-form-item> -->
          <el-form-item label="试卷">

            <el-select v-model="form.TestPaperId" placeholder="请选择试卷" style="width: 80%">

              <el-option :value="item.id" v-for="item in testpaperlist">{{
                "[" + item.id + "] " + (item.TestPaperTitle || "未命名")

                }}</el-option>

            </el-select>
          </el-form-item>

          <el-form-item label="允许测评次数">

            <el-input v-model="form.NumberOfAnswers" type="number" placeholder="请输入允许测评次数" style="width: 30%" />

          </el-form-item>

        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="handleShareSend">确认发送</el-button>
        </div>
      </el-dialog>
  

      <el-dialog title="测试历史记录" :visible.sync="dialogTableVisible" @close="gridData = []" height="800" width="80%">

        <el-table :data="gridData" height="400">

          <el-table-column property="TestPaperTitle" label="试卷" sortable></el-table-column>
          <el-table-column property="AnswerTime" label="测试时间" width="180" sortable>

            <template slot-scope="scope">
              <span>{{ scope.row.AnswerTime.replace("T", " ") }}</span>
            </template>

          </el-table-column>

          <el-table-column property="StartTime" label="开始时间" width="180" sortable>

            <template slot-scope="scope">
              <span>{{ scope.row.StartTime.replace("T", " ") }}</span>
            </template>
          </el-table-column>

          <el-table-column property="address" label="结束时间" width="180" sortable>

            <template slot-scope="scope">
              <span>{{ scope.row.EndTime.replace("T", " ") }}</span>
            </template>
          </el-table-column>

          <el-table-column property="Achievement" label="成绩" sortable></el-table-column>

          <el-table-column label="操作">

            <template slot-scope="scope">

              <el-button type="success" @click="handleWatchLive(scope.row)">观看直播</el-button>
              <el-button type="primary" @click="handleAnswerDetail(scope.row)">答题详情</el-button>

            </template>
          </el-table-column>

        </el-table>
  

        <div style="text-align: right; margin-top: 20px">

          <el-button type="primary" @click="dialogTableVisible = false">
            确定
          </el-button>
        </div>
      </el-dialog>
  

      <el-dialog :visible.sync="dialogVisiblecat" :title="dialogTypecat === 'update' ? '修改' : '新增'" width="455px">
        <el-form ref="dataForm" :model="temp" label-width="120px" label-position="right">

          <el-form-item label="分类名称">
            <el-input v-model="temp.ClassTitle" placeholder="请输入名称" />
          </el-form-item>

        </el-form>

        <div style="text-align: right">

          <el-button type="danger" @click="dialogVisiblecat = false">
            取消
          </el-button>

          <el-button type="primary" @click="submitcat" :disabled="loading">

            确定
          </el-button>
        </div>
      </el-dialog>
  

      <el-dialog title="人才用户信息" :visible.sync="dialogClassIVIsible" width="450">
        <el-form ref="adminUserInfo" :model="adminUserInfo" label-width="90px" style="margin-left: 40px">

          <el-form-item label="名称" prop="fullName">

            <el-input v-model="adminUserInfo.fullName" placeholder="请输入姓名" style="width: 40%"></el-input>

          </el-form-item>
          <el-form-item label="电话号码">

            <el-input v-model="adminUserInfo.phone" placeholder="请输入电话号码" style="width: 40%" maxlength="11"></el-input>

          </el-form-item>
          <el-form-item label="最高学历">
            <el-select v-model="adminUserInfo.xueli" 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-form-item label="民族">
            <el-select v-model="adminUserInfo.minzu" placeholder="民族">

              <el-option v-for="item in mzlist" :label="item" :value="item"></el-option>

            </el-select>
          </el-form-item>
          <el-form-item label="性别">
            <el-select v-model="adminUserInfo.sex" placeholder="性别">
              <el-option label="男" value="1"></el-option>
              <el-option label="女" value="0"></el-option>
            </el-select>
          </el-form-item>

          <el-form-item label="专业" style="margin-top: 40px" prop="username">

            <el-input v-model="adminUserInfo.zhuanye" placeholder="请输入专业" style="width: 40%"></el-input>

          </el-form-item>

          <el-form-item label="毕业院校" style="margin-top: 40px" prop="username">

            <el-input v-model="adminUserInfo.byyx" placeholder="请输入毕业院校" style="width: 40%"></el-input>

          </el-form-item>

          <el-form-item label="系统推荐" style="margin-top: 40px" prop="stars">

            <el-rate style="width: 40%" v-model="adminUserInfo.stars"   show-score :allow-half="true" :max="7" :texts="['0星', '半星', '1星', '1星半', '2星', '2星半', '3星', '2星半', '4星', '4星半', '5星', '5星半', '6星', '6星半', '7星']"
              show-text   :score-template="adminUserInfo.stars+' 星'">
            </el-rate>  

          </el-form-item>

          <el-form-item label="面试进度">
            <el-select v-model="adminUserInfo.process" placeholder="进度">
              <el-option v-for="item in processlist" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>

          <!-- <el-form-item label="密码" prop="password" >
            <el-input v-model="adminUserInfo.password " placeholder="请输入密码 不填默认不修改" show-password style="width: 40%;"></el-input>
          </el-form-item> -->

          <el-form-item style="text-align: right">
            <el-button @click="dialogClassIVIsible = false">取消</el-button>

            <el-button type="primary" @click="submitForm('adminUserInfo')">提交</el-button>

          </el-form-item>
        </el-form>
  

        <div style="clear: both"></div>

      </el-dialog>

  
  
      <el-dialog title="邀请公司面试" :visible.sync="dialogCompany">
        <el-form ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
          <div v-for="(user, index) in sendUserList">
  
            <el-descriptions class="margin-top" :title="(index+1)" :column="2" border>
              <template slot="extra">
                <el-button type="primary" size="small" @click="removeSendUser(user)"> <i class="el-icon-delete"></i>移除
                </el-button>
              </template>
              <el-descriptions-item>
                <template slot="label">
                  <i class="el-icon-user"></i>
                  姓名
                </template>
                {{user.fullName || ''}}
  
                <el-rate v-model="user.stars || 0" disabled show-score text-color="#ff9900">
                </el-rate>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <i class="el-icon-tickets"></i>
                  标签
                </template>
                <el-tag v-for="item in user.taglist" size="mini" style="margin-right:5px" :disable-transitions="false">
                  {{item}}</el-tag>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <i class="el-icon-location-outline"></i>
                  城市
                </template>
                -
              </el-descriptions-item>
  
  
              <el-descriptions-item>
                <template slot="label">
                  <i class="el-icon-office-building"></i>
                  联系地址
                </template>
                {{user.address || ''}}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <i class="el-icon-mobile-phone"></i>
                  手机号
                </template>
                {{user.phone || ''}}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
  
                  面试时间范围
                </template>
                <!-- <el-date-picker v-model="user.date" type="datetimerange" range-separator="至" start-placeholder="开始日期"
                  end-placeholder="最后日期">
                </el-date-picker> -->
                <el-date-picker v-model="user.startTime" type="datetime" placeholder="选择日期时间">
                </el-date-picker>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  消息内容
                </template>
                <el-input v-model="user.msgBody">
  
                </el-input>
  
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
  
                  备注
                </template>
                <el-input v-model="user.remark" type="textarea">
  
                </el-input>
  
              </el-descriptions-item>
            </el-descriptions>
          </div>
  
        </el-form>
  
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogCompany = false">取 消</el-button>
          <el-button type="primary" @click="SubmitSendUser">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="新增标签" :visible.sync="dialogFormVisibleTag" width="355px">
        <el-form>
          <el-form-item label="标签">
            <el-input v-model="tagform.name" autocomplete="off"></el-input>
          </el-form-item>
  
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisibleTag = false">取 消</el-button>
          <el-button type="primary" @click="handleTagConfirm">确 定</el-button>
        </div>
      </el-dialog>
  
  

    </div>

  </template>
  
  <script>

    import {
      ImportUserByExcel,
      GetUserList,
      UsersUpdate,
      AddInvitationAnswerMultiple,
      AddInvitationCompanyMultiple,
      UsersDelete,
      ChangeTags
    } from "@/api/user";
    import {
      GetUserClassList,
      UserClassCreate,
      UserClassUpdate,
      UserClassDelete,
    } from "@/api/userclass";
    import { GetHistoryList } from "@/api/HistoryAnswer";
  
    import { getTestPaperList } from "@/api/TestPaper";
    export default {
      data() {
        return {
          loading: false,
          dialogFormVisible: false,
          dialogTableVisible: false,
          dialogFormVisibleTag: false,
          dialogCompany: false,
          dialogTypecat: "create",
          testpaperlist: [],
          tagform: {},
          form: {
            NumberOfAnswers: 3,
          },
          userList: [],
          data: [],
          dialogVisiblecat: false,
          filterText: "",
          gridData: [],
          Count: 0,
          adminUserInfo: {},
          temp: {
            ParentId: 0,
          },
          mzlist: [
            "汉族",
            "蒙古族 ",
            "羌族 ",
            "僳僳族 ",
            "哈尼族",
            "回族",
            "布朗族",
            "佤族",
            "哈萨克族",
            "藏族",
            "撒拉族",
            "畲族",
            "傣族",
            "维吾尔族",
            "毛南族",
            "高山族",
            "德昂族",
            "苗族",
            "仡佬族",
            "拉祜族",
            "保安族",
            "彝族",
            "锡伯族",
            "水族",
            "裕固族",
            "壮族",
            "阿昌族",
            "东乡族",
            "京族",
            "布依族",
            "普米族",
            "纳西族",
            "独龙族",
            "朝鲜族",
            "塔吉克族",
            "景颇族",
            "鄂伦春族",
            "满族",
            "怒族",
            "柯尔克孜族",
            "赫哲族",
            "侗族",
            "乌孜别克族",
            "土族",
            "门巴族",
            "瑶族",
            "俄罗斯族",
            "达斡尔族",
            "珞巴族",
            "白族",
            "鄂温克族",
            "塔塔尔族",
            "基诺族",
          ],
          processlist: [
            { label: '入库', value: 0 },
            { label: '面试邀请', value: 1 },
            { label: '正在面试', value: 2 },
            { label: '面试完成', value: 3 },
            { label: '公司面试', value: 4 },
            { label: '已录用', value: 5 },
            { label: '未录用', value: 9 },
            { label: '禁用', value: 11 },
          ],
          type: "1",
          dialogClassIVIsible: false,
          query: {
            UserTypeEnum: 1, //0：管理员，1普通用户
            PageIndex: 1,
            PageSize: 10,
            keyword: "",
            stars: -1
          },
          fileList: [],
          selectedList: [],
          props: {
            label: "ClassTitle",
            children: "children",
          },
  
          sendUserList: []
        };

      },

      watch: {
        filterText(val) {
          this.$refs.tree.filter(val);
        },

      },

  
      created() {
        this.GetUser();
        this.forceTestPaper();
        this.loadTree();

      },

      methods: {
        handleClose(tag, row) {
  
  
          this.$confirm('确定删除该标签吗？', '消息', {
            confirmButtonText: '确认',
            cancelButtonText: '取消',

            callback: (action) => {
              if (action == "confirm") {

                var d = row.taglist.splice(row.taglist.indexOf(tag), 1);
                ChangeTags({
                  ids: row.id,
                  tags: row.taglist.join(',')

                });
              }
            },

          })

  
        },
        addtag(row) {
          this.tagform = {
            ids: row.id,
            taglist: row.taglist,
            name: ''
          };
          this.dialogFormVisibleTag = true;
        },
        handleTagConfirm(row) {
          if (!this.tagform.name) {
            this.$message.warning('请填写名字！');
            return;
          }
          if (!this.tagform.ids) {
            this.$message.warning('添加失败！');
            return;
          }
          var temp = this.tagform.taglist || [];
          temp.push(this.tagform.name);
          ChangeTags({
            ids: this.tagform.ids,
            tags: temp.join(',')
          }).then(res => {
            if (res.data.code == 200) {
              this.$message.success('操作成功！');
              this.GetUser();
              this.dialogFormVisibleTag = false;
              this.$forceUpdate();
            }
          });

        }

        ,
        //点击进度
        processEvent(row) {
          // if(row.procesName == '公司面试')
          // {
          //   this.
          // }
        },
        SubmitSendUser() {
          if (!this.sendUserList || this.sendUserList.length < 1) {
            this.$message.success("没有邀请对象！");
            return;
          }
          var senddata = [];
          this.sendUserList.forEach(o => {
            //  var item = Object.assign({},o);
            // item.startTime = item.date[0];
            // item.endTime = item.date[0]; 
            // delete item['date'];
            // var start = null;
            // var end = null;
            // if(o.date){
            //   start = o.date[0];
            //   end = o.date[1];
            // }
  
            senddata.push({
              userId: o.id,
              startTime: o.startTime,
              // endTime: end,
              remark: o.remark || '',
              phone: o.phone,
              msgBody: o.msgBody || ''

            });

          });

          AddInvitationCompanyMultiple(senddata).then(res => {
            if (res.data.code == 200) {
              this.$message.success("邀请成功");
              this.sendUserList = [];
              this.dialogCompany = false;
              this.GetUser();
            } else {
              this.$message.error("邀请失败");
            }
  
          });
        },
        removeSendUser(item) {
          var index = this.sendUserList.indexOf(item)
          if (index !== -1) {
            this.sendUserList.splice(index, 1)
          }
        },

        handleDelete(item, index) {
          this.userList.splice(index, 1);
          UsersDelete({ ids: item.id });
        },
        handleWatchLive(item) {
          console.log("handleWatchLive", item);
          this.$router.push(`/live?id=${item.StreamName}`);
        },
        handleAnswerDetail(item) {
          window.open(`/#/answerDetail?id=${item.id}`, "_blank");
        },
        submitForm() {
          let formData = { ...this.adminUserInfo };
          console.log('submitForm', JSON.stringify(formData));
          if (formData.id) {
            UsersUpdate(formData).then((res) => {
              this.GetUser();
              console.log(res);
            });
          }
          this.dialogClassIVIsible = false;
        },
        handleEdit(data) {
          this.dialogClassIVIsible = true;
          this.adminUserInfo = data;
        },
        handleTestHitory(row) {
          GetHistoryList({ UserId: row.id }).then((res) => {
            this.gridData = res.data.data;
            this.dialogTableVisible = true;

          });

        },
        handleShareSend() {
          var rows = this.$refs.userList.selection;
          var ids =
            rows.map((o) => {
              return { UserId: o.id };
            }) || [];
          var postData = {
            TestPaperId: this.form.TestPaperId,
            NumberOfAnswers: this.form.NumberOfAnswers || 1,
            Users: ids,
          };
          if (!ids || ids.length < 1) {
            this.$message.warning("请至少选择一个用户进行发送！");
            return;
          }
          if (!this.form.TestPaperId) {
            this.$message.warning("请选择试卷后再发送！");
            return;
          }
          this.$confirm(
            "确认向选择的" + ids.length + "个用户发送试卷连接进行测试吗？",
            "提示消息",
            {
              confirmButtonText: "确认",
              cancelButtonText: "取消",
              callback: (action) => {
                if (action == "confirm") {
                  AddInvitationAnswerMultiple(postData).then((res) => {
                    if (res.data.code == 200) {
                      this.$message.success("发送成功");
                      this.form = {};
                      this.dialogFormVisible = false;
                      this.GetUser();
                    } else {
                      this.$message.error("发送失败");
                    }
                  });
                }
              },
            }
          );
        },
        forceTestPaper() {
          let parameter = {
            pageIndex: 1,
            pageSize: 10000,
            sort: "id",
            sortOrder: 1,
            keyword: "",
          };
          getTestPaperList(parameter).then((res) => {
            this.testpaperlist = res.data.data;

          });

        },
        search() {
          this.GetUser();
        },
        handleSuccess() {
          this.$message.success("导入完成！");
          this.GetUser();
        },
        handleInviteInterview() {
          var rows = this.$refs.userList.selection;
  
          if (!rows || rows.length < 1) {
            this.$message.warning("请至少选择一个用户进行发送！");
            return;
          }
  
          this.dialogFormVisible = true;
        },
        //邀请现场面试 
        handleCompanyInterview(user) {
          var rows = this.$refs.userList.selection;
          if (user) {
            this.sendUserList = [user];
            this.dialogCompany = true;
          } else if (rows && rows.length > 0) {
            this.sendUserList = rows;
            this.dialogCompany = true;
          }
          else
            this.$message.warning('至少选择一个用户进行操作！');
        },
  
        handleSelectionChange(val) {
          console.log(val);
          this.selectedList = val;
        },
        handleExceed() { },
        ImportUser() { },
  
        showcontent(c, row) {
          this.showbody = c;
          this.dialogVisible_content = true;
        },
        submitcat() {
          // this.$loading({lock:true,text:'保存中...'});
          if (this.loading) {
            return;
          }
          this.loading = true;
          var postData = this.temp;
          if (this.dialogTypecat == "update") {
            if (postData.AddTime == "0001-01-01T00:00:00")
              postData.AddTime = new Date();
            UserClassUpdate(postData).then((o) => {
              this.$message({
                message: "提交成功",
                type: "success",
              });
              this.dialogVisiblecat = false;
              setTimeout(() => {
                this.loading = false;
              }, 1000);
            });
          } else {
            UserClassCreate(postData).then((o) => {
              this.$message({
                message: "提交成功",
                type: "success",
              });
  
              this.dialogVisiblecat = false;
  
              this.loadTree();
              setTimeout(() => {
                this.loading = false;
              }, 1000);
            });
          }
        },
        editclose(data) {
          // this.dialogVisible_step = false;
          this.fetchData();
        },
        loadTree() {
          GetUserClassList({ ParentId: 0 }).then((res) => {
            this.data = res.data.data;

          });

        },
        filterNode(value, data) {
          if (!value) return true;
          return data.ClassTitle.indexOf(value) !== -1;
        },
        addcat() {
          this.temp = { AddTime: new Date() };
          this.dialogVisiblecat = true;
        },
        editcat() {
          this.dialogTypecat = "update";
          if (!this.temp.id) {
            this.$message({
              message: "请选择一个分类进行操作！",
              type: "warning",
            });
            return;
          }
          this.dialogVisiblecat = true;
        },
        delcat() {
          if (!this.temp.id) {

            this.$message({

              message: "请选择一个分类进行操作！",
              type: "warning",
            });
            return;
          }
          this.$confirm("确认删除该分类吗？", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }).then(() => {
            UserClassDelete({ ids: this.temp.id }).then((o) => {
              this.loadTree();
              this.$message({
                message: "删除成功",
                type: "success",
              });

            });

          });

        },
        handleNodeClick(data, checked, indeterminate) {
          this.query.userClassId = data.id;
          this.temp = data;
          this.GetUser();
        },

        resetSearch() {
          this.query = {
            UserTypeEnum: 1, //0：管理员，1普通用户
            PageIndex: 1,
            PageSize: 10,
            keyword: "",
          };
          this.GetUser();
        },
        GetUser() {
          GetUserList(this.query).then((res) => {
            this.userList = res.data.data.rows.map((t) => {
              if (t.phone) {
                t.phone1 = t.phone.replace(t.phone.substring(3, 7), "****");
              }
              return t;
            });
            this.Count = res.data.data.total;

          });

        },
        currentchange(page) {
          this.query.PageIndex = page;
          this.GetUser();
        },

      },

    };

  </script>
  

  <style lang="scss" scoped>

    .seetingsDiv {
      display: flex;
      align-items: center;
      width: 100%;
      padding-top: 10px;
      padding-left: 10px;
      /* height: 60px; */
      background: #efefef;
      /* line-height: 60px; */
      border-radius: 5px;
      box-shadow: 0 0 5px #cdcdcd;
      justify-content: space-between;
    }
  
    .seetingsDiv button {
      height: 40px;
      background-color: #304156;
      border: 0px;
      margin-left: 10px;
      box-shadow: 0 0 5px #cdcdcd;
      float: none;
      margin-right: 10px;
    }
  
    .el-tag+.el-tag {
      margin-left: 10px;
    }
  
    .button-new-tag {
      margin-left: 10px;
      height: 32px;
      line-height: 30px;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .input-new-tag {
      width: 90px;
      margin-left: 10px;
      vertical-align: bottom;
    }

  </style>