From a928f5e42dc06e2332cebf424350d9d4acaae807 Mon Sep 17 00:00:00 2001
From: caill <815519168@qq.com>
Date: Mon, 26 Jun 2023 14:26:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=8A=E6=88=90=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/modules/semifinished/index.vue      |   8 +-
 .../semi-finished-check-search.vue            | 161 ++++++++++++++++++
 .../semifinished/semi-finished-check.vue      | 113 ++++++++++++
 .../semi-finished-instore-search.vue          |  13 +-
 .../semifinished/semi-finished-instore.vue    |  13 +-
 .../semi-finished-outstore-search.vue         | 127 ++++++++++++++
 .../semifinished/semi-finished-outstore.vue   | 136 +++++++++++++++
 src/style/layout.styl                         |  11 +-
 8 files changed, 570 insertions(+), 12 deletions(-)

diff --git a/src/pages/modules/semifinished/index.vue b/src/pages/modules/semifinished/index.vue
index abf7ab2..9db507a 100644
--- a/src/pages/modules/semifinished/index.vue
+++ b/src/pages/modules/semifinished/index.vue
@@ -19,8 +19,12 @@ export default {
     jxHeader
   },
   data () {
-    return {
-      title: ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
+    return {}
+  },
+  computed: {
+    title () {
+      let res = ['半成品入库', '半成品入库查询', '半成品出库', '半成品出库查询', '半成品盘点', '半成品盘点查询', '半成品拼盘', '半成品拼盘查询'][Number(this.$route.meta.guidePath) - 1]
+      return res
     }
   },
   methods: {
diff --git a/src/pages/modules/semifinished/semi-finished-check-search.vue b/src/pages/modules/semifinished/semi-finished-check-search.vue
index e69de29..fe91d6a 100644
--- a/src/pages/modules/semifinished/semi-finished-check-search.vue
+++ b/src/pages/modules/semifinished/semi-finished-check-search.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label search-label_1">日期</div>
+                    <div class="filter_input_wraper filter_input_wraper_1">
+                        <el-date-picker
+                        v-model="date"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                      </el-date-picker>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">业务类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">物料</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">载具号</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">货位号</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">盘点位</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item_2 flexend">
+                    <button class="button button--primary">查询</button>
+                    <button class="button button--primary">下发</button>
+                    <button class="button button--primary">盘点确认</button>
+                    <button class="button button--primary">实盘为准</button>
+                    <button class="button button--primary">账务为准</button>
+                </div>
+            </div>
+        </div>
+        <div class="zd_wrapper">
+            <div class="grid_wraper">
+                <div class="slide_new">
+                    <table class="filter-table">
+                        <thead>
+                            <tr>
+                                <th>序号</th>
+                                <th>盘点仓位</th>
+                                <th>载具号</th>
+                                <th>物料号</th>
+                                <th>物料规格</th>
+                                <th>数量</th>
+                                <th>重量(kg)</th>
+                                <th>盘点重量(kg)</th>
+                                <th>盘点数量</th>
+                                <th>单重(g)</th>
+                                <th>是否异常</th>
+                                <th>盘点状态</th>
+                                <th>盘点站台</th>
+                                <th>下发状态</th>
+                                <th>单据号</th>
+                                <th>业务类型</th>
+                                <th>创建人</th>
+                                <th>创建时间</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                                <td>序号</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      options1: [],
+      value1: '',
+      date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 95px)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+</style>
diff --git a/src/pages/modules/semifinished/semi-finished-check.vue b/src/pages/modules/semifinished/semi-finished-check.vue
index e69de29..8892960 100644
--- a/src/pages/modules/semifinished/semi-finished-check.vue
+++ b/src/pages/modules/semifinished/semi-finished-check.vue
@@ -0,0 +1,113 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单据类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">盘点站点</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">备注</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item_2 flexend">
+                    <button class="button button--primary">添加盘点物料</button>
+                    <button class="button button--primary">删除一行</button>
+                    <button class="button button--primary">生产盘点单</button>
+                    <button class="button button--primary">盘点作业</button>
+                </div>
+            </div>
+        </div>
+        <div class="grid_wraper">
+            <table class="filter-table">
+                <thead>
+                    <tr>
+                        <th>序号</th>
+                        <th>盘点库区</th>
+                        <th>盘点货位</th>
+                        <th>物料号</th>
+                        <th>物料规格</th>
+                        <th>数量</th>
+                        <th>单重(g)</th>
+                        <th>重量(kg)</th>
+                        <th>载具号</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                        <td>序号</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      options1: [],
+      value1: '',
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 95px)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+</style>
diff --git a/src/pages/modules/semifinished/semi-finished-instore-search.vue b/src/pages/modules/semifinished/semi-finished-instore-search.vue
index 40c1d0f..7041fc2 100644
--- a/src/pages/modules/semifinished/semi-finished-instore-search.vue
+++ b/src/pages/modules/semifinished/semi-finished-instore-search.vue
@@ -16,10 +16,10 @@
                     </div>
                 </div>
                 <div class="search-item">
-                    <div class="search-label">日期</div>
-                    <div class="filter_input_wraper">
+                    <div class="search-label search-label_1">日期</div>
+                    <div class="filter_input_wraper filter_input_wraper_1">
                         <el-date-picker
-                        v-model="value1"
+                        v-model="date"
                         type="daterange"
                         range-separator="-"
                         start-placeholder="开始日期"
@@ -86,7 +86,7 @@
                         <td>类型</td>
                         <td>物料编号</td>
                         <td>物料规格</td>
-                        <td>数量(个)</td>
+                        <td>数量</td>
                         <td>单重(g)</td>
                         <td>重量(kg)</td>
                         <td>载具号</td>
@@ -107,6 +107,7 @@ export default {
     return {
       options1: [],
       value1: '',
+      date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
       options2: [],
       value2: '',
       options3: [],
@@ -119,4 +120,8 @@ export default {
 <style lang="stylus" scoped>
 .grid_wraper
     height calc(100% - 95px)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
 </style>
diff --git a/src/pages/modules/semifinished/semi-finished-instore.vue b/src/pages/modules/semifinished/semi-finished-instore.vue
index 20de355..d6609db 100644
--- a/src/pages/modules/semifinished/semi-finished-instore.vue
+++ b/src/pages/modules/semifinished/semi-finished-instore.vue
@@ -53,7 +53,7 @@
                     </div>
                 </div>
                 <div class="search-item">
-                    <div class="search-label">数量(个)</div>
+                    <div class="search-label">数量</div>
                     <div class="filter_input_wraper">
                         <input type="number" class="filter-input">
                     </div>
@@ -73,9 +73,12 @@
                 </div>
                 <div class="search-item">
                     <div class="search-label">载具号</div>
-                    <div class="filter_input_wraper">
+                    <div class="filter_input_wraper filter_input_wraper_1">
                         <input type="text" class="filter-input">
                     </div>
+                    <div class="filter_button">
+                        <button class="button button--primary">呼叫空载具</button>
+                    </div>
                 </div>
                 <div class="search-item">
                     <div class="search-label">备注</div>
@@ -118,4 +121,10 @@ export default {
 .search-item_2
     width 100%
     margin-left 0
+.filter_button
+    width 96px
+    height 30px
+.filter_input_wraper_1
+    width calc(100% - 156px)
+    padding-right 10px
 </style>
diff --git a/src/pages/modules/semifinished/semi-finished-outstore-search.vue b/src/pages/modules/semifinished/semi-finished-outstore-search.vue
index e69de29..25c9eda 100644
--- a/src/pages/modules/semifinished/semi-finished-outstore-search.vue
+++ b/src/pages/modules/semifinished/semi-finished-outstore-search.vue
@@ -0,0 +1,127 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label search-label_1">日期</div>
+                    <div class="filter_input_wraper filter_input_wraper_1">
+                        <el-date-picker
+                        v-model="date"
+                        type="daterange"
+                        range-separator="-"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期">
+                      </el-date-picker>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">业务类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">物料</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">载具号</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item flexend">
+                    <button class="button button--primary">查询</button>
+                    <button class="button button--primary">强制确认</button>
+                </div>
+            </div>
+        </div>
+        <div class="grid_wraper">
+            <table class="filter-table">
+                <thead>
+                    <tr>
+                        <th>序号</th>
+                        <th>单据号</th>
+                        <th>状态</th>
+                        <th>类型</th>
+                        <th>物料编号</th>
+                        <th>物料规格</th>
+                        <th>数量</th>
+                        <th>单重(g)</th>
+                        <th>重量(kg)</th>
+                        <th>载具号</th>
+                        <th>出库点</th>
+                        <th>货位</th>
+                        <th>创建时间</th>
+                        <th>创建人</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(e, i) in [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7]" :key="i">
+                        <td>序号</td>
+                        <td>单据号</td>
+                        <td>状态</td>
+                        <td>类型</td>
+                        <td>物料编号</td>
+                        <td>物料规格</td>
+                        <td>数量(个)</td>
+                        <td>单重(g)</td>
+                        <td>重量(kg)</td>
+                        <td>载具号</td>
+                        <td>入库点</td>
+                        <td>货位</td>
+                        <td>创建时间</td>
+                        <td>创建人ldjlfjlfjl劳动纪律放假了</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      options1: [],
+      value1: '',
+      date: [new Date((new Date().getTime() - 24 * 60 * 60 * 1000)), new Date((new Date().getTime() + 24 * 60 * 60 * 1000))],
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.grid_wraper
+    height calc(100% - 95px)
+.filter_input_wraper_1
+    width calc(100% - 45px)
+.search-label_1
+    width 45px
+</style>
diff --git a/src/pages/modules/semifinished/semi-finished-outstore.vue b/src/pages/modules/semifinished/semi-finished-outstore.vue
index e69de29..5f81ffb 100644
--- a/src/pages/modules/semifinished/semi-finished-outstore.vue
+++ b/src/pages/modules/semifinished/semi-finished-outstore.vue
@@ -0,0 +1,136 @@
+<template>
+    <div class="order-wraper">
+        <div class="search-confirm-wrap">
+            <div class="search-wrap">
+                <div class="search-item">
+                    <div class="search-label">仓库</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value1" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options1"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单据类型</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value2" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options2"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">物料</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">规格</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">数量</div>
+                    <div class="filter_input_wraper">
+                        <input type="number" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">单重(g)</div>
+                    <div class="filter_input_wraper">
+                        <input type="number" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">重量(kg)</div>
+                    <div class="filter_input_wraper">
+                        <input type="number" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">货位</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">载具号</div>
+                    <div class="filter_input_wraper filter_input_wraper_1">
+                        <input type="text" class="filter-input">
+                    </div>
+                    <div class="filter_button">
+                        <button class="button button--primary">呼叫空载具</button>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">出库点</div>
+                    <div class="filter_input_wraper">
+                        <el-select v-model="value3" filterable clearable placeholder="请选择">
+                          <el-option
+                              v-for="item in options3"
+                              :key="item.device_code"
+                              :label="item.device_name"
+                              :value="item.device_code">
+                          </el-option>
+                        </el-select>
+                    </div>
+                </div>
+                <div class="search-item">
+                    <div class="search-label">备注</div>
+                    <div class="filter_input_wraper">
+                        <input type="text" class="filter-input">
+                    </div>
+                </div>
+                <div class="search-item_2">
+                    <button class="button button--primary">作业查询</button>
+                    <button class="button button--primary">确认出库</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      options1: [],
+      value1: '',
+      options2: [],
+      value2: '',
+      options3: [],
+      value3: ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.search-item
+    width 49%
+    &:nth-child(3n+2)
+        margin-left 0
+        margin-right 0
+    &:nth-child(2n)
+        margin-left 2%
+.search-item_2
+    width 100%
+    margin-left 0
+.filter_button
+    width 96px
+    height 30px
+.filter_input_wraper_1
+    width calc(100% - 156px)
+    padding-right 10px
+</style>
diff --git a/src/style/layout.styl b/src/style/layout.styl
index efde320..d03a52d 100644
--- a/src/style/layout.styl
+++ b/src/style/layout.styl
@@ -214,7 +214,7 @@ header
   justify-content center
   align-items center
 .filter-input
-  _wh(100%, 29px)
+  _wh(100%, 30px)
   _font(12px, 30px, #606266,,)
   padding 0 10px
   border-radius 4px
@@ -277,13 +277,13 @@ header
       overflow hidden
       white-space nowrap
       text-overflow ellipsis
+      padding 8px 10px
     td
       &:first-child
         position sticky
         left -1px
         z-index 50
-        background-color #8b90a6
-        color #fff
+        background-color #090b3c
 
 .message-box__wrapper
   position fixed
@@ -425,7 +425,6 @@ input::-webkit-input-placeholder
 .filter_input_wraper
 	width calc(100% - 60px)
 	height 30px
-	line-height 30px
 .search-item_2
   _fj(flex-end)
   width 64%
@@ -458,6 +457,8 @@ input::-webkit-input-placeholder
       color: $red
       td
         color: $red
+    .zd_wrapper .grid_wraper td:first-child
+      background-color #ff6b00
 .overall_lightgreen
     background linear-gradient(#00d9a1 0%,#00c0a5 30%,#115fae 100%)
     .body-container
@@ -479,5 +480,7 @@ input::-webkit-input-placeholder
       color: #008f8f
       td
         color: #008f8f
+    .zd_wrapper .grid_wraper td:first-child
+      background-color #00c0a5
 .overall_blue
     background linear-gradient(#031f6d 0%,#011a60 20%,#060346 100%)
\ No newline at end of file