peisweb/src/views/user-list/UserList.vue

<template>
  <div>
    <el-card>
      <el-button type="primary" @click="newlyincreased">新增</el-button>
      <el-row style="margin-top: 10px">
        <el-form ref="form" :model="form">
          <el-col :span="6">
            <el-form-item label="用户查询">
              <el-input
                v-model="pages.Filter"
                clearable
                @clear="getlist"
                style="width: 200px"
              ></el-input>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="6">
            <el-form-item label="手机号">
              <el-input
                v-model="pages.Filter"
                style="width: 200px"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <!-- <el-col :span="6">
            <el-form-item label="姓名">
              <el-input
                v-model="pages.Filter"
                style="width: 200px"
              ></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="6">
            <el-button type="primary" @click="inquireabout">查询</el-button>
          </el-col>
        </el-form>
      </el-row>
      <el-table
        :data="tableData"
        style="width: 100%; margin-top: 20px"
        border=""
      >
        <el-table-column type="index" label="#"></el-table-column>
        <el-table-column prop="userName" label="用户名" width="">
        </el-table-column>
        <el-table-column prop="email" label="邮箱" width=""> </el-table-column>
        <!-- <el-table-column prop="email" label="所属角色" width=""> </el-table-column> -->
        <el-table-column prop="phoneNumber" label="手机号" width="">
        </el-table-column>
        <el-table-column prop="surname" label="姓名" width="">
        </el-table-column>
        <!-- <el-table-column prop="name" label="名称" width=""> </el-table-column> -->
        <!-- <el-table-column prop="lastModificationTime" label="开始时间">
          <template slot-scope="scope">
            {{ scope.row.creationTime | dateFormat }}
          </template>
        </el-table-column>
        <el-table-column prop="lastModificationTime" label="结束时间">
          <template slot-scope="scope">
            {{ scope.row.lastModificationTime | dateFormat }}
          </template>
        </el-table-column> -->
        <el-table-column label="操作" width="430">
          <template slot-scope="scope">
            <el-button type="primary" @click="deleates(scope.row)"
              >删除</el-button
            >
            <el-button type="primary" @click="editmony(scope.row)"
              >编辑</el-button
            >
            <!-- <el-button type="primary" @click="binding(scope.row)"
              >绑定组织</el-button
            > -->
            <el-button type="primary" @click="bandinuser(scope.row)"
              >绑定角色</el-button
            >
            <el-button type="primary" @click="editpassword(scope.row)"
              >修改密码</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <!-- <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="[2, 10, 20, 30]"
        :page-size="5"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total - 1"
      >
      </el-pagination> -->
      <!-- 编辑 -->
      <el-dialog
        :title="title == 1 ? '新增用户' : '修改用户'"
        :visible.sync="dialogVisible"
        width="40%"
      >
        <el-tabs
          v-model="activeName"
          v-if="title == 2 ? true : false"
          @tab-click="handleClick"
        >
          <el-tab-pane label="用户信息" name="first">
            <el-form
              v-if="dialogVisible"
              ref="form"
              :model="form"
              label-width="80px"
              :rules="rules"
            >
              <el-row>
                <el-col :span="12">
                  <el-form-item label="姓名" prop="surname">
                    <el-input v-model="form.surname"></el-input> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="用户名" prop="userName">
                    <el-input v-model="form.userName"></el-input> </el-form-item
                ></el-col>

                <!-- <el-col :span="12">
                  <el-form-item label="名称" prop="name">
                    <el-input v-model="form.name"></el-input> </el-form-item
                ></el-col> -->
                <el-col :span="12">
                  <el-form-item label="手机号" prop="phoneNumber">
                    <el-input
                      v-model="form.phoneNumber"
                    ></el-input> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="邮箱" prop="email">
                    <el-input v-model="form.email"></el-input> </el-form-item
                ></el-col>
                <el-col>
                  <el-form-item label="是否激活">
                    <el-checkbox v-model="form.isActive"></el-checkbox>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item
                    label="密码"
                    prop="password"
                    v-if="title == 1 ? true : false"
                  >
                    <el-input v-model="form.password"></el-input> </el-form-item
                ></el-col>

                <!-- <el-col :span="12">
                  <el-form-item label="所属角色" prop="roleNames">
                    <el-select
                      v-model="form.roleNames"
                      placeholder="请选择"
                      @change="onchang"
                    >
                      <el-option
                        v-for="item in options"
                        :key="item.id"
                        :label="item.name"
                        :value="item.name"
                      >
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col> -->
              </el-row>
            </el-form>
          </el-tab-pane>
          <!-- 选择角色 -->
          <el-tab-pane label="角色">
            <el-checkbox-group v-model="form.roleNames">
              <el-checkbox
                v-model="item.id"
                :label="item.name"
                v-for="(item, index) in checkList"
                :key="index"
                @change="handleCheckAllChange"
              >
              </el-checkbox>
            </el-checkbox-group>
          </el-tab-pane>
          <el-tab-pane label="组织架构">
            <!-- :default-checked-keys="defaultKeys" -->

            <el-tree
              :props="{
                label: 'displayName',
                children: 'treeChildren',
              }"
              :default-checked-keys="defaultKeys"
              :default-expand-all="true"
              show-checkbox
              :data="organizationalstructure"
              node-key="id"
              @check="iscrentd"
              ref="trees"
            >
            </el-tree>
          </el-tab-pane>
          <el-tab-pane label="科室设置">
            <!-- :default-checked-keys="defaultKeys"  /api/app/abpuserdepartment/createmany-->

            <el-tree
              :props="{
                label: 'displayName',
                children: 'treeChildren',
              }"
              
              :default-checked-keys="defaultchekedKeys"
              :default-expand-all="true"
              show-checkbox
              :data="setupdepartments"
              node-key="id"
              @check="iscrentddepartment"
              ref="department"
            >
            </el-tree>
          </el-tab-pane>
        </el-tabs>
        <!-- //新增 -->

        <el-form
          v-show="title == 1 ? true : false"
          v-if="dialogVisible"
          ref="form"
          :model="form"
          label-width="80px"
          :rules="rules"
        >
          <el-tabs>
            <el-tab-pane label="用户信息">
              <el-row>
                <el-col :span="12">
                  <el-form-item label="姓名" prop="surname">
                    <el-input v-model="form.surname"></el-input> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="用户名" prop="userName">
                    <el-input v-model="form.userName"></el-input> </el-form-item
                ></el-col>
                <!-- <el-col :span="12">
              <el-form-item label="名称" prop="userName">
                <el-input
                  v-model="form.usesurnamerName"
                ></el-input> </el-form-item
            ></el-col> -->
                <!-- <el-col :span="12">
                  <el-form-item label="名称" prop="name">
                    <el-input v-model="form.name"></el-input> </el-form-item
                ></el-col> -->
                <el-col :span="12">
                  <el-form-item label="手机号" prop="phoneNumber">
                    <el-input
                      v-model="form.phoneNumber"
                    ></el-input> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="邮箱" prop="email">
                    <el-input v-model="form.email"></el-input> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item
                    label="密码"
                    prop="password"
                    v-if="title == 1 ? true : false"
                  >
                    <el-input v-model="form.password"></el-input> </el-form-item
                ></el-col>

                <!-- <el-col :span="12">
                  <el-form-item label="所属角色" prop="roleNames">
                    <el-select
                      v-model="form.roleNames"
                      placeholder="请选择"
                      @change="onchang"
                    >
                      <el-option
                        v-for="item in options"
                        :key="item.id"
                        :label="item.name"
                        :value="item.name"
                      >
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col> -->
                <el-col :span="12">
                  <el-form-item label="是否激活">
                    <el-checkbox
                      v-model="form.isActive"
                      :checked="true"
                    ></el-checkbox>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-tab-pane>
            <!-- 角色111 -->
            <el-tab-pane label="角色">
              <el-checkbox-group v-model="roleNames">
                <el-checkbox
                  v-model="item.id"
                  :label="item.name"
                  v-for="(item, index) in options"
                  :key="index"
                >
                </el-checkbox>
              </el-checkbox-group>
            </el-tab-pane>
            <!-- 组织11 -->
            <el-tab-pane label="组织">
              <el-tree
                :data="newachitecture"
                show-checkbox
                :default-expand-all="true"
                @check="ischesc"
                node-key="id"
                ref="tree"
                :default-expanded-keys="nodekes"
                :default-checked-keys="[5]"
                :props="{ label: 'displayName', children: 'treeChildren' }"
              >
              </el-tree>
            </el-tab-pane>
            <el-tab-pane label="科室设置">
              <el-tree
                :data="newdepartment"
                show-checkbox
                :default-expand-all="true"
                @check="ischesc"
                node-key="id"
                ref="tree"
                :default-expanded-keys="nodekes"
                :default-checked-keys="[5]"
                :props="{ label: 'displayName', children: 'treeChildren' }"
              >
              </el-tree>
            </el-tab-pane>
          </el-tabs>
        </el-form>

        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="addlsit">确 定</el-button>
        </span>
      </el-dialog>
      <!-- 绑定用户组织弹框 -->
      <el-dialog
        title="绑定组织"
        :visible.sync="bindingdialogVisible"
        width="30%"
      >
        <el-row>
          <el-col :span="8">当前组织:</el-col>
          <!-- <el-col :span="16" v-for="(item, index) in values" :key="index">{{
          item.displayName
          }}</el-col> -->
          <el-col :span="8" v-for="(item, index) in values" :key="index">{{
            item
          }}</el-col>
        </el-row>
        <el-cascader
          style="margin-top: 10px"
          v-model="values"
          :options="option"
          :props="{
            value: 'displayName',
            label: 'displayName',
            children: 'treeChildren',
            checkStrictly: true,
          }"
          @change="handleChange"
        ></el-cascader>
        <span slot="footer" class="dialog-footer">
          <el-button @click="bindingdialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="binduser">确 定</el-button>
        </span>
      </el-dialog>
      <!-- 用户绑定管理弹框 -->
      <el-dialog
        title="绑定角色"
        :visible.sync="useerdialogVisible"
        width="30%"
      >
        <el-row>
          <el-col :span="8">所属角色:</el-col>
          <el-col :span="16" v-for="(item, index) in bingdusers" :key="index">{{
            item.name
          }}</el-col>
        </el-row>
        <el-select
          v-model="uservalue"
          multiple
          placeholder="请选择"
          style="margin-top: 15px"
        >
          <el-option
            v-for="item in useroptions"
            :key="item.id"
            :label="item.name"
            :value="item.name"
          >
          </el-option>
        </el-select>
        <span slot="footer" class="dialog-footer">
          <el-button @click="useerdialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="Identifyusers">确 定</el-button>
        </span>
      </el-dialog>
      <!-- 修改密码弹框 -->
      <el-dialog
        title="修改密码"
        :visible.sync="editpassworddialogVisible"
        width="30%"
      >
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="新密码">
            <el-input v-model="newPassWord"></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="editpassworddialogVisible = false"
            >取 消</el-button
          >
          <el-button type="primary" @click="Changepassword">确 定</el-button>
        </span>
      </el-dialog>
    </el-card>
  </div>
</template>
<script>
import {
  usreslist,
  newlists,
  delestsid,
  editmodify,
  getbook,
  userorganizat,
  organizationtree,
  userbind,
  usersroles,
  useraffiliation,
  reverseselection,
  usersinits,
  selectbinding,
  lognis,
} from "../../request/ruquset";
import { mapState } from "vuex";
import { getapi, postapi } from "@/api/api";
// let validatePassword = (rule, value, callback) => {
//   var reg1 =
//     /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*.])[\da-zA-Z~!@#$%^&*.]{6,}$/; //密码必须是8位以上、必须含有字母、数字、特殊符号
//   var reg2 = /(123|234|345|456|567|678|789|012)/; //不能有3个连续数字
//   if (!reg1.test(value)) {
//     callback(new Error("密码必须是6位以上、必须含有字母、数字、特殊符号"));
//   } else if (reg2.test(value)) {
//     callback(new Error("不能有3个连续数字"));
//   } else {
//     callback();
//   }
// };
let validatePassword = /^[a-zA-Z]\w{5,8}$/;
export default {
  data() {
    return {
      defaultchekedKeys:[],//默认选中的科室
      department: [], //选中的科室
      setupdepartments: [], //设置科室
      newPassWord: "", //新密码
      editpassworddialogVisible: false, //修改密码
      nodekes: [],
      activeName: "first",
      chaxunform: {
        surname: "",
        phoneNumber: "",
        userName: "",
      },
      useroptions: [],
      options: [],
      uservalue: [],
      useerdialogVisible: false,
      bindingdialogVisible: false,
      values: [],
      option: [],
      crdetcascader: [], //绑定组织显示

      //表单校验
      rules: {
        password: [
          {
            required: true,
            trigger: "blur",
            message: "密码不能为空",
          },
          {
            required: true,
            trigger: "blur",
            validator: validatePassword,
          },
        ],
        email: [
          {
            required: true,
            message: "请输入邮箱地址",
            trigger: "blur",
          },
          {
            type: "email",
            message: "请输入正确的邮箱地址",
            trigger: ["blur", "change"],
          },
        ],
        surname: [
          { required: true, message: "请输入用户名称", trigger: "change" },
        ],
        roleNames: [
          { required: true, message: "请选择所属用户", trigger: "change" },
        ],
        nam: [{ required: true, message: "请输入名", trigger: "change" }],
      },
      tableData: [],
      optionsArr: [],
      dialogVisible: false,
      modetype: "",
      total: 0,
      form: {
        surname: "fas",
        name: "ww",
        email: "45148415@qq.com",
        surname: "",
        phoneNumber: "",
        password: "1q2w3E*",
        roleNames: [],
        userName: "",
        password: "1q2w3E*",
        isActive: true,
      },
      roleNames: [],
      are: [],
      checkList: [], //多选框
      pages: {
        SkipCount: 0,
        MaxResultCount: 5,
        Filter: "",
        // Filter:{
        //   userName:this.form.userName,
        //   phoneNumber:this.form.phoneNumber,
        //    surname: this.form.surname,

        // }
      },
      title: 1,
      rowid: "",
      userid: "",
      bingdusers: [], //s所属用户角色
      organizationalstructure: [], //组织架构
      defaultKeys: [], //选中的
      newachitecture: [], //新增弹框获取组织数据
      // customer:[]
      password: "",
      passwordid: "",
      newdepartment: [], //新增科室
    };
  },
  computed: {
    ...mapState(["changepassword"]),
  },
  created() {
    this.password = this.changepassword;
    console.log(this.password);
    this.getlist();
    this.idkes = localStorage.getItem("dataidkes");
  },

  methods: {
    iscrentddepartment() {
      this.department = this.$refs.department.getCheckedKeys(true);
      console.log(this.department, "www");
    },
    //修改密码确定按钮
    Changepassword() {
      if (this.newPassWord == "") {
        this.$message.warning("请输入新密码");
      } else {
        postapi("/api/identity/users/resetpassword", {
          userId: this.passwordid,
          newPassWord: this.newPassWord,
        }).then((res) => {
          this.$message.success("修改成功");
          this.editpassworddialogVisible = false;
        });
      }
      console.log(this.newPassWord);
    },
    //修改密码
    editpassword(row) {
      this.editpassworddialogVisible = true;
      this.passwordid = row.id;
    },
    //新增选择的
    ischesc() {
      console.log("333", this.$refs.tree.getCheckedKeys(true));
      this.nodekes = this.$refs.tree.getCheckedKeys(true);
    },
    //选中的组织
    iscrentd() {
      console.log("222", this.$refs.trees.getCheckedKeys(true));
      this.defaultKeys = this.$refs.trees.getCheckedKeys(true);
      //  console.log("222", this.$refs.tree.defaultKeys(true));
    },
    //选中适合的值
    handleCheckAllChange() {
      // this.form.roleNames = this.roleNames;
      // console.log(this.activeName);
      console.log(this.form.roleNames);
    },
    //table页切换
    handleClick() {
      console.log(this.activeName);
      if (this.activeName == "1") {
        //获取当前绑定用户
        useraffiliation(this.form.id).then((res) => {
          console.log(res.data.items);
          if (res.data.items && res.data.items.length > 0) {
            let val = res.data.items.map((item) => {
              return item.name;
            });
            this.$set(this.form, "roleNames", val);
          } else {
            this.$set(this.form, "roleNames", []);
          }
        });
      }
    },
    //用户列表查询
    inquireabout() {
      this.getlist();
      //  usreslist()
    },
    onchang(v) {
      // this.form.roleNames[0] = v;
      console.log(v);
    },
    //级联选择器
    handleChange(value) {
      this.values = value;
      console.log(value);
    },
    getlist() {
      usreslist(this.pages).then((res) => {
        this.tableData = res.data.items;

        this.total = res.data.totalCount;
        console.log(res);
      });
    },
    //绑定
    binding(row) {
      this.bindingdialogVisible = true;
      console.log(row);
      this.rowid = row.id;
      organizationtree().then((res) => {
        this.option = res.data;
        console.log(this.option);
      });

      // reverseselection(row.id).then((res) => {
      //   this.crdetcascader = res.data;
      //   console.log(res);
      // });
      // userorganizat(row.id, this.idkes ).then((res) => {
      //   console.log(res);
      // });
    },
    //绑定用户角色
    bandinuser(row) {
      this.useerdialogVisible = true;
      this.userid = row.id;
      usersroles().then((res) => {
        this.useroptions = res.data.items;
        console.log(res);
      });
      useraffiliation(row.id).then((res) => {
        res.data.items.forEach((element) => {
          console.log(element);
          this.uservalue = element[name];
        });
        // this.uservalue=res.data.items[name]
        this.bingdusers = res.data.items;

        // console.log(res);
      });
      // this.form.roleNames.push(row.userName)
      // userbind(row.id,{roleNames:this.form.roleNames}).then(res=>{
      //   console.log(res)
      // })
      // console.log(row);
    },
    //确定绑定
    Identifyusers() {
      // let are = [];
      // console.log(this.uservalue);
      // are.push(this.uservalue);
      // this.uservalue = are;
      if (this.uservalue !== "") {
        userbind(this.userid, { roleNames: this.uservalue }).then((res) => {
          this.$message.success("绑定成功");
          this.getlist();
          this.useerdialogVisible = false;
        });
      } else {
        this.$message.success("请选择用户");
      }
    },
    //绑定
    binduser() {
      console.log(this.values);
      console.log(this.rowid);
      console.log(this.idkes);
      if (this.values.length == 0) {
        this.$message.success("请选中");
      } else {
        userorganizat(this.rowid, this.idkes).then((res) => {
          this.bindingdialogVisible = false;
          this.getlist();
          this.$message.success("操作成功");
          // this.values = [];
          // console.log(res);
        });
      }
    },
    //新增用户
    newlyincreased() {
      this.dialogVisible = true;
      this.title = 1;
      if (this.title == 1) {
        this.form = {};
      }
      getbook().then((res) => {
        //  res.data.items.forEach((element) => {
        //     this.form.roleNames = element.name;
        //     console.log(element);
        //   });
        this.options = res.data.items;

        console.log(res, "====>>>>>res");
      });
      organizationtree().then((res) => {
        this.newachitecture = res.data;
        this.newdepartment = res.data;
        console.log(res, "1w");
      });
      console.log(this.title);
    },
    //确定添加或修改
    addlsit() {
      console.log(this.roleNames);
      this.$refs.form.validate((valid) => {
        if (valid) {
          if (this.title == 1) {
            let arrs = [];

            // arrs.push(this.roleNames);
            // console.log(arrs)
            let obj = {
              userName: this.form.userName,
              name: this.form.name,
              surname: this.form.surname,
              email: this.form.email,
              usesurnamerName: this.form.usesurnamerName,
              phoneNumber: this.form.phoneNumber,
              password: this.form.password,
              roleNames: this.roleNames,
              isActive: true,
            };
            if (this.roleNames.length == 0) {
              this.$message.success("请选择角色");
            } else {
              newlists(obj).then((res) => {
                this.dialogVisible = false;
                this.$message.success("新增成功");
                if (res.code == 1) {
                  // selectbinding({orgId:this.nodekes}).then(r=>{
                  //   this.$message.success('绑定成功')
                  // })
                }
                this.roleNames = [];
                this.getlist();
                console.log(res);
              });
            }
          } else if (this.title == 2) {
            console.log(this.form.roleNames);

            // this.roleNames=arrs
            let obj = {
              userName: this.form.userName,
              name: this.form.name,
              surname: this.form.surname,
              email: this.form.email,
              usesurnamerName: this.form.usesurnamerName,
              phoneNumber: this.form.phoneNumber,
              password: this.form.password,
              roleNames: this.form.roleNames,
              isActive: true,
              // roleNames: this.form.roleNames,
            };
            if (this.form.roleNames.length != 0) {
              console.log(this.form.roleNames);
              // let tempArr=[]

              editmodify(this.form.id, obj).then((res) => {
                if (res.status == 200) {
                }
                this.$message.success("修改成功");
                this.dialogVisible = false;
                this.getlist();
                console.log(res);
                if (res.code == 1) {
                  selectbinding({
                    userId: this.form.id,
                    orgId: this.defaultKeys,
                  }).then((res) => {
                    console.log(res);
                    // this.$message.success("修改绑定组织成功");
                  });
                  postapi(
                    `/api/app/abpuserdepartment/createmany?UserId=${this.form.id}`,
                    this.department
                  ).then((res) => {
                    // this.$message.success("操作成功");
                  });
                  console.log("aaaaaa");
                }
              });
            } else {
              this.$message.success("请选则用户");
            }
          }
        }
      });
    },
    //删除方法
    deleates(row) {
      let id = row.id;
      // delestsid(id).then((res) => {
      //   console.log(res);
      //   this.getlist();
      //   this.$message.success("删除成功");
      // });
      postapi(`/api/identity/users/delete?id=${row.id}`).then((res) => {
        this.getlist();
        this.$message.success("删除成功");
      });
      console.log(row);
    },

    //编辑修改
    editmony(row) {
      console.log(row, "======>>>>>>editmony");
      this.dialogVisible = true;
      // this.form.roleNames = row.roleNames;
      console.log(this.form.roleNames);
      this.title = 2;
      // this.form.roleNames = this.roleNames;
      if (this.title == 2) {
        // row里面没有roleNames字段
        const form = JSON.parse(JSON.stringify(row));
        console.log(form, "form");
        this.form = {
          ...form,
          roleNames: [],
        };
        this.form.roleNames = [];
        //获取组织架构
        organizationtree().then((res) => {
          this.organizationalstructure = res.data;
          this.setupdepartments = res.data;
          console.log(res, "sssssss");
        });
        useraffiliation(this.form.id).then((res) => {
          console.log(res.data.items);
          if (res.data.items && res.data.items.length > 0) {
            let val = res.data.items.map((item) => {
              return item.name;
            });
            this.$set(this.form, "roleNames", val);
          } else {
            this.$set(this.form, "roleNames", []);
          }
        });
        //科室编辑
        getapi(
          `/api/app/abpuserdepartment/getuserdepartment?UserId=${row.id}`
        ).then((res) => {
          // default-checked-keys
          this.defaultchekedKeys=res.data
          console.log(res, "科室");
        });
      }

      // useraffiliation(row.id).then((res) => {
      //   this.form.roleNames = res.data.items[0].name;
      //   // res.data.items.forEach(item=>{
      //   //   this.form.roleNames=item.name
      //   //   console.log(item)
      //   // })
      //   console.log("form", this.form);
      //   // console.log(res);
      //   console.log(res, "=====10010");
      //   this.$forceUpdate();
      // });
      console.log(this.title);
      getbook().then((res) => {
        console.log(res, "===>>>res");
        const { code, data } = res;
        if (code == 1) {
          let options = data.items;
          this.checkList = options;
          // console.log(this.checkList, "checkList");
          this.options = options;
          // this.options = options.map((item, index) => {
          //   return {
          //     id: item.name,
          //     name: item.name,
          //   };
          // });
          console.log("options", this.options);
        }
      });
      console.log(row);
      usersinits(row.id).then((res) => {
        console.log("zzz这里", res);
        let list = res.data;
        this.defaultKeys = list.map((item) => {
          return item.id;
        });
        console.log("defaultKeys", this.defaultKeys);
      });
    },
    //分页
    handleSizeChange(v) {
      this.pages.MaxResultCount = v;
      this.getlist();
    },
    handleCurrentChange(v) {
      this.pages.SkipCount = v;
      this.getlist();
    },
  },
};
</script>
<style lang="less" scoped></style>