信息查询地块数量及面积统计修改

src/views/qcsb/QcSsgqzysytdqkList_gly.vue

@@ -147,19 +147,19 @@
           <a-col :span="9"></a-col>
           <a-col :span="9">
             <a-row>
-              <a-col :span="12">
+              <a-col :span="11">
                 <div class="szdk">
                   <span><img src="../sydwqcsb/img/dk.png" style="margin-left: 10px;margin-right: 10px"/></span>
-                  <span style="color: rgb(50,150,255);font-size: 16px">地块数量（块）</span>
-                  <span style="margin-left: 30px;color: rgb(50,150,255);font-size: 16px">{{ countDk }}</span>
+                  <span style="color: rgb(50,150,255);font-size: 16px;width: 130px">地块数量（块）</span>
+                  <span style="margin-right: 20px;text-align:right; color: rgb(50,150,255);font-size: 16px;width: calc(100% - 174px);">{{ countDk }}</span>
                 </div>
                 <!--                <a-statistic title="地块数量" v-model="countDk" />-->
               </a-col>
-              <a-col :span="12">
+              <a-col :span="13">
                 <div class="szarea">
                   <span><img src="../sydwqcsb/img/area.png" style="margin-left: 10px;margin-right: 10px"/></span>
-                  <span style="color: rgb(30,196,146);font-size: 16px">地块面积（亩）</span>
-                  <span style="margin-left: 10px;color: rgb(30,196,146);font-size: 16px">{{ areaDk }}</span>
+                  <span style="color: rgb(30,196,146);font-size: 16px;width: 130px">地块面积（亩）</span>
+                  <span style="margin-right: 20px;text-align:right;color: rgb(30,196,146);font-size: 16px;width:calc(100% - 174px);">{{ areaDk }}</span>
                 </div>
               </a-col>
             </a-row>
@@ -521,9 +521,13 @@ export default {
 @import '~@assets/less/common.less';
 
 .szdk {
-  background-image: url('../sydwqcsb/img/dk_back.png');
+  background-color: #ffffff;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 5px;
+  border-color:#3297FF;
   display: flex;
-  width: 100%;
+  width: calc(100% - 2px);
   height: 36px;
   background-size: contain;
   background-repeat: no-repeat;
@@ -531,7 +535,11 @@ export default {
 }
 
 .szarea {
-  background-image: url('../sydwqcsb/img/area_back.png');
+  background-color: #ffffff;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 5px;
+  border-color:#1FC493;
   display: flex;
   width: 100%;
   height: 36px;

src/views/sydwqcsb/QcSsgqzysytdqkList_glyy.vue

@@ -146,19 +146,19 @@
           <!--省直单位-->
           <a-col :span="9">
             <a-row >
-              <a-col :span="12">
+              <a-col :span="11">
                 <div class="szdk">
                   <span><img src='./img/dk.png' style='margin-left: 10px;margin-right: 10px'/></span>
-                  <span style='color: rgb(50,150,255);font-size: 16px'>地块数量（块）</span>
-                  <span style='margin-left: 30px;color: rgb(50,150,255);font-size: 16px'>{{ countDk }}</span>
+                  <span style="color: rgb(50,150,255);font-size: 16px;width: 130px">地块数量（块）</span>
+                  <span style='margin-right: 20px;text-align:right; color: rgb(50,150,255);font-size: 16px;width: calc(100% - 174px);'>{{ countDk }}</span>
                 </div>
                 <!--                <a-statistic title="地块数量" v-model="countDk" />-->
               </a-col>
-              <a-col :span="12">
+              <a-col :span="13">
                 <div class="szarea">
                   <span><img src='./img/area.png' style='margin-left: 10px;margin-right: 10px'/></span>
-                  <span style='color: rgb(30,196,146);font-size: 16px'>地块面积（亩）</span>
-                  <span style='margin-left: 10px;color: rgb(30,196,146);font-size: 16px'>{{ areaDk }}</span>
+                  <span style='color: rgb(30,196,146);font-size: 16px;width: 130px'>地块面积（亩）</span>
+                  <span style='margin-right: 20px;text-align:right;color: rgb(30,196,146);font-size: 16px;width:calc(100% - 174px);'>{{ areaDk }}</span>
                 </div>
               </a-col>
             </a-row>
@@ -505,17 +505,25 @@ export default {
   align-items: center; /* 垂直居中 */
 }
 .szdk {
-  background-image: url('./img/dk_back.png');
+  background-color: #ffffff;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 5px;
+  border-color:#3297FF;
   display: flex;
-  width: 100%;
+  width: calc(100% - 2px);
   height: 36px;
-  //background-size: cover;
   background-size: contain;
   background-repeat: no-repeat;
   align-items: center; /* 垂直居中 */
 }
+
 .szarea {
-  background-image: url('./img/area_back.png');
+  background-color: #ffffff;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 5px;
+  border-color:#1FC493;
   display: flex;
   width: 100%;
   height: 36px;