|
|
|
@ -26,7 +26,8 @@
|
|
|
|
|
<el-form-item v-if="isStationId" prop="processId">
|
|
|
|
|
<el-select v-model="loginForm.processId" placeholder="请选择工序" style="width: 100%" @change="changeProcess">
|
|
|
|
|
<el-option v-for="item in options" :key="item.processId" :label="item.processName"
|
|
|
|
|
:value="item.processId"></el-option>
|
|
|
|
|
:value="item.processId"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="工位编号" prop="processFloor" v-if="false">
|
|
|
|
@ -71,36 +72,36 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {getCodeImg, getProcesses} from "@/api/login";
|
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
|
import {encrypt, decrypt} from '@/utils/jsencrypt'
|
|
|
|
|
import { getCodeImg, getProcesses } from '@/api/login'
|
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
|
import { encrypt, decrypt } from '@/utils/jsencrypt'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "Login",
|
|
|
|
|
name: 'Login',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
codeUrl: "",
|
|
|
|
|
codeUrl: '',
|
|
|
|
|
loginForm: {
|
|
|
|
|
username: "xin",
|
|
|
|
|
password: "123456",
|
|
|
|
|
username: 'xin',
|
|
|
|
|
password: '123456',
|
|
|
|
|
rememberMe: false,
|
|
|
|
|
processId: '',
|
|
|
|
|
processFloor:'',
|
|
|
|
|
processName:'',
|
|
|
|
|
code: "",
|
|
|
|
|
uuid: ""
|
|
|
|
|
processFloor: '',
|
|
|
|
|
processName: '',
|
|
|
|
|
code: '',
|
|
|
|
|
uuid: ''
|
|
|
|
|
},
|
|
|
|
|
loginRules: {
|
|
|
|
|
username: [
|
|
|
|
|
{required: true, trigger: "blur", message: "请输入您的账号"}
|
|
|
|
|
{ required: true, trigger: 'blur', message: '请输入您的账号' }
|
|
|
|
|
],
|
|
|
|
|
password: [
|
|
|
|
|
{required: true, trigger: "blur", message: "请输入您的密码"}
|
|
|
|
|
{ required: true, trigger: 'blur', message: '请输入您的密码' }
|
|
|
|
|
],
|
|
|
|
|
processId: [
|
|
|
|
|
{required: true, trigger: "blur", message: "请选择工序"}
|
|
|
|
|
{ required: true, trigger: 'blur', message: '请选择工序' }
|
|
|
|
|
],
|
|
|
|
|
code: [{required: true, trigger: "change", message: "请输入验证码"}]
|
|
|
|
|
code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
|
|
|
|
|
},
|
|
|
|
|
loading: false,
|
|
|
|
|
// 验证码开关
|
|
|
|
@ -167,20 +168,20 @@ export default {
|
|
|
|
|
route: '/board/firstFloor?id=3'//一楼包装工序
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
watch: {
|
|
|
|
|
$route: {
|
|
|
|
|
handler: function (route) {
|
|
|
|
|
this.redirect = route.query && route.query.redirect;
|
|
|
|
|
handler: function(route) {
|
|
|
|
|
this.redirect = route.query && route.query.redirect
|
|
|
|
|
},
|
|
|
|
|
immediate: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getCode();
|
|
|
|
|
this.getCookie();
|
|
|
|
|
this.getCode()
|
|
|
|
|
this.getCookie()
|
|
|
|
|
if (this.$route?.query?.isStationId === 'true') {
|
|
|
|
|
this.isStationId = true
|
|
|
|
|
getProcesses().then(e => {
|
|
|
|
@ -191,66 +192,69 @@ export default {
|
|
|
|
|
methods: {
|
|
|
|
|
getCode() {
|
|
|
|
|
getCodeImg().then(res => {
|
|
|
|
|
this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
|
|
|
|
|
this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
|
|
|
|
|
if (this.captchaEnabled) {
|
|
|
|
|
this.codeUrl = "data:image/gif;base64," + res.img;
|
|
|
|
|
this.loginForm.uuid = res.uuid;
|
|
|
|
|
this.codeUrl = 'data:image/gif;base64,' + res.img
|
|
|
|
|
this.loginForm.uuid = res.uuid
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getCookie() {
|
|
|
|
|
const username = Cookies.get("username");
|
|
|
|
|
const password = Cookies.get("password");
|
|
|
|
|
const username = Cookies.get('username')
|
|
|
|
|
const password = Cookies.get('password')
|
|
|
|
|
const rememberMe = Cookies.get('rememberMe')
|
|
|
|
|
this.loginForm = {
|
|
|
|
|
username: username === undefined ? this.loginForm.username : username,
|
|
|
|
|
password: password === undefined ? this.loginForm.password : decrypt(password),
|
|
|
|
|
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handleLogin() {
|
|
|
|
|
this.$refs.loginForm.validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.loading = true
|
|
|
|
|
if (this.loginForm.rememberMe) {
|
|
|
|
|
Cookies.set("username", this.loginForm.username, {expires: 30});
|
|
|
|
|
Cookies.set("password", encrypt(this.loginForm.password), {expires: 30});
|
|
|
|
|
Cookies.set('rememberMe', this.loginForm.rememberMe, {expires: 30});
|
|
|
|
|
Cookies.set('username', this.loginForm.username, { expires: 30 })
|
|
|
|
|
Cookies.set('password', encrypt(this.loginForm.password), { expires: 30 })
|
|
|
|
|
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
|
|
|
|
|
} else {
|
|
|
|
|
Cookies.remove("username");
|
|
|
|
|
Cookies.remove("password");
|
|
|
|
|
Cookies.remove('rememberMe');
|
|
|
|
|
Cookies.remove('username')
|
|
|
|
|
Cookies.remove('password')
|
|
|
|
|
Cookies.remove('rememberMe')
|
|
|
|
|
}
|
|
|
|
|
this.$store.dispatch("Login", this.loginForm).then(() => {
|
|
|
|
|
this.$store.dispatch('Login', this.loginForm).then(() => {
|
|
|
|
|
let data = this.options.find(v => v.processId === this.loginForm.processId) || {}
|
|
|
|
|
let routeData = this.floorData.find(v => v.floor === data.processFloor && v.processId === data.processId) || {}
|
|
|
|
|
let query = {processName:this.loginForm.processName}
|
|
|
|
|
let routeData = this.floorData.find(v => v.floor === data.processFloor && v.processId === data.processId) || {
|
|
|
|
|
floor: 4,
|
|
|
|
|
processId: 44,
|
|
|
|
|
route: '/board/assemble'//装配
|
|
|
|
|
}
|
|
|
|
|
let query = { processName: this.loginForm.processName }
|
|
|
|
|
routeData.query = query
|
|
|
|
|
if (routeData.route) {
|
|
|
|
|
sessionStorage.setItem("FLOORDATA", JSON.stringify(routeData))
|
|
|
|
|
sessionStorage.setItem('FLOORDATA', JSON.stringify(routeData))
|
|
|
|
|
}
|
|
|
|
|
// this.$router.push({path: this.redirect || "/"}).catch(() => {
|
|
|
|
|
// });
|
|
|
|
|
this.$router.push({path: routeData.route || this.redirect || "/"}).catch(() => {
|
|
|
|
|
});
|
|
|
|
|
this.$router.push({ path: routeData.route || this.redirect || '/' }).catch(() => {
|
|
|
|
|
})
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.loading = false
|
|
|
|
|
if (this.captchaEnabled) {
|
|
|
|
|
this.getCode();
|
|
|
|
|
this.getCode()
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
changeProcess(processId) {
|
|
|
|
|
let process = this.options.find(v => v.processId === processId)
|
|
|
|
|
this.loginForm.processFloor = process.processFloor;
|
|
|
|
|
this.loginForm.processName = process.processName;
|
|
|
|
|
this.loginForm.processFloor = process.processFloor
|
|
|
|
|
this.loginForm.processName = process.processName
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" rel="stylesheet/scss">
|
|
|
|
|