web/apsDashboard-1.git

			@@ -4,25 +4,19 @@
			<div class="sys-right">
			<div class="auto">
			<div class="title-bg">
			<div class="title">Smart AIOS</div>
			<div class="desc">Copyright © 贝思科技术有限公司</div>
			<div class="title">{{ productName }}</div>
			<div class="desc">{{ copyright }}</div>
			</div>
			<div class="bar" style="background-color: #F2F2F7;">
			<div class="bar" style="background-color: #f2f2f7">
			<div class="name">版本：</div>
			<div class="desc">
			{{
			serializedNumber == "" ? "SmartAIOS试用版" : "SmartAIOS正式版"
			}}
			{{ serializedNumber == "" ? `${productName}试用版` : `${productName}正式版` }}
			</div>
			</div>
			<div class="bar">
			<div class="name">激活：</div>
			<div class="right-zone">
			<el-button
			type="primary"
			size="small"
			@click="confirmAgain"
			v-if="serializedNumber != ''"
			<el-button type="primary" size="small" @click="confirmAgain" v-if="serializedNumber != ''"
			>导出产品密钥</el-button
			>
			<div class="desc activation">
			@@ -31,12 +25,12 @@
			</div>
			</div>
			<div class="bar">
			<div class="name" style="min-width: 65px;">请求码：</div>
			<div class="desc code" style="font-size: 12px">{{ q }}</div>
			<div class="name" style="min-width: 65px">请求码：</div>
			<div class="desc code" style="font-size: 12px">{{ queryCode }}</div>
			</div>
			<div class="bar">
			<div class="name">产品密钥：</div>
			<div class="desc" >
			<div class="desc">
			{{ authorization \|\| "-" }}
			</div>
			</div>
			@@ -48,25 +42,31 @@
			</div>
			</div>

			<el-dialog title="再次确认" :visible.sync="dialogVisible">
			<el-dialog title="再次确认" :visible.sync="dialogVisible" custom-class="my-confirm">
			<div class="ver">
			<span class="icon iconfont" style="color: orangered"></span>
			产品密钥导出后，系统大部分功能将无法使用，请确认是否继续？
			<span class="iconfont" style="color: orangered; font-size: 40px; margin-bottom: 10px"></span>
			<span class="ver-text">
			产品密钥导出后，系统大部分功能将无法使用，请确认是否继续？
			</span>
			</div>
			<div class="info">
			如需继续，请输入管理员密码，并导入你想要激活的设备请求码，然后点击“确认”。
			<span style="color: #8f949a; font-size: 14px"
			>设备请求码获取方式：如系统已激活，在激活页面导出即可；如设备未激活，在SmartAI激活页面扫码获取。</span
			>
			<span class="info-cont">
			如需继续，请输入管理员密码，并导入您要激活的设备请求码，然后点击“确定”。
			</span>
			<div style="margin-top: 10px">设备请求码获取方式：</div>
			<ul>
			<li style="list-style: inside">如系统已激活，在激活页面导出即可；</li>
			<li style="list-style: inside">
			{{ `"如设备未激活，请在${product_name}激活页面扫码获取"` }}
			</li>
			</ul>
			<!-- <span style="color: #8f949a; font-size: 14px"
			>。</span
			> -->
			</div>
			<!-- -->
			<div class="pw">
			<el-input
			size="small"
			placeholder="请输入管理员密码"
			v-model="password"
			style="padding-left: 50px; width: 460px"
			></el-input>
			<el-input size="small" placeholder="请输入管理员密码" v-model="password"></el-input>
			</div>
			<div class="validate">
			<form id="myForm">
			@@ -79,30 +79,26 @@
			>
			</el-input>
			</form>
			<el-button size="small" @click="txtbtn" type="primary"
			>导入文件</el-button
			>
			<input
			type="file"
			@change="loadTextFromFile"
			id="txt"
			style="display: none"
			/>
			<el-button size="small" @click="txtbtn" type="primary">导入文件</el-button>
			<input type="file" @change="loadTextFromFile" id="txt" style="display: none" />
			</div>

			<span slot="footer" class="dialog-footer">
			<el-button @click="dialogVisible = false">取消</el-button>
			<el-button type="primary" @click="confirmCancel">确定</el-button>
			<div class="btns">
			<el-button class="cancel" @click="dialogVisible = false">取消</el-button>
			<el-button class="ok" type="primary" @click="confirmCancel">确定</el-button>
			</div>
			</span>
			</el-dialog>
			</div>
			</template>

			<script>
			import { getSN, cancelAuthorization } from "@/api/system";
			import { getSN, cancelAuthorization, getVasystemInfo } from "@/api/system"

			export default {
			mounted() {
			this.refreshSn();
			this.refreshSn()
			},
			data() {
			return {
			@@ -110,106 +106,171 @@
			expireTime: "",
			serializedNumber: "",
			secrectKey: "",
			q: "",
			// verText: "SmartAIOS正式版",
			queryCode: "",
			activeState: "已激活",
			password: "",
			dialogVisible: false,
			};
			productName: "",
			copyright: ""
			}
			},
			methods: {
			refreshSn() {
			getSN().then((res) => {
			if (res.code == 200) {
			this.authorization = res.data.authorization;
			this.expireTime = res.data.expireTime;
			this.serializedNumber = res.data.sn;
			this.q = res.data.q;
			this.authorization = res.data.authorization
			this.expireTime = res.data.expireTime
			this.serializedNumber = res.data.sn
			this.queryCode = res.data.q
			}
			});
			})

			getVasystemInfo().then((rsp) => {
			this.productName = rsp.product_name
			this.copyright = rsp.copyright
			})
			},
			confirmAgain() {
			this.dialogVisible = true;
			this.dialogVisible = true
			},
			txtbtn() {
			document.getElementById("txt").click();
			document.getElementById("txt").click()
			},
			loadTextFromFile(e) {
			const file = e.target.files[0];
			var reader = new FileReader(); //new一个FileReader实例
			let that = this;
			reader.onload = function () {
			that.secrectKey = this.result.trim();
			};
			reader.readAsText(file);
			const file = e.target.files[0]
			var reader = new FileReader() //new一个FileReader实例
			let that = this
			reader.onload = function() {
			that.secrectKey = this.result.trim()
			}
			reader.readAsText(file)
			},
			confirmCancel() {
			this.secrectKey = this.secrectKey.trim();
			this.password = this.password.trim();
			this.secrectKey = this.secrectKey.trim()
			this.password = this.password.trim()
			if (this.secrectKey == "" \|\| this.password == "") {
			this.$message.warning("请先填写密码和请求码");
			return;
			this.$message.warning("请先填写密码和请求码")
			return
			}
			cancelAuthorization({
			q: this.secrectKey,
			passwd: this.password,
			down: 1,
			down: 1
			}).then((res) => {
			if (res.type=="application/json") {
			var reader = new FileReader();
			reader.readAsText(res,"utf-8");
			if (res.type == "application/json") {
			var reader = new FileReader()
			reader.readAsText(res, "utf-8")
			let that = this
			reader.onload = function () {
			var receive_data = JSON.parse(this.result); //这个就是解析出来的数据
			that.$notify.error(receive_data.msg);
			};
			return;
			reader.onload = function() {
			var receive_data = JSON.parse(this.result) //这个就是解析出来的数据
			that.$notify.error(receive_data.msg)
			}
			return
			}
			let url = window.URL.createObjectURL(
			new Blob([res], { type: "text/plain" })
			);
			let a = document.createElement("a");
			a.href = url;
			a.download = "key.txt";
			a.click();
			window.URL.revokeObjectURL(url);
			this.refreshSn();
			window.parent.postMessage({ msg: "checkSN" }, "*");
			this.$notify.success("导出成功");
			this.dialogVisible = false;
			});
			},
			},
			};
			let url = window.URL.createObjectURL(new Blob([res], { type: "text/plain" }))
			let a = document.createElement("a")
			a.href = url
			a.download = "key.txt"
			a.click()
			window.URL.revokeObjectURL(url)
			this.refreshSn()
			window.parent.postMessage({ msg: "checkSN" }, "*")
			this.$notify.success("导出成功")
			this.dialogVisible = false
			})
			}
			}
			}
			</script>
			<style lang="scss">
			div{
			div {
			color: #333;
			}

			.v-sys-info {
			width: 100%;
			background-color: #FBFAFF;
			background-color: #fbfaff;
			border-top: 4px solid #f2f2f7;
			border-left: 4px solid #f2f2f7;

			.el-dialog {
			width: 640px;
			border-radius: 24px;
			}

			.el-dialog__header {
			padding: 15px 20px 10px;
			text-align: left;
			font-weight: 600;
			padding: 14px 20px 13px;
			text-align: center;
			box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
			.el-dialog__title {
			font-weight: 600;
			font-size: 18px;
			color: #5f5f5f;
			line-height: 25px;
			}
			}
			.el-dialog__body {
			text-align: left;
			padding: 0;
			padding-bottom: 10px;
			padding: 30px;
			.pw {
			.el-input--small .el-input__inner {
			height: 32px;
			line-height: 32px;
			border-radius: 16px;
			border-color: #d4d6d9 !important;
			}
			}
			}
			.el-dialog__footer {
			padding: 10px 20px 20px;
			.btns {
			display: flex;
			justify-content: right;
			.cancel {
			width: 140px;
			height: 40px;
			cursor: pointer;
			border-radius: 20px;
			line-height: 40px;
			font-size: 14px;
			color: var(--colorCard);
			border-color: var(--colorCard) !important;
			display: flex;
			align-items: center;
			justify-content: center;
			}
			.ok {
			width: 140px;
			height: 40px;
			cursor: pointer;
			border-radius: 20px;
			background-color: var(--colorCard) !important;
			border-color: var(--colorCard) !important;
			color: #fff;
			line-height: 40px;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			}
			}
			}
			.el-divider--horizontal {
			margin: 20px 0;
			}
			.validate {
			padding: 0 50px;
			display: flex;
			align-items: baseline;
			margin-top: 15px;
			.el-button--small {
			font-size: 14px;
			border-radius: 3px;
			border-radius: 16px;
			background-color: var(--colorCard) !important;
			border-color: var(--colorCard) !important;
			min-width: 120px;
			padding: 8px 15px;
			}
			}
			#myForm {
			display: flex;
			@@ -219,23 +280,38 @@
			margin: 0 8px;
			width: 60px;
			}
			.el-textarea__inner {
			min-height: 32px;
			height: 32px;
			border: 1px solid #d4d6d9;
			box-sizing: border-box;
			border-radius: 16px;
			}
			}
			.ver {
			margin-bottom: 10px;
			background-color: rgba(242, 242, 242, 1);
			font-size: 16px;
			height: 60px;
			padding-left: 50px;
			line-height: 60px;
			margin-bottom: 30px;

			display: flex;
			flex-direction: column;
			align-items: center;
			.ver-text {
			font-weight: 600;
			font-weight: bold;
			font-size: 16px;
			line-height: 22px;
			color: #5f5f5f;
			}
			}
			.info {
			padding: 0 50px;
			font-size: 15px;
			line-height: 25px;
			margin: 15px 0;
			font-size: 12px;
			line-height: 21px;
			color: #666666;
			.info-cont {
			font-weight: bold;
			font-size: 14px;
			color: #5f5f5f;
			}
			}
			.qr-code-img {
			width: 100px;
			@@ -261,11 +337,8 @@
			box-sizing: border-box;
			position: relative;
			padding: 10px 15px 0 10px;
			.el-form-item.is-required:not(.is-no-asterisk)
			> .el-form-item__label:before,
			.el-form-item.is-required:not(.is-no-asterisk)
			.el-form-item__label-wrap
			> .el-form-item__label:before {
			.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before,
			.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
			display: none;
			}
			.el-select {
			@@ -307,7 +380,7 @@
			line-height: 33.6px;
			}
			.desc {
			margin-top:10px ;
			margin-top: 10px;
			font-size: 12px;
			line-height: 16.8px;
			font-weight: 700;
			@@ -336,19 +409,16 @@
			font-weight: 700;
			margin-left: 30px;
			max-width: 568px;
			/* overflow: hidden; */
			/* text-overflow: ellipsis; */
			/* white-space: nowrap; */
			line-height: normal;
			word-wrap: break-word;
			text-align: left;
			}
			.activation{
			.activation {
			width: 90px;
			height: 28px;
			background: rgba(78,148,255,0.1);
			border: 1px solid #4E94FF;
			border-radius:20px ;
			background: rgba(78, 148, 255, 0.1);
			border: 1px solid #4e94ff;
			border-radius: 20px;
			text-align: center;
			line-height: 28px;
			color: #333;