import {
    listPerson,
    getPerson,
    delPerson,
    addPerson,
    updatePerson,
    stationList,
    StationDepartmentList,
} from "@/api/system/person";
import { getToken } from "@/utils/auth";
import { getListByUser } from "@/api/system/userlist.js";

export default {
    name: "Person",
    data() {
        // 验证手机号的规则
        var checkMobile = (rule, value, cb) => {
            // 验证手机号的正则表达式
            const regMobile =
                /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
            if (regMobile.test(value)) {
                return cb();
            }
            cb(new Error("请输入正确的联系电话"));
        };
        // 验证手机号的规则
        var checkMobile2 = (rule, value, cb) => {
            // 验证手机号的正则表达式
            const regMobile =
                /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
            if (regMobile.test(value)) {
                return cb();
            }
            cb(new Error("请输入正确的联系电话"));
        };
        return {
            //男女选择
            sexs: [{
                    label: "男",
                    value: "MALE",
                },
                {
                    label: "女",
                    value: "FEMALE",
                },
            ],
            nursePersonTypes: [{
                    label: "护士",
                    value: "NURSE",
                },
                {
                    label: "护理师",
                    value: "NURSE_TEACHER",
                },
            ],

            innerVisible: false,
            innerVisible2: false,
            innerVisiblexg: false,
            innerVisiblexg2: false,

            // 遮罩层
            loading: true,

            // 用户导入参数
            upload: {
                // 是否显示弹出层（用户导入）
                open: false,
                // 弹出层标题（用户导入）
                title: "",
                // 是否禁用上传
                isUploading: false,
                // 设置上传的请求头部
                headers: { Authorization: "Bearer " + getToken() },
                // 上传的地址
                url: process.env.VUE_APP_BASE_API +
                    "/system/person/insertNurseStationPersonImportList",
            },
            // 选中数组
            ids: [],
            // 非单个禁用
            single: true,
            // 非多个禁用
            multiple: true,
            // 显示搜索条件
            showSearch: true,
            // 总条数
            total: 0,
            departtotal: 0,
            nursetotal: 0,
            // 护理站人员信息表格数据
            nurseStationPersonList: [],
            // 护理站名称
            stationLists: [],
            // 所属科室
            StationDepartmentLists: [],
            nurseStationlist: [],
            stationid: "",
            stationid2: "",
            departid: "",
            nurseStationName: "请选择所属护理站",
            departmentName: "请选择所属科室",
            // 弹出层标题
            title: "",
            title2: "",
            title3: "",
            // 修改弹出层
            open: false,
            // 添加弹出层
            open2: false,
            //权限查询
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                nurseStationId: null,
                departmentCode: null,
                userId: null,
                departmentName: null,
                nursePersonCode: null,
                nursePersonName: null,
                nursePersonType: null,
                nurseStationName: null,
                phone: null,
                address: null,
            },
            queryParams2: {
                pageNum: 1,
                pageSize: 10,
                nurseStationName: null,
                departmentName: null,
                id: null,
                nurseStationId: null,
            },

            queryParams3: {
                pageNum: 1,
                pageSize: 10,
                nurseStationName: null,
                id: null,
                departmentCode: null,
                departmentName: null,
                nurseStationId: null,
            },
            nurseStationqueryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            StationqueryParams: {
                pageNum: 1,
                pageSize: 10,
            },

            // 表单参数
            form: {},
            index: "",
            // 表单校验
            rules: {
                nurseStationId: [
                    { required: true, message: "请选择所属护理站", trigger: "blur" },
                ],
                departmentName: [
                    { required: true, message: "所属科室不能为空", trigger: "blur" },
                ],
                nursePersonName: [
                    { required: true, message: "护理人姓名不能为空", trigger: "blur" },
                ],
                nursePersonType: [
                    { required: true, message: "护理人职称不能为空", trigger: "blur" },
                ],
                sex: [{ required: true, message: "性别不能为空", trigger: "blur" }],
                phone: [{
                    required: true,
                    validator: checkMobile2,
                    message: "",
                    trigger: "blur",
                }, ],
                address: [
                    { required: true, message: "居住地址不能为空", trigger: "blur" },
                ],
                nurseStationPersonList: {
                    nursePersonName: [{
                        required: true,
                        message: "请选择所属护理站",
                        trigger: "blur",
                    }, ],
                    departmentCode: [
                        { required: true, message: "所属科室不能为空", trigger: "blur" },
                    ],
                    nurseStationId: [
                        { required: true, message: "请选择所属护理站", trigger: "blur" },
                    ],
                    nursePersonName: [
                        { required: true, message: "护理人姓名不能为空", trigger: "blur" },
                    ],
                    nursePersonType: [
                        { required: true, message: "护理人职称不能为空", trigger: "blur" },
                    ],
                    sex: [{ required: true, message: "性别不能为空", trigger: "blur" }],
                    phone: [{
                        required: true,
                        validator: checkMobile,
                        message: "",
                        trigger: "blur",
                    }, ],
                    address: [
                        { required: true, message: "居住地址不能为空", trigger: "blur" },
                    ],
                },
            },
            homenumber: null,
        };
    },
    created() {
        this.getList();
    },
    methods: {
        // // 新增所属科室按钮
        departclick(item, index) {
            if (this.form.nurseStationId != null) {
                this.getList3();
                console.log(item);
                this.departid = item.departmentCode;
                this.innerVisible2 = true;
                this.index = index;

            } else {
                // this.innerVisible2 = false;
                this.$message.error('请先选择所属护理站');
            }

        },
        // // 修改所属科室按钮
        departclick2() {
            if (this.form.nurseStationId != null) {
                this.getList3();
                this.departid2 = this.form.departmentCode;
                this.innerVisiblexg2 = true;

            } else {
                // this.innerVisible2 = false;
                this.$message.error('请先选择所属护理站');
            }
        },
        //修改护理站按钮
        departclickxg() {
            this.info();
            this.stationid2 = this.form.nurseStationId;
            this.innerVisiblexg = true;
            // this.index = index;
        },
        // 新增护理站按钮
        clickinnerVisible(item, index) {
            this.info();
            this.stationid = item.nurseStationId;
            this.innerVisible = true;
            this.index = index;
        },
        // 修改护理站
        nurseclick2(row) {
            if (this.homenumber) {
                this.queryParams.nurseStationName = row.nurseStationName;
                this.queryParams.nurseStationId = row.id;
            } else {
                this.nurseStationName = row.nurseStationName;
                this.stationid2 = row.id;
                this.form.nurseStationId = row.id;
                this.queryParams3.nurseStationId = row.id;
                this.form.nursename = row.nurseStationName;
            }
            this.innerVisiblexg = false;
        },
        // 护理站名称
        nurseclick(row) {
            console.log(row);
            this.nursename = row.nurseStationName;
            this.stationid = row.id;
            this.form.nurseStationId = row.id;
            this.queryParams3.nurseStationId = row.id;
            console.log(this.form.nurseStationId);
            console.log(this.form);
            this.innerVisible = false;
            this.form.nursename = row.nurseStationName;
            this.form.nurseStationPersonList[this.index].nurseStationName =
                row.nurseStationName;
            this.form.nurseStationPersonList[this.index].nurseStationId = row.id;
        },

        // 所属科室
        StationDepartmentclick(row) {
            console.log(row);
            this.departname = row.departmentName;
            this.departid = row.departmentCode;
            console.log(this.departid);
            this.departmentCode = row.departmentCode;
            // this.form.nurseStationId = row.id;
            this.innerVisible2 = false;
            this.form.departname = row.departmentName;
            this.form.nurseStationPersonList[this.index].departmentName =
                row.departmentName;
            this.form.nurseStationPersonList[this.index].departmentCode =
                row.departmentCode;
            console.log(this.form);
        },
        // 修改科室
        StationDepartmentclick2(row) {
            this.departmentName = row.departmentName;
            this.form.departmentCode = row.departmentCode;
            this.departid2 = row.departmentCode;
            this.form.departmentName = row.id;
            this.innerVisiblexg2 = false;
        },

        //主页面打开护理站列表
        ParamsStation(item) {
            this.info();
            this.innerVisiblexg = true
            this.title2 = '选择护理站'
            this.homenumber = item
            this.stationid2 = this.queryParams.nurseStationId;
        },

        //护理站列表
        info() {
            this.loading = true;
            getListByUser(this.nurseStationqueryParams).then((res) => {
                this.nurseStationlist = res.rows;
                this.nursetotal = res.total;
                this.loading = false;
            });
        },
        /** 查询护理站人员信息列表 */
        getList() {
            // 护理站名称
            this.loading = true;
            listPerson(this.queryParams).then((response) => {
                this.nurseStationPersonList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },
        getList3() {
            this.loading = true;
            StationDepartmentList(this.queryParams3).then((res) => {
                this.StationDepartmentLists = res.rows;
                this.departtotal = res.total;
                this.loading = false;
            });
        },
        // 取消按钮
        cancel() {
            this.open = false;
            this.open2 = false;
            this.nurseStationName = "请选择所属护理站";
            this.departmentName = "请选择所属科室";
            // this.upload.open=false;
            this.reset();
        },
        // 表单重置
        reset() {
            this.form = {
                id: null,
                nurseStationId: null,
                departmentCode: null,
                userId: null,
                nursePersonCode: null,
                nursePersonName: null,
                nursePersonType: null,
                phone: null,
                address: null,
                createBy: null,
                createTime: null,
                updateBy: null,
                updateTime: null,
                nurseStationName: "请选择所属护理站",
                departmentName: "请选择所属科室",
                nurseStationPersonList: [{
                    id: "",
                    nurseStationId: "",
                    departmentCode: "",
                    nursePersonCode: "",
                    nursePersonName: "",
                    nursePersonType: "",
                    nurseStationName: "请选择所属护理站",
                    phone: "",
                    address: "",
                    sex: "",
                    departmentName: "请选择所属科室",
                }, ],
            };
            this.resetForm("form");
        },
        /** 搜索按钮操作 */
        handleQuery2() {
            this.nurseStationqueryParams.pageNum = 1;
            this.info();
        },
        // 修改护理站弹框的搜索
        handleQuery4() {
            this.nurseStationqueryParams.pageNum = 1;
            this.info();
        },
        //修改所属科室
        handleQuery3() {
            this.queryParams3.pageNum = 1;
            this.getList3();
        },
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getList();
        },
        /** 重置按钮操作 */
        addcancel() {
            this.innerVisible = false;
            this.innerVisiblexg = false;
            this.resetQuery4();
        },
        departcancel() {
            this.innerVisible2 = false;
            this.innerVisiblexg2 = false;
            this.resetQuery3();
        },
        resetQuery2() {
            this.resetForm("queryForm");
            this.nurseStationqueryParams = {
                pageNum: 1,
                pageSize: 10,
            };
            this.handleQuery2();
        },
        resetQuery4() {
            this.resetForm("queryForm");
            this.nurseStationqueryParams = {
                pageNum: 1,
                pageSize: 10,
            };
            this.handleQuery4();
        },
        resetQuery3() {
            this.queryParams3.pageNum = 1;
            this.queryParams3.pageSize = 10;
            this.queryParams3.departmentName = null;
            this.queryParams3.departmentCode = null;
            this.handleQuery3();
        },
        resetQuery() {
            this.resetForm("queryForm");
            this.queryParams = {
                pageNum: 1,
                pageSize: 10,
                nurseStationId: null,
                departmentCode: null,
                userId: null,
                nursePersonCode: null,
                nursePersonName: null,
                nursePersonType: null,
                phone: null,
                address: null,
            };
            this.handleQuery();
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map((item) => item.id);
            this.single = selection.length !== 1;
            this.multiple = !selection.length;
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.queryParams3.nurseStationId = null
            this.reset();
            this.open2 = true;
            this.title = "添加护理站人员信息";
            this.title2 = "请选择所属护理站";
            this.title3 = "请选择科室";
        },
        /** 修改按钮操作 */
        handleUpdate(row) {
            this.homenumber = null;
            const id = row.id || this.ids;
            getPerson(id).then((response) => {
                console.log(response);
                this.departmentName = response.data.departmentName;
                this.nurseStationName = response.data.nurseStationName;
                this.form = response.data;
                this.queryParams3.nurseStationId = response.data.nurseStationId
                this.open = true;
                this.title = "修改护理站人员信息";
                if (this.departmentName == null && this.departmentName == undefined) {
                    this.departmentName = "请选择所属科室";
                } else {
                    this.departmentName = response.data.departmentName;
                }
            });
        },
        /** 提交按钮 */
        submitForm() {
            if (this.form.id == null) {
                this.form.nursePersonName = this.form.nurseStationPersonList[0].nursePersonName
                this.form.nursePersonType = this.form.nurseStationPersonList[0].nursePersonType
                this.form.sex = this.form.nurseStationPersonList[0].sex
                this.form.address = this.form.nurseStationPersonList[0].address
                this.form.departmentCode = this.form.nurseStationPersonList[0].departmentCode
                this.form.departmentName = this.form.nurseStationPersonList[0].departmentName
                this.form.phone = this.form.nurseStationPersonList[0].phone
            }
            console.log(this.form);
            this.$refs["form"].validate((valid) => {
                if (valid) {
                    if (this.form.id != null) {
                        updatePerson(this.form).then((response) => {
                            this.$modal.msgSuccess("修改成功");
                            this.open = false;
                            this.getList();
                        });
                    } else {
                        addPerson(this.form).then((response) => {
                            this.$modal.msgSuccess("新增成功");
                            this.open2 = false;
                            this.getList();
                            this.nurseStationName = "请选择所属护理站";
                            this.departmentName = "请选择所属科室";
                        });
                    }
                }
            });
        },
        /** 删除按钮操作 */
        handleDelete(row) {
            const ids = row.id || this.ids;
            this.$modal
                .confirm("是否确认删除护理站人员信息的数据项？")
                .then(function() {
                    return delPerson(ids);
                })
                .then(() => {
                    this.getList();
                    this.$modal.msgSuccess("删除成功");
                })
                .catch(() => {});
        },
        /** 导入按钮操作 */
        handleImport() {
            this.upload.open = true;
            this.upload.title = "护理站人员导入";
        },

        /** 下载模板操作 */
        importTemplate() {
            this.download(
                "/system/station/downloadTemplate?fileType=nurseStationPerson", {},
                `护理站人员基本信息导入模板.xlsx`
            );
        },

        // 提交上传文件
        submitFileForm() {
            this.$refs.upload.submit();
        },
        // 文件上传成功处理
        handleFileSuccess(response, file, fileList) {
            this.upload.open = false;
            this.upload.isUploading = false;
            this.$refs.upload.clearFiles();
            this.$alert(
                "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
                response.msg +
                "</div>",
                "导入结果", { dangerouslyUseHTMLString: true }
            );
            this.getList();
        },
        // 文件上传中处理
        handleFileUploadProgress(event, file, fileList) {
            this.upload.isUploading = true;
        },

        /** 导出按钮操作 */
        handleExport() {
            this.download(
                "system/person/export", {
                    ...this.queryParams,
                },
                `person_${new Date().getTime()}.xlsx`
            );
        },
    },
};