查询页面过滤器添加样式

resources/views/process/index.blade.php

@@ -33,32 +33,32 @@
                                <span class="text-muted">根据条件过滤：</span>
                            </td>
                            <td >
-                               <input id="date_start" name="date_start" v-model="filterData.date_start" type="date" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
+                               <input id="date_start" name="date_start" v-model="filterData.date_start"  :class="filterData.date_start?'bg-warning':''" type="date" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
                            </td>
                            <td >
                                <input type="text" class="form-control-sm tooltipTarget" placeholder="客户"
                                       style="width:70px" @input="owner_seek"
                                       title="输入关键词快速定位下拉列表，回车确定">
-                               <select name="owner_id" v-model="filterData.owner_id" @change="submit" class="form-control-sm tooltipTarget"  title="选择要显示的客户">
+                               <select name="owner_id" v-model="filterData.owner_id" @change="submit" class="form-control-sm tooltipTarget"  title="选择要显示的客户" :class="filterData.owner_id?'bg-warning':''">
                                    <option >    </option>
                                    <option v-for="owner in owners" :value="owner.id">@{{owner.name}}</option>
                                </select>
                            </td>
                            <td>
-                               <input id="wms_code" name="wms_code" v-model="filterData.wms_code" class="form-control-sm tooltipTarget" placeholder="单据号">
+                               <input id="wms_code" name="wms_code" v-model="filterData.wms_code" class="form-control-sm tooltipTarget" placeholder="单据号" :class="filterData.wms_code?'bg-warning':''">
                            </td>
                            <td colspan="6"></td>
                        </tr>
                        <tr>
                            <td >
-                               <input id="date_end" name="date_end" v-model="filterData.date_end" type="date" class="form-control-sm tooltipTarget" title="选择显示指定日期的结束时间">
+                               <input id="date_end" name="date_end" v-model="filterData.date_end" type="date" class="form-control-sm tooltipTarget" title="选择显示指定日期的结束时间" :class="filterData.date_end?'bg-warning':''">
                            </td>
                            <td>
-                               <input name="commodity_barcode" v-model="filterData.commodity_barcode" class="form-control-sm" placeholder="商品条码">
+                               <input name="commodity_barcode" v-model="filterData.commodity_barcode" class="form-control-sm" placeholder="商品条码" :class="filterData.commodity_barcode?'bg-warning':''">
                            </td>
                            <td >
                                <label for="status">&nbsp;状&nbsp;&nbsp;态&nbsp;：</label>
-                               <select id="status" name="status" v-model="filterData.status" @change="submit" class="form-control-sm tooltipTarget">
+                               <select id="status" name="status" v-model="filterData.status" @change="submit" class="form-control-sm tooltipTarget" :class="filterData.status?'bg-warning':''">
                                    <option >    </option>
                                    <option value="待接单">待接单</option>
                                    <option value="待加工">待加工</option>

resources/views/waybill/index.blade.php

@@ -56,7 +56,7 @@
                                 @endforeach
                             </select></td>
                         <td >
-                            <select name="carrier_id" v-model="filterData.carrier_id" class="form-control-sm  " @change="setCarrier" style="vertical-align: middle">
+                            <select name="carrier_id" v-model="filterData.carrier_id" class="form-control-sm  " @change="setCarrier" style="vertical-align: middle" :class="filterData.carrier_id?'bg-warning':''">
                                 <option value="" selected>承运商</option>
                                 @foreach($carriers as $carrier)
                                     <option value="{{$carrier->id}}">{{$carrier->name}}</option>
@@ -64,28 +64,28 @@
                             </select></td>
                         <td  >
                             <input type="text" title="运单号：支持15内模糊搜索与15天外精确搜索" name="waybill_number" placeholder="运单号"
-                                   class="form-control-sm  tooltipTarget" v-model="filterData.waybill_number" style="vertical-align: middle"></td>
+                                   class="form-control-sm  tooltipTarget" v-model="filterData.waybill_number" style="vertical-align: middle" :class="filterData.waybill_number?'bg-warning':''"></td>
                         <td  >
                             <input type="text" title="承运商单号：支持15内模糊搜索与15天外精确搜索"  name="carrier_bill" placeholder="承运商单号"
-                                   class="form-control-sm  tooltipTarget" v-model="filterData.carrier_bill" style="vertical-align: middle"></td>
+                                   class="form-control-sm  tooltipTarget" v-model="filterData.carrier_bill" style="vertical-align: middle" :class="filterData.carrier_bill?'bg-warning':''"></td>
                         <td width="60%"></td>
                     </tr>
                     <tr>
                         <td  >
                             <input type="text" title="WMS单号：支持15内模糊搜索与15天外精确搜索" name="wms_bill_number" placeholder="WMS单号"
-                                   class="form-control-sm  tooltipTarget" v-model="filterData.wms_bill_number" style="vertical-align: middle"></td>
+                                   class="form-control-sm  tooltipTarget" v-model="filterData.wms_bill_number" style="vertical-align: middle" :class="filterData.wms_bill_number?'bg-warning':''"></td>
                         <td  style="width: 500px"><div>
                                 <input type="text" title="始发地：支持15内模糊搜索与15天外精确搜索" name="origination" placeholder="始发地"
-                                       class="form-control-sm  tooltipTarget" v-model="filterData.origination" style="vertical-align: middle">
+                                       class="form-control-sm  tooltipTarget" v-model="filterData.origination" style="vertical-align: middle" :class="filterData.origination?'bg-warning':''">
                                 <input type="text" title="目的地：支持15内模糊搜索与15天外精确搜索" style="vertical-align: middle" placeholder="目的地"
-                                       name="destination" class="form-control-sm  tooltipTarget" v-model="filterData.destination"></div></td>
+                                       name="destination" class="form-control-sm  tooltipTarget" v-model="filterData.destination" :class="filterData.destination?'bg-warning':''"></div></td>
                         <td  style="width: 500px"><div>
                                 <input type="date" name="created_at_start" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间"
-                                       v-model="filterData.created_at_start">
+                                       v-model="filterData.created_at_start" :class="filterData.created_at_start?'bg-warning':''">
                                 <input type="date" class="form-control-sm tooltipTarget" name="created_at_end" title="选择显示指定日期的结束时间"
-                                       v-model="filterData.created_at_end"></div></td>
+                                       v-model="filterData.created_at_end" :class="filterData.created_at_end?'bg-warning':''"></div></td>
                         <td>
-                            <select name="status" v-model="filterData.status" @change="setState" class="form-control-sm" style="vertical-align: middle">
+                            <select name="status" v-model="filterData.status" @change="setState" class="form-control-sm" style="vertical-align: middle" :class="filterData.status?'bg-warning':''">
                                 <option value="" selected>运单状态</option>
                                 <option value="待审核">待审核</option>
                                 <option value="已审核">待调度</option>

resources/views/weight/package/index.blade.php

@@ -36,17 +36,15 @@
                                     <span class="text-muted">根据条件过滤：</span>
                                 </td>
                                 <td >
-                                    <label class="form-inline" style="width: 350px">时间：
-                                        <input style="width: 150px" name="created_at_start" type="date" v-model="filterData.created_at_start" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
-                                        <input style="width: 150px" type="date" name="created_at_end" v-model="filterData.created_at_end" class="form-control-sm tooltipTarget" title="选择显示指定日期的结束时间">
-                                    </label>
+                                        <input style="width: 150px" name="created_at_start" type="date" v-model="filterData.created_at_start" :class="filterData.created_at_start?'bg-warning':''" class="form-control-sm tooltipTarget" title="选择显示指定日期的起始时间">
+
                                 </td>
                                 <td>
                                     <input type="text" class="form-control-sm tooltipTarget" placeholder="客户"
                                            style="width:70px" @input="owner_seek"
                                            title="输入关键词快速定位下拉列表，回车确定">
                                     <select name="owner_id" id="owner_id" :class="filterData.owner_id?'bg-warning':''" v-model="filterData.owner_id" @change="setOwner"
-                                            class="form-control-sm tooltipTarget"  title="选择要显示的客户">
+                                             class="form-control-sm tooltipTarget"  title="选择要显示的客户">
                                         @foreach($owners as $owner)
                                             <option value="{{$owner->id}}">{{$owner->name}}</option>
                                         @endforeach
@@ -54,15 +52,18 @@
                                     <input hidden type="submit" >
                                 </td>
 
-                                <td > <label class="form-inline" style="width:250px;margin-left: 2%">
-                                        <input type="text" title="支持15内模糊搜索与15天外精确搜索" name="logistic_number" class="form-control-sm  tooltipTarget" v-model="filterData.logistic_number" style="vertical-align: middle" placeholder="快递单号"></label></td>
-                                <td > <label  class="form-inline" style="width:250px;margin-left: 2%">
-                                        <input type="text" title="支持15内模糊搜索与15天外精确搜索" name="delivery_number" class="form-control-sm  tooltipTarget" v-model="filterData.delivery_number" style="vertical-align: middle" placeholder="发货单号"></label></td>
+                                <td >
+                                        <input :class="filterData.logistic_number?'bg-warning':''" type="text" title="支持15内模糊搜索与15天外精确搜索" name="logistic_number" class="form-control-sm  tooltipTarget" v-model="filterData.logistic_number" style="vertical-align: middle" placeholder="快递单号"></td>
+                                <td >
+                                        <input :class="filterData.delivery_number?'bg-warning':''" type="text" title="支持15内模糊搜索与15天外精确搜索" name="delivery_number" class="form-control-sm  tooltipTarget" v-model="filterData.delivery_number" style="vertical-align: middle" placeholder="发货单号"></td>
                                 <td colspan="5"></td>
                             </tr>
                             <tr>
-                                <td > <label class="form-inline" >
-                                        <input type="text" title="支持15内模糊搜索与15天外精确搜索" name="batch_number" class="form-control-sm  tooltipTarget" v-model="filterData.batch_number" style="vertical-align: middle" placeholder="波次号"></label></td>
+                                <td>
+                                    <input style="width: 150px" type="date" name="created_at_end" v-model="filterData.created_at_end" :class="filterData.created_at_end?'bg-warning':''" class="form-control-sm tooltipTarget" title="选择显示指定日期的结束时间">
+                                </td>
+                                <td >
+                                        <input type="text" title="支持15内模糊搜索与15天外精确搜索" name="batch_number" class="form-control-sm  tooltipTarget" v-model="filterData.batch_number"  :class="filterData.batch_number?'bg-warning':''" style="vertical-align: middle" placeholder="波次号"></td>
                             </tr>
                             <tr>
                                 <td>