|
@@ -2,7 +2,7 @@
|
|
<div class="home" :class="[fontSize]">
|
|
<div class="home" :class="[fontSize]">
|
|
<!-- <a-alert :message="message" type="info" /> -->
|
|
<!-- <a-alert :message="message" type="info" /> -->
|
|
<a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
<a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
- <h3 class="page-tit">客户信息</h3>
|
|
|
|
|
|
+ <h3 class="page-tit"><span>客户信息</span></h3>
|
|
<ul class="page-list">
|
|
<ul class="page-list">
|
|
<li>商户名称:{{ $store.getters.userInfo.orgName || '--' }}</li>
|
|
<li>商户名称:{{ $store.getters.userInfo.orgName || '--' }}</li>
|
|
<li>商户别名:{{ dealerData&&dealerData.dealerAlias || '--' }}</li>
|
|
<li>商户别名:{{ dealerData&&dealerData.dealerAlias || '--' }}</li>
|
|
@@ -232,36 +232,51 @@
|
|
<div>
|
|
<div>
|
|
<a-row>
|
|
<a-row>
|
|
<a-col :span="16">
|
|
<a-col :span="16">
|
|
- <a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
|
|
- <h3 class="page-tit">销售/采购/调拨指引</h3>
|
|
|
|
- <div class="page-nav-main">
|
|
|
|
- <!-- 导航指引 start -->
|
|
|
|
- <div class="page-nav-con" v-for="(item, index) in navList" :key="index">
|
|
|
|
- <div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd">
|
|
|
|
- <a-badge
|
|
|
|
- :count="countData&&unitItem.permission&&unitItem.orderNum&&$hasPermissions(unitItem.permission) ? countData[unitItem.orderNum] : 0"
|
|
|
|
- class="page-nav-badge"
|
|
|
|
- v-for="(unitItem, unitInd) in subItem"
|
|
|
|
- :key="unitInd"
|
|
|
|
- @click="unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission) ? goPage(unitItem,subInd) : null"
|
|
|
|
- :style="{cursor: unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission)?'pointer': 'initial'}">
|
|
|
|
- <div :class="['page-nav-item', unitItem.styleC]">
|
|
|
|
- <div class="page-nav-n">
|
|
|
|
- <img v-show="unitItem.icon" :src="unitItem.icon" width="16" height="16" />
|
|
|
|
- <span>{{ unitItem.name }}</span>
|
|
|
|
|
|
+ <a-spin :spinning="spinning" tip="Loading...">
|
|
|
|
+ <a-card size="small" :bordered="false" class="page-cont" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
|
|
+ <h3 class="page-tit">
|
|
|
|
+ <span>销售/采购/调拨指引</span>
|
|
|
|
+ <a-radio-group v-model="curDate" @change="onDateChange">
|
|
|
|
+ <!-- <a-radio-button value="6">
|
|
|
|
+ 最近半年
|
|
|
|
+ </a-radio-button> -->
|
|
|
|
+ <a-radio-button value="12">
|
|
|
|
+ 最近一年
|
|
|
|
+ </a-radio-button>
|
|
|
|
+ <a-radio-button value="0">
|
|
|
|
+ 全部
|
|
|
|
+ </a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </h3>
|
|
|
|
+ <div class="page-nav-main">
|
|
|
|
+ <!-- 导航指引 start -->
|
|
|
|
+ <div class="page-nav-con" v-for="(item, index) in navList" :key="index">
|
|
|
|
+ <div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd">
|
|
|
|
+ <a-badge
|
|
|
|
+ :count="countData&&unitItem.permission&&unitItem.orderNum&&$hasPermissions(unitItem.permission) ? countData[unitItem.orderNum] : 0"
|
|
|
|
+ class="page-nav-badge"
|
|
|
|
+ v-for="(unitItem, unitInd) in subItem"
|
|
|
|
+ :key="unitInd"
|
|
|
|
+ @click="unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission) ? goPage(unitItem,subInd) : null"
|
|
|
|
+ :style="{cursor: unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission)?'pointer': 'initial'}">
|
|
|
|
+ <div :class="['page-nav-item', unitItem.styleC]">
|
|
|
|
+ <div class="page-nav-n">
|
|
|
|
+ <img v-show="unitItem.icon" :src="unitItem.icon" width="16" height="16" />
|
|
|
|
+ <span>{{ unitItem.name }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <a-icon type="caret-right" v-show="unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission)" style="color: #BBBBBB;" />
|
|
</div>
|
|
</div>
|
|
- <a-icon type="caret-right" v-show="unitItem.permission&&unitItem.url&&$hasPermissions(unitItem.permission)" style="color: #BBBBBB;" />
|
|
|
|
- </div>
|
|
|
|
- </a-badge>
|
|
|
|
|
|
+ </a-badge>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
<!-- 导航指引 end -->
|
|
<!-- 导航指引 end -->
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ </a-spin>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="8">
|
|
<a-col :span="8">
|
|
<a-card size="small" :bordered="false" class="page-cont right-con" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
<a-card size="small" :bordered="false" class="page-cont right-con" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
- <h3 class="page-tit">财务指引</h3>
|
|
|
|
|
|
+ <h3 class="page-tit"><span>财务指引</span></h3>
|
|
<!-- 财务指引 start -->
|
|
<!-- 财务指引 start -->
|
|
<div class="page-nav-con" v-for="(item, index) in navFinancialList" :key="index">
|
|
<div class="page-nav-con" v-for="(item, index) in navFinancialList" :key="index">
|
|
<div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd" style="width: 50%;">
|
|
<div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd" style="width: 50%;">
|
|
@@ -279,7 +294,7 @@
|
|
<!-- 财务指引 end -->
|
|
<!-- 财务指引 end -->
|
|
</a-card>
|
|
</a-card>
|
|
<a-card size="small" :bordered="false" class="page-cont right-con" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
<a-card size="small" :bordered="false" class="page-cont right-con" :bodyStyle="{padding: '17px 30px 20px'}">
|
|
- <h3 class="page-tit">其他指引</h3>
|
|
|
|
|
|
+ <h3 class="page-tit"><span>其他指引</span></h3>
|
|
<!-- 其他指引 start -->
|
|
<!-- 其他指引 start -->
|
|
<div class="page-nav-con" v-for="(item, index) in navOtherList" :key="index">
|
|
<div class="page-nav-con" v-for="(item, index) in navOtherList" :key="index">
|
|
<div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd" style="width: 50%;">
|
|
<div class="page-nav-box" v-for="(subItem, subInd) in item" :key="subInd" style="width: 50%;">
|
|
@@ -331,6 +346,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { mixin, commonMixin } from '@/utils/mixin'
|
|
import { mixin, commonMixin } from '@/utils/mixin'
|
|
|
|
+import getDate from '@/libs/getDate.js'
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
import ResetPwd from '@/views/user/ResetPwd.vue'
|
|
import ResetPwd from '@/views/user/ResetPwd.vue'
|
|
import newProduct from '@/views/productManagement/newProduct/modal.vue'
|
|
import newProduct from '@/views/productManagement/newProduct/modal.vue'
|
|
@@ -342,11 +358,17 @@ export default {
|
|
mixins: [mixin, commonMixin],
|
|
mixins: [mixin, commonMixin],
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
|
|
+ spinning: false,
|
|
message: '欢迎登录' + process.env.VUE_APP_PRO_NAME,
|
|
message: '欢迎登录' + process.env.VUE_APP_PRO_NAME,
|
|
hiddenBizData: true, // 隐藏数据概览
|
|
hiddenBizData: true, // 隐藏数据概览
|
|
openResetPwd: false, // 重置密码是否显示
|
|
openResetPwd: false, // 重置密码是否显示
|
|
openNewProduct: false,
|
|
openNewProduct: false,
|
|
onlineFalg: '1', // 上下线标识 1为上线,0为下线
|
|
onlineFalg: '1', // 上下线标识 1为上线,0为下线
|
|
|
|
+ queryParams: {
|
|
|
|
+ beginDate: getDate.getMonthDays(12).starttime,
|
|
|
|
+ endDate: getDate.getMonthDays(12).endtime
|
|
|
|
+ },
|
|
|
|
+ curDate: '12',
|
|
navList: [
|
|
navList: [
|
|
[ // 客户
|
|
[ // 客户
|
|
[
|
|
[
|
|
@@ -799,20 +821,36 @@ export default {
|
|
},
|
|
},
|
|
// 导航指引合计
|
|
// 导航指引合计
|
|
getNavCount () {
|
|
getNavCount () {
|
|
- bizStateCount({}).then(res => {
|
|
|
|
|
|
+ this.spinning = true
|
|
|
|
+ bizStateCount(this.queryParams).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
this.countData = res.data
|
|
this.countData = res.data
|
|
} else {
|
|
} else {
|
|
this.countData = null
|
|
this.countData = null
|
|
}
|
|
}
|
|
|
|
+ this.spinning = false
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ onDateChange (e) {
|
|
|
|
+ console.log(e.target.value)
|
|
|
|
+ const v = e.target.value
|
|
|
|
+ if (v != 0) {
|
|
|
|
+ this.queryParams.beginDate = getDate.getMonthDays(v).starttime
|
|
|
|
+ this.queryParams.endDate = getDate.getMonthDays(v).endtime
|
|
|
|
+ } else {
|
|
|
|
+ this.queryParams.beginDate = undefined
|
|
|
|
+ this.queryParams.endDate = undefined
|
|
|
|
+ }
|
|
|
|
+ this.getNavCount()
|
|
|
|
+ },
|
|
// 导航跳转
|
|
// 导航跳转
|
|
goPage (data, subInd) {
|
|
goPage (data, subInd) {
|
|
if (data) {
|
|
if (data) {
|
|
let params = null
|
|
let params = null
|
|
// 有待办数据,则跳转带有条件的;若无待办数据,则跳转全部数据
|
|
// 有待办数据,则跳转带有条件的;若无待办数据,则跳转全部数据
|
|
if (data.orderNum && this.countData[data.orderNum] || data.params) {
|
|
if (data.orderNum && this.countData[data.orderNum] || data.params) {
|
|
|
|
+ data.params.beginDate = this.queryParams.beginDate
|
|
|
|
+ data.params.endDate = this.queryParams.endDate
|
|
params = { pageParams: data.params, type: 'todo' }
|
|
params = { pageParams: data.params, type: 'todo' }
|
|
} else {
|
|
} else {
|
|
params = { pageParams: null, type: subInd == 1 ? 'new' : 'todo' }
|
|
params = { pageParams: null, type: subInd == 1 ? 'new' : 'todo' }
|
|
@@ -878,6 +916,12 @@ export default {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
margin-bottom: 18px;
|
|
margin-bottom: 18px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ span{
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.page-list{
|
|
.page-list{
|
|
list-style: none;
|
|
list-style: none;
|