|
@@ -7,10 +7,10 @@
|
|
|
<img src="../assets/images/logo.png" alt="">
|
|
|
</div>
|
|
|
<div class="header_right">
|
|
|
- <el-avatar shape="circle" :size="50" :src="squareUrl" />
|
|
|
+ <el-avatar shape="circle" :size="50" :src="dmUser.faceid" />
|
|
|
<div class="departmeny">
|
|
|
- <p class="name"><span>王冰冰</span></p>
|
|
|
- <p><span>部门:</span><span>产品二中心</span></p>
|
|
|
+ <p class="name"><span>{{ nowUser.nickName }}</span></p>
|
|
|
+ <p><span>部门:</span><span>{{ dept.name }}</span></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
@@ -19,27 +19,27 @@
|
|
|
<el-col :span="24">
|
|
|
<div class="demo-basic--circle">
|
|
|
<div class="block">
|
|
|
- <el-avatar :size="150" :src="squareUrl" />
|
|
|
+ <el-avatar :size="150" :src="dmUser.faceid" />
|
|
|
</div>
|
|
|
<div class="userInfo">
|
|
|
- <div class="name"><span>王冰冰</span></div>
|
|
|
+ <div class="name"><span>{{ nowUser.nickName }}</span></div>
|
|
|
<div class="departmeny">
|
|
|
- <p><span>部门:</span><span>产品二中心</span></p>
|
|
|
- <p><span>手机:</span><span>11111111111111</span></p>
|
|
|
+ <p><span>部门:</span><span>{{ dept.name }}</span></p>
|
|
|
+ <p><span>手机:</span><span>{{ nowUser.phone }}</span></p>
|
|
|
</div>
|
|
|
<div class="icon">
|
|
|
<div class="icon_left">
|
|
|
- <img src="../assets/images/money.png" alt="" srcset="">
|
|
|
+ <img src="../assets/images/qian.png" alt="" srcset="">
|
|
|
<div class="world">
|
|
|
<p>余额</p>
|
|
|
- <p>12元</p>
|
|
|
+ <p>{{ balance }}元</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="icon_right">
|
|
|
- <img src="../assets/images/car.png" alt="" srcset="">
|
|
|
+ <img src="../assets/images/che.png" alt="" srcset="">
|
|
|
<div class="world">
|
|
|
<p>已录入车牌</p>
|
|
|
- <p>桂A287739</p>
|
|
|
+ <p>{{ plate }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -58,9 +58,9 @@
|
|
|
style="width: 100%"
|
|
|
height="300"
|
|
|
>
|
|
|
- <el-table-column prop="date" label="日期" />
|
|
|
- <el-table-column prop="name" label="姓名" />
|
|
|
- <el-table-column prop="address" label="地址" />
|
|
|
+ <el-table-column prop="id" label="序号" />
|
|
|
+ <el-table-column prop="dmRoomDevice.name" label="通行地点" />
|
|
|
+ <el-table-column prop="accessTime" label="时间" />
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</div>
|
|
@@ -75,9 +75,10 @@
|
|
|
style="width: 100%"
|
|
|
height="300"
|
|
|
>
|
|
|
- <el-table-column prop="date" label="日期" />
|
|
|
- <el-table-column prop="name" label="姓名" />
|
|
|
- <el-table-column prop="address" label="地址" />
|
|
|
+ <el-table-column prop="id" label="序号" />
|
|
|
+ <el-table-column prop="termName" label="消费设备" />
|
|
|
+ <el-table-column prop="money" label="金额" />
|
|
|
+ <el-table-column prop="createDate" label="时间" />
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</div>
|
|
@@ -92,9 +93,9 @@
|
|
|
style="width: 100%"
|
|
|
height="300"
|
|
|
>
|
|
|
- <el-table-column prop="date" label="日期" />
|
|
|
- <el-table-column prop="name" label="姓名" />
|
|
|
- <el-table-column prop="address" label="地址" />
|
|
|
+ <el-table-column prop="id" label="序号" />
|
|
|
+ <el-table-column prop="visitor_name" label="访客名称" />
|
|
|
+ <el-table-column prop="start_time" label="到访时间" />
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</div>
|
|
@@ -105,11 +106,11 @@
|
|
|
<div class="fastEnter">
|
|
|
<ul>
|
|
|
<li
|
|
|
- v-for="item in systemList"
|
|
|
+ v-for="item in systemListOne"
|
|
|
:key="item.id"
|
|
|
- @click.native="sso(item.systemUrl)"
|
|
|
+ @click="sso2(item.systemUrl, item.menuPath)"
|
|
|
>
|
|
|
- <img src="@/assets/images/hyxt.png">
|
|
|
+ <img :src="item.storage.url">
|
|
|
<p>{{ item.systemName }}</p>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -124,9 +125,9 @@
|
|
|
<li
|
|
|
v-for="item in systemList"
|
|
|
:key="item.id"
|
|
|
- @click.native="sso(item.systemUrl)"
|
|
|
+ @click="sso(item.systemUrl)"
|
|
|
>
|
|
|
- <img src="@/assets/images/hyxt.png">
|
|
|
+ <img :src="item.storage.url">
|
|
|
<p>{{ item.systemName }}</p>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -153,12 +154,12 @@ import { mapGetters } from 'vuex'
|
|
|
import crudDmSystem from '@/api/dm/system/dmSystem'
|
|
|
import Background from '@/assets/images/bg.png'
|
|
|
import { encrypt } from '@/utils/rsaEncrypt'
|
|
|
+import axios from 'axios'
|
|
|
|
|
|
export default {
|
|
|
name: 'Sso',
|
|
|
data() {
|
|
|
const token = this.$route.query.token
|
|
|
- console.log(token)
|
|
|
return {
|
|
|
token: token,
|
|
|
systemList: [],
|
|
@@ -170,33 +171,101 @@ export default {
|
|
|
currentTableData: [], // 通行记录(字段需改)
|
|
|
consumptionTableData: [], // 消费记录(字段需改)
|
|
|
visitorTableData: [], // 访客记录(字段需改)
|
|
|
- systemListOne: [] // 快捷功能入口列表(字段需改,暂用的系统功能入口)
|
|
|
+ systemListOne: [], // 快捷功能入口列表(字段需改,暂用的系统功能入口)
|
|
|
+ balance: null,
|
|
|
+ plate: null,
|
|
|
+ nowUser: {},
|
|
|
+ dmUser: {},
|
|
|
+ dept: {}
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['user', 'userPassword'])
|
|
|
+ ...mapGetters([
|
|
|
+ 'user',
|
|
|
+ 'userPassword'
|
|
|
+ ])
|
|
|
},
|
|
|
created() {
|
|
|
- console.log(this.token)
|
|
|
this.getUser(this.token)
|
|
|
},
|
|
|
methods: {
|
|
|
getUser(token) {
|
|
|
ssoGetUser(token).then((res) => {
|
|
|
+ this.nowUser = res.data.data.user
|
|
|
+ this.dmUser = this.nowUser.dmUser
|
|
|
+ this.dept = this.nowUser.dept
|
|
|
+ console.log(this.nowUser)
|
|
|
const user = {
|
|
|
username: res.data.data.user.username,
|
|
|
password: res.data.data.user.ossPassword
|
|
|
}
|
|
|
this.$store.dispatch('Sso', user).then(() => {
|
|
|
crudDmSystem.queryByUserId(res.data.data.user.id, 0).then((res) => {
|
|
|
- console.log('res', res)
|
|
|
this.systemList = res
|
|
|
})
|
|
|
+ crudDmSystem.queryByUserId(res.data.data.user.id, 1).then((res) => {
|
|
|
+ this.systemListOne = res
|
|
|
+ })
|
|
|
})
|
|
|
+ this.getBalance(res.data.data.user.dmUser.cardid)
|
|
|
+ this.getPlate(res.data.data.token, res.data.data.nonce, res.data.data.timestamp, res.data.data.user.id)
|
|
|
+ this.getAccessTraffic(res.data.data.token, res.data.data.nonce, res.data.data.timestamp, res.data.data.user.id)
|
|
|
+ this.orderRecord(res.data.data.token, res.data.data.nonce, res.data.data.timestamp, res.data.data.user.dmUser.cardid)
|
|
|
+ this.getVisitors(res.data.data.token, res.data.data.nonce, res.data.data.timestamp, res.data.data.user.id)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getBalance(card) {
|
|
|
+ axios.get('https://smartpark.caih.com/dxapi/dxtop/staff/cardBalance?card=' + card).then(res => {
|
|
|
+ this.balance = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getPlate(accToken, nonce, timestamp, userId) {
|
|
|
+ const data = {
|
|
|
+ 'nonce': nonce,
|
|
|
+ 'timestamp': timestamp,
|
|
|
+ 'query': {
|
|
|
+ 'userNumber': userId
|
|
|
+ }
|
|
|
+ }
|
|
|
+ axios.post('https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getPlateNumber', data, { 'headers': { 'XYTACCESSTOKEN': accToken }}).then(res => {
|
|
|
+ this.plate = res.data.data[0].plateNumber
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getAccessTraffic(accToken, nonce, timestamp, userId) {
|
|
|
+ const data = {
|
|
|
+ 'nonce': nonce,
|
|
|
+ 'timestamp': timestamp,
|
|
|
+ 'query': {
|
|
|
+ 'userNumber': userId
|
|
|
+ }
|
|
|
+ }
|
|
|
+ axios.post('https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getAccessTraffic?page=0&size=5&sort=id,desc', data, { 'headers': { 'XYTACCESSTOKEN': accToken }}).then(res => {
|
|
|
+ this.currentTableData = res.data.data.content
|
|
|
+ })
|
|
|
+ },
|
|
|
+ orderRecord(accToken, nonce, timestamp, cardId) {
|
|
|
+ const data = {
|
|
|
+ 'nonce': nonce,
|
|
|
+ 'timestamp': timestamp,
|
|
|
+ 'query': {
|
|
|
+ 'card': cardId
|
|
|
+ }
|
|
|
+ }
|
|
|
+ axios.post('https://smartpark.caih.com/zhcy/api/thirdparty/v1/open/orderRecord?page=0&size=5&sort=id,desc', data, { 'headers': { 'XYTACCESSTOKEN': accToken }}).then(res => {
|
|
|
+ this.consumptionTableData = res.data.data.content
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getVisitors(accToken, nonce, timestamp, userId) {
|
|
|
+ const data = {
|
|
|
+ 'nonce': nonce,
|
|
|
+ 'timestamp': timestamp,
|
|
|
+ 'query': userId
|
|
|
+ }
|
|
|
+ axios.post('https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getVisitant?page=0&size=5', data, { 'headers': { 'XYTACCESSTOKEN': accToken }}).then(res => {
|
|
|
+ this.visitorTableData = res.data.data
|
|
|
})
|
|
|
},
|
|
|
sso(url) {
|
|
|
- console.log(url)
|
|
|
const username = encrypt(this.user.username)
|
|
|
const password = this.userPassword
|
|
|
// location.href = `${url}/#/sso?username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`
|
|
@@ -206,6 +275,18 @@ export default {
|
|
|
)}&password=${encodeURIComponent(password)}`
|
|
|
aEle.target = '_blank'
|
|
|
aEle.click()
|
|
|
+ },
|
|
|
+ sso2(url, menuPath) {
|
|
|
+ console.log(url, menuPath)
|
|
|
+ const username = encrypt(this.user.username)
|
|
|
+ const password = this.userPassword
|
|
|
+ // location.href = `${url}/#/sso?username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`
|
|
|
+ const aEle = document.createElement('a')
|
|
|
+ aEle.href = `${url}?username=${encodeURIComponent(
|
|
|
+ username
|
|
|
+ )}&password=${encodeURIComponent(password)}?redirect=${menuPath}`
|
|
|
+ aEle.target = '_blank'
|
|
|
+ aEle.click()
|
|
|
}
|
|
|
}
|
|
|
}
|