web/apsDashboard-1.git

			@@ -11,24 +11,24 @@

			<el-carousel ref="carousel" trigger="click" :loop="false" :autoplay="false" :initial-index="active">
			<el-carousel-item>
			<formAccount ref="form0"></formAccount>
			<formAccount ref="form0" v-show="active == createUser"></formAccount>
			</el-carousel-item>
			<el-carousel-item>
			<formNet ref="form1"></formNet>
			<formNet ref="form1" v-show="active == configNet"></formNet>
			</el-carousel-item>
			<el-carousel-item>
			<formInfo ref="form2"></formInfo>
			<formInfo ref="form2" v-show="active == registerInfo"></formInfo>
			</el-carousel-item>
			</el-carousel>

			<div class="control">
			<div class="pre" @click="preForm" v-if="active != 0">上一步</div>
			<div class="next" @click="nextForm" v-if="active == 0">下一步</div>
			<div class="next" @click="nextFormNot" v-if="active == 1">跳过</div>
			<div class="next" @click="nextForm" v-if="active == 1 && !isNet">
			<div class="pre" @click="preForm" v-if="active != createUser">上一步</div>
			<div class="next" @click="nextForm" v-if="active == createUser \|\| (active == configNet && !isOnline)">
			下一步
			</div>
			<div class="next" @click="nextForm" v-if="active == 2">完成</div>
			<div class="next" @click="nextFormNot" v-if="active == configNet">跳过</div>

			<div class="next" @click="nextForm" v-if="active == registerInfo">完成</div>
			</div>
			</div>
			</div>
			@@ -39,133 +39,68 @@
			import formAccount from "@/pages/index/components/formAccount"
			import formNet from "@/pages/index/components/formNet"
			import formInfo from "@/pages/index/components/formInfo"
			import { getInitInfo, savePassword, initNetwork, saveRegInfo, getRegInfo, isOnNet } from "./api"
			import { tologin, getLoginUserData, getServerName } from "./api.ts"
			import { getMenuListData } from "@/api/utils"

			export default {
			created() {
			window.addEventListener("keydown", (event) => {
			if (event.keyCode === 9) {
			console.log("tabfalse13")
			event.preventDefault()
			}
			})
			},
			mounted() {
			this.getInitInfo()
			let message = "网络正常"

			function onLine(callback) {
			var img = new Image()
			//临时判断网络是否通畅
			img.src = "http://apps.smartai.com/img/icon_logo.f78688b5.png"
			img.onload = function() {
			console.log("11111")
			if (callback) callback(true)
			}
			img.onerror = function() {
			console.log("22222")
			if (callback) callback(false)
			}
			}

			onLine((flag) => {
			let message = ""
			if (flag) {
			this.isNet = true
			message = "已有网络"
			} else {
			//网络断网效果图出来后，将此地改为跳转路径到效果图上
			message = "无法连接互联网"
			this.$notify({
			message: message
			})
			}
			})
			name: "smartai init",
			components: {
			formAccount,
			formNet,
			formInfo
			},
			data() {
			return {
			active: 0,
			formData: {},
			isWhite: true,
			isNet: false
			isOnline: false,
			createUser: 0,
			configNet: 1,
			registerInfo: 2
			}
			},
			components: {
			formAccount,
			formNet,
			formInfo
			mounted() {
			this.testLogin()
			},

			methods: {
			preForm() {
			if (this.active == 0) {
			return
			}
			this.active--
			this.$refs["carousel"].prev()
			async testLogin() {
			// location.assign("/view/desktop/")
			tologin({ username: "basic", password: "basic2019" })
			.then((json) => {
			const loginedInfo = {
			access_token: json.token_type + " " + json.access_token,
			refresh_token: json.refresh_token
			}
			sessionStorage.setItem("expires_in", json.expires_in)
			sessionStorage.setItem("loginedInfo", JSON.stringify(loginedInfo))
			sessionStorage.setItem("userInfo", JSON.stringify(json.userInfo))

			location.assign("/view/desktop/")
			})
			.catch()
			},
			async nextForm() {
			if (this.active == 2) {
			const data = this.$refs[`form${this.active}`].getFormData()
			await saveRegInfo(data)
			location.assign("/view/login/")
			return
			}
			async getLoginUserData() {
			let res = await getLoginUserData()
			if (res.success) {
			sessionStorage.setItem("userInfo", JSON.stringify(res.data))
			// 获取权限
			// await this.getMenuList()

			if (this.active == 0) {
			const data = this.$refs[`form${this.active}`].getFormData()
			if (!data) {
			return false
			}
			const res1 = await savePassword(data)
			console.log(data)
			this.active++
			this.$refs["carousel"].next()
			return res.data
			} else {
			}

			if (this.active == 1) {
			const data = this.$refs[`form${this.active}`].getFormData()
			initNetwork(data)
			this.active++
			this.$refs["carousel"].next()
			}

			this.getInitInfo()
			},
			nextFormNot() {
			this.getInitInfo()

			this.active++
			this.$refs["carousel"].next()
			},
			async getInitInfo() {
			const res = await getInitInfo().catch((err) => {
			this.isWhite = false
			})

			console.log(res)

			if (res.data && res.data.initPwd && !res.data.initRegInfo) {
			const res1 = await getRegInfo()
			this.active = 1
			console.log(res1)
			setTimeout(() => {
			this.$refs["carousel"].setActiveItem(1)
			}, 0)
			async getMenuList() {
			let results = await getMenuListData({})
			if (results && results.success) {
			/* 存储权限 */
			let buttonAuthoritys = results.data
			sessionStorage.setItem("buttonAuthoritys", "," + buttonAuthoritys + ",")
			sessionStorage.setItem("menuInfo", JSON.stringify(results))
			}

			if (res.data && res.data.initPwd && res.data.initRegInfo) {
			location.assign("/view/login/")
			return
			}

			this.isWhite = false
			}
			},
			destroyed() {
			window.removeEventListener("keydown", (event) => {
			console.log(event.value)
			event.preventDefault()
			})
			}
			}
			</script>