统计查询页面样式修改

UI2/src/views/qcsb/modules/QcSsgqzysytdqkForm.vue

@@ -4,10 +4,10 @@
       <a-form-model ref='form' :model='model' :rules='validatorRules' slot='detail'>
         <a-row>
           <a-col :span="24">
-            <div style="text-align: center;font-size: larger;margin-bottom: 20px">省属企业占有使用土地情况调查统计表</div>
+            <div class='tableTitle'>省属企业占有使用土地情况调查统计表</div>
           </a-col>
           <table>
-            <tr>
+            <tr class='tableGroupTitle'>
               <td colspan="2">
                 <a-col :span="24">
                   <div style="text-align: center;font-size: larger;">基本信息</div>
@@ -135,7 +135,7 @@
               </td>
             </tr>
             <tr>
-              <td colspan="2">
+              <td colspan="2" class='tableGroupTitle'>
                 <a-col :span="24">
                   <div style="text-align: center;font-size: larger;">土地权属信息</div>
                 </a-col>
@@ -519,7 +519,7 @@
               </td>
             </tr>
             <tr>
-              <td colspan="2">
+              <td colspan="2" class='tableGroupTitle'>
                 <a-col :span="24">
                   <div style="text-align: center;font-size: larger;">土地资产信息</div>
                 </a-col>
@@ -724,7 +724,7 @@
               <td></td>
             </tr>
             <tr v-if="this.model.sfsb>0">
-              <td colspan="2">
+              <td colspan="2" class='tableGroupTitle'>
               <a-col :span="24">
                 <div style="text-align: center;font-size: larger;">审核结果</div>
               </a-col>
@@ -732,9 +732,7 @@
             </tr>
             <tr v-if="this.model.sfsb>0">
               <td>
-
                 <a-col :span="24">
-
                   <a-form-model-item label="审核是否通过" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="shzt">
                     <a-col :span="22">
                       <j-dict-select-tag type="list" v-model="model.shzt" dictCode="shzt" placeholder="请选择审核是否通过" disabled/>
@@ -775,7 +773,13 @@
                 </a-col>
               </td>
             </tr>
-
+            <tr>
+              <td colspan="2" class='tableGroupTitle'>
+                <a-col :span="24">
+                  <div style="text-align: center;font-size: larger;"></div>
+                </a-col>
+              </td>
+            </tr>
           </table>
 
 
@@ -1355,4 +1359,19 @@ table .ant-form-item-control-wrapper {
   vertical-align: bottom; // 这是为了让整体的字往下移动一点
 }
 
+
+//详情页面标题样式
+.tableTitle{
+  font-weight:bold;
+  text-align: center;
+  font-size: x-large;
+  margin-bottom: 20px;
+}
+//详情页面分类标题样式
+.tableGroupTitle{
+  background-color: #abdbf3;
+  font-weight:bold;
+  font-size: 13px;
+}
+
 </style>