表格全局样式修改

杨威
Showing 4 changed files with 41 additions and 34 deletions
src/assets/less/main.less
src/components/formMenu/qlr.vue
src/components/formMenu/qlxz.vue
src/views/systemZD/zddcb/index.vue
--- a/src/assets/less/main.less
View file @f5b48b5
+++ b/src/assets/less/main.less
View file @f5b48b5
@@ -23,7 +23,12 @@
 .fr{
    float: right;
 }
+table{
+    border-width: 0;
+}
+table,td,tr,.el-col,.title{
+    border-color: #E6E6E6 !important;
+}
 .formInput {
    height: 20px;
    width: 96%;
--- a/src/components/formMenu/qlr.vue
View file @f5b48b5
+++ b/src/components/formMenu/qlr.vue
View file @f5b48b5
@@ -560,14 +560,14 @@
 	.el-table--border::after,
 	.el-table--group::after,
 	.el-table::before {
-		background-color: black;
+		background-color: #E6E6E6;
 	}
 	.el-table--border td,
 	.el-table--border th,
 	.el-table__body-wrapper
 		.el-table--border.is-scrolling-left
 		~ .el-table__fixed {
-		border-right: 1px solid #000;
+		border-right: 1px solid#E6E6E6;
 	}
 	.el-table td,
 	.el-table th {
@@ -577,9 +577,11 @@
 	}
 	.el-table td,
 	.el-table th.is-leaf {
-		border-bottom: 1px solid #000;
+		border-bottom: 1px solid#E6E6E6;
+    	border-color: #E6E6E6 !important;
 	}
 	.qlrTable {
+    	border-color: #E6E6E6 !important;
 		.el-input__inner {
 			height: 20px;
 			margin: 0;
--- a/src/components/formMenu/qlxz.vue
View file @f5b48b5
+++ b/src/components/formMenu/qlxz.vue
View file @f5b48b5
@@ -95,13 +95,13 @@
 				<el-col :span="3" :key="childIndex+'4'" :class="childIndex>0 ? 'childYT':''">
 					<ul>
 						<li>
-							<input type="text" v-model="childItem.pzytdm" class="formInput" />
+							<input type="text" placeholder="请输入" v-model="childItem.pzytdm" class="formInput" />
 						</li>
 						<li>
-							<input type="text" v-model="childItem.sjytdm" class="formInput" />
+							<input type="text" placeholder="请输入" v-model="childItem.sjytdm" class="formInput" />
 						</li>
 						<li>
-							<input type="text" v-model="childItem.syqx " class="formInput" />
+							<input type="text" placeholder="请输入" v-model="childItem.syqx " class="formInput" />
 						</li>
 					</ul>
 				</el-col>
@@ -319,7 +319,7 @@ export default {
 					height: 37px;
 					line-height: 37px;
 					text-decoration: none;
-					border-bottom: 1px solid grey;
+					border-bottom: 1px solid #E6E6E6;
 					.el-select{
 						width: 100%;
 					}
--- a/src/views/systemZD/zddcb/index.vue
View file @f5b48b5
+++ b/src/views/systemZD/zddcb/index.vue
View file @f5b48b5
@@ -106,7 +106,7 @@
 					<td colspan="2">宗地代码<i class="requisite">*</i></td>
 					<td colspan="4" class="psr">
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							class="formInput percent78"
 							v-model="formData.zddm"
 						/>
@@ -118,7 +118,7 @@
 				<tr>
 					<td colspan="2">地籍号</td>
 					<td colspan="4">
-						<input type="text" class="formInput" v-model="formData.djh" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.djh" />
 					</td>
 					<td colspan="2">不动产单元号<i class="requisite">*</i></td>
@@ -134,12 +134,12 @@
 				<tr>
 					<td colspan="2">坐落<i class="requisite">*</i></td>
 					<td colspan="4">
-						<input type="text" class="formInput" v-model="formData.zl" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zl" />
 					</td>
 					<td colspan="2">项目名称</td>
 					<td colspan="4" class="psr">
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							class="formInput "
 							v-model="formData.xmmc"
 						/>
@@ -160,20 +160,20 @@
 					</td>
 					<td colspan="2">价格(元)</td>
 					<td colspan="4" class="psr">
-						<input type="text" class="formInput" v-model="formData.jg" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.jg" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2" rowspan="2">所在图幅号</td>
 					<td colspan="2">比例尺</td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.blc" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.blc" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">图幅号</td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.tfh" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.tfh" />
 					</td>
 				</tr>
 				<tr>
@@ -191,21 +191,21 @@
 					</td>
 					<td colspan="2">
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="rjl"
 							v-show="isInterval(formData.jyrjl)"
 							class="formInput percent47"
 						/>
 						<span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="formData.rjl"
 							:class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
 						/>
 					</td>
 					<td colspan="2">容积说明</td>
 					<td colspan="4" class="psr">
-						<input type="text" class="formInput" v-model="formData.rjsm" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.rjsm" />
 					</td>
 				</tr>
 				<tr>
@@ -223,21 +223,21 @@
 					</td>
 					<td colspan="2">
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="jzmd"
 							v-show="isInterval(formData.jyjzmd)"
 							class="formInput percent47"
 						/>
 						<span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="formData.jzmd"
 							:class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
 						/>
 					</td>
 					<td colspan="2">建筑密度说明</td>
 					<td colspan="4" class="psr">
-						<input type="text" class="formInput" v-model="formData.jzmdsm" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzmdsm" />
 					</td>
 				</tr>
 				<tr>
@@ -255,46 +255,46 @@
 					</td>
 					<td colspan="2">
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="jzxg"
 							v-show="isInterval(formData.jyjzxg)"
 							class="formInput percent47"
 						/>
 						<span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
 						<input
-							type="text"
+							type="text" placeholder="请输入"
 							v-model="formData.jzxg"
 							:class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
 						/>
 					</td>
 					<td colspan="2">建筑限高说明</td>
 					<td colspan="4" class="psr">
-						<input type="text" class="formInput" v-model="formData.jzxgsm" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzxgsm" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2" rowspan="4">宗地四至</td>
 					<td colspan="2">北至<i class="requisite">*</i></td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.zdszb" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszb" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">东至<i class="requisite">*</i></td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.zdszd" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszd" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">南至<i class="requisite">*</i></td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.zdszn" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszn" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">西至<i class="requisite">*</i></td>
 					<td colspan="8" class="psr">
-						<input type="text" class="formInput" v-model="formData.zdszx" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszx" />
 					</td>
 				</tr>
 				<tr>
@@ -305,33 +305,33 @@
 				<tr>
 					<td colspan="2" rowspan="2">批准面积(㎡)</td>
 					<td colspan="2" rowspan="2">
-						<input type="text" class="formInput" v-model="formData.pzmj" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.pzmj" />
 					</td>
 					<td colspan="2" rowspan="2">宗地面积(㎡)</td>
 					<td colspan="2" rowspan="2">
-						<input type="text" class="formInput" v-model="formData.zdmj" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.zdmj" />
 					</td>
 					<td colspan="2">建筑占地总面积</td>
 					<td colspan="2">
-						<input type="text" class="formInput" v-model="formData.jzzdzmj" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzdzmj" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">建筑面积(㎡)</td>
 					<td colspan="2">
-						<input type="text" class="formInput" v-model="formData.jzzmj" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzmj" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2">共有/共用权利人情况</td>
 					<td colspan="10">
-						<input type="text" class="formInput" v-model="formData.gygyqlrqk" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.gygyqlrqk" />
 					</td>
 				</tr>
 				<tr>
 					<td colspan="2" rowspan="2">说明</td>
 					<td colspan="10" rowspan="2">
-						<input type="text" class="formInput" v-model="formData.sm" />
+						<input type="text" placeholder="请输入" class="formInput" v-model="formData.sm" />
 					</td>
 				</tr>
 			</table>