Skip to content

R
rongtong-app
Commit d528437b authored by wei's avatar wei
Browse files
Options

menu

parent e48bdbb7
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 90 deletions
src/views/saveWorkbench/index.vue
View file @ d528437b
...@@ -6,23 +6,26 @@ ...@@ -6,23 +6,26 @@
办公控制台 办公控制台
</header> </header>
</van-sticky> </van-sticky>
<van-notice-bar left-icon="volume-o" :scrollable="true" color="#a09c9c" background="#D5EAFF"> <van-notice-bar left-icon="volume-o" :scrollable="true" color="#a09c9c" background="#D5EAFF">
<van-swipe <van-swipe class="notice-swipe" :show-indicators="false" width="100vw">
class="notice-swipe"
:show-indicators="false"
width="100vw"
>
<van-swipe-item>危险源系统正式上线</van-swipe-item> <van-swipe-item>危险源系统正式上线</van-swipe-item>
<van-swipe-item>汛期安全防护会议计划本周日召开</van-swipe-item> <van-swipe-item>汛期安全防护会议计划本周日召开</van-swipe-item>
</van-swipe> </van-swipe>
</van-notice-bar> </van-notice-bar>
<van-swipe :autoplay="6000"> <van-swipe :autoplay="6000">
<van-swipe-item v-for="(item, index) in images" :key="index"> <van-swipe-item v-for="(item, index) in images" :key="index">
<img style="width:100%;height:200px" :src="item.url"/> <img style="width:100%;height:200px" :src="item.url" />
</van-swipe-item> </van-swipe-item>
</van-swipe> </van-swipe>
<div class="con"> <div class="con">
<van-cell-group inset v-for="(item, index) in riskList" :key="index"> <van-cell-group inset v-if="finalRiskList.length > 0">
<van-cell value="风险评估管理" />
<van-grid :column-num="4">
<van-grid-item @click="dangerJump(item.path)" v-for="item in finalRiskList" :key="item.key" :icon="item.imgUrl"
:text="item.text" />
</van-grid>
</van-cell-group>
<!-- <van-cell-group inset v-for="(item, index) in riskList" :key="index">
<van-cell :value="item.menuName" /> <van-cell :value="item.menuName" />
<van-grid :column-num="5"> <van-grid :column-num="5">
<van-grid-item <van-grid-item
...@@ -33,8 +36,8 @@ ...@@ -33,8 +36,8 @@
:text="it.menuName" :text="it.menuName"
/> />
</van-grid> </van-grid>
</van-cell-group> </van-cell-group> -->
</div> </div>
<!-- tanBar --> <!-- tanBar -->
<tab-bar :index="1"></tab-bar> <tab-bar :index="1"></tab-bar>
</div> </div>
...@@ -49,93 +52,137 @@ export default { ...@@ -49,93 +52,137 @@ export default {
}, },
data() { data() {
return { return {
value:'', value: '',
/** /**
* 总公司：任务台账； * 总公司：任务台账；
* 区域负责人：任务管理，任务审批，任务台账 * 区域负责人：任务管理，任务审批，任务台账
* 评估负责人： 执行管理，风险评估，任务审批，任务台账 * 评估负责人： 执行管理，风险评估，任务审批，任务台账
* 组员： 风险评估，任务台账 * 组员： 风险评估，任务台账
*/ */
riskList2: [ riskList2: [
{ {
path: "/taskLedger", path: "/taskLedger",
imgUrl: require("@/assets/workbench/work-approval.png"), imgUrl: require("@/assets/workbench/work-approval.png"),
text: "任务台账", text: "任务台账",
}, },
{ {
path: "/riskManage", path: "/riskManage",
imgUrl: require("@/assets/workbench/risk-report.png"), imgUrl: require("@/assets/workbench/risk-report.png"),
text: "任务管理", text: "任务管理",
}, },
{ {
path: "/taskManage", path: "/taskManage",
imgUrl: require("@/assets/workbench/plane-approval.png"), imgUrl: require("@/assets/workbench/plane-approval.png"),
text: "任务审批", text: "任务审批",
}, },
{ {
path: "/riskExecution", path: "/riskExecution",
imgUrl: require("@/assets/workbench/rectification-notice.png"), imgUrl: require("@/assets/workbench/rectification-notice.png"),
text: "执行管理", text: "执行管理",
}, },
{ {
path: "/riskAssess", path: "/riskAssess",
imgUrl: require("@/assets/workbench/risk-confirm.png"), imgUrl: require("@/assets/workbench/risk-confirm.png"),
text: "风险评估", text: "风险评估",
}, },
{ {
path: "/riskApprove", path: "/riskApprove",
imgUrl: require("@/assets/workbench/risk-account.png"), imgUrl: require("@/assets/workbench/risk-account.png"),
text: "风险审批", text: "风险审批",
}, },
{ {
path: "/riskLedger", path: "/riskLedger",
imgUrl: require("@/assets/workbench/danger-account.png"), imgUrl: require("@/assets/workbench/danger-account.png"),
text: "风险台账", text: "风险台账",
}, },
// { // {
// path: "/riskView", // path: "/riskView",
// imgUrl: require("@/assets/workbench/quarter_record.png"), // imgUrl: require("@/assets/workbench/quarter_record.png"),
// text: "四色图", // text: "四色图",
// }, // },
], ],
riskList:[], riskList: [ {
images:[ key:"1",
{ path: "/taskLedger",
url: require('@/assets/workbench/u47.png'), imgUrl: require("@/assets/workbench/work-approval.png"),
}, text: "任务台账",
{ },
url: require('@/assets/workbench/u51.png'), {
}, key:"2",
{ path: "/riskManage",
url: require('@/assets/workbench/u55.png'), imgUrl: require("@/assets/workbench/risk-report.png"),
}, text: "任务管理",
] },
{
key:"3",
path: "/taskManage",
imgUrl: require("@/assets/workbench/plane-approval.png"),
text: "任务审批",
},
{
key:"4",
path: "/riskExecution",
imgUrl: require("@/assets/workbench/rectification-notice.png"),
text: "执行管理",
},
{
key:"5",
path: "/riskAssess",
imgUrl: require("@/assets/workbench/risk-confirm.png"),
text: "风险评估",
},
{
key:"6",
path: "/riskApprove",
imgUrl: require("@/assets/workbench/risk-account.png"),
text: "风险审批",
},
{
key:"7",
path: "/riskLedger",
imgUrl: require("@/assets/workbench/danger-account.png"),
text: "风险台账",
},],
finalRiskList:[],
images: [
{
url: require('@/assets/workbench/u47.png'),
},
{
url: require('@/assets/workbench/u51.png'),
},
{
url: require('@/assets/workbench/u55.png'),
},
]
}; };
}, },
created() { created() {
}, },
mounted() { mounted() {
this.getMenuList() // this.getMenuList();
this.workBenchList();
}, },
methods: { methods: {
//查询角色菜单列表 //查询角色菜单列表
getMenuList(){ getMenuList() {
getFun('/menu/roleMenuTreeselect').then((res) => { getFun('/menu/roleMenuTreeselect').then((res) => {
this.riskList = res.list this.riskList = res.list
this.riskList.forEach((item,index) => { this.riskList.forEach((item, index) => {
item.children.forEach((i,k) => { item.children.forEach((i, k) => {
let data = this.riskList2.find((y) => y.text == i.menuName) let data = this.riskList2.find((y) => y.text == i.menuName)
if (data) { if (data) {
i.icon = data.imgUrl i.icon = data.imgUrl
} }
}) })
}); });
console.log('this.riskList==>>',this.riskList) console.log('this.riskList==>>', this.riskList)
}).catch((err) => { }).catch((err) => {
console.log('err==>>',err) console.log('err==>>', err)
}) })
}, },
workBenchList() { workBenchList() {
...@@ -145,7 +192,7 @@ export default { ...@@ -145,7 +192,7 @@ export default {
if (this.powerObj.风险评估管理) { if (this.powerObj.风险评估管理) {
this.finalRiskList = [ this.finalRiskList = [
...this.riskList ...this.riskList
].filter((x) => ].filter((x) =>
[...this.powerObj.风险评估管理].some( [...this.powerObj.风险评估管理].some(
(y) => (`/${y.path}`) == x.path (y) => (`/${y.path}`) == x.path
) )
...@@ -208,20 +255,24 @@ export default { ...@@ -208,20 +255,24 @@ export default {
height: 1rem; height: 1rem;
} }
} }
.notice-swipe { .notice-swipe {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
color: #a09c9c; color: #a09c9c;
} }
.van-swipe-item{
.van-swipe-item {
width: 100%; width: 100%;
} }
.my-swipe .van-swipe-item {
.my-swipe .van-swipe-item {
width: 100%; width: 100%;
height: 300px; height: 300px;
img{
img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
</style> </style>
vue.config.js
View file @ d528437b
...@@ -9,9 +9,9 @@ module.exports = { ...@@ -9,9 +9,9 @@ module.exports = {
proxy: { //配置跨域 proxy: { //配置跨域
'/app-api': { '/app-api': {
// target: 'http://192.168.4.232:8080/', //这里是后台的地址 // target: 'http://192.168.4.232:8080/', //这里是后台的地址
// target: 'http://192.168.15.124:8080/', //这里是杨帆的地址 target: 'http://192.168.15.124:8080/', //这里是杨帆的地址
// target: 'http://192.168.10.137:8080/', //这里是昊哥的地址 // target: 'http://192.168.10.137:8080/', //这里是昊哥的地址
target: 'http://192.168.10.36:8080/', //这里是后台的地址 // target: 'http://192.168.10.36:8080/', //这里是后台的地址
ws: true, ws: true,
changOrigin: true, //允许跨域 changOrigin: true, //允许跨域
// logLevel: 'debug', // 显示代理调试信息 // logLevel: 'debug', // 显示代理调试信息
......
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