yc-ui2 0.2.2-beta2 → 0.2.2-beta3

package/src/components/YcCA/index.vue

@@ -1,536 +0,0 @@
-<template>
-    <div>
-        <el-form
-            ref="loginForm"
-            :model="loginForm"
-            :rules="loginRules"
-            @submit.native.prevent
-        >
-            <div
-                class="ca-bg-box"
-                :class="loginForm.username ? 'caBg' : 'ca-bg'"
-            >
-                <div
-                    class="ca-bg-text"
-                    v-if="loginForm.username"
-                >
-                    <el-link
-                        type="primary"
-                        :underline="false"
-                        >CA名称:
-                    </el-link>
-                    <span class="caName">{{ loginForm.username }}</span>
-                </div>
-                <el-button
-                    class="ca-refresh"
-                    :class="{ start: caLoading }"
-                    @click="caRead"
-                    icon="el-icon-refresh-right"
-                    circle
-                ></el-button>
-            </div>
-            <el-form-item prop="password">
-                <el-input
-                    prefix-icon="el-icon-lock"
-                    v-model="loginForm.password"
-                    type="password"
-                    auto-complete="off"
-                    placeholder="密码"
-                    show-password
-                    @keyup.enter.native="handleLogin"
-                >
-                </el-input>
-            </el-form-item>
-            <!-- <el-button
-        :loading="loading"
-        size="medium"
-        type="primary"
-        class="login-btn"
-        style="width: 100%"
-        @click.native.prevent="handleLogin"
-      >
-        <span v-if="!loading">登 录</span>
-        <span v-else>登 录 中...</span>
-      </el-button> -->
-            <slot></slot>
-        </el-form>
-        <el-dialog
-            title="提示"
-            :visible.sync="dialogVisible.showInfo"
-            width="30%"
-            center
-        >
-            <span style="color: red">{{ caInfo.error_text }}</span>
-            <span
-                slot="footer"
-                class="dialog-footer"
-            >
-                <el-button @click="dialogVisible.showInfo = false"
-                    >取 消</el-button
-                >
-                <el-button
-                    type="primary"
-                    @click="dialogVisible.showInfo = false"
-                    >确 定</el-button
-                >
-            </span>
-        </el-dialog>
-    </div>
-</template>
-
-<script>
-// import { hunca_mToken_core } from 'utils/mTokenPlugin/hunca_mToken_core2'
-// // 北京ca
-// // import 'utils/mTokenPluginBeijin/xtxasyn'
-// import { formateTime } from 'utils/mTokenPluginBeijin/formateTime'
-export default {
-    name: 'YcCA',
-    props: {
-        region: {
-            /** 1背景CA，0湖南CA */
-            type: Number,
-            default: 0,
-        },
-    },
-    data() {
-        return {
-            form: {},
-            caInfo: {
-                error_text: '',
-                have_error_info: false,
-            },
-            loginForm: {
-                username: '',
-                password: '',
-                uuid: '',
-                caInfo: '',
-            },
-            dialogVisible: {
-                ca: false,
-                showInfo: false,
-            },
-            loginRules: {
-                password: [
-                    {
-                        required: true,
-                        trigger: 'blur',
-                        message: '请输入您的密码',
-                    },
-                ],
-            },
-            loading: false,
-            caLoading: false,
-            timeId: null,
-        }
-    },
-    computed: {
-        isBJCA() {
-            return this.region == 1
-        },
-    },
-    watch: {
-        region() {
-            this.caRead()
-        },
-    },
-    async created() {
-        const { hunca_mToken_core } =
-            await require('utils/mTokenPlugin/hunca_mToken_core2')
-        this.hunca_mToken_core = hunca_mToken_core
-        require('utils/mTokenPluginBeijin/xtxasyn')
-        const { formateTime } =
-            await require('utils/mTokenPluginBeijin/formateTime')
-        this.formateTime = formateTime
-        this.caRead()
-        this.init()
-    },
-    destroyed() {
-        window.clearTimeout(this.timeId)
-    },
-    methods: {
-        init() {
-            if (typeof window.xtxasyn != 'object' || !window.xtxasyn.util)
-                return
-            // 监控CA 插拔
-            const utilConsolelog = window.xtxasyn.util.consolelog
-            window.xtxasyn.util.consolelog = (...param) => {
-                // 先执行 xtxasyn 自带的consolelog
-                utilConsolelog(...param)
-                // 在刷新 CA 是否连接
-                window.clearTimeout(this.timeId)
-                this.timeId = setTimeout(this.caRead, 1000)
-            }
-        },
-        //读取CA
-        caRead() {
-            if (this.isBJCA) {
-                this.caReadBeijin()
-            } else {
-                window.mToken = new this.hunca_mToken_core()
-                let tempName = window.mToken.Hunca_GetUserListGN()
-                this.loginForm.username = tempName[0]
-            }
-        },
-        async caReadBeijin() {
-            if (this.caLoading) return
-            this.caLoading = true
-            setTimeout(() => {
-                this.caLoading = false
-            }, 1000)
-            let retObj = await new Promise((resolve) => {
-                window.SOF_GetUserList(function (retObj) {
-                    resolve(retObj)
-                })
-            })
-            this.loginForm.username = retObj.retVal.split('||')[0]
-        },
-        // CA登录选择
-        caLogin(flag) {
-            switch (flag) {
-                case 0:
-                    this.HNCALogin()
-                    break
-                default:
-                    this.$message({
-                        type: 'warning',
-                        message: '请选择CA平台！！！',
-                    })
-            }
-        },
-        // 湖南CA平台登录
-        HNCALogin() {
-            window.mToken = new this.hunca_mToken_core()
-            this.loginForm.username = window.mToken.Hunca_GetUserListGN()
-            let tempuserName = window.mToken.Hunca_userNameGNToUserName(
-                this.loginForm.username[0]
-            ) //将证书G项信息转化为证书名称
-            let rn = Math.random()
-            if (
-                !window.mToken.Hunca_PKCS1(
-                    rn,
-                    tempuserName,
-                    this.loginForm.password
-                )
-            ) {
-                this.caInfo.error_text = window.mToken.Hunca_GetLastError()
-                this.caInfo.have_error_info = true
-                this.dialogVisible.showInfo = true
-                return false
-            }
-            this.ca_cert = window.mToken.Hunca_GetSignCert()
-            this.sign = window.mToken.Hunca_GetSignData()
-            this.certSn = window.mToken.Hunca_GetSignCertSn() //CA唯一码
-            this.cert_subject = window.mToken.Hunca_GetSignCertSubject() //CA信息
-            this.cert_validTime = window.mToken.Hunca_GetValidTime() //过期时间
-            this.cert_notBeforeTime = window.mToken.HUnca_GetNotBeforeTime() //生效时间
-            let tempinfo = this.cert_subject.split(',')
-            let tempinfo1 = {}
-            tempinfo.forEach((e) => {
-                tempinfo1[e.split('=')[0]] = e.split('=')[1]
-            })
-            this.loginForm = {
-                cert: this.ca_cert,
-                sign: this.sign,
-                rn: rn,
-                caInfo: this.cert_subject, //CA信息
-                caAddr: tempinfo1.ST + tempinfo1.OU, //设备归属地
-                caCode: tempinfo1.TITLE, //证书代码
-                caName: tempinfo1.GN, //ca名字
-                caSn: this.certSn, //CA唯一码
-                caEffectiveDate: this.cert_notBeforeTime, //生效时间
-                caExpireDate: this.cert_validTime, //过期时间
-                loginType: '3',
-                username: tempinfo1.GN,
-            }
-            return true
-        },
-        handleLogin() {
-            this.$refs.loginForm.validate((valid) => {
-                if (valid) {
-                    this.loading = true
-                    if (this.isBJCA) {
-                        this.BJCALogin()
-                    } else {
-                        this.HNCALogin()
-                        if (this.dialogVisible.showInfo == true) {
-                            this.loading = false
-                        } else if (this.loginForm.username) {
-                            this.loading = true
-                            this.$emit('caSuccess', this.loginForm, () => {
-                                this.loading = false
-                            })
-                        } else {
-                            this.msgErr('请插入CA')
-                        }
-                    }
-                }
-            })
-        },
-        async BJCALogin() {
-            if (!this.loginForm.username) {
-                this.msgErr('请插入CA')
-                return
-            } else {
-                let certId = await new Promise((resolve) => {
-                    window.SOF_GetUserList(function (retObj) {
-                        resolve(retObj.retVal.split('&&&')[0].split('||')[1])
-                    })
-                })
-                // --------------执行ca登录接口开始
-                var time_begin = new Date()
-                let passwd = this.loginForm.password
-                if (!certId || !passwd) {
-                    return
-                }
-                var platform = navigator.platform.toLowerCase()
-                if (platform.indexOf('win') != -1) {
-                    window.SOF_LoginEx(certId, passwd, 0, this.login_callback, {
-                        begin: time_begin,
-                        certId: certId,
-                    })
-                } else {
-                    window.SOF_Login(certId, passwd, this.login_callback, {
-                        begin: time_begin,
-                        certId: certId,
-                    })
-                }
-                // --------------执行ca登录接口结束
-            }
-        },
-        login_callback(retObj) {
-            const that = this
-            var certId = retObj.ctx.certId
-            if (retObj.retVal) {
-                // 登录成功对数据进行签名
-                this.BJSignData()
-            } else {
-                //当登录失败时，调用SOF_GetLastError取错误码，errcode为79时表示pin码复杂度不符合
-                window.SOF_GetLastError(function (retObj) {
-                    var err = retObj.retVal
-                    if (err == 79) {
-                        that.msgErr('请核对pin码复杂度是否符合要求')
-                    }
-                }, retObj.ctx)
-                // 实际情况可能仅在登录失败时获取一下重试次数做个提醒
-                window.SOF_GetPinRetryCount(
-                    certId,
-                    function (retObj) {
-                        var certId = retObj.ctx.certId
-                        that.msgErr(
-                            '证书[' +
-                                certId +
-                                ']重试次数剩余:' +
-                                retObj.retVal +
-                                '次...'
-                        )
-                    },
-                    retObj.ctx
-                )
-            }
-        },
-        async BJSignData() {
-            let certId = await new Promise((resolve) => {
-                window.SOF_GetUserList(function (retObj) {
-                    resolve(retObj.retVal.split('&&&')[0].split('||')[1])
-                })
-            })
-            let rn = Math.random()
-            this.form['rn'] = rn
-            window.SOF_SignData(certId, rn, this.signData_callback, {
-                certId: certId,
-            })
-            // --------------登录成功对数据进行签名结束
-        },
-        async signData_callback(retObj) {
-            if (retObj.retVal == '') {
-                this.caInfo.error_text = '数据签名失败'
-                this.caInfo.have_error_info = true
-                this.dialogVisible.showInfo = true
-                return
-            }
-            this.form['sign'] = retObj.retVal
-            // 签名成功获取其他信息后端登录接口所需信息-------
-            var certId = retObj.ctx.certId
-            // 导出用户证书
-            let userCert = await new Promise((resolve) => {
-                window.SOF_ExportUserCert(certId, function (retObj) {
-                    resolve(retObj.retVal)
-                })
-            })
-            this.form['username'] = userCert
-            if (userCert) {
-                var certInfoTypeArray = {
-                    caAddrProvince: { type: 16, label: '使用者省州名ST' }, //caAddr
-                    caAddrcity: { type: 18, label: '使用者城市名L' }, //caAddr
-                    caEffectiveDate: { type: 11, label: '证书有效开始日期' }, //caEffectiveDate
-                    caExpireDate: { type: 12, label: '证书有效结束日期' }, //caExpireDate
-                    caInfo: { type: 35, label: '使用者DN项第2种格式' }, //caInfo
-                    //caCode
-                    //username
-                    caSn: { type: 2, label: '证书序列号' }, //caSn
-                    caType: { type: 34, label: '颁发者DN项第1种格式' }, //caType
-                }
-                // 导出证书成功，解析证书基本项
-                for (let key in certInfoTypeArray) {
-                    let certInfo = await new Promise((resolve) => {
-                        window.SOF_GetCertInfo(
-                            userCert,
-                            certInfoTypeArray[key].type,
-                            function (retObj) {
-                                resolve(retObj)
-                            },
-                            { key: key }
-                        )
-                    })
-                    this.form[certInfo.ctx.key] = certInfo.retVal
-                }
-                let bindParams = {
-                    caSn: this.form['caSn'],
-                    caInfo: this.form['caInfo'],
-                    caAddr:
-                        this.form['caAddrProvince'] + this.form['caAddrcity'],
-                    caCode: this.form['caInfo']
-                        .split(',')
-                        .filter((v) => {
-                            return v.search(/^title=/i) != -1
-                        })[0]
-                        .replace(/title=/i, ''),
-                    username: this.form['caInfo']
-                        .split(',')
-                        .filter((v) => {
-                            return v.search(/^cn=/i) != -1
-                        })[0]
-                        .replace(/cn=/i, ''),
-                    caEffectiveDate: this.formateTime(
-                        this.form['caEffectiveDate']
-                    ),
-                    caExpireDate: this.formateTime(this.form['caExpireDate']),
-                    // region: this.readForm.region,
-                    pass: this.loginForm.password,
-                    caType: '北京ca',
-                    sign: this.form.sign,
-                    rn: this.form.rn,
-                    cert: this.form.username,
-                }
-                this.form = bindParams
-                this.loginForm = {
-                    cert: this.form.cert,
-                    sign: this.form.sign,
-                    rn: this.form.rn,
-                    caInfo: this.form.caInfo, //CA信息
-                    caAddr: this.form.caAddr, //设备归属地
-                    caCode: this.form.caCode, //证书代码
-                    caName: this.form.username, //证书名称
-                    caSn: this.form.caSn, //CA唯一码
-                    caEffectiveDate: this.form.caEffectiveDate, //生效时间
-                    caExpireDate: this.form.caExpireDate, //过期时间
-                    loginType: '3',
-                    username: this.form.username,
-                }
-                if (this.dialogVisible.showInfo == true) {
-                    this.loading = false
-                } else if (this.loginForm.username) {
-                    this.$emit('caSuccess', this.loginForm, () => {
-                        this.loading = false
-                    })
-                } else {
-                    this.msgErr('请插入CA')
-                }
-            }
-        },
-        handleClose(done) {
-            this.$confirm('确认关闭？')
-                .then(() => {
-                    done()
-                    this.loading = false
-                })
-                .catch(() => {})
-        },
-        msgErr(msg) {
-            this.loading = false
-            this.$message.error(msg)
-        },
-    },
-}
-</script>
-
-<style lang="scss" scoped>
-.ca-bg-box {
-    height: 101px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    margin-bottom: 1vw;
-    background-color: rgba(255, 229, 231, 0.28);
-    -webkit-animation: fadeinout 1s linear forwards;
-    animation: fadeinout 1s linear forwards;
-
-    &.caBg {
-        background: url('assets/ca/caBg.png') center no-repeat;
-        background-size: contain;
-    }
-    &.ca-bg {
-        background: url('assets/ca/ca-bg.png') center no-repeat;
-        background-size: contain;
-    }
-}
-@-webkit-keyframes fadeinout {
-    0% {
-        opacity: 0;
-    }
-    50% {
-        opacity: 0.5;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes fadeinout {
-    0% {
-        opacity: 0;
-    }
-    50% {
-        opacity: 0.5;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-.ca-bg-text {
-    margin-left: 15px;
-    .el-link {
-        font-size: 18px;
-        font-weight: 500;
-        // color: #53a8ff;
-        margin-top: -6px;
-    }
-    .caName {
-        margin-left: 10px;
-        color: #303133;
-    }
-}
-
-.ca-refresh {
-    position: absolute;
-    top: 6px;
-    right: 8px;
-    padding: 3px;
-    font-weight: bold;
-    // width: 25px;
-    // height: 25px;
-    // cursor: pointer;
-    &.start {
-        animation: rotate 0.7s linear;
-    }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0deg); /* 初始状态 */
-        }
-        100% {
-            transform: rotate(360deg); /* 结束状态 */
-        }
-    }
-}
-</style>