|
|
|
@ -3,60 +3,62 @@
|
|
|
|
<cheader></cheader>
|
|
|
|
<cheader></cheader>
|
|
|
|
<div class="index-body">
|
|
|
|
<div class="index-body">
|
|
|
|
<div class="body-title">
|
|
|
|
<div class="body-title">
|
|
|
|
<span class="title-mian">紫云纳税服务综合管理系统</span>
|
|
|
|
<span class="title-mian">智能导税</span>
|
|
|
|
<span class="title-child">智能导税</span>
|
|
|
|
<!-- <span class="title-mian">紫云纳税服务综合管理系统</span>
|
|
|
|
|
|
|
|
<span class="title-child">智能导税</span> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="body-content">
|
|
|
|
<div class="body-content">
|
|
|
|
<div class="emp-content">
|
|
|
|
<div class="emp-content">
|
|
|
|
<image src="/static/header_no.png" class="emp-image"></image>
|
|
|
|
<image :src="userInfo.image" class="emp-image"></image>
|
|
|
|
<p class="emp-name emp-p">{{'欧阳永叔'}}</p>
|
|
|
|
<p class="emp-name emp-p">{{ userInfo.realName || '' }}</p>
|
|
|
|
<p class="emp-id emp-p">工号:{{'123456789'}}</p>
|
|
|
|
<p class="emp-id emp-p">工号:{{ userInfo.id || '' }}</p>
|
|
|
|
<tn-button width="180px" height="50px" @click="loginOutAction">退 出</tn-button>
|
|
|
|
<tn-button width="180px" height="50px" @click="loginOutAction()">退 出</tn-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 2vw;"></div>
|
|
|
|
<div style="width: 2vw;"></div>
|
|
|
|
<div class="btn-content">
|
|
|
|
<div class="btn-content">
|
|
|
|
<div class="btn-row1">
|
|
|
|
<div class="btn-row1">
|
|
|
|
<div class="row1-item1 col-center" @click="goToTable">
|
|
|
|
<div class="row1-item1 col-center" @click="goToQueue()">
|
|
|
|
<uni-icons type="staff-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="compose" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">今日进厅</p>
|
|
|
|
<p class="btn-p">导税取票</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row1-item2 col-center">
|
|
|
|
|
|
|
|
<uni-icons type="notification-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
|
|
|
|
<p class="btn-p">今日预约</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row1-item3 col-center">
|
|
|
|
<div class="row1-item2 col-center" @click="goToTicket()">
|
|
|
|
<uni-icons type="list" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="list" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">票号管理</p>
|
|
|
|
<p class="btn-p">票号管理</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row1-item3 col-center" @click="goToManager()">
|
|
|
|
|
|
|
|
<uni-icons type="staff-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
|
|
|
|
<p class="btn-p">网格员</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="height: 2vh;"></div>
|
|
|
|
<div style="height: 2vh;"></div>
|
|
|
|
<div class="btn-row2">
|
|
|
|
<div class="btn-row2">
|
|
|
|
<div class="row2-item1">
|
|
|
|
<div class="row2-item1">
|
|
|
|
<div class="row2-item1-top row-center">
|
|
|
|
<div class="row2-item1-top row-center" @click="goToHallInfo()">
|
|
|
|
<uni-icons type="email-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="info" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">信息推送</p>
|
|
|
|
<p class="btn-p">大厅流量</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="height: 2vh;"></div>
|
|
|
|
<div style="height: 2vh;"></div>
|
|
|
|
<div class="row2-item1-bottom row-center">
|
|
|
|
<div class="row2-item1-bottom row-center" @click="goToHallManagment()">
|
|
|
|
<uni-icons type="download-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="settings-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">台账登记</p>
|
|
|
|
<p class="btn-p">大厅控制</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row2-item2">
|
|
|
|
<div class="row2-item2">
|
|
|
|
<div class="row2-item2-left col-center">
|
|
|
|
<!-- <div class="row2-item2-left col-center">
|
|
|
|
<uni-icons type="checkbox-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="home-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">注册码验证</p>
|
|
|
|
<p class="btn-p">快捷办税</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 2vh;"></div>
|
|
|
|
<div style="width: 2vh;"></div>
|
|
|
|
<div class="row2-item2-center col-center">
|
|
|
|
<div class="row2-item2-center col-center" @click="goToMultiInOne()">
|
|
|
|
<uni-icons type="auth-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="auth-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">网格员</p>
|
|
|
|
<p class="btn-p">一户式</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 2vh;"></div>
|
|
|
|
<div style="width: 2vh;"></div>
|
|
|
|
<div class="row2-item2-right col-center" >
|
|
|
|
<div class="row2-item2-right col-center" >
|
|
|
|
<uni-icons type="home-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<uni-icons type="settings-filled" size="60" color="#fff"></uni-icons>
|
|
|
|
<p class="btn-p">一户式</p>
|
|
|
|
<p class="btn-p">网格员</p>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
<div v-for="item in 3" style="flex: 1;"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -67,18 +69,119 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
import cheader from '@/components/header.vue'
|
|
|
|
import cheader from '@/components/header.vue'
|
|
|
|
|
|
|
|
import TnIcon from '@/uni_modules/tuniaoui-vue3/components/icon/src/icon.vue'
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
onBackPress,
|
|
|
|
|
|
|
|
onLoad
|
|
|
|
|
|
|
|
} from '@dcloudio/uni-app'
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
|
|
|
ref
|
|
|
|
|
|
|
|
} from 'vue'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const userInfo = ref({
|
|
|
|
|
|
|
|
realName: '',
|
|
|
|
|
|
|
|
id: '',
|
|
|
|
|
|
|
|
image: ''
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onBackPress(() => {
|
|
|
|
|
|
|
|
return true
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onLoad(() => {
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
const storageData = uni.getStorageSync('userInfo')
|
|
|
|
|
|
|
|
if (storageData) {
|
|
|
|
|
|
|
|
const parsedData = JSON.parse(storageData)
|
|
|
|
|
|
|
|
userInfo.value = {
|
|
|
|
|
|
|
|
realName: parsedData.realName || '',
|
|
|
|
|
|
|
|
id: parsedData.id || '',
|
|
|
|
|
|
|
|
image: parsedData.image || '/static/header_no.png'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log('用户信息:', userInfo.value)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
console.error('获取用户信息失败:', error)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToGuidance = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/guidance?isFromTicket=false'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToDailyEntry = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/table/dailyEntry'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToAppointment = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/table/appointment'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToTicket = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/table/ticket'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToMultiInOne = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/multiInOne'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToPushMessage = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/pushMessage'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
let goToTable = ()=>{
|
|
|
|
const goToQueue = () => {
|
|
|
|
uni.navigateTo({
|
|
|
|
uni.navigateTo({
|
|
|
|
url:'/pages/table/table'
|
|
|
|
url: '/pages/queue/index'
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
let loginOutAction = ()=>{
|
|
|
|
const goToManager = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/manager'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToHallManagment = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/hallManagment'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const goToHallInfo = () => {
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: '/pages/mod/hallInfo'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const loginOutAction = () => {
|
|
|
|
|
|
|
|
uni.showModal({
|
|
|
|
|
|
|
|
title: '登出',
|
|
|
|
|
|
|
|
content: '是否退出登录,并返回到登录界面?',
|
|
|
|
|
|
|
|
success: (res) => {
|
|
|
|
|
|
|
|
if (res.confirm) {
|
|
|
|
|
|
|
|
//清除缓存
|
|
|
|
|
|
|
|
uni.clearStorageSync()
|
|
|
|
|
|
|
|
// 然后正常返回
|
|
|
|
uni.navigateTo({
|
|
|
|
uni.navigateTo({
|
|
|
|
url: '/pages/login/login'
|
|
|
|
url: '/pages/login/login'
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 如果用户点击取消,则什么都不做,停留在当前页面
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
<style lang="scss">
|
|
|
|
@ -132,6 +235,11 @@
|
|
|
|
padding: 30px;
|
|
|
|
padding: 30px;
|
|
|
|
|
|
|
|
|
|
|
|
.emp-image {
|
|
|
|
.emp-image {
|
|
|
|
|
|
|
|
// height: auto;
|
|
|
|
|
|
|
|
max-width: 12vw;
|
|
|
|
|
|
|
|
max-width: 80%;
|
|
|
|
|
|
|
|
object-fit: contain;
|
|
|
|
|
|
|
|
/* 保持比例 */
|
|
|
|
height: 30vh;
|
|
|
|
height: 30vh;
|
|
|
|
padding: 4px;
|
|
|
|
padding: 4px;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
@ -162,17 +270,17 @@
|
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
|
|
|
|
|
|
|
|
|
.row1-item1 {
|
|
|
|
.row1-item1 {
|
|
|
|
background-color: #990066;
|
|
|
|
background: #cc3333;
|
|
|
|
margin-right: 2vh;
|
|
|
|
margin-right: 2vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.row1-item2 {
|
|
|
|
.row1-item2 {
|
|
|
|
background-color: #993366;
|
|
|
|
background-color: #cc3366;
|
|
|
|
margin-right: 2vh;
|
|
|
|
margin-right: 2vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.row1-item3 {
|
|
|
|
.row1-item3 {
|
|
|
|
background-color: #996666;
|
|
|
|
background-color: #cc3399;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -189,12 +297,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
.row2-item1-top {
|
|
|
|
.row2-item1-top {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
background-color: #33cc66;
|
|
|
|
background-color: #99ccff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.row2-item1-bottom {
|
|
|
|
.row2-item1-bottom {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
background-color: #cc9966;
|
|
|
|
background-color: #9999ff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -205,17 +313,17 @@
|
|
|
|
|
|
|
|
|
|
|
|
.row2-item2-left {
|
|
|
|
.row2-item2-left {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
background-color: #99ffcc;
|
|
|
|
background-color: #ffcc99;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.row2-item2-center {
|
|
|
|
.row2-item2-center {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
background-color: #cccccc;
|
|
|
|
background-color: #ffcccc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.row2-item2-right {
|
|
|
|
.row2-item2-right {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
background-color: #cc99cc;
|
|
|
|
background-color: #ffccff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|