226 lines
8.9 KiB
Vue
226 lines
8.9 KiB
Vue
<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 == 'add'" 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 == 'add'" v-model="form.subDeptId" placeholder="请选择总包单位" clearable>
|
|
<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-tabs v-model="actTab">
|
|
<el-tab-pane v-for="(it, idx) in dict.type.attendance_vendors" :key="idx" :label="it.label"
|
|
:name="it.value">
|
|
<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="ProjectId" prop="appProjectId">
|
|
<el-input v-model="form.appProjectId" placeholder="请输ProjectId" clearable />
|
|
</el-form-item>
|
|
<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-tab-pane>
|
|
</el-tabs>
|
|
</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 } from "@/api/project/attendanceConfig";
|
|
export default {
|
|
dicts: ['attendance_vendors'],
|
|
data() {
|
|
return {
|
|
title: "",
|
|
// 是否显示弹出层
|
|
open: false,
|
|
// 表单参数
|
|
form: {
|
|
projectId: '',
|
|
subDeptId: '',
|
|
appId: '',
|
|
secret: '',
|
|
appProjectId: '',
|
|
enabled: 0
|
|
},
|
|
// 表单校验
|
|
rules: {
|
|
|
|
},
|
|
projectOptions: [],
|
|
depts: [],
|
|
formDepts: [],
|
|
actTab: '',
|
|
mode: '',
|
|
};
|
|
},
|
|
|
|
mounted() {
|
|
|
|
},
|
|
|
|
methods: {
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
let params = {
|
|
appId: this.form.appId,
|
|
secret: this.form.secret,
|
|
projectId: this.form.appProjectId
|
|
};
|
|
let obj = {
|
|
projectId: this.form.projectId,
|
|
subDeptId: this.form.subDeptId,
|
|
vendorsCode: this.actTab,
|
|
vendorsParameter: JSON.stringify(params),
|
|
enabled: this.form.enabled,
|
|
state: 0,
|
|
isDel: 0
|
|
};
|
|
if (this.form.id != null) {
|
|
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;
|
|
} 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;
|
|
} else {
|
|
this.form.subDeptId = '';
|
|
}
|
|
});
|
|
},
|
|
|
|
reset() {
|
|
this.form = {
|
|
id: null,
|
|
projectId: '',
|
|
subDeptId: '',
|
|
appId: '',
|
|
secret: '',
|
|
appProjectId: '',
|
|
enabled: 0
|
|
};
|
|
this.resetForm("form");
|
|
},
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
this.reset();
|
|
this.open = true;
|
|
this.mode = "add";
|
|
this.title = "添加劳务实名制配置";
|
|
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: "请选择" }]
|
|
}
|
|
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"
|
|
let obj = response.data;
|
|
let p = obj.vendorsParameter ? this.$tryToJson(obj.vendorsParameter, {}) : {};
|
|
obj.appId = p.appId || '';
|
|
obj.secret = p.secret || '',
|
|
obj.appProjectId = p.projectId || '';
|
|
this.form = obj;
|
|
this.open = true;
|
|
this.title = "修改劳务实名制配置";
|
|
this.actTab = this.dict.type.attendance_vendors[0].value;
|
|
this.rules = {
|
|
appId: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
secret: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
appProjectId: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
enabled: [{ required: true, trigger: "blur", message: "请选择" }]
|
|
}
|
|
setTimeout(() => {
|
|
this.$refs["form"].clearValidate();
|
|
}, 400);
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style> |