查询元素对齐

src/views/demo/statistical/illegaltreatment/MapList/index.vue

@@ -37,9 +37,9 @@
           :options="markTypeOptions"
         />
       </div>
-      <div class="screen-item" style="margin-right:51px;">
+      <div class="screen-item" style="margin-right:10px;">
         <!-- <div class="screen-item-label">图斑号</div> -->
-        <a-input allowClear v-model:value="params.geomid" class="item-input" placeholder="请输入图斑编号"/>
+        <a-input  style="width:270px;" allowClear v-model:value="params.geomid" class="item-input" placeholder="请输入图斑编号"/>
       </div>
       <div class="screen-item" style="display: flex; justify-content: end;margin-bottom: 0px;">
           <a-button type="primary" class="item-button" :icon="h(SearchOutlined)" @click="query">查询</a-button>
@@ -491,7 +491,7 @@
         font-size: 19px;
         color: #FFFFFF;
         line-height: 30px;
-        height:39px;
+        height:38px;
         width: 97px;
         background:#086DEC;
       }

src/views/demo/tiankongdi/auditinfo/MapList/index.vue

@@ -37,9 +37,9 @@
           :options="markTypeOptions"
         />
       </div>
-      <div class="screen-item" style="margin-right:51px;">
+      <div class="screen-item" style="margin-right:10px;">
         <!-- <div class="screen-item-label">图斑号</div> -->
-        <a-input allowClear v-model:value="params.geomid" class="item-input" placeholder="请输入图斑编号"/>
+        <a-input style="width:270px;" allowClear v-model:value="params.geomid" class="item-input" placeholder="请输入图斑编号"/>
       </div>
       <div class="screen-item" style="display: flex; justify-content: end;margin-bottom: 0px;">
           <a-button type="primary" class="item-button" :icon="h(SearchOutlined)" @click="query">查询</a-button>
@@ -489,7 +489,7 @@
         font-size: 19px;
         color: #FFFFFF;
         line-height: 30px;
-        height:39px;
+        height:38px;
         width: 97px;
         background:#086DEC;
       }

src/views/demo/tiankongdi/changearea/MapList/index.vue

@@ -31,7 +31,7 @@
           @change="(value) => mapListScreenChange(value, 'batch')"
         />
       </div>
-      <div class="screen-item" style="margin-right: 14px">
+      <div class="screen-item" style="margin-right: 18px">
         <a-input
           allowClear
           placeholder="请输入图斑编号"
@@ -62,7 +62,7 @@
           </a-button>
         </a-dropdown>
         <Icon
-          style="font-size: 25px; margin-left: 10px;cursor: pointer;"
+          style="font-size: 25px; margin-left: 14px;cursor: pointer;"
           icon="streamline:interface-time-reset-time-clock-reset-stopwatch-circle-measure-loading"
           @click="resetScreenData"
         />

src/views/demo/tiankongdi/curbspotcity/MapList/index.vue

@@ -16,7 +16,7 @@
         <div class="screen-item-label">年份</div>
         <a-select
           allowClear
-          style="width:130px;"
+          style="width:120px;"
           v-model:value="props.infoScreenData.year"
           :options="yearOptions"
           @change="(value) => emits('mapListScreenChange',value,'year')"
@@ -26,7 +26,7 @@
         <div class="screen-item-label" style="margin-right: 11px;">图斑来源</div>
         <a-select
           allowClear
-          style="width:130px;"
+          style="width:120px;"
           v-model:value="props.infoScreenData.patchSource"
           :options="patchSourceOptions"
           @change="(value) => emits('mapListScreenChange',value,'patchSource')"
@@ -36,7 +36,7 @@
         <div class="screen-item-label">批次</div>
         <a-select
           allowClear
-          style="width: 103px"
+          style="width: 118px"
           :options="batchOptions"
           v-model:value="props.infoScreenData.batch"
           @change="(value) => emits('mapListScreenChange',value,'batch')"
@@ -56,7 +56,7 @@
         <div class="screen-item-label">乡镇</div>
         <a-select
           allowClear
-          style="width:130px;"
+          style="width:120px;"
           v-model:value="props.infoScreenData.streetId"
           :options="streetsAreaOptions"
           @change="(value) => emits('mapListScreenChange',value,'streetId')"
@@ -67,7 +67,7 @@
         <a-range-picker
           :format="'YYYY-MM-DD'"
           allowClear
-          style="width: 293px;"
+          style="width: 306px;"
           class="item-time-select"
           @change="(value) => emits('mapListScreenChange',value,'time')"
         />
@@ -80,9 +80,10 @@
           class="item-input"
           v-model:value="props.infoScreenData.mapNo"
           @change="(value) => emits('mapListScreenChange',value.target.value,'mapNo')"
+          style="width:404px;"
         />
       </div>
-      <div class="screen-item">
+      <div class="screen-item" style="margin-left: 10px;cursor: pointer;">
         <a-button 
           class="item-button"
           type="primary"
@@ -617,6 +618,10 @@ const closeMolder = () => {
 .top-radio-button-div{
   width:100%;
   padding: 33px 12px 8px 13px;
+  .ant-radio-group{
+    display: flex;
+
+  }
   :deep(.ant-radio-button-wrapper-checked){
     font-family: Alibaba PuHuiTi;
     font-weight: 500 !important;
@@ -635,6 +640,9 @@ const closeMolder = () => {
     font-size: 20px;
     color: #000000;
     line-height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center
   }
 }
 .sift-div{
@@ -819,6 +827,7 @@ const closeMolder = () => {
 }
 .img-box{
   width: 25px;
+  cursor: pointer;
 }
 .mr-r-20{
   margin-right: 20px;