|
|
@@ -201,6 +201,7 @@
|
|
|
.form .text-left a.btn:hover{
|
|
|
background: #be3b1b;
|
|
|
}
|
|
|
+
|
|
|
/*项目详情*/
|
|
|
.detail .list-item{
|
|
|
margin-bottom: 40px;
|
|
|
@@ -516,6 +517,292 @@
|
|
|
border: none;
|
|
|
outline: none;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ body{
|
|
|
+ font-family: "Microsoft Yahei", "微软雅黑";
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .clearfix {
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+ .skin-blue .content-wrapper .content-header{
|
|
|
+ margin: 0 0 -15px 3px;
|
|
|
+ }
|
|
|
+ .content-header div.all{
|
|
|
+ float: left;
|
|
|
+ margin: 23px 0 10px 0;
|
|
|
+ width: 700px;
|
|
|
+ }
|
|
|
+ .content-header div.all span{
|
|
|
+ position: relative;
|
|
|
+ margin-right: 28px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ cursor: pointer ;
|
|
|
+ }
|
|
|
+ .content-header div.all span em{
|
|
|
+ font-size: 14px;
|
|
|
+ font-style: normal;
|
|
|
+ color: #787878;
|
|
|
+ }
|
|
|
+ .content-header div.all span.active,.content-header div.all span:hover{
|
|
|
+ font-weight: bold;
|
|
|
+ color: #367fa9;
|
|
|
+ }
|
|
|
+ .content-header div.all span.active em,.content-header div.all span:hover em{
|
|
|
+ font-weight: bold;
|
|
|
+ color: #367fa9;
|
|
|
+ }
|
|
|
+ .content-header div.all span b.line:after{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ right: -14px;
|
|
|
+ width: 1px;
|
|
|
+ height: 12px;
|
|
|
+ background: #d2d2d2;
|
|
|
+ }
|
|
|
+ .content-header .form-horizontal{
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .content .jp-left{
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ }
|
|
|
+ .content .jp-left span{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .content .jp-left a{
|
|
|
+ margin-right: 15px;
|
|
|
+ display: inline-block;
|
|
|
+ width: 48px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #367fa9;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .content .jp-left select{
|
|
|
+ margin-right: 28px;
|
|
|
+ width: 150px;
|
|
|
+ height: 32px;
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+ .content .boxes {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 4px;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ width: 100%;
|
|
|
+ height: 700px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .content .boxes-body table{
|
|
|
+ width: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tr{
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle ;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tr td:nth-child(2),.content .boxes-body table tr td:nth-child(3){
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead tr{
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content .boxes-body table thead tr td{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody{
|
|
|
+ height: 655px;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr{
|
|
|
+ height: 60px;
|
|
|
+ vertical-align: middle ;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr:nth-child(even){
|
|
|
+ background: #f7f7f7;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr:hover{
|
|
|
+ background: #f1f5ff;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td{
|
|
|
+ padding-top: 6px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name{
|
|
|
+ width: 220px;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name p {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name:hover p{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ /*.content .boxes-body table tbody tr td div.name div{*/
|
|
|
+ /*display: none;*/
|
|
|
+ /*}*/
|
|
|
+ .content .boxes-body table tbody tr:hover td div.name div{
|
|
|
+ margin-top: 5px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name span{
|
|
|
+ margin-right: 25px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #367bcf;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content .boxes-body table tbody tr td div.name span:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ /*右侧内容部分*/
|
|
|
+ .content-right{
|
|
|
+ margin-top: 50px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ /*width: 50%;*/
|
|
|
+ width: 905px;
|
|
|
+ height: auto;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 100;
|
|
|
+ /*box-shadow: -5px 2px 2px #f0f0f0;*/
|
|
|
+ /*-moz-box-shadow: -5px 2px 2px #f0f0f0;*/
|
|
|
+ /*-o-box-shadow: -5px 2px 2px #f0f0f0;*/
|
|
|
+ /*-webkit-box-shadow: -5px 2px 2px #f0f0f0 ;*/
|
|
|
+ }
|
|
|
+ .right-header{
|
|
|
+ padding: 0 25px;
|
|
|
+ width: 100%;
|
|
|
+ height: 64px;
|
|
|
+ line-height: 64px;
|
|
|
+ }
|
|
|
+ .right-header span{
|
|
|
+ margin-right: 17px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .right-header a{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1a6eb5;
|
|
|
+ }
|
|
|
+ .right-header .close{
|
|
|
+ font-size: 40px;
|
|
|
+ }
|
|
|
+ .right-nav{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ width: 100%;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ background: #e8f0f7;
|
|
|
+ }
|
|
|
+ .right-nav span{
|
|
|
+ margin-right: 50px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-nav span:hover,.right-nav span.active{
|
|
|
+ border-bottom: 2px solid #3c8dbc;
|
|
|
+ }
|
|
|
+ .content-right .right-list{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .content-right .right-list table{
|
|
|
+ margin-top: 20px;
|
|
|
+ width: 100%;
|
|
|
+ table-layout: fixed ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content-right .right-list table thead{
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead tr{
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead th{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content-right .right-list table thead th:nth-child(2){
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr{
|
|
|
+ height: 60px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr:nth-child(even){
|
|
|
+ background: #f7f7f7;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr:hover{
|
|
|
+ background: #f1f5ff;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td:nth-child(2) {
|
|
|
+ /*font-weight: bold;*/
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .content-right .right-list table tbody tr td:nth-child(3) {
|
|
|
+ padding-right: 20px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ /*机构信息*/
|
|
|
+ .right-list .list-message{
|
|
|
+ padding: 0 20px 0 25px;
|
|
|
+ }
|
|
|
+ .right-list .list-header{
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 43px;
|
|
|
+ text-align: left;
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .right-list .list-header:first-child {
|
|
|
+ margin-top: -10px;
|
|
|
+ }
|
|
|
+ .right-list .list-header span{
|
|
|
+ margin-left: 15px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .right-list .list-header span:before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 13px;
|
|
|
+ left: 0;
|
|
|
+ width: 4px;
|
|
|
+ height: 16px;
|
|
|
+ background: #626262;
|
|
|
+ }
|
|
|
</style>
|
|
|
<div class="content-wrapper" style="min-height: 924px;; z-index: 50;">
|
|
|
<!-- Main content -->
|
|
|
@@ -643,7 +930,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="text-left">
|
|
|
- <button type="button" ng-disabled="baseInfoForm.$invalid || !checked" ng-click="saveBaseInfo(project)" class="btn">保存,下一步</button>
|
|
|
+ <button type="button" ng-disabled="baseInfoForm.$invalid || !checked || !project.area || !project.population" ng-click="saveBaseInfo(project)" class="btn">保存,下一步</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|