style:国有农用地使用权 || 首次登记列表样式修改

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-02 09:58:24
+ * @LastEditTime: 2023-10-11 11:16:57
 -->
 <template>
   <div class="from-clues">
     <!-- 表单部分 国有建设用地使用权 -->
     <div class="from-clues-header">
-      <el-form :model="queryForm" ref="queryForm" label-width="120px">
+      <el-form :model="queryForm" ref="queryForm" label-width="100px">
         <el-row>
-          <el-col :span="10">
+          <el-col :span="8">
             <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width300px">
+              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="10">
-            <el-form-item label="坐落">
-              <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width300px">
+          <el-col :span="8">
+            <el-form-item label="坐落" label-width="60px">
+              <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="btnColRight">
+          <el-col :span="8" class="btnColRight">
             <el-form-item>
-              <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
               <el-button type="primary" @click="handleSearch">查询</el-button>
             </el-form-item>
           </el-col>