Skip to content

Y
yq-ui
Commit bef3646d by zhaopanyu
Options

zpy

parent 8c09c6d0
Showing with 157 additions and 100 deletions
src/api/sy.js
import request from "@/utils/request"; import request from "@/utils/request";
// 首页查询 // 首页查询
export function getListcx(id) { export function getListcx(data) {
return request({ return request({
url: "/system/zyyq/" + id, url: "/system/zb/list",
method: "get", method: "get",
data,
}); });
} }
//单条详情 //单条详情
export function getListdt() { export function getListdt(id) {
return request({ return request({
url: "/system/zyyq/list", url: "/system/zb/" + id,
method: "get", method: "get",
}); });
} }
src/views/system/cb/index.vue
...@@ -692,6 +692,7 @@ export default { ...@@ -692,6 +692,7 @@ export default {
id: id, id: id,
fbzt: zt fbzt: zt
} }
updateCb(list).then(response => { updateCb(list).then(response => {
if (zt === '1') { if (zt === '1') {
this.$modal.msgSuccess("已发布"); this.$modal.msgSuccess("已发布");
...@@ -801,7 +802,19 @@ export default { ...@@ -801,7 +802,19 @@ export default {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateCb(this.form).then(response => {
let list = this.form
list.tdjs = Base64.encode(this.form.tdjs)
list.cpjj = Base64.encode(this.form.cpjj)
list.gntd = Base64.encode(this.form.gntd)
list.yycx = Base64.encode(this.form.yycx)
list.yfjs = Base64.encode(this.form.yfjs)
list.fwts = Base64.encode(this.form.fwts)
list.fwal = Base64.encode(this.form.fwal)
updateCb(list).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
...@@ -820,10 +833,7 @@ export default { ...@@ -820,10 +833,7 @@ export default {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}).catch(error => { });
console.error("添加失败:", error);
this.$modal.msgError("新增失败，请重试！");
});;
} }
} }
}); });
......
src/views/zyyq/index.vue
...@@ -19,64 +19,107 @@ ...@@ -19,64 +19,107 @@
<el-menu :default-active="activeNameInner" class="product-menu" :background-color="'transparent'" <el-menu :default-active="activeNameInner" class="product-menu" :background-color="'transparent'"
:text-color="'#333'" :active-text-color="'#409EFF'"> :text-color="'#333'" :active-text-color="'#409EFF'">
<!-- 外层菜单 --> <!-- 外层菜单 -->
<el-submenu v-for="outerItem in collapseDataOuter" :key="outerItem.name" :index="outerItem.name" <template>
@click.native="setActiveOuter(outerItem.name)"> <el-submenu v-for="outerItem in collapseDataOuter" :key="outerItem.px" :index="outerItem.px"
@click.native="setActiveOuter(outerItem.name)">
<template #title>
<img src="../../assets/images/tag.png" alt="">
<span
style="font-family: 'PingFang SC'; font-weight: 800; font-size: 23px; color: #222222; line-height: 40px;">
{{ outerItem.title }}
</span>
</template>
<!-- 第二级菜单 -->
<el-submenu v-for="innerItem in outerItem.collapseData" :key="innerItem.name" :index="innerItem.name"
:class="{ 'inner-submenu-active': isInnerActive(innerItem.name) }"
@click.native="setActiveInner(innerItem.name)">
<template #title> <template #title>
<img src="../../assets/images/tag.png" alt="">
<span <span
style="font-family: 'PingFang SC'; font-weight: 800; font-size: 17px; color: #222222; line-height: 26px;"> style="font-family: 'PingFang SC'; font-weight: 800; font-size: 23px; color: #222222; line-height: 40px;">
{{ innerItem.title }} {{ outerItem.mc }}
</span> </span>
</template> </template>
<!-- 第三级菜单 --> <!-- 根据 cplx 字段判断使用哪个子菜单 -->
<el-menu-item v-for="content in innerItem.contents" :key="content" :index="innerItem.name + '-' + content" <template v-if="outerItem.cplx === '产品类'">
@click.native="setActiveInner(innerItem.name, content)" <el-submenu v-for="innerItem in outerItem.cpChildren" :key="innerItem.id" :index="innerItem.px"
:class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content }"> :class="{ 'inner-submenu-active': isInnerActive(innerItem.name) }"
@click.native="setActiveInner(innerItem.mc)">
<!-- 蓝色圆点 --> <template #title>
<span :style="{ <span
width: '6px', style="font-family: 'PingFang SC'; font-weight: 800; font-size: 17px; color: #222222; line-height: 26px;">
height: '6px', {{ innerItem.mc }}
background: '#165BFF', </span>
borderRadius: '50%', </template>
display: 'inline-block',
marginRight: '10px' <!-- 第三级菜单 -->
}"></span> <el-menu-item v-for="content in innerItem.children2" :key="content.id"
:index="innerItem.name + '-' + content.mc"
<!-- 第三级菜单文本 --> @click.native="setActiveInner(innerItem.name, content.mc)"
<span :style="{ :class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }">
fontFamily: 'PingFang SC',
fontWeight: '500', <!-- 蓝色圆点 -->
fontSize: '15px', <span :style="{
color: activeNameInner === innerItem.name + '-' + content ? '#165BFF' : '#222222', width: '6px',
textDecoration: activeNameInner === innerItem.name + '-' + content ? 'underline' : 'none', height: '6px',
textDecorationColor: activeNameInner === innerItem.name + '-' + content ? '#165BFF' : 'transparent', background: '#165BFF',
textUnderlineOffset: activeNameInner === innerItem.name + '-' + content ? '8px' : '0' borderRadius: '50%',
}"> display: 'inline-block',
{{ content }} marginRight: '10px'
</span> }"></span>
</el-menu-item>
<!-- 第三级菜单文本 -->
<span :style="{
fontFamily: 'PingFang SC',
fontWeight: '500',
fontSize: '15px',
color: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : '#222222',
textDecoration: activeNameInner === innerItem.name + '-' + content.mc ? 'underline' : 'none',
textDecorationColor: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : 'transparent',
textUnderlineOffset: activeNameInner === innerItem.name + '-' + content.mc ? '8px' : '0'
}">
{{ content.mc }}
</span>
</el-menu-item>
</el-submenu>
</template>
<template v-else-if="outerItem.cplx === '服务类'">
<el-submenu v-for="innerItem in outerItem.fwlChildren" :key="innerItem.id" :index="innerItem.px"
:class="{ 'inner-submenu-active': isInnerActive(innerItem.name) }"
@click.native="setActiveInner(innerItem.mc)">
<template #title>
<span
style="font-family: 'PingFang SC'; font-weight: 800; font-size: 17px; color: #222222; line-height: 26px;">
{{ innerItem.mc }}
</span>
</template>
<!-- 第三级菜单 -->
<el-menu-item v-for="content in innerItem.children2" :key="content.id"
:index="innerItem.name + '-' + content.mc"
@click.native="setActiveInner(innerItem.name, content.mc)"
:class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }">
<!-- 蓝色圆点 -->
<span :style="{
width: '6px',
height: '6px',
background: '#165BFF',
borderRadius: '50%',
display: 'inline-block',
marginRight: '10px'
}"></span>
<!-- 第三级菜单文本 -->
<span :style="{
fontFamily: 'PingFang SC',
fontWeight: '500',
fontSize: '15px',
color: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : '#222222',
textDecoration: activeNameInner === innerItem.name + '-' + content.mc ? 'underline' : 'none',
textDecorationColor: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : 'transparent',
textUnderlineOffset: activeNameInner === innerItem.name + '-' + content.mc ? '8px' : '0'
}">
{{ content.mc }}
</span>
</el-menu-item>
</el-submenu>
</template>
</el-submenu> </el-submenu>
</el-submenu> </template>
</el-menu> </el-menu>
</el-col> </el-col>
<!-- 显示选项卡的内容 --> <!-- 显示选项卡的内容 -->
<el-col v-if="activeNameOuter === 'outer1'" :span="18" <el-col v-if="activeNameOuter === 'outer1'" :span="18"
style="border-radius: 10px; min-height: 700px; background-color: #f5f8fe;"> style="border-radius: 10px; min-height: 700px; background-color: #f5f8fe;">
...@@ -152,7 +195,7 @@ ...@@ -152,7 +195,7 @@
</template> </template>
<script> <script>
import { getListcx, getListdt, } from "@/api/sy.js";
export default { export default {
name: "gasDigitization", name: "gasDigitization",
// components: { footerNav }, // components: { footerNav },
...@@ -168,40 +211,41 @@ export default { ...@@ -168,40 +211,41 @@ export default {
activeNameOuter: "", // 默认选中的第一级选项 activeNameOuter: "", // 默认选中的第一级选项
activeNameInner: "", // 默认选中的第二级选项 activeNameInner: "", // 默认选中的第二级选项
collapseDataOuter: [ collapseDataOuter: [],
{ // collapseDataOuter: [
name: "outer1", // {
title: "外层折叠项 1", // name: "outer1",
collapseData: [ // title: "外层折叠项 1",
{ // collapseData: [
name: "1", // {
title: "智能化办公", // name: "1",
contents: ["大模型", "会议系统", "数字员工"], // title: "智能化办公",
}, // contents: ["大模型", "会议系统", "数字员工"],
{ // },
name: "2", // {
title: "生产化信息", // name: "2",
contents: ["大模型", "哈哈哈哈", "嘻嘻嘻嘻"], // title: "生产化信息",
}, // contents: ["大模型", "哈哈哈哈", "嘻嘻嘻嘻"],
], // },
}, // ],
{ // },
name: "outer2", // {
title: "外层折叠项 2", // name: "outer2",
collapseData: [ // title: "外层折叠项 2",
{ // collapseData: [
name: "3", // {
title: "基础设施", // name: "3",
contents: ["999", "777", "666"], // title: "基础设施",
}, // contents: ["999", "777", "666"],
{ // },
name: "4", // {
title: "其他", // name: "4",
contents: ["内容1", "内容2", "内容3"], // title: "其他",
}, // contents: ["内容1", "内容2", "内容3"],
], // },
}, // ],
], // },
// ],
// ------------- // -------------
activeName: "first", activeName: "first",
name: null, name: null,
...@@ -216,6 +260,7 @@ export default { ...@@ -216,6 +260,7 @@ export default {
}, },
computed: {}, computed: {},
mounted() { mounted() {
this.getList();
// 设置默认选中的第一级和第二级 // 设置默认选中的第一级和第二级
if (this.collapseDataOuter.length > 0) { if (this.collapseDataOuter.length > 0) {
this.activeNameOuter = this.collapseDataOuter[0].name; // 默认选中第一个外层选项 this.activeNameOuter = this.collapseDataOuter[0].name; // 默认选中第一个外层选项
...@@ -250,13 +295,14 @@ export default { ...@@ -250,13 +295,14 @@ export default {
console.log(this.activeName, ' this.activeName'); console.log(this.activeName, ' this.activeName');
}, },
getList() { getList() {
// listOrganization().then(res => { getListcx().then(res => {
// console.log('组织领导', res) console.log('res', res)
// this.cpjj = res.data.bmjjwh this.collapseDataOuter = res.data;
// this.gntd = res.data.zzld // this.cpjj = res.data.bmjjwh
// this.yycx = res.data.sjglry // this.gntd = res.data.zzld
// this.yfjs = res.data.sjglry // this.yycx = res.data.sjglry
// }) // this.yfjs = res.data.sjglry
})
}, },
......
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