Skip to content

Y
yq-ui
Commit e9980d32 by tyk
Options

代码更新

parent eed1d26d
Showing with 68 additions and 533 deletions
src/permission.js
......@@ -50,7 +50,7 @@ router.beforeEach((to, from, next) => {
// 在免登录白名单，直接进入
next();
} else {
next(`/login?redirect=${encodeURIComponent(to.fullPath)}`); // 否则全部重定向到登录页
next(`/web`); // 否则全部重定向到登录页
NProgress.done();
}
}
......
src/router/index.js
......@@ -63,17 +63,17 @@ export const constantRoutes = [
hidden: true,
},
,
{
path: "/login",
component: () => import("@/views/login"),
hidden: true,
},
{
path: "/register",
component: () => import("@/views/register"),
hidden: true,
},
// {
// path: "/login",
// component: () => import("@/views/login"),
// hidden: true,
// },
// {
// path: "/register",
// component: () => import("@/views/register"),
// hidden: true,
// },
{
path: "/404",
component: () => import("@/views/error/404"),
......@@ -84,33 +84,33 @@ export const constantRoutes = [
component: () => import("@/views/error/401"),
hidden: true,
},
{
path: "",
component: Layout,
redirect: "index",
children: [
{
path: "index",
component: () => import("@/views/index"),
name: "Index",
meta: { title: "首页", icon: "dashboard", affix: true },
},
],
},
{
path: "/user",
component: Layout,
hidden: true,
redirect: "noredirect",
children: [
{
path: "profile",
component: () => import("@/views/system/user/profile/index"),
name: "Profile",
meta: { title: "个人中心", icon: "user" },
},
],
},
// {
// path: "",
// component: Layout,
// redirect: "index",
// children: [
// {
// path: "index",
// component: () => import("@/views/index"),
// name: "Index",
// meta: { title: "首页", icon: "dashboard", affix: true },
// },
// ],
// },
// {
// path: "/user",
// component: Layout,
// hidden: true,
// redirect: "noredirect",
// children: [
// {
// path: "profile",
// component: () => import("@/views/system/user/profile/index"),
// name: "Profile",
// meta: { title: "个人中心", icon: "user" },
// },
// ],
// },
];
// 动态路由，基于用户权限动态去加载
......
src/utils/request.js
......@@ -93,7 +93,7 @@ service.interceptors.response.use(res => {
isRelogin.show = false;
});
}
return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
return Promise.reject('')
} else if (code === 500) {
Message({ message: msg, type: 'error' })
return Promise.reject(new Error(msg))
......
src/views/zyyq/cs.vue deleted 100644 → 0
<template>
<div class="container">
<div style="width: 400px">
<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
<div v-for="outerItem in collapseDataOuter">
<div v-if="outerItem.cplx === '产品'">
<el-submenu :index="outerItem.mc">
<template slot="title">{{ outerItem.mc }}</template>
<div v-for="outerItem2 in outerItem.cpChildren">
<el-submenu :index="outerItem2.id">
<template slot="title">{{ outerItem2.mc }}</template>
<div v-for="outerItem3 in outerItem2.children2">
<el-menu-item :index="outerItem3.mc">{{ outerItem3.mc }}</el-menu-item>
</div>
</el-submenu>
</div>
</el-submenu>
</div>
<div v-if="outerItem.cplx === '服务类'">
<el-submenu :index="outerItem.mc">
<template slot="title">{{ outerItem.mc }}</template>
<div v-for="outerItem2 in outerItem.fwlChildren">
<el-menu-item :index="outerItem2.mc">{{ outerItem2.mc }}</el-menu-item>
</div>
</el-submenu>
</div>
</div>
</el-menu>
</div>
</div>
</template>
<script>
import { getListcx, getListdt, } from "@/api/sy.js";
export default {
name: "gasDigitization",
// components: { footerNav },
data() {
return {
isOuterMenuClicked: false,
remark: '', // 新增的remark属性
defaultOpeneds: [],// 根据需要初始化 defaultOpeneds
selectedId: null, // 用于存储选中项的ID
cpjj: '',
gntd: '',
yycx: '',
yfjs: '',
tdjs: '',
fwts: '',
fwal: '',
activeNameOuter: "", // 默认选中的第一级选项
activeNameInner: "", // 默认选中的第二级选项
collapseDataOuter: [],
activeName: "first",
name: null,
ipdz: null,
yl1: null,
showDialog: false, // 控制对话框显示的变量
form: {
},
};
},
watch: {
// activeNameOuter(newValue) {
// console.log(newValue, 'newValue');
// if (newValue === '服务类') {
// const selectedItem = this.collapseDataOuter.find(item => item.mc === '智能化服务类');
// if (selectedItem && selectedItem.fwlChildren.length > 0) {
// const firstService = selectedItem.fwlChildren[0];
// this.activeNameInner = `智能化服务类-${firstService.mc}`;
// console.log(this.activeNameInner, ' this.activeNameInner');
// this.activeServiceId = firstService.id; // 设置 activeServiceId 为第一项的 ID
// console.log(this.activeServiceId, 'Selected Service ID');
// this.getListdt(this.activeServiceId);
// }
// } else if (newValue === '产品') {
// const selectedItem = this.collapseDataOuter.find(item => item.mc === '软硬件产品');
// if (selectedItem && selectedItem.cpChildren && selectedItem.cpChildren.length > 0) {
// const firstProduct = selectedItem.cpChildren[0]; // 从 cpChildren 中获取第一个产品
// if (firstProduct.children2 && firstProduct.children2.length > 0) {
// const firstProductChild = firstProduct.children2[0]; // 从 children2 中获取第一个子产品
// this.activeNameInner = `软硬件产品-${firstProductChild.mc}`;
// console.log(this.activeNameInner, 'this.activeNameInner');
// this.activeServiceId = firstProductChild.id; // 设置 activeServiceId 为第一项的 ID
// console.log(this.activeServiceId, 'Selected Product ID');
// this.getListdt(this.activeServiceId);
// }
// }
// }
// }
},
mounted() {
this.getList();
},
methods: {
// 获取列表数据
getList() {
getListcx().then(res => {
console.log('res', res);
this.collapseDataOuter = res.data; // 保存外层菜单数据
});
},
},
};
</script>
<style scoped lang="scss">
::v-deep.tabs {
display: flex;
align-items: flex-start;
}
::v-deep.custom-tabs {
flex-grow: 1;
// padding-right: 10px
}
::v-deep.remark {
position: absolute;
top: 20px;
/* 向上移动 */
right: 30px;
/* 向左移动 */
white-space: nowrap;
font-size: 18px;
// font-weight: bold;
font-family: PingFang SC;
// font-weight: 800;
// color: #222222;
line-height: 40px
}
::v-deep.menu-item-active {
background-color: #ffffff;
/* 选中项背景白色 */
}
::v-deep.related-menu-item-active {
background-color: #ffffff;
/* 兄弟项背景白色 */
}
::v-deep .service-menu-item-active {
background-color: #ffffff !important; // 服务类选中项背景色为白色
}
::v-deep img {
max-width: 90% !important;
height: auto !important;
}
::v-deep video {
max-width: 90% !important;
height: auto !important;
}
::v-deep .rounded-corner-start {
border-radius: 10px 0 0 0 !important;
}
::v-deep.rounded-corner-end {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
/* 其他可能需要的样式 */
}
::v-deep.el-submenu .el-menu-item {
height: 39px;
line-height: 50px;
padding: 0 45px;
min-width: 200px;
}
::v-deep.el-submenu .el-submenu__title {
border-bottom-color: #1890ff;
height: 46px;
}
::v-deep.custom-tabs .el-tabs__nav .el-tabs__item {
padding: 0 20px;
height: 43px;
box-sizing: border-box;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 15px;
font-weight: 500;
color: #303133;
position: relative;
width: 120px;
text-align: center;
}
// ::v-deep.el-tabs .el-tabs__header.el-tabs__nav .el-tabs__item {
// color: #ff0000;
// /* 设置字体颜色 */
// }
::v-deep.el-tabs--card>.el-tabs__header .el-tabs__nav {
border: 1px none;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(1):hover {
background-color: #165bff;
color: white;
border-radius: 10px 0 0 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(2):hover {
background-color: #165bff;
color: white;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(3):hover {
background-color: #165bff;
color: white;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(4):hover {
background-color: #165bff;
color: white;
border-radius: 0 10px 0 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(1).is-active {
background-color: #165bff;
color: white;
border-radius: 10px 0 0 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(2).is-active {
background-color: #165bff;
color: white;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(3).is-active {
background-color: #165bff;
color: white;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(4).is-active {
background-color: #165bff;
color: white;
border-radius: 0 10px 0 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(1) {
background-color: #d8e1eb;
color: black;
border-radius: 10px 0 0 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(2) {
background-color: #d8e1eb;
color: black;
;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(3) {
background-color: #d8e1eb;
color: black;
border-radius: 0;
}
::v-deep .el-tabs__nav .el-tabs__item:nth-child(4) {
background-color: #d8e1eb;
color: black;
border-radius: 0 10px 0 0;
}
::v-deep.el-tabs .el-tabs__header {
padding: 0;
position: relative;
margin: 0 0 0px !important;
}
::v-deep.product-menu {
// 内层菜单展开时的背景色
.inner-submenu-active {
background-color: #ffffff; // 内层菜单背景色为白色
// 设置箭头图标颜色为蓝色
.el-submenu__icon-arrow {
color: #165BFF; // 改变箭头颜色
}
}
// 默认状态的箭头颜色
.el-submenu {
.el-submenu__icon-arrow {
color: #000; // 默认箭头颜色
}
}
}
::v-deep.product-menu .menu-item-active {
color: #165BFF !important;
/* 选中菜单项的字体颜色 */
}
::v-deep.product-menu .el-menu-item {
background-color: #ffffff;
/* 第三级菜单的背景色 */
}
// .text-align {
// display: flex;
// justify-content: flex-end;
// margin: 0px 10px;
// }
// .text {
// margin-left: auto;
// margin: 3px 15px;
// }
// .row {
// display: flex;
// flex-direction: row;
// align-items: inherit;
// justify-content: center;
// margin: 20px 0 20px -30px;
// }
// .box {
// position: relative;
// top: -20px;
// left: 0;
// margin-bottom: -20px;
// width: 100%;
// min-height: 102vh;
// background-image: url(../../assets/images/background1.png) !important;
// background-size: cover;
// background-repeat: no-repeat;
// background-position: left top;
// background-color: #f55202;
// }
.container {
overflow-y: auto;
height: 1080px;
background-image: url(../../assets/images/background1.png) !important;
// background-size: cover;
background-size: 100% 60%;
background-repeat: no-repeat;
}
h1 {
text-align: center;
color: #333;
}
.content {
margin: 20px auto;
max-width: 70%;
min-height: calc(100vh - 420px);
padding: 20px;
background: #F5F8FE;
border-radius: 10px 10px 0px 0px;
/* 设置背景色 */
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.bt {
text-indent: 3.6em;
margin: 20px auto;
/* max-width: 70%; */
width: 1200px;
padding: 20px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow-y: auto;
}
h2 {
font-size: 24px;
color: #333;
margin-bottom: 15px;
font-family: "方正小标宋", "Fangzheng Xiaobiao Song", serif;
}
p {
font-size: 16px;
color: #555;
line-height: 1.6;
font-family: "FangSong_GB2312";
}
.title {
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 14px;
color: #c80000;
line-height: 30px;
}
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.bttext {
font-family: PingFang SC;
font-weight: bold;
font-size: 14px;
color: #222222;
line-height: 26px;
margin-left: 10px;
text-decoration: none;
}
.bttext:hover {
color: #165bff;
text-decoration: underline;
}
.custom-title {
font-family: PingFang SC;
font-weight: 800;
font-size: 16px;
color: #165bff;
line-height: 26px;
}
</style>
src/views/zyyq/index.vue
<template>
<div class="container">
<el-row style="margin: 150px auto 100px ;">
<img src="../../assets/images/background.png" alt="" style="
<img src="../../assets/images/background3.png" alt="" style="
height: 111px;
width: 877px;
/* background-size: cover;
position: absolute;
top: 50%;
left: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover; */
" />
......@@ -230,7 +230,7 @@ export default {
// 获取列表数据
getList() {
getListcx().then(res => {
console.log('res', res);
// console.log('res', res);
this.collapseDataOuter = res.data; // 保存外层菜单数据
// 如果有数据，设置默认的外层和内层菜单
......@@ -258,11 +258,11 @@ export default {
// 设置当前选中的外层菜单
setActiveOuter(cplx) {
this.activeNameOuter = cplx; // 更新外层菜单
console.log('Outer menu set to:', this.activeNameOuter);
// console.log('Outer menu set to:', this.activeNameOuter);
// 根据选中的外层菜单类型设置默认的内层菜单
const firstInnerItem = this.collapseDataOuter.find(item => item.cplx === cplx);
console.log(firstInnerItem, 'firstInnerItem');
// console.log(firstInnerItem, 'firstInnerItem');
},
......@@ -271,7 +271,7 @@ export default {
this.activeNameInner = `${innerName}-${contentName}`; // 更新内层菜单
this.selectedCplx = cplx; // 更新选中的类别
// 打印选中的信息
console.log(`选中的内容: 内层名称: ${innerName}, 内容名称: ${contentName}, 内容ID: ${contentId}, 类别: ${cplx}`);
// console.log(`选中的内容: 内层名称: ${innerName}, 内容名称: ${contentName}, 内容ID: ${contentId}, 类别: ${cplx}`);
// 获取内容相关的数据
this.getListdt(contentId);
......@@ -281,7 +281,7 @@ export default {
this.activeNameInner = `${outerItemName}-${serviceName}`; // 更新内层菜单
this.selectedCplx = '服务类'; // 设置 cplx 为 '服务类'
// 打印选中的信息
console.log(`选中的内容: 外层名称: ${outerItemName}, 服务名称: ${serviceName}, 服务ID: ${serviceId}, 类别: ${this.selectedCplx}`);
// console.log(`选中的内容: 外层名称: ${outerItemName}, 服务名称: ${serviceName}, 服务ID: ${serviceId}, 类别: ${this.selectedCplx}`);
// 获取内容相关的数据
this.getListdt(serviceId);
......@@ -292,9 +292,9 @@ export default {
setActiveInner(innerName, content = '', id = null) {
if (content) {
this.activeNameInner = `${innerName}-${content}`; // 更新内层菜单
console.log(this.activeNameInner, 'this.activeNameInner');
// console.log(this.activeNameInner, 'this.activeNameInner');
this.selectedId = id; // 更新选中项的ID
console.log('activeNameInner updated to:', this.activeNameInner);
// console.log('activeNameInner updated to:', this.activeNameInner);
this.getListdt(this.selectedId); // 获取内容数据
}
},
......@@ -302,7 +302,7 @@ export default {
// 获取详细内容数据
getListdt(id) {
getListdt(id).then(res => {
console.log('12222:', res.data.remark);
// console.log('12222:', res.data.remark);
// 更新相关数据
this.cpjj = res.data.cpjj;
this.gntd = res.data.gntd;
......@@ -327,13 +327,13 @@ export default {
// 处理菜单变化
handleChange(val) {
console.log(val);
// console.log(val);
},
// 处理点击事件
handleClick(tab, event) {
this.activeName = tab.name; // 更新活动名称
console.log(this.activeName, ' this.activeName');
// console.log(this.activeName, ' this.activeName');
},
},
};
......@@ -705,4 +705,4 @@ p {
color: #165bff;
line-height: 26px;
}
</style>
\ No newline at end of file
</style>
src/views/zyyqsj/index.vue
......@@ -8,7 +8,7 @@
/* background-size: cover;
position: absolute;
top: 50%;
left: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover; */
" />
......@@ -150,7 +150,7 @@ export default {
methods: {
getList() {
getListcx().then(res => {
console.log('res', res);
// console.log('res', res);
this.collapseDataOuter = res.data; // 保存外层菜单数据
this.collapseDataOuter.forEach(outerItem => {
this.defaultActiveKeys.push(outerItem.mc);
......@@ -187,9 +187,9 @@ export default {
setActiveInner(innerName, content = '', id = null) {
if (content) {
this.activeNameInner = `${innerName}-${content}`; // 更新内层菜单
console.log(this.activeNameInner, 'this.activeNameInner');
// console.log(this.activeNameInner, 'this.activeNameInner');
this.selectedId = id; // 更新选中项的ID
console.log('activeNameInner updated to:', this.activeNameInner);
// console.log('activeNameInner updated to:', this.activeNameInner);
this.getListdt(this.selectedId); // 获取内容数据
}
},
......@@ -197,7 +197,7 @@ export default {
// 假设你的getListdt接口是一个异步函数
getListdt(id)
.then((res) => {
console.log("12222:", res.data.remark);
// console.log("12222:", res.data.remark);
this.cpjj = res.data.cpjj;
this.gntd = res.data.gntd;
this.yycx = res.data.yycx;
......@@ -218,11 +218,11 @@ export default {
return this.activeNameInner.startsWith(innerName); // 判断是否为活动状态
},
handleChange(val) {
console.log(val);
// console.log(val);
},
handleClick(tab, event) {
this.activeName = tab.name; // 确保更新activeName
console.log(this.activeName, " this.activeName");
// console.log(this.activeName, " this.activeName");
},
},
};
......
src/views/zyyqsj/tzy/index.vue
......@@ -16,7 +16,7 @@
/*background-size: cover;
position: absolute;
top: 50%;
left: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover; */
" />
......@@ -218,7 +218,7 @@ export default {
getList() {
getListcx().then((res) => {
console.log("res", res);
// console.log("res", res);
this.collapseDataOuter = res.data;
// 获取数据后，设置默认选中的第一个外层和内层菜单项
......@@ -249,7 +249,7 @@ export default {
setActiveOuter(cplx) {
this.activeNameOuter = cplx;
console.log("Outer menu set to:", this.activeNameOuter);
// console.log("Outer menu set to:", this.activeNameOuter);
},
handleInnerClick(innerName, contentName, contentId) {
this.activeNameInner = `${innerName}-${contentName}`;
......@@ -265,9 +265,9 @@ export default {
setActiveInner(innerName, content = "", id = null) {
if (content) {
this.activeNameInner = `${innerName}-${content}`;
console.log(this.activeNameInner, "this.activeNameInner");
// console.log(this.activeNameInner, "this.activeNameInner");
this.selectedId = id; // 更新选中项的ID
console.log("activeNameInner updated to:", this.activeNameInner);
// console.log("activeNameInner updated to:", this.activeNameInner);
this.getListdt(this.selectedId); // 获取内容数据
}
},
......@@ -275,7 +275,7 @@ export default {
// 假设你的getListdt接口是一个异步函数
getListdt(id)
.then((res) => {
console.log("12222:", res.data.remark);
// console.log("12222:", res.data.remark);
this.cpjj = res.data.cpjj;
this.gntd = res.data.gntd;
this.yycx = res.data.yycx;
......@@ -297,11 +297,11 @@ export default {
return this.activeNameInner.startsWith(innerName); // 判断是否为活动状态
},
handleChange(val) {
console.log(val);
// console.log(val);
},
handleClick(tab, event) {
this.activeName = tab.name; // 确保更新activeName
console.log(this.activeName, " this.activeName");
// console.log(this.activeName, " this.activeName");
},
},
};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment