You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
171 lines
6.2 KiB
Plaintext
171 lines
6.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<!--- 引入代码. -->
|
|
<link rel="stylesheet" type="text/css" href="../WF/Portal/icons/font-icons.min.css">
|
|
<link rel="stylesheet" type="text/css" href="../WF/Portal/icons/icons.css">
|
|
<link rel="stylesheet" type="text/css" href="../WF/Portal/layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" href="../WF/Portal/layui/css/customer.css">
|
|
|
|
<link href="../CCMobile/js/mui/css/mui.css" rel="stylesheet" />
|
|
<script src="../CCMobile/js/mui/js/mui.min.js"></script>
|
|
<script type="text/javascript" src="../WF/Portal/js/sortjs/Sortable.min.js"></script>
|
|
<!--- 引入代码. -->
|
|
<script src="../WF/Scripts/jquery-1.11.0.min.js"></script>
|
|
<script type="text/javascript" src="../WF/Portal/layui/layui.js"></script>
|
|
<script src="../WF/Scripts/jquery-1.11.0.min.js"></script>
|
|
<script src="../WF/Scripts/QueryString.js" type="text/javascript"></script>
|
|
<script src="../WF/Scripts/config.js" type="text/javascript"></script>
|
|
<script src="../WF/Comm/Gener.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../WF/Portal/js/vue/vue.js"></script>
|
|
<script src="../WF/Scripts/layui/LayuiDialog.js"></script>
|
|
<script src="DefaultMenu.js"></script>
|
|
|
|
<style>
|
|
html, body {
|
|
background: #fff;
|
|
}
|
|
|
|
.header {
|
|
line-height: 40px;
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid #ccc;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.header strong {
|
|
font-size: 16px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.mobile-apps-centeros {
|
|
}
|
|
|
|
.subTitle strong {
|
|
font-size: 13px;
|
|
padding: 10px 0px;
|
|
display: block
|
|
}
|
|
|
|
.iconTitle {
|
|
text-align: center;
|
|
padding-bottom: 15px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.iconTitle i {
|
|
display: block;
|
|
padding: 5px 0px 10px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.iconTitle:nth-child(3n+1) {
|
|
color: red;
|
|
}
|
|
|
|
.iconTitle:nth-child(3n+2) {
|
|
color: #2e889b;
|
|
}
|
|
|
|
.iconTitle:nth-child(3n+3) {
|
|
color: #0094ff;
|
|
}
|
|
|
|
.iconTitle:nth-child(3n+4) {
|
|
color: #c42500;
|
|
}
|
|
|
|
.iconTitle span {
|
|
font-size: 13px;
|
|
color: #414141
|
|
}
|
|
|
|
.layui-tab-title li {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.layui-tab-brief > .layui-tab-title .layui-this {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.layui-tab-brief > .layui-tab-title .layui-this:after {
|
|
border-bottom: 2px solid #d00026
|
|
}
|
|
.mui-scroll > .mui-active {
|
|
border-bottom: 2px solid #d00026
|
|
}
|
|
.mui-segmented-control.mui-scroll-wrapper {
|
|
height: 42px;
|
|
}
|
|
* {
|
|
touch-action: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!--<div id="mymask">
|
|
正在加载..
|
|
</div>-->
|
|
<div class="flow" id="flow">
|
|
<div class="header"><a href="Default.htm"><i class="fa fa-chevron-left"></i> <strong>应用中心</strong></a></div>
|
|
<div class="layui-container mobile-apps-centeros">
|
|
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
|
|
<div class="mui-scroll">
|
|
<a v-for="(item,index) in flowNodes" :key="index" :data-id="item.No" :data-pid="item.ParentNo"
|
|
:data-sysid="item.No" :class="{'mui-active':selectedTopMenuIndex === item.No,'mui-control-item':true}" @click="ChangeSystemNo(item.No)">
|
|
<span :data-sysno="item.No" :data-name="item.Name"
|
|
:data-idx="index">{{item.Name}}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="layui-tab-content subTitle">
|
|
<div v-for="(item,index) in flowNodes" :key="index" :class="{'mui-active':selectedTopMenuIndex === item.No,'mui-slider-item':true, 'mui-control-content':true}" :data-pid="item.No" :id="item.No">
|
|
<div v-for="(module,idx) in item.children" :key="idx" :data-pid="item.No" :data-id="module.No"
|
|
:data-moduleid="module.No" :data-sysidx="index">
|
|
<strong class="item-module-dp" :data-sysno="item.No"
|
|
:data-moduleno="module.No" :data-name="module.Name" :data-pidx="index" :data-idx="idx">
|
|
{{module.Name}}
|
|
</strong>
|
|
<div class="layui-row" v-show="k ==0 ||(k+1)%4 == 0" v-for="(m,k) in module.children">
|
|
<template v-for="(menu,menu_idx) in module.children" v-if="menu_idx>=k&& menu_idx<=k+3">
|
|
<div class="layui-col-xs3 iconTitle"
|
|
:data-menuno="menu.No" :data-pid="module.No" :data-id="menu.No" :data-sysidx="index"
|
|
:data-moduleidx="idx">
|
|
<div @click="openPage(menu)">
|
|
<i :class="menu.Icon"></i> <span>{{menu.Name}}</span>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./Apps.js"></script>
|
|
<script src="../WF/Portal/DefaultMenuGlo.js"></script>
|
|
<script>
|
|
mui.init();
|
|
(function ($) {
|
|
//阻尼系数
|
|
var deceleration = mui.os.ios ? 0.003 : 0.0009;
|
|
$('.mui-scroll-wrapper').scroll({
|
|
bounce: false,
|
|
indicators: true, //是否显示滚动条
|
|
deceleration: deceleration
|
|
});
|
|
})(mui);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|