From acecd2af0d71d980c741936637f29f008adaf88f Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期四, 19 十二月 2024 18:12:08 +0800
Subject: [PATCH] 首页配置，业务模块展示不同首页
---
Source/plt-web/plt-web-ui/src/views/wel/index.vue | 214 +++++------------------------------------------------
1 files changed, 21 insertions(+), 193 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/wel/index.vue b/Source/plt-web/plt-web-ui/src/views/wel/index.vue
index 7d762f7..3f0e5c7 100644
--- a/Source/plt-web/plt-web-ui/src/views/wel/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/wel/index.vue
@@ -1,217 +1,45 @@
<template>
<div>
- <el-row>
- <el-col :span="24">
- <basic-container v-loading="loading">
- <avue-data-tabs :option="topOption"></avue-data-tabs>
- </basic-container>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="16" style="height: 560px">
- <basic-container>
- <el-collapse v-model="activeNames">
- <el-collapse-item name="1" title="娆㈣繋浣跨敤PLT-WEB骞冲彴">
- <div>
- 1銆佸寳浜畯鍗氳繙杈剧鎶�鏈夐檺鍏徃锛堜互涓嬬畝绉扳�滃畯鍗氳繙杈锯�濓級闀挎湡涓撴敞浜庡埗閫犱笟淇℃伅鍖栧缓璁撅紝涓哄鎴锋彁渚涗紒涓氫俊鎭寲鏁翠綋瑙ｅ喅鏂规鍙婄浉鍏宠蒋浠剁爺鍙戙�佸挩璇㈠強瀹炴柦鏈嶅姟銆傚畯鍗氳繙杈惧鎴风兢浣撴兜鐩栬埅绌恒�佽埅澶┿�佽埞鑸躲�佸叺鍣ㄣ�佹苯杞︺�侀�氱敤鏈烘銆佺數瀛愮瓑鍒堕�犺涓氾紝閫氳繃涓庡鎴锋繁搴﹀悎浣滐紝鎵挎媴浜嗗椤瑰浗瀹剁骇杞欢鐮斿彂涓庢妧鏈湇鍔￠」鐩紝鎷ユ湁澶氶」鍏锋湁鑷富鐭ヨ瘑浜ф潈鐨勮蒋浠朵骇鍝併��
- </div>
- <div>
- 2銆佷负浜嗙粰瀹㈡埛鎻愪緵鏇村鐨勬妧鏈垱鏂拌兘鍔涘強鐩稿簲鐨勪紒涓氱骇绠＄悊鏀拺骞冲彴锛屽畯鍗氳繙杈剧爺鍙戜簡鍏锋湁鑷富鐭ヨ瘑浜ф潈鐨勪紒涓氱骇淇℃伅鍖栨暣浣撹В鍐虫柟妗堬紝鍚屾椂閽堝瀹㈡埛鐨勭壒瀹氶渶姹傦紝鎻愪緵浜嗛珮搴﹀彲瀹氬埗鐨勪笓涓氬簲鐢ㄣ�備负浜嗚繘涓�姝ユ彁鍗囨妧鏈湇鍔¤兘鍔涳紝瀹忓崥杩滆揪鎶曞叆涓撻棬鍔涢噺鍦ㄥ墠娌挎妧鏈柟闈㈣繘琛屾帰绱紝鍦ㄤ紒涓氱鏈変簯璁＄畻鍜屽ぇ鏁版嵁绛夐鍩熶笉鏂彇寰楃獊鐮淬�傞殢鐫�鏂颁竴浠ｄ笟鍔′笌绠＄悊鎶�鏈钩鍙扮殑鎺ㄥ嚭锛屾洿澧炲己浜嗗叕鍙镐负瀹㈡埛鎻愪緵楂樿川閲忋�佸叏鏂逛綅銆佹繁灞傛鏈嶅姟鐨勬妧鏈兘鍔涖��
- </div>
- <div>
- 3銆佸畯鍗氳繙杈句竴鐩寸鎵库�滅敤鏅烘収涓哄鎴峰垱閫犱环鍊尖�濈殑瀹楁棬锛屾効浠モ�滆瘹淇¤礋璐ｂ�濈殑鎬佸害鍜屼笓涓氬寲鐨勬湇鍔★紝鍦ㄤ紒涓氫俊鎭寲鍙戝睍鐨勯亾璺笂锛屼笌瀹㈡埛涓�璧锋垚闀匡紝鍏卞悓瑙佽瘉鎴愬姛锛�
- </div>
- </el-collapse-item>
-
- <el-collapse-item name="2" title="鏈嶅姟璁″垝鍒跺畾">
- <div>
- 1銆佹牴鎹鎴峰疄闄呴渶姹傦紝瀹忓崥杩滆揪灏嗕笌瀹㈡埛鍏卞悓鍒跺畾骞村害鏈嶅姟璁″垝锛屽晢瀹氬叿浣撶殑鏈嶅姟瀵硅薄銆佹湇鍔″唴瀹广�佸畾鏈熺淮鎶ょ殑鏈嶅姟鏃堕棿銆佹妧鏈氦娴佺殑涓婚銆佸叿浣撶殑缁存姢浜哄憳瀹夋帓绛夋湇鍔＄粏鑺傘��
- </div>
- <div>
- 2銆佸鎴峰彲閫氳繃鐢佃瘽銆佺數瀛愰偖浠躲�佸嚱浠剁瓑鏂瑰紡鍙栧緱绯荤粺鎶�鏈敮鎸併�傚浜庣郴缁熶互澶栫殑闂锛屾垜浠細灏藉姏鍗忓姪瀹㈡埛鎵惧埌瑙ｅ喅閫斿緞銆�
- </div>
- <div>
- 3銆佸浜庤繙绋嬫棤娉曡В鍐崇殑鏁呴殰(闂)锛屽畯鍗氳繙杈惧伐绋嬪笀灏嗗湪鍚堝悓瑙勫畾鐨勬椂闂村唴鍒拌揪瀹㈡埛鐜板満杩涜鏁呴殰璇婃柇鍙婂鐞嗭紝鍋氬ソ鐩稿簲鐨勮褰曘�傚繀瑕佹椂闇�瑕侀噸鏂版敹闆嗙郴缁熶俊鎭紝骞跺綊妗ｃ�傚浜庨潪绯荤粺鐨勫師鍥犺�屽紩璧风殑鏁呴殰(闂)锛屽畯鍗氳繙杈惧皢鍏冲績鍜屽崗鍔╁鎴疯В鍐虫晠闅�(闂)銆�
- </div>
- <div>
- 4銆佸湪鍏朵粬鎯呭舰涓嬶紝瀹忓崥杩滆揪涔熷彲鎻愪緵蹇呰鐨勭幇鍦烘湇鍔°�傚涓哄鎴疯幏寰楃殑鍚堟硶鎿嶄綔绯荤粺杩涜鍗囩骇鏈嶅姟銆佷负瀹㈡埛瀹夎蹇呰鐨勮蒋浠剁瓑鐨勬湇鍔°�侀厤鍚堝鎴峰仛涓绘満绯荤粺鏂归潰鐨勬祴璇曘�佷负瀹㈡埛鐨勫簲鐢ㄨ皟鏁存彁渚涚郴缁熸柟闈㈢殑鏀寔绛夌瓑銆�
- </div>
- <div>
- 5銆佸畯鍗氳繙杈捐繕灏嗕负瀹㈡埛鎻愪緵瀹氭湡鐨勭郴缁熸�ц兘璇勪及涓庝紭鍖栨湇鍔°�傞�氳繃瀵圭郴缁熻繍琛屾暟鎹殑娣卞叆鍒嗘瀽锛屾垜浠皢璇嗗埆娼滃湪鐨勬�ц兘鐡堕锛屾彁鍑洪拡瀵规�х殑浼樺寲寤鸿锛屽苟鍗忓姪瀹㈡埛瀹炴柦浼樺寲鎺柦銆傝繖鍖呮嫭浣嗕笉闄愪簬纭欢璧勬簮鐨勫悎鐞嗛厤缃�佽蒋浠跺弬鏁扮殑璋冧紭銆佹暟鎹簱鎬ц兘鐨勬彁鍗囩瓑锛屾棬鍦ㄧ‘淇濈郴缁熻兘澶熸寔缁ǔ瀹氥�侀珮鏁堝湴杩愯锛屾弧瓒冲鎴风殑涓氬姟鍙戝睍闇�姹傘�傚悓鏃讹紝鎴戜滑涔熷皢鏍规嵁绯荤粺璇勪及缁撴灉锛屼负瀹㈡埛鎻愪緵鏈潵鐨勭郴缁熷崌绾у拰鎵╁睍瑙勫垝寤鸿锛屽府鍔╁鎴锋彁鍓嶅竷灞�锛屽簲瀵规湭鏉ョ殑涓氬姟澧為暱鍜屾妧鏈彉闈┿��
- </div>
- </el-collapse-item>
- </el-collapse>
- </basic-container>
- </el-col>
- <el-col :span="8" style="height: 560px">
- <el-row>
- <basic-container>
- <div class="el-font-size">
- <span>浜у搧鍚嶇О</span>
- <el-divider direction="vertical"/>
- <span><el-tag>PLT-WEB骞冲彴</el-tag></span>
- <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
-
- <span>褰撳墠鐢ㄦ埛</span>
- <el-divider direction="vertical"/>
- <span><el-tag type="success">{{ userInfo.userName }}</el-tag></span>
- <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
-
- <span>璇存槑鏂囨。</span>
- <el-divider direction="vertical"/>
- <span>
- <el-link href="https://bladex.vip" target="_blank"
- type="primary">https://bladex.vip
- </el-link>
- </span>
- <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
-
- </div>
- </basic-container>
- <basic-container>
- <div style="height: 309px">
- <v-chart id="chart" :auto-resize="true" :options="chartOptions"></v-chart>
- </div>
- </basic-container>
- </el-row>
-
- </el-col>
- </el-row>
+ <component :is="showComponent"></component>
</div>
</template>
<script>
import {mapGetters} from "vuex";
-import {getLogListByContion} from "@/api/system/log/logBasic";
-import 'echarts'
-import 'echarts/lib/chart/pie' // 瀵煎叆鏌辩姸鍥剧粍浠�
-import 'echarts/lib/component/tooltip'
-import 'echarts/lib/component/legend'
-import func from "@/util/func";
+import adminIndex from './adminIndex.vue';
+import workIndex from './workIndex.vue';
export default {
name: "wel",
+ components:{adminIndex,workIndex},
data() {
return {
- loading: false,
- activeNames: ['1', '2', '3', '5'],
- logActiveNames: ['28'],
- topOption: {
- data: []
- },
- chartOptions: {
- title: {
- text: '',
- },
- tooltip: {
- trigger: 'item'
- },
- legend: {
- top: '5%',
- left: 'center'
- },
- series: [
- {
- name: '鏃ュ織缁熻',
- type: 'pie',
- radius: ['45%', '70%'],
- avoidLabelOverlap: false,
- padAngle: 5,
- itemStyle: {
- borderRadius: 10,
- normal: {
- color: function (colors) {
- const colorList = ['rgb(230, 71, 88)', 'rgb(178, 159, 255)', 'rgb(27, 201, 142)'];
- return colorList[colors.dataIndex];
- }
- }
- },
- label: {
- show: false,
- position: 'center'
- },
- emphasis: {
- label: {
- show: true,
- fontSize: 14,
- fontWeight: 'bold'
- }
- },
- labelLine: {
- show: false
- },
- data: []
- }
- ]
- }
+ showComponent: null, // 鍒濆涓嶆樉绀轰换浣曠粍浠�
};
},
computed: {
...mapGetters(["userInfo"]),
},
+ watch: {
+ 'userInfo.userId'() {
+ //鏄鐞嗗憳杩涘叆绠＄悊鍛橀椤�
+ if(this.userInfo.userId.includes('admin')){
+ this.showComponent=adminIndex;
+ }else {
+ this.showComponent=workIndex;
+ }
+ }
+ },
created() {
- this.getLogHandler();
+ //鏄鐞嗗憳杩涘叆绠＄悊鍛橀椤�
+ if(this.userInfo.userId.includes('admin')){
+ this.showComponent=adminIndex;
+ }else {
+ this.showComponent=workIndex;
+ }
},
methods: {
- getLogHandler() {
- this.loading = true;
- // 鏃ュ織璇锋眰鍜屽睍绀虹殑鐩稿叧鐨勯厤缃�
- const logConfig = [
- {
- logType: "1",
- logName: "鐧诲綍鏃ュ織缁熻",
- text: "褰撳墠鐧诲綍鏃ュ織鎬昏褰曟暟",
- color: 'rgb(230, 71, 88)',
- router: '/LogInfoMain?logType=1&roleType=2'
- },
- {
- logType: "3",
- logName: "鎺堟潈鏃ュ織缁熻",
- text: "褰撳墠鎺堟潈鏃ュ織鎬昏褰曟暟",
- color: 'rgb(178, 159, 255)',
- router: '/LogAuthorizeMain?logType=3&roleType=2'
- },
- {
- logType: "4",
- logName: "鎿嶄綔鏃ュ織缁熻",
- text: "褰撳墠鎿嶄綔鏃ュ織鎬昏褰曟暟",
- color: 'rgb(27, 201, 142)',
- router: '/LogOperateMain?logType=4&roleType=2'
- },
- ];
-
- const roleType = "2";
-
- const requests = logConfig.map(config => getLogListByContion(1, -1, {logType: config.logType, roleType}));
-
- Promise.all(requests).then(responses => {
- // 璁＄畻涓変釜鏃ュ織鐨勬�诲拰
- const totalCount = responses.reduce((sum, res) => sum + (res.data.total || 0), 0);
-
- this.topOption.data = responses.map((res, index) => ({
- title: logConfig[index].logName,
- text: logConfig[index].text,
- color: logConfig[index].color,
- subtitle: '瀹炴椂',
- count: res.data.total,
- allcount: `鏃ュ織鎬绘暟锛�${totalCount}`,
- key: '鏃ュ織',
- click: () => this.$router.push({path: logConfig[index].router}),
- }));
-
- const chartData = responses.map((res, index) => ({
- name: logConfig[index].logName,
- value: res.data.total,
- }));
- this.$set(this.chartOptions.series[0], 'data', chartData);
-
- this.loading = false;
- }).catch(error => {
- this.$message.error(error);
- this.loading = false;
- });
- }
},
};
</script>
--
Gitblit v1.9.3