|
|
@ -2,39 +2,45 @@ |
|
|
|
<ul class="switch px-7"> |
|
|
|
<ul class="switch px-7"> |
|
|
|
<!-- 产品经理 --> |
|
|
|
<!-- 产品经理 --> |
|
|
|
<template v-if="role == 41"> |
|
|
|
<template v-if="role == 41"> |
|
|
|
<li :class="{ active: active == 1 }" |
|
|
|
<el-badge :value="num1"> |
|
|
|
@click="toPage('/product/bank?type=0&i=1&role=41')"> |
|
|
|
<li :class="{ active: active == 1 }" |
|
|
|
<img class="icon" |
|
|
|
@click="toPage('/product/bank?type=0&i=1&role=41')"> |
|
|
|
src="@/assets/images/icon5.png" |
|
|
|
<img class="icon" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon5.png" |
|
|
|
<img class="icon-1" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon5-1.png" |
|
|
|
<img class="icon-1" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon5-1.png" |
|
|
|
<p class="text">个人产品</p> |
|
|
|
alt="" /> |
|
|
|
</li> |
|
|
|
<p class="text">个人产品</p> |
|
|
|
<li :class="{ active: active == 2 }" |
|
|
|
</li> |
|
|
|
@click="toPage('/product/bank?type=1&i=2&role=41')"> |
|
|
|
</el-badge> |
|
|
|
<img class="icon" |
|
|
|
<el-badge :value="num2"> |
|
|
|
src="@/assets/images/icon6.png" |
|
|
|
<li :class="{ active: active == 2 }" |
|
|
|
alt="" /> |
|
|
|
@click="toPage('/product/bank?type=1&i=2&role=41')"> |
|
|
|
<img class="icon-1" |
|
|
|
<img class="icon" |
|
|
|
src="@/assets/images/icon6-1.png" |
|
|
|
src="@/assets/images/icon6.png" |
|
|
|
alt="" /> |
|
|
|
alt="" /> |
|
|
|
<p class="text">企业产品</p> |
|
|
|
<img class="icon-1" |
|
|
|
</li> |
|
|
|
src="@/assets/images/icon6-1.png" |
|
|
|
|
|
|
|
alt="" /> |
|
|
|
|
|
|
|
<p class="text">企业产品</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</el-badge> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<!-- 风控经理 --> |
|
|
|
<!-- 风控经理 --> |
|
|
|
<template v-else-if="role == 42"> |
|
|
|
<template v-else-if="role == 42"> |
|
|
|
<li :class="{ active: active == 1 }" |
|
|
|
<el-badge :value="num1"> |
|
|
|
@click="toPage('/product/bank?type=&i=1&role=42')"> |
|
|
|
<li :class="{ active: active == 1 }" |
|
|
|
<img class="icon" |
|
|
|
@click="toPage('/product/bank?type=&i=1&role=42')"> |
|
|
|
src="@/assets/images/icon1.png" |
|
|
|
<img class="icon" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon1.png" |
|
|
|
<img class="icon-1" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon1-1.png" |
|
|
|
<img class="icon-1" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon1-1.png" |
|
|
|
<p class="text">产品风控配置</p> |
|
|
|
alt="" /> |
|
|
|
</li> |
|
|
|
<p class="text">产品风控配置</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</el-badge> |
|
|
|
<li :class="{ active: active == 2 }" |
|
|
|
<li :class="{ active: active == 2 }" |
|
|
|
@click="toPage('/product/strategy?i=2&role=42&id=150')"> |
|
|
|
@click="toPage('/product/strategy?i=2&role=42&id=150')"> |
|
|
|
<img class="icon" |
|
|
|
<img class="icon" |
|
|
@ -67,13 +73,15 @@ |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<!-- 专家委员会 --> |
|
|
|
<!-- 专家委员会 --> |
|
|
|
<li v-else-if="role == 43" |
|
|
|
<el-badge v-else-if="role == 43" |
|
|
|
class="active"> |
|
|
|
:value="num1"> |
|
|
|
<img class="icon-1" |
|
|
|
<li class="active"> |
|
|
|
src="@/assets/images/icon7-1.png" |
|
|
|
<img class="icon-1" |
|
|
|
alt="" /> |
|
|
|
src="@/assets/images/icon7-1.png" |
|
|
|
<p class="text">审批产品</p> |
|
|
|
alt="" /> |
|
|
|
</li> |
|
|
|
<p class="text">审批产品</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</el-badge> |
|
|
|
<!-- 保险 --> |
|
|
|
<!-- 保险 --> |
|
|
|
<li v-else-if="route.path.includes('insurance')" |
|
|
|
<li v-else-if="route.path.includes('insurance')" |
|
|
|
class="active"> |
|
|
|
class="active"> |
|
|
@ -119,20 +127,47 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
<script setup lang="ts"> |
|
|
|
import { computed, ref } from 'vue'; |
|
|
|
import { onMounted, computed, ref } from 'vue'; |
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
import { useRouter, useRoute } from 'vue-router'; |
|
|
|
import Cookies from 'js-cookie'; |
|
|
|
import Cookies from 'js-cookie'; |
|
|
|
|
|
|
|
import { statistics } from '@/api/bank'; |
|
|
|
|
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
|
const router = useRouter(); |
|
|
|
const route = useRoute(); |
|
|
|
const route = useRoute(); |
|
|
|
const active = computed(() => route.query.i); |
|
|
|
const active = computed(() => route.query.i); |
|
|
|
const role = computed(() => route.query.role); |
|
|
|
const role = computed(() => route.query.role); |
|
|
|
|
|
|
|
const projectId = +Cookies.get('sand-projectId'); |
|
|
|
|
|
|
|
const levelId = +Cookies.get('sand-level'); |
|
|
|
const isAdmin = ref<number | string>(route.query.admin ?? Cookies.get('sand-admin')); // 从中台进来的标识 |
|
|
|
const isAdmin = ref<number | string>(route.query.admin ?? Cookies.get('sand-admin')); // 从中台进来的标识 |
|
|
|
|
|
|
|
const num1 = ref<number>(0); |
|
|
|
|
|
|
|
const num2 = ref<number>(0); |
|
|
|
|
|
|
|
|
|
|
|
// 跳转 |
|
|
|
// 跳转 |
|
|
|
const toPage = (path: string) => { |
|
|
|
const toPage = (path: string) => { |
|
|
|
router.push(path); |
|
|
|
router.push(path); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
// 获取产品数量 |
|
|
|
|
|
|
|
const getNum = async (status?: number, type?: number) => { |
|
|
|
|
|
|
|
const { data } = await statistics({ |
|
|
|
|
|
|
|
checkPointId: levelId, |
|
|
|
|
|
|
|
projectId, |
|
|
|
|
|
|
|
status, |
|
|
|
|
|
|
|
productType: type, |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
if (type === 1) { |
|
|
|
|
|
|
|
// 产品经理-企业 |
|
|
|
|
|
|
|
num2.value = data; |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
num1.value = data; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
|
|
|
const status = role.value === '41' ? 5 : role.value === '42' ? 1 : role.value === '43' ? 2 : ''; // (1-配置风控 2-待审批,3-审批通过,4-审批不通过,5-审批打回 |
|
|
|
|
|
|
|
if (status) { |
|
|
|
|
|
|
|
getNum(status, role.value === '41' ? 0 : ''); |
|
|
|
|
|
|
|
role.value === '41' && getNum(status, 1); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|