|
|
@@ -0,0 +1,271 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="tw-bg-white tw-p-5 tw-rounded-xl">
|
|
|
+ <h3 class="section-title">授权信息</h3>
|
|
|
+ <div>
|
|
|
+ <a-form :labelCol="{ span: 4 }">
|
|
|
+ <a-form-item label="当前信息">
|
|
|
+ <span>{{ info.activation }}</span>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="人数限制">
|
|
|
+ <span>{{ info.maxCount }}</span>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="当前人数">
|
|
|
+ <span>{{ info.onlineCount }}</span>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="过期时间">
|
|
|
+ <span>{{ info.expire }}</span>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="授权模式">
|
|
|
+ <span>{{ info.type }}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="tw-bg-white tw-p-5 tw-rounded-xl">
|
|
|
+ <a-form
|
|
|
+ ref="form"
|
|
|
+ class="padding-tb-20 form-tight"
|
|
|
+ :rules="rules"
|
|
|
+ :model="form"
|
|
|
+ label-width="150px"
|
|
|
+ >
|
|
|
+ <a-form-item label="授权模式">
|
|
|
+ <a-select v-model="form.type" class="input">
|
|
|
+ <a-select-option label="在线激活" value="ONLINE"></a-select-option>
|
|
|
+ <a-select-option label="离线激活" value="OFFLINE"></a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ v-show="form.type == 'ONLINE'"
|
|
|
+ label="密匙"
|
|
|
+ class="input"
|
|
|
+ maxlength="255"
|
|
|
+ prop="accessKey"
|
|
|
+ >
|
|
|
+ <a-input v-model="form.accessKey" maxlength="255" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ v-show="form.type == 'ONLINE'"
|
|
|
+ label="密钥"
|
|
|
+ maxlength="255"
|
|
|
+ class="input"
|
|
|
+ prop="accessSecret"
|
|
|
+ >
|
|
|
+ <a-input v-model="form.accessSecret" maxlength="255" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item v-show="form.type == 'OFFLINE'" label="导入授权文件">
|
|
|
+ <a-upload
|
|
|
+ ref="upload"
|
|
|
+ class="form_left"
|
|
|
+ accept=".lic"
|
|
|
+ :action="uploadAction"
|
|
|
+ :headers="uploadHeaders"
|
|
|
+ :data="uploadData"
|
|
|
+ :on-success="uploadSuccess"
|
|
|
+ :on-error="uploadError"
|
|
|
+ :file-list="fileList"
|
|
|
+ :auto-upload="false"
|
|
|
+ :multiple="false"
|
|
|
+ >
|
|
|
+ <a-button
|
|
|
+ slot="trigger"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ icon="icon icon-search-white"
|
|
|
+ >
|
|
|
+ 选择文件
|
|
|
+ </a-button>
|
|
|
+ </a-upload>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label=" ">
|
|
|
+ <el-button
|
|
|
+ v-show="form.type == 'OFFLINE'"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="exportFile"
|
|
|
+ >导出硬件信息</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" size="small" @click="submitForm"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ uploadAction: QUESTION_API + "/system/auth/offline",
|
|
|
+ uploadHeaders: {},
|
|
|
+ uploadData: {},
|
|
|
+ fileList: [],
|
|
|
+ info: {
|
|
|
+ activation: "",
|
|
|
+ expire: "",
|
|
|
+ type: "",
|
|
|
+ maxCount: "",
|
|
|
+ onlineCount: 0,
|
|
|
+ },
|
|
|
+ form: {
|
|
|
+ type: "ONLINE",
|
|
|
+ accessKey: "",
|
|
|
+ accessSecret: "",
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ accessKey: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入密匙",
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ accessSecret: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入密钥",
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ setForm: {
|
|
|
+ properties: {
|
|
|
+ LOGIN_CODE_CHECK: "false",
|
|
|
+ LOGIN_UD_CHECK: "false",
|
|
|
+ LOGIN_UD_CHECK_ONECE: "",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState({ user: (state) => state.user }),
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+ this.uploadHeaders = {
|
|
|
+ key: this.user.key,
|
|
|
+ token: this.user.token,
|
|
|
+ };
|
|
|
+ this.searchForm();
|
|
|
+ },
|
|
|
+ searchForm() {
|
|
|
+ var url = QUESTION_API + "/system/auth/info";
|
|
|
+ this.$httpWithMsg.get(url).then((response) => {
|
|
|
+ if (response.data.auth == true) {
|
|
|
+ this.info.activation = "已授权";
|
|
|
+ if (this.info.activation == "已授权" && !response.data.expireTime) {
|
|
|
+ this.info.expire = "不限制";
|
|
|
+ } else {
|
|
|
+ this.info.expire = response.data.expireTime;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.info.activation == "已授权" &&
|
|
|
+ !response.data.maxOnlineUserCount
|
|
|
+ ) {
|
|
|
+ this.info.maxCount = "不限制";
|
|
|
+ } else {
|
|
|
+ this.info.maxCount = response.data.maxOnlineUserCount;
|
|
|
+ }
|
|
|
+ this.info.onlineCount = response.data.onlineUserCount;
|
|
|
+ this.info.type =
|
|
|
+ response.data.type == "ONLINE" ? "在线激活" : "离线激活";
|
|
|
+ } else {
|
|
|
+ this.info.activation = "未授权";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.initForm();
|
|
|
+ },
|
|
|
+ initForm() {
|
|
|
+ var url = QUESTION_API + "/org/all-sys-properties";
|
|
|
+ this.$httpWithMsg.get(url).then((response) => {
|
|
|
+ if (response.data) {
|
|
|
+ this.setForm.properties = response.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //提交
|
|
|
+ submitForm() {
|
|
|
+ if (this.form.type == "OFFLINE") {
|
|
|
+ this.submitUpload();
|
|
|
+ } else {
|
|
|
+ var url = QUESTION_API + "/system/auth/online";
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.$httpWithMsg.post(url, this.form).then(() => {
|
|
|
+ this.$notify({
|
|
|
+ type: "success",
|
|
|
+ message: "授权成功",
|
|
|
+ });
|
|
|
+ this.searchForm();
|
|
|
+ this.addingDialog = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ submitSetForm() {
|
|
|
+ let url = QUESTION_API + "/org/save-sys-properties";
|
|
|
+ this.$httpWithMsg.put(url, this.setForm).then(() => {
|
|
|
+ this.$notify({
|
|
|
+ type: "success",
|
|
|
+ message: "保存成功！",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ exportFile() {
|
|
|
+ window.open(
|
|
|
+ QUESTION_API +
|
|
|
+ "/system/auth/device/info?$key=" +
|
|
|
+ this.user.key +
|
|
|
+ "&$token=" +
|
|
|
+ this.user.token
|
|
|
+ );
|
|
|
+ },
|
|
|
+ submitUpload() {
|
|
|
+ var fileList = this.$refs.upload.uploadFiles;
|
|
|
+ if (fileList.length == 0) {
|
|
|
+ this.$notify({
|
|
|
+ message: "请选择授权文件",
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (fileList.length > 1) {
|
|
|
+ this.$notify({
|
|
|
+ message: "每次只能上传一个文件",
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.$refs.upload.submit();
|
|
|
+ },
|
|
|
+ uploadSuccess(response) {
|
|
|
+ if (!response.hasError) {
|
|
|
+ this.$notify({
|
|
|
+ message: "授权成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.searchForm();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ uploadError(response) {
|
|
|
+ var json = JSON.parse(response.message);
|
|
|
+ if (response.status == 500) {
|
|
|
+ this.$notify({
|
|
|
+ message: json.desc,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
