平台批量结算搜索项增加车牌号

src/views/platform/ticket.vue

@@ -16,6 +16,7 @@
             <el-option value="orderType" label="订单类型"></el-option>
             <el-option value="signYear" label="签单年份"></el-option>
             <el-option value="companyId" label="保险公司"></el-option>
+            <el-option value="licenseNo" label="车牌号"></el-option>
 
           </el-select>
           <el-select v-model="item.type" v-if="item.name != 'signDate'" style="margin-right: 20px; width: 150px"
@@ -34,6 +35,8 @@
             <el-option value="不在固定范围" label="不在固定范围"></el-option>
             <el-option value="为空" label="为空"></el-option>
           </el-select>
+          <el-input class="w-350px" v-if="item.name == 'licenseNo'" v-model="item.search" placeholder="请输入车牌号"
+            aria-label="Please click the Enter key after input" />
           <el-select class="w-350px" v-if="item.name == 'contactPerson'" v-model="item.search" placeholder="请选择"
             filterable clearable :disabled="item.type == '为空'" @change="handleContactPersonChange(index, $event)">
             <el-option v-for="item in options" :key="item.contactPerson" :value="item.contactPerson"
@@ -62,14 +65,16 @@
             @change="handlePtlAgreementChange(index, $event)" />
           <!-- <el-icon style="margin-left: 20px; cursor:pointer;"><CircleClose /></el-icon> -->
         </div>
-        <el-button type="primary" @click="handleSearch">搜索</el-button>
+    <el-button type="primary" style="width: 100px;" @click="handleSearch">搜索</el-button>
+
       </div>
+
     </div>
     <div class="tips">
       <p>应收明细</p>
       <el-button type="primary" @click="addTicket">添加应收</el-button>
     </div>
-    <el-table :data="tableData" style="height: calc(100% - 380px)" show-summary :summary-method="getSummaries">
+    <el-table :data="tableData" style="height: calc(100% - 270px)" show-summary :summary-method="getSummaries">
       <template #empty>
         <div v-if="noData">暂无应收，点击<el-button link type="primary" @click="batchShow = true">导入应收</el-button></div>
         <div v-else>没有符合的应收单据~</div>
@@ -206,7 +211,8 @@
       下载「标准导入模板」，编辑后上传；系统将自动匹配相关字段
       <el-button link type="primary" @click="downloadTemplate">下载模板</el-button>
     </div>
-    <el-upload class="upload-demo " drag accept=".xls, .xlsx" :auto-upload="false" :show-file-list="false" @change="uploadJYFile">
+    <el-upload class="upload-demo " drag accept=".xls, .xlsx" :auto-upload="false" :show-file-list="false"
+      @change="uploadJYFile">
       <div class="flex f-c a-c">
         <el-icon class="el-icon--upload"><upload-filled /></el-icon>
         <div class="el-upload__text">
@@ -226,11 +232,12 @@
       </div>
       <el-button type="primary" link @click="downloadImportFailedData(importModifyCallback)">下载导入失败文件</el-button>
     </div>
-      <div v-if="uploadMsg" class="text-red">上传错误信息：{{ uploadMsg }}</div>
+    <div v-if="uploadMsg" class="text-red">上传错误信息：{{ uploadMsg }}</div>
 
     <template #footer>
-      <el-button class="border-[#0083FF] color-[#0083FF]" plain @click="batchShow = false,uploadMsg = null">取消</el-button>
-      <el-button type="primary" @click="batchShow = false,uploadMsg = null">确定</el-button>
+      <el-button class="border-[#0083FF] color-[#0083FF]" plain
+        @click="batchShow = false, uploadMsg = null">取消</el-button>
+      <el-button type="primary" @click="batchShow = false, uploadMsg = null">确定</el-button>
     </template>
   </el-dialog>
   <el-image-viewer v-if="imageShow" :url-list="[bigImageUrl]" @close="imageShow = false" />
@@ -334,6 +341,10 @@ let searchList = ref([
     name: 'companyId',
     type: '等于',
     search: ''
+  }, {
+    name: 'licenseNo',
+    type: '等于',
+    search: ""
   },
 ])
 
@@ -409,7 +420,7 @@ const uploadJYFile = async (file) => {
       message: msg,
       type: 'success'
     })
-  }else{
+  } else {
     uploadMsg.value = msg
     console.log(uploadMsg.value)
   }
@@ -719,7 +730,9 @@ defineExpose({
     }
 
     .search-right {
-      width: 700px;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 0 12px;
 
       .search-type {
         display: flex;