1

lzhe

2024-05-07 df4c5ac38a1f287b7d0f48a558630cae70f6a690

1

 src/views/console/soam/addOss.vue

@@ -77,6 +77,7 @@
        emits: ['success', 'closed'],
        data() {
            return {
                appType: "",
                userResult: true,
                groupResult: true,
                postResult: true,
@@ -130,7 +131,8 @@
        },
        methods: {
            //显示
            open(mode='add'){
            open(type,mode='add'){
                this.appType = type;
                this.mode = mode;
                this.visible = true;
                return this
@@ -138,10 +140,14 @@
            //表单提交方法
            ossSubmit(){
                var obj = Object.assign({},this.addOssForm);
                obj.appType = 1;
                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;

 src/views/console/soam/oss-system.vue

@@ -2,7 +2,7 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-05-06 16:26:56
 * @LastEditTime: 2024-05-07 21:09:02
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -146,9 +146,11 @@
                        <div class="title">
                            <img src="./logo.png" />
                            <span>企业微信</span>
                            <span class="taginfo" v-if="appType==1">已关联</span>
                            <div class="desc">CPS与企业微信关联，协作与沟通更加高效。绑定后将同步企业微信的人员名单和组织架构，并允许成员使用企业微信账号登录</div>
                        </div>
                        <el-button class="btn" @click="addOss(1)">关联</el-button>
                        <el-button class="btn" @click="addOss(1)" v-if="appType!=1" :disabled="appType != 1">关联</el-button>
                        <el-button class="btn" @click="addOss(2)" v-if="appType==1" :disabled="appType != 1" type="danger" plain>解绑</el-button>
                    </div>
                </div>
                <div class="card">
@@ -156,9 +158,25 @@
                        <div class="title">
                            <img src="./logo.png"/>
                            <span >钉钉</span>
                            <span class="taginfo" v-if="appType==2">已关联</span>
                            <div class="desc">CPS与钉钉关联，协作与沟通更加高效。绑定后将同步钉钉的人员名单和组织架构，并允许成员使用钉钉账号登录</div>
                        </div>
                        <el-button class="btn" @click="addOss(2)">关联</el-button>
                        <el-button class="btn" @click="addOss(2)" v-if="appType!=2" :disabled="appType != 2">关联</el-button>
                        <el-button class="btn" @click="addOss(2)" v-if="appType==2" :disabled="appType != 2" type="danger" plain>解绑</el-button>
                    </div>
                    <div class="bottom">
                        <div class="info">
                            <div class="img">
                                <el-icon><Monitor /></el-icon>
                            </div>
                            <div class="info-right">
                                <div class="tag">
                                    <div> 组织架构同步</div>
                                    <span>立即同步</span>
                                </div>
                                <div class="time">上次同步时间：-</div>
                            </div>
                        </div>
                    </div>
                </div>
            </el-tab-pane>
@@ -178,6 +196,7 @@
        name: "oss-main",
        data(){
            return {
                appType: "",
                dialog: {
                    save: false
                },
@@ -228,12 +247,20 @@
            this.setting();  //应用设置
            this.getFile();  //企业logo
            this.license(); //授权
            this.outer();  //服务集成
        },
        methods: {
            outer() {
                this.$HTTP.get("/api/blade-sync/outer-app-config/list").then(res=> {
                    if(res.code == 200) {
                        this.appType = res.data[0].appType;
                    }
                })
            },
            addOss(type) {
                this.dialog.save = true
                this.$nextTick(() => {
                    this.$refs.saveDialog.open();
                    this.$refs.saveDialog.open(type);
                })
            },
            addOssSuccess() {
@@ -586,4 +613,60 @@
    right: 30px;
    top: 20px;
}
.card .top .title .taginfo {
    color: #3b8e8e;
    border: 1px solid #3b8e8e;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 10px;
    padding: 2px 8px;
}
.card .bottom {
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}
.card .bottom .info {
    border: 1px solid #ebebeb;
    width: 378px;
    display: flex;
    padding: 20px;
}
.card .bottom .info .img {
    background-color: #3b8e8e;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card .bottom .info .img, .card .bottom .info img {
    width: 46px;
    height: 46px;
}
.card .bottom .info .img i {
    font-size: 28px;
    color: #fff;
}
.card .bottom .info .info-right {
    flex: 1;
    display: inline-block;
    margin-left: 20px;
}
.card .bottom .info .info-right .tag {
    display: flex;
}
.card .bottom .info .info-right .tag div {
    flex: 1;
    font-size: 14px;
}
.card .bottom .info .info-right .tag span{
    color: #3b8e8e;
    cursor: pointer;
    padding: 0 !important;
    min-height: 14px !important;
}
.card .bottom .info .info-right .time {
    margin-top: 10px;
    color: #bbb;
    font-size: 14px;
}
</style>