inOutStockLog

src/views/consignmentManagement/inOutStockLog.vue

@@ -3,47 +3,33 @@
     <div class="section-page">
       <!--搜索区-->
       <el-form :inline="true" :model="formParam" ref="formParam" label-width="80px">
-        <el-form-item label="状态" prop="status">
-          <el-select v-model="formParam.status" placeholder="全部" clearable>
+        <el-form-item label="型号" prop="goods_name">
+          <el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
+        </el-form-item>
+        <el-form-item label="类型" prop="status">
+          <el-select v-model="formParam.status" placeholder="全部" clearable multiple>
             <el-option label="全部" value=""></el-option>
-            <el-option label="待处理" value="1"></el-option>
-            <el-option label="处理中" value="2"></el-option>
-            <el-option label="已处理" value="3"></el-option>
-            <el-option label="失败" value="4"></el-option>
+            <el-option label="寄售入库" value="1"></el-option>
+            <el-option label="寄售退货入库" value="2"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="更新日期" prop="create_time">
-          <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
-        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onSubmit">搜索</el-button>
           <el-button @click="resetForm('formParam')">重置</el-button>
         </el-form-item>
       </el-form>
-      <!--操作区-->
-      <div class="operation-area row verCenter bothSide">
-        <div class="operation-button row verCenter">
-          <el-button type="primary">导入</el-button>
-          <a href="/寄售商品导入.csv" download style="text-decoration: none;margin-left: 10px;">
-            <el-button type="primary">下载模板</el-button>
-          </a>
-        </div>
-      </div>
       <!--列表区-->
       <div class="data-box">
         <el-table :data="list" border max-height="600" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="40" align="center" fixed></el-table-column>
-          <el-table-column prop="msg_sn" label="单号" :show-overflow-tooltip="true" align="center">
-            <template slot-scope="scope">
-              <el-link type="primary" @click="$router.push('/consignmentImportDetail')">{{ scope.row.id }}</el-link>
-            </template>
-          </el-table-column>
-          <el-table-column prop="msg_type" label="文件名字" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="msg_type" label="状态" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="msg_type" label="导入方式" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="id" label="导入成功" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="id" label="导入失败" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
-          <el-table-column prop="create_time" label="上传时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column type="index" label="序号" width="50" align="center" fixed></el-table-column>
+          <el-table-column prop="msg_type" label="型号" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="msg_type" label="标准品牌" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="msg_type" label="单号" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="id" label="类型" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="id" label="仓库" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="id" label="D/C" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="id" label="供应商" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="create_time" label="入库时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
         </el-table>
         <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
       </div>
@@ -98,6 +84,29 @@ export default {
       })
     },
     /**
+     * 型号监听
+     * @param queryString
+     * @param cb
+     */
+    querySearchAsync(queryString, cb) {
+      if (!queryString) {
+        cb([]);
+        return;
+      }
+      this.$http('GET', "/api/search/getspu", {spu_name: queryString}).then(res => {
+        if (res.code == 0 && res.data.list?.length) {
+          const arr = res.data.list.map(item => ({
+            value: item.spu_name
+          }));
+          cb(arr);
+        } else {
+          cb([]);
+        }
+      }).catch(() => {
+        cb([]);
+      });
+    },
+    /**
      * 搜索
      */
     onSubmit() {