订单查询-筛选添加清空功能

src/views/Letter/Orderlist.vue

@@ -5,22 +5,22 @@
       <el-row>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="订单号">
-            <el-input v-model="pageRequest.orderNo" placeholder="请输入车牌号" class="widths"></el-input>
+            <el-input v-model="pageRequest.orderNo" placeholder="请输入车牌号" class="widths" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="车牌号">
-            <el-input v-model="pageRequest.licenseNo" placeholder="请输入车牌号" class="widths"></el-input>
+            <el-input v-model="pageRequest.licenseNo" placeholder="请输入车牌号" class="widths" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="车架号">
-            <el-input v-model="pageRequest.frameNo" placeholder="请输入车架号" class="widths"></el-input>
+            <el-input v-model="pageRequest.frameNo" placeholder="请输入车架号" class="widths" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="投保人姓名">
-            <el-input v-model="pageRequest.insuredName" placeholder="请输入投保人姓名" class="widths"></el-input>
+            <el-input v-model="pageRequest.insuredName" placeholder="请输入投保人姓名" class="widths" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
@@ -33,8 +33,8 @@
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="订单状态">
-            <el-select v-model="pageRequest.orderStatus" class="widths" >
-              <el-option v-for="val in optionsStatus" :key='val.dictValue' :label="val.dictTag" :value="val.dictValue"></el-option>
+            <el-select v-model="pageRequest.orderStatus" class="widths" clearable>
+              <el-option v-for="val in optionsStatus" :key='val.dictValue' :label="val.dictTag" :value="val.dictValue" ></el-option>
 <!--          <el-option label="报价中" value="0"></el-option>
               <el-option label="待核保" value="1"></el-option>
               <el-option label="已核保待缴费" value="2"></el-option>
@@ -46,7 +46,7 @@
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="日期">
             <el-date-picker v-model="value2" type="daterange" @change="monthChange" start-placeholder="开始日期"
-              end-placeholder="结束日期" class="widths" value-format="yyyy-MM-dd" style="width: 220px;">
+              end-placeholder="结束日期" class="widths" value-format="yyyy-MM-dd" style="width: 220px;" clearable>
             </el-date-picker>
 
           </el-form-item>