一次性物流信息 新增 筛选条件（手机号、货品类型、物流状态）

src/components/disposable/index.vue

@@ -3,7 +3,22 @@
     <div class="section-search">
       <el-form ref="searchFrom" :model="searchFrom" inline size="small">
         <el-form-item>
-          <el-input v-model="searchFrom.user_id" style="width: 120px" placeholder="用户ID" clearable></el-input>
+          <el-input v-model="searchFrom.user_id" style="width: 120px" placeholder="用户ID" clearable @change="getList"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="searchFrom.receive_mobile" style="width: 160px" placeholder="收货人手机号" clearable @change="getList"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select filterable v-model="searchFrom.goods_type" placeholder="货品类型" clearable style="width: 120px" @change="getList">
+            <el-option label="订单货品" value="0"></el-option>
+            <el-option label="赠品" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select filterable v-model="searchFrom.status" placeholder="物流状态" clearable style="width: 120px" @change="getList">
+            <el-option label="待发货" value="0"></el-option>
+            <el-option label="已发货" value="1"></el-option>
+          </el-select>
         </el-form-item>
         <!-- <el-form-item label="发货状态">
             <el-select filterable v-model="searchFrom.type" placeholder="请选择"  clearable>
@@ -46,10 +61,11 @@
     <el-table :data="deliverList" size="mini" style="width: 100%">
       <el-table-column width="200" class="f-c" label="用户">
         <template slot-scope="scope">
-          <img style="vertical-align: top" class="avatar" :src="scope.row.user_avatar"/>
-          <span style="display: inline-block;">
+          <img v-if="scope.row.user_avatar" style="vertical-align: top" class="avatar" :src="scope.row.user_avatar"/>
+          <span v-else class="avatar" style="display: inline-block;text-align: center;font-size: 12px;line-height: 50px;color: #999999;border: solid 1px #ccc;vertical-align: top">无头像</span>
+          <span style="display: inline-block;vertical-align: top">
             {{scope.row.user_nickname}}
-            <br/>
+            <br v-if="scope.row.user_nickname"/>
             (ID:{{scope.row.user_id}})
             <br/>
             手机：{{scope.row.user_mobile}}
@@ -201,8 +217,14 @@
         if (this.searchFrom.user_id) {
           json.user_id = this.searchFrom.user_id;
         }
-        if (this.searchFrom.type && (this.searchFrom.type != '2')) {
-          json.status = this.searchFrom.type;
+        if (this.searchFrom.status) {
+          json.status = this.searchFrom.status;
+        }
+        if (this.searchFrom.goods_type) {
+          json.goods_type = this.searchFrom.goods_type;
+        }
+        if (this.searchFrom.receive_mobile) {
+          json.receive_mobile = this.searchFrom.receive_mobile;
         }
         exportExcelApi("/api/admin/user/deliver/once/export", json);
       },
@@ -280,8 +302,14 @@
         if (this.searchFrom.user_id) {
           json.user_id = this.searchFrom.user_id;
         }
-        if (this.searchFrom.type && (this.searchFrom.type != '2')) {
-          json.status = this.searchFrom.type;
+        if (this.searchFrom.status) {
+          json.status = this.searchFrom.status;
+        }
+        if (this.searchFrom.goods_type) {
+          json.goods_type = this.searchFrom.goods_type;
+        }
+        if (this.searchFrom.receive_mobile) {
+          json.receive_mobile = this.searchFrom.receive_mobile;
         }
         getDisposableApi(json).then(res => {
           this.deliverList = res.list;