From 1cbee08edf1823000a761ef23360628d2cb5d559 Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期二, 05 八月 2025 23:41:08 +0800
Subject: [PATCH] 修改名称展示
---
src/views/dnc/base/TerminalIndex.vue | 259 ++++++++++++++++++++++++++++++++++-----------------
1 files changed, 174 insertions(+), 85 deletions(-)
diff --git a/src/views/dnc/base/TerminalIndex.vue b/src/views/dnc/base/TerminalIndex.vue
index 0289c4e..b1d18fb 100644
--- a/src/views/dnc/base/TerminalIndex.vue
+++ b/src/views/dnc/base/TerminalIndex.vue
@@ -1,109 +1,198 @@
<template>
- <div class="page-view-container">
+ <div>
+ <div class="page-header">
+ <div>鐜板満鎯呭喌涓婃姤骞冲彴</div>
+ <span class="username">娆㈣繋鎮紝{{nickname()}}</span>
+ </div>
<slot name="function"/>
- <div class="header-container">鐜板満鎯呭喌涓婃姤骞冲彴</div>
<div class="content-container">
<a-row>
- <a-col :span="8">
- <div class="button" @click="navigateTo('work','涓婄彮')">涓婄彮</div>
- </a-col>
- <a-col :span="8">
- <div class="button">涓嬬彮</div>
- </a-col>
- <a-col :span="8">
- <div class="button" @click="navigateTo('fault','璁惧鏁呴殰')">璁惧鏁呴殰</div>
- </a-col>
+ <template v-for="(item,index) in buttonList">
+ <a-col :span="6" v-if="index<4">
+ <div :class="'button button'+(index+1)" @click="navigateTo(item)">
+ <!--<img :src="require(`@/assets/terminal/${item.routePath}.svg`)"/>-->
+ <i :class="'iconfont icon-'+item.routePath"/>
+ <div>{{item.label}}</div>
+ </div>
+ </a-col>
+ </template>
</a-row>
+
<a-row>
- <a-col :span="8">
- <div class="button" @click="navigateTo('close','鍋滄満涓婃姤')">鍋滄満涓婃姤</div>
- </a-col>
- <a-col :span="8">
- <div class="button" @click="navigateTo('spotCheck','鐐规')">鐐规</div>
- </a-col>
- <a-col :span="8">
- <div class="button">鍚堟牸鐜�</div>
- </a-col>
- </a-row>
- <a-row>
- <a-col :span="8">
- <div class="button">绋嬪簭鍛煎彨</div>
- </a-col>
- <a-col :span="8">
- <div class="button">寮�宸ュ畬宸�</div>
- </a-col>
- <a-col :span="8">
- <div class="button">绋嬪簭鍥炰紶</div>
- </a-col>
+ <template v-for="(item,index) in buttonList">
+ <a-col :span="6" v-if="index>=4">
+ <div :class="'button button'+(index+1)" @click="navigateTo(item)">
+ <i :class="'iconfont icon-'+item.routePath"/>
+ <div>{{item.label}}</div>
+ </div>
+ </a-col>
+ </template>
</a-row>
</div>
</div>
</template>
<script>
+ import { mapGetters } from 'vuex'
+
export default {
name: 'TerminalIndex',
+ data() {
+ return {
+ buttonList: [
+ {
+ label: '涓婁笅鐝�',
+ routePath: 'work',
+ isOpenNewPage: false
+ },
+ {
+ label: '鏁呴殰鎶ヤ慨',
+ routePath: 'fault',
+ isOpenNewPage: false
+ },
+ {
+ label: '鍋滄満涓婃姤',
+ routePath: 'close',
+ isOpenNewPage: false
+ },
+ {
+ label: '鐐规',
+ routePath: 'spotCheck',
+ isOpenNewPage: true
+ },
+ {
+ label: '鍚堟牸鐜�',
+ routePath: 'passRate',
+ isOpenNewPage: false
+ },
+ {
+ label: '绋嬪簭鍛煎彨',
+ routePath: 'call',
+ isOpenNewPage: false
+ },
+ {
+ label: '浜屼繚',
+ routePath: 'maintenance',
+ isOpenNewPage: true
+ },
+ {
+ label: '涓変繚',
+ routePath: 'maintenance',
+ isOpenNewPage: true
+ }
+ ]
+ }
+ },
methods: {
- navigateTo(url, projectTitle) {
- this.$router.push('/terminal/' + url)
- document.title = 'MDC鏅烘収杞﹂棿-' + projectTitle
+ ...mapGetters(['nickname']),
+
+ navigateTo(record) {
+ if (!record.isOpenNewPage) this.$router.push('/terminal/' + record.routePath)
+ else {
+ window.open(this.$router.resolve('/flowable/workflow/FlowTodo').href, '_blank')
+ return
+ }
+ document.title = record.label + '-MDC鏅烘収杞﹂棿'
}
}
}
</script>
-<style scoped lang="less">
- .page-view-container {
- background: linear-gradient(to bottom, #fff -15%, #000 55%,);
+<style scoped>
+ @import '~@assets/terminal/iconfont.css';
- .header-container {
- font-size: 50px;
- color: #eee;
- text-align: center;
- height: 15%;
- display: flex;
- justify-content: center;
- align-items: flex-end;
- -webkit-align-items: flex-end;
- }
-
- .content-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding: 3% 10%;
-
- .ant-row {
- flex: 1;
-
- .ant-col {
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .button {
- width: 250px;
- height: 125px;
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: #E3F2D9;
- font-size: 45px;
- border: 2px solid #33579D;
- box-shadow: inset -5px 5px 12px rgba(0, 0, 0, 0.6);
- cursor: pointer;
- transition: all .1s ease-in-out;
-
- &:hover {
- transform: scale(1.05);
- }
- }
- }
- /*display: flex;*/
- /*flex-direction: column;*/
- }
- }
+ .page-header {
+ font-size: 2vw;
+ color: #000;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1vw;
}
+ .page-header span {
+ font-size: 1.3vw;
+ color: #999;
+ }
+
+ .content-container {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ padding: 3% 10%;
+
+ }
+
+ .ant-row {
+ flex: 1;
+ }
+
+ .ant-col {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ img {
+ width: 2.6vw;
+ margin-bottom: 0.8vw;
+ }
+
+ .button {
+ width: 9.63vw;
+ height: 9.38vw;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ font-size: 1.3vw;
+ color: #fff;
+ border-radius: 1vw;
+ cursor: pointer;
+ transition: all .1s ease-in-out;
+ }
+
+ .button:hover {
+ transform: scale(1.05);
+ }
+
+ .button1 {
+ background: linear-gradient(to bottom, #5ADEAD, #3BC3A6);
+ background: -webkit-linear-gradient(to bottom, #5ADEAD, #3BC3A6);
+ }
+
+ .button2 {
+ background: linear-gradient(to bottom, #76A9FA, #5B8CF3);
+ background: -webkit-linear-gradient(to bottom, #76A9FA, #5B8CF3);
+ }
+
+ .button3 {
+ background: linear-gradient(to bottom, #FAB976, #FB9557);
+ background: -webkit-linear-gradient(to bottom, #FAB976, #FB9557);
+ }
+
+ .button4 {
+ background: linear-gradient(to bottom, #5FC2F9, #45A4F4);
+ background: -webkit-linear-gradient(to bottom, #5FC2F9, #45A4F4);
+ }
+
+ .button5 {
+ background: linear-gradient(to bottom, #62F2EA, #55D6CE);
+ background: -webkit-linear-gradient(to bottom, #62F2EA, #55D6CE);
+ }
+
+ .button6 {
+ background: linear-gradient(to bottom, #91A0F5, #6D7CF7);
+ background: -webkit-linear-gradient(to bottom, #91A0F5, #6D7CF7);
+ }
+
+ .button7 {
+ background: linear-gradient(to bottom, #FF6A5A, #DB5A50);
+ background: -webkit-linear-gradient(to bottom, #FF6A5A, #DB5A50);
+ }
+
+ .button8 {
+ background: linear-gradient(to bottom, #FFF248, #EADE46);
+ background: -webkit-linear-gradient(to bottom, #FFF248, #EADE46);
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3