Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9637a4e8 by 任超
Options

style:受理信息

1 parent 66b1bf62
Inline Side-by-side
Showing 3 changed files with 56 additions and 8 deletions
...@@ -104,4 +104,28 @@ ...@@ -104,4 +104,28 @@
104 .btnCol { 104 .btnCol {
105 box-sizing: border-box; 105 box-sizing: border-box;
106 text-align: right; 106 text-align: right;
107 }
108
109 .title-block {
110 display: inline-block;
111 position: relative;
112 background: #3498db;
113 color: #fff !important;
114 text-align: center;
115 padding: 0px 20px;
116 height: 30px;
117 line-height: 30px;
118 border-radius: 5px 5px 5px 0px;
119 letter-spacing: 2px;
120 }
121
122 .title-block .triangle {
123 width: 0px;
124 height: 0px;
125 position: absolute;
126 border: 5px solid transparent;
127 border-top: 5px solid #3498db;
128 border-right: 5px solid #3498db;
129 left: 0px;
130 bottom: -10px;
107 } 131 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,7 +4,10 @@ ...@@ -4,7 +4,10 @@
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px"> 5 label-width="120px">
6 <div class="slxx_con"> 6 <div class="slxx_con">
7 <div class="slxx_title">受理信息</div> 7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
8 <el-row :gutter="10"> 11 <el-row :gutter="10">
9 <el-col :span="8"> 12 <el-col :span="8">
10 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh"> 13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
...@@ -45,7 +48,10 @@ ...@@ -45,7 +48,10 @@
45 </el-form-item> 48 </el-form-item>
46 </el-col> 49 </el-col>
47 </el-row> 50 </el-row>
48 <div class="slxx_title">不动产单元情况</div> 51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
49 <el-row :gutter="10"> 55 <el-row :gutter="10">
50 <el-col :span="8"> 56 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm"> 57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
...@@ -113,7 +119,10 @@ ...@@ -113,7 +119,10 @@
113 </el-form-item> 119 </el-form-item>
114 </el-col> 120 </el-col>
115 </el-row> 121 </el-row>
116 <div class="slxx_title">权利人信息</div> 122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
117 <el-row :gutter="10"> 126 <el-row :gutter="10">
118 <el-col :span="14"> 127 <el-col :span="14">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
...@@ -142,7 +151,10 @@ ...@@ -142,7 +151,10 @@
142 </el-col> 151 </el-col>
143 </el-row> 152 </el-row>
144 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> 153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
145 <div class="slxx_title">登记原因{{flag}}</div> 154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
146 <el-row :gutter="10"> 158 <el-row :gutter="10">
147 <el-col> 159 <el-col>
148 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy"> 160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
......
...@@ -4,7 +4,10 @@ ...@@ -4,7 +4,10 @@
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" 4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px"> 5 label-width="120px">
6 <div class="slxx_con"> 6 <div class="slxx_con">
7 <div class="slxx_title">受理信息</div> 7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
8 <el-row :gutter="10"> 11 <el-row :gutter="10">
9 <el-col :span="8"> 12 <el-col :span="8">
10 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh"> 13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
...@@ -45,7 +48,10 @@ ...@@ -45,7 +48,10 @@
45 </el-form-item> 48 </el-form-item>
46 </el-col> 49 </el-col>
47 </el-row> 50 </el-row>
48 <div class="slxx_title">不动产单元情况</div> 51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
49 <el-row :gutter="10"> 55 <el-row :gutter="10">
50 <el-col :span="8"> 56 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm"> 57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
...@@ -113,7 +119,10 @@ ...@@ -113,7 +119,10 @@
113 </el-form-item> 119 </el-form-item>
114 </el-col> 120 </el-col>
115 </el-row> 121 </el-row>
116 <div class="slxx_title">权利人信息</div> 122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
117 <el-row :gutter="10"> 126 <el-row :gutter="10">
118 <el-col :span="14"> 127 <el-col :span="14">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
...@@ -142,7 +151,10 @@ ...@@ -142,7 +151,10 @@
142 </el-col> 151 </el-col>
143 </el-row> 152 </el-row>
144 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> 153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
145 <div class="slxx_title">登记原因</div> 154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
146 <el-row :gutter="10"> 158 <el-row :gutter="10">
147 <el-col> 159 <el-col>
148 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy"> 160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
......