<template>
|
<el-dialog :title="titleMap[mode]" v-model="visible" :width="600" destroy-on-close @closed="$emit('closed')">
|
<p class="title-tip" v-if="isShowWrite">
|
<el-icon><Warning /></el-icon>
|
<span>关联后，企业微信的部门结构和成员同步给本系统。本系统企业组织架构将不再支持手动维护</span>
|
</p>
|
<el-form :model="addOssForm" :rules="addOssRules" :disabled="mode=='show'" ref="dialogForm" label-width="192px" label-position="center" v-if="isShowWrite">
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="企业CorpId" prop="wxCorpId">
|
<el-input v-model="addOssForm.wxCorpId" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="AgentID" prop="wxAgentId">
|
<el-input v-model="addOssForm.wxAgentId" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="应用的Secret" prop="wxAppSecret">
|
<el-input v-model="addOssForm.wxAppSecret" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="通讯录的Secret" prop="wxBookSecret">
|
<el-input v-model="addOssForm.wxBookSecret" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="回调配置Token" prop="wxCallbackToken">
|
<el-input v-model="addOssForm.wxCallbackToken" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="回调配置EncodingAesKey" prop="wxAesKey">
|
<el-input v-model="addOssForm.wxAesKey" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="回调配置域名" prop="wxDomain">
|
<el-input v-model="addOssForm.wxDomain" placeholder="请输入" clearable></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div v-if="!isShowWrite">
|
<p class="sync-res">
|
<el-icon v-if="!userResult" class="cr"><CircleClose /></el-icon>
|
<el-icon v-if="userResult" class="cg"><CircleCheck /></el-icon>
|
<span>员工同步</span><span>{{userResult == false?"失败":"成功"}}</span>
|
</p>
|
<p class="sync-res">
|
<el-icon v-if="!groupResult" class="cr"><CircleClose /></el-icon>
|
<el-icon v-if="groupResult" class="cg"><CircleCheck /></el-icon>
|
<span>部门同步</span><span>{{groupResult == false?"失败":"成功"}}</span>
|
</p>
|
<p class="sync-res">
|
<el-icon v-if="!postResult" class="cr"><CircleClose /></el-icon>
|
<el-icon v-if="postResult" class="cg"><CircleCheck /></el-icon>
|
<span>岗位同步</span><span>{{postResult == false?"失败":"成功"}}</span>
|
</p>
|
</div>
|
<template #footer>
|
<el-button @click="visible=false" >取 消</el-button>
|
<el-button v-if="mode!='show' && isShowWrite" type="primary" :loading="isSaveing" @click="ossSubmit()">保 存</el-button>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script>
|
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
let icons = []
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
icons.push(key)
|
}
|
export default {
|
emits: ['success', 'closed'],
|
data() {
|
return {
|
appType: "",
|
userResult: true,
|
groupResult: true,
|
postResult: true,
|
isShowWrite: true,
|
addOssForm: {
|
wxCorpId: "",
|
wxAgentId: "",
|
wxAppSecret: "",
|
wxBookSecret: "",
|
wxCallbackToken: "",
|
wxAesKey: "",
|
wxDomain: ""
|
},
|
//验证规则
|
addOssRules: {
|
wxCorpId:[{required: true, message: '请输入企业CorpId'}],
|
wxAgentId:[{required: true, message: '请输入AgentID'}],
|
wxAppSecret: [{required: true, message: '请输入应用的Secret'}],
|
wxBookSecret: [{required: true, message: '请输入通讯录的Secret'}],
|
wxCallbackToken: [{required: true, message: '请输入回调配置Token'}],
|
wxAesKey: [{required: true, message: '请输入回调配置EncodingAesKey'}],
|
wxDomain: [{required: true, message: '请输入回调配置域名'}]
|
},
|
value1: true,
|
mode: "add",
|
titleMap: {
|
add: '关联',
|
edit: '修改',
|
show: '查看',
|
end: '立即同步'
|
},
|
visible: false,
|
isSaveing: false,
|
//所需数据选项
|
groups: [],
|
groupsProps: {
|
value: "id",
|
multiple: true,
|
checkStrictly: true
|
},
|
depts: [],
|
deptsProps: {
|
value: "id",
|
checkStrictly: true
|
}
|
}
|
},
|
components: {...ElementPlusIconsVue},
|
mounted() {
|
|
},
|
methods: {
|
//显示
|
open(type,mode='add'){
|
this.appType = type;
|
this.mode = mode;
|
this.visible = true;
|
return this
|
},
|
//表单提交方法
|
ossSubmit(){
|
var obj = Object.assign({},this.addOssForm);
|
obj.appType = this.appType;
|
obj.id = "1787499893602787330";
|
obj.domain = obj.wxDomain;
|
if(obj.appType == 1) {
|
obj.wxid = "1787499893602787330";
|
}else {
|
obj.dingid = "1787499893602787330";
|
}
|
this.$refs.dialogForm.validate(async (valid) => {
|
if (valid) {
|
this.isSaveing = true;
|
this.$HTTP.post("/api/blade-sync/outer-app-config/submit",obj).then(res=> {
|
this.isSaveing = false;
|
if(res.code == 200) {
|
this.mode = "end";
|
this.isShowWrite = false;
|
this.userResult = res.data.userResult;
|
this.groupResult = res.data.groupResult;
|
this.postResult = res.data.postResult;
|
this.$emit('success', this.addOssForm, this.mode);
|
//this.visible = false;
|
this.$message.success("操作成功");
|
}else {
|
this.$alert(res.message, "提示", {type: 'error'});
|
}
|
})
|
}else{
|
return false;
|
}
|
})
|
},
|
//表单注入数据
|
setData(data){
|
//可以和上面一样单个注入，也可以像下面一样直接合并进去
|
//Object.assign(this.addOssForm, data);
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.title-tip {
|
padding: 0 24px;
|
text-align: center;
|
color: #ea3c4a;
|
font-size: 12px;
|
margin-bottom:20px;
|
}
|
.sync-res {
|
text-align: center;
|
}
|
.sync-res .cr {
|
color: red;
|
margin-right: 8px;
|
}
|
.sync-res .cg {
|
color: green;
|
margin-right: 8px;
|
}
|
</style>
|
