<template>
    <div class="attendance-config-dialog">
        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
                <el-form-item label="项目名称" prop="projectId">
                    <el-select v-if="mode != 'edit'" v-model="form.projectId" placeholder="请选择项目" clearable
                        @change="doQueryFormSub">
                        <el-option v-for="(item, index) in projectOptions" :key="index" :label="item.projectName"
                            :value="item.id">
                        </el-option>
                    </el-select>
                    <span v-else>{{ form.projectName }}</span>
                </el-form-item>
                <el-form-item label="总包单位" prop="subDeptId">
                    <el-select v-if="mode != 'edit'" v-model="form.subDeptId" placeholder="请选择总包单位" clearable @change="doQueryInfo">
                        <el-option v-for="(item, index) in formDepts" :key="index" :label="item.deptName"
                            :value="item.deptId">
                        </el-option>
                    </el-select>
                    <span v-else>{{ form.unitName }}</span>
                </el-form-item>
                <el-form-item label="接入方式" prop="vendorsCode">
                    <el-select v-if="mode != 'edit'" v-model="form.vendorsCode" placeholder="请选择接入方式" clearable @change="changeRule">
                        <el-option v-if="1==2" key="yanzhu" label="研筑" value="yanzhu"></el-option>
                        <el-option key="gld" label="广联达" value="gld"></el-option>
                        <el-option key="huazhu" label="华筑" value="huazhu"></el-option>
                    </el-select>
                    <span v-else>{{ form.vendorsCode=='yanzhu'?'研筑':form.vendorsCode=='gld'?'广联达':'华筑' }}</span>
                    <span>
                        <el-button v-if="mode!='edit'  && form.vendorsCode=='yanzhu'" 
                        :disabled="!form.projectId || !form.subDeptId"
                        type="primary" style="margin-left: 12px;" @click="doMakeAppId">获取</el-button>
                    </span>
                </el-form-item>
                <template v-if="form.vendorsCode=='gld'">
                    <el-form-item label="APPID" prop="appId">
                        <el-input v-model="form.appId" placeholder="请输AppId" clearable />
                    </el-form-item>
                    <el-form-item label="Secret" prop="secret">
                        <el-input v-model="form.secret" placeholder="请输Secret" clearable />
                    </el-form-item>
                    <el-form-item label="项目ID" prop="appProjectId">
                        <el-input v-model="form.appProjectId" placeholder="请输项目ID" clearable />
                    </el-form-item>
                </template>
                <template v-else>
                    <el-form-item label="APPID" prop="appId">
                        <el-input v-model="form.appId" placeholder="请输AppId" clearable />
                    </el-form-item>
                    <el-form-item label="Secret" prop="secret">
                        <el-input v-model="form.secret" placeholder="请输Secret" clearable />
                    </el-form-item>
                    <el-form-item label="项目ID" prop="appProjectId">
                        <el-input v-model="form.appProjectId" placeholder="请输项目ID" clearable />
                    </el-form-item>
                    <el-form-item label="租户ID" prop="appTenantId">
                        <el-input v-model="form.appTenantId" placeholder="请输租户ID" clearable />
                    </el-form-item>
                </template>
                        <el-form-item label="是否启用" prop="enabled">
                            <el-radio-group v-model="form.enabled">
                                <el-radio :label="1">启用</el-radio>
                                <el-radio :label="0">停用</el-radio>
                            </el-radio-group>
                        </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitForm">确 定</el-button>
                <el-button @click="cancel">取 消</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
import { listAttendanceConfig, getAttendanceConfig, delAttendanceConfig, addAttendanceConfig, updateAttendanceConfig,makeAppId } from "@/api/project/attendanceConfig";
export default {
    dicts: ['attendance_vendors'],
    data() {
        return {
            title: "",
            // 是否显示弹出层
            open: false,
            // 表单参数
            form: {
                projectId: '',
                subDeptId: '',
                appId: '',
                secret: '', 
                vendorsCode:'gld',               
                appProjectId: '',
                appTenantId:'',
                enabled: 0
            },
            // 表单校验
            rules: {

            },
            projectOptions: [],
            depts: [],
            formDepts: [],
            actTab: '',
            mode: '',
        };
    },

    mounted() {
        this.changeRule();
    },
    methods: {
        doMakeAppId(){
            makeAppId(this.form.projectId,this.form.subDeptId).then(d=>{
                this.form.appId=d.data?.appId||''
                this.form.secret=d.data?.secret||''
                this.form.appProjectId=d.data?.projectId||''
                this.form.appTenantId=d.data?.tenantId||''
            });
        },
        doQueryInfo(){
            if(this.form.projectId && this.form.subDeptId){
                listAttendanceConfig({projectId:this.form.projectId,subDeptId:this.form.subDeptId}).then(d=>{
                    if(d.rows && d.rows.length>0){
                        this.toEdit(d.rows[0]);
                        this.mode="addEdit"
                    }else{
                        this.form.id="";                       
                        this.mode="add";
                        this.form.appId="";
                        this.form.secret="";
                        this.form.appProjectId="";
                        this.form.appTenantId="";
                    }
                });

            }else{
                this.form.id="";
                this.mode="add"
                this.form.appId="";
                this.form.secret="";
                this.form.appProjectId="";
                this.form.appTenantId="";
            }
        },
        /** 提交按钮 */
        submitForm() {
            this.$refs["form"].validate(valid => {
                if (valid) {
                    let params = {
                        appId: this.form.appId,
                        secret: this.form.secret,
                        projectId: this.form.appProjectId,
                        tenantId:this.form.appTenantId,
                    };
                    let obj = {
                        projectId: this.form.projectId,
                        subDeptId: this.form.subDeptId,
                        vendorsCode: this.form.vendorsCode,
                        vendorsParameter: JSON.stringify(params),
                        enabled: this.form.enabled,
                        state: 0,
                        isDel: 0
                    };
                    if (this.form.id != null && this.form.id.trim().length>0) {
                        obj.id = this.form.id;
                        updateAttendanceConfig(obj).then(response => {
                            this.$modal.msgSuccess("修改成功");
                            this.open = false;
                            this.$emit('success');
                        });
                    } else {
                        addAttendanceConfig(obj).then(response => {
                            this.$modal.msgSuccess("新增成功");
                            this.open = false;
                            this.$emit('success');
                        });
                    }
                }
            });
        },
        // 取消按钮
        cancel() {
            this.open = false;
            this.reset();
        },
        doQueryFormSub() {
            let prjId = this.form.projectId;
            let tmps = this.prjDept2 && this.prjDept2[prjId] ? this.prjDept2[prjId] || [] : [];
            if (tmps.length > 0) {
                this.formDepts = tmps;
                if (tmps.length == 1) {
                    this.form.subDeptId = tmps[0].deptId;
                    this.doQueryInfo();
                } else {
                    this.form.subDeptId = '';
                }
                return;
            }
            this.$api.publics.queryUnitList({
                projectId: prjId,
                unitTypes: "2".split(","),
            }).then((d) => {
                let objs = d.rows || [];
                if (!this.prjDept2) {
                    this.prjDept2 = {};
                }
                this.prjDept2[this.form.projectId] = objs;
                this.formDepts = objs;
                if (objs.length == 1) {
                    this.form.subDeptId = objs[0].deptId;
                    this.doQueryInfo();
                } else {
                    this.form.subDeptId = '';
                }
            });
        },

        reset() {
            this.form = {
                id: null,
                projectId: '',
                subDeptId: '',
                appId: '',
                secret: '',
                vendorsCode:'gld',     
                appProjectId: '',
                appTenantId:'',
                enabled: 0
            };
            this.resetForm("form");
        },
        changeRule(){
            if(this.form.vendorsCode=='gld'){
                this.rules = {
                    projectId: [{ required: true, trigger: "blur", message: "请选择" }],
                    subDeptId: [{ required: true, trigger: "blur", message: "请选择" }],
                    appId: [{ required: true, trigger: "blur", message: "请输入" }],
                    secret: [{ required: true, trigger: "blur", message: "请输入" }],
                    appProjectId: [{ required: true, trigger: "blur", message: "请输入" }],
                    enabled: [{ required: true, trigger: "blur", message: "请选择" }]
                }
            }else{
                this.rules = {
                    projectId: [{ required: true, trigger: "blur", message: "请选择" }],
                    subDeptId: [{ required: true, trigger: "blur", message: "请选择" }],
                    appId: [{ required: true, trigger: "blur", message: "请输入" }],
                    secret: [{ required: true, trigger: "blur", message: "请输入" }],
                    appProjectId: [{ required: true, trigger: "blur", message: "请输入" }],
                    appTenantId: [{ required: true, trigger: "blur", message: "请输入" }],
                    enabled: [{ required: true, trigger: "blur", message: "请选择" }]
                }
            }
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.reset();
            this.open = true;
            this.mode = "add";
            this.title = "添加劳务实名制配置";
            this.changeRule();
            this.actTab = this.dict.type.attendance_vendors[0].value;
            setTimeout(() => {
                this.$refs["form"].clearValidate();
            }, 0);
        },
        showDialog(o) {
            this.projectOptions = o.projectOptions;
            if (o.mode == 'add') {
                this.handleAdd();
            } else {
                this.handleUpdate(o.row);
            }

        },
        /** 修改按钮操作 */
        handleUpdate(row) {
            this.reset();
            const id = row.id || this.ids
            getAttendanceConfig(id).then(response => {
                this.mode = "edit" 
                this.toEdit( response.data);
            });
        },
        toEdit(obj){                           
                let p = obj.vendorsParameter ? this.$tryToJson(obj.vendorsParameter, {}) : {};
                obj.appId = p.appId || '';
                obj.secret = p.secret || '',
                obj.appProjectId = p.projectId || '';
                obj.appTenantId=p.tenantId||'';
                this.form = obj;
                this.open = true;
                this.title = "修改劳务实名制配置";
                this.actTab = this.dict.type.attendance_vendors[0].value;
                this.changeRule();
                setTimeout(() => {
                    this.$refs["form"].clearValidate();
                }, 400);
        }
    },
};
</script>

<style lang="scss" scoped></style>