Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
a83785e6 by 焦小希
Options

修改侧边栏的样式，优化页面的整体风格

1 parent af213db2
Inline Side-by-side
Showing 8 changed files with 127 additions and 38 deletions
......@@ -265,6 +265,10 @@
display: flex;
align-items: center;
}
/*批后管理左侧菜单颜色色的更改*/
.el-submenu .el-submenu__title span{
color:#00E7FF
}
.el-menu-vertical-demo .el-submenu .el-submenu__title .el-icon-arrow-down::before {
content: '';
display: block;
......@@ -431,7 +435,7 @@
</div>
<!-- FIXME: left: 160px; => left: 186px; ;right: 24px;bottom: 16px; -->
<div class="row" id="divContentRight" style="float: left; box-sizing: border-box;display:inline-block;position: fixed;top: 54px;left: 201px;right: 15px;bottom: 0px;;">
<div class="row" id="divContentRight" style="float: left; box-sizing: border-box;display:inline-block;position: fixed;top: 54px;left: 201px;right: 15px;bottom: 0px;background: #fff;">
<div id="divFrame">
<%--<div class="the_mask" style="height: 100%;position: absolute;width: 100%;background: black;opacity: 0.8;z-index: 5">这个是图层蒙版</div>--%>
<iframe id="iframecontent" name="syiframe" frameborder="0" scrolling="no" class="tabindex-0" marginwidth="0" style="height: 100%;width: 100%; display:inline-block;"></iframe>
......
......@@ -21,7 +21,7 @@
.search{
display: flex;
justify-content: space-between;
background: #ccc;
height: 37px;
}
.opt{
display: flex;
......@@ -41,7 +41,8 @@
}
.el-table{
margin-top: 20px;
border: 1px solid #cac8c8
border: 1px solid #cac8c8;
min-height: 750px;
}
.el-table th {
background:#F2F2F2 !important;
......@@ -53,12 +54,29 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-table__row{
cursor: pointer;
}
.div-search{
border: 1px solid #cac8c8;
border-radius: 2px;
margin-right: 0;
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-top: 3px;
}
.div-search input{
border: none;
height: 27px;
padding-left: 15px;
border-radius: 2px;
outline: 0;
}
</style>
</head>
<body>
......@@ -77,9 +95,11 @@
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
<div style="float: right" class="div-search">
<!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>-->
<!-- <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>-->
<input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
<img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
</div>
</div>
<!-- 表格区域-->
......
......@@ -92,7 +92,8 @@ var self = new Vue({
clickData(row, column, event) {
// console.log(row, column, event)
this.jumpdetailPage(row);
},// 详情
},
// 详情
jumpdetailPage(data) {
var taskid = data.TASKID;
var detailType = data.detailType;
......
......@@ -21,7 +21,8 @@
.search{
display: flex;
justify-content: space-between;
background: #ccc;
/*background: #cccc;*/
height: 37px;
}
.opt{
display: flex;
......@@ -41,7 +42,9 @@
}
.el-table{
margin-top: 20px;
border: 1px solid #cac8c8
border: 1px solid #cac8c8;
min-height: 750px;
}
.el-table th {
background:#F2F2F2 !important;
......@@ -53,12 +56,29 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-table__row{
cursor: pointer;
}
.div-search{
border: 1px solid #cac8c8;
border-radius: 2px;
margin-right: 0;
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-top: 3px;
}
.div-search input{
border: none;
height: 27px;
padding-left: 15px;
border-radius: 2px;
outline: 0;
}
</style>
</head>
<body>
......@@ -77,9 +97,11 @@
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610d86125b9a801612600a4c60003','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
<div style="float: right" class="div-search" >
<!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>-->
<!-- <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>-->
<input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
<img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
</div>
</div>
<!-- 表格区域-->
......
......@@ -21,7 +21,7 @@
.search{
display: flex;
justify-content: space-between;
background: #ccc;
height: 37px;
}
.opt{
display: flex;
......@@ -41,7 +41,8 @@
}
.el-table{
margin-top: 20px;
border: 1px solid #cac8c8
border: 1px solid #cac8c8;
min-height:750px
}
.el-table th {
background:#F2F2F2 !important;
......@@ -53,12 +54,29 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-table__row{
cursor: pointer;
}
.div-search{
border: 1px solid #cac8c8;
border-radius: 2px;
margin-right: 0;
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-top: 3px;
}
.div-search input{
border: none;
height: 27px;
padding-left: 15px;
border-radius: 2px;
outline: 0;
}
</style>
</head>
<body>
......@@ -77,9 +95,11 @@
<el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
<div style="float: right" class="div-search">
<!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>-->
<!-- <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>-->
<input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
<img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
</div>
</div>
<!-- 表格区域-->
......
......@@ -22,7 +22,7 @@
.search{
display: flex;
justify-content: space-between;
background: #ccc;
height: 37px;
}
.opt{
display: flex;
......@@ -42,6 +42,7 @@
}
.el-table{
margin-top: 20px;
min-height: 750px;
}
.el-table th {
background:#F2F2F2 !important;
......@@ -56,8 +57,8 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-table__row{
cursor: pointer;
......@@ -65,6 +66,23 @@
.el-table__row{
cursor: pointer;
}
.div-search{
border: 1px solid #cac8c8;
border-radius: 2px;
margin-right: 0;
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-top: 3px;
}
.div-search input{
border: none;
height: 27px;
padding-left: 15px;
border-radius: 2px;
outline: 0;
}
</style>
</head>
<body>
......@@ -83,9 +101,11 @@
<!-- <el-button v-show="isActive == 5" type ="primary" size="mini" @click="openHandleJumpUrl('t1001_8a8610de737b99270173937337e00133','1')">添加</el-button>-->
<el-button v-show="isActive == 5" type ="primary" size="mini">删除</el-button>
</div>
<div style="float: right">
<el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>
<el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>
<div style="float: right" class="div-search">
<!-- <el-input style="width:300px;margin-right: 20px" placeholder="请输入搜索的内容"></el-input>-->
<!-- <el-button type ="primary" size="mini" icon="el-icon-search">查询</el-button>-->
<input id="searchInput" type="text" placeholder="搜索待办项目" style="width: 82%;" v-model="search">
<img id="searchBtn" src="../../../../image/projecttask/search.png" style="margin-right: 10px; margin-top: 4px; width: 20px; height: 20px; float: right;">
</div>
</div>
<!-- 表格区域-->
......
......@@ -14,7 +14,7 @@
<script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script>
<style>
.contanier{
margin:10px 10px 0 10px;
margin:-20px 10px 0 10px;
height:100%;
background: #fff;
}
......@@ -28,7 +28,8 @@
margin-top: 20px;
}
.el-table{
border: 1px solid #cac8c8
border: 1px solid #cac8c8;
min-height:750px
}
.el-table th {
background:#F2F2F2 !important;
......@@ -40,8 +41,8 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-pagination__jump{
margin-top: -15px;
......
......@@ -14,7 +14,7 @@
<script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script>
<style>
.contanier{
margin:10px 10px 0 10px;
margin:-20px 10px 0 10px;
height:100%;
background: #fff;
}
......@@ -31,7 +31,8 @@
background:#F2F2F2 !important;
}
.el-table{
border: 1px solid #cac8c8
border: 1px solid #cac8c8;
min-height: 750px;
}
.el-table tbody tr:hover>td {
background-color:#EEF9FF!important
......@@ -40,8 +41,8 @@
float: right;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
bottom: 15px;
right: 11px;
}
.el-pagination__jump{
margin-top: -15px;
......@@ -76,7 +77,7 @@
width: 280px;
height: 30px;
margin-left: 10px;
margin-left: -120px;
margin-left: -200px;
margin-top: 18px;
}
.div-search input{
......