From a2299a6d4a6f99e9c11132138f5d3e9ec68f03ea Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 06 六月 2025 19:19:34 +0800
Subject: [PATCH] 开发更新

---
 admin/src/views/stock/out.vue |  188 +++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 188 insertions(+), 0 deletions(-)

diff --git a/admin/src/views/stock/out.vue b/admin/src/views/stock/out.vue
index e69de29..9a01b67 100644
--- a/admin/src/views/stock/out.vue
+++ b/admin/src/views/stock/out.vue
@@ -0,0 +1,188 @@
+<template>
+  <div class="main_app">
+    <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" />
+    <div class="mt20">
+      <el-button type="primary" @click="handleEdit()" v-permissions="['business:ywoutinboundrecord:create']">鏂板缓鍑哄簱鍗�</el-button>
+      <el-button @click="handleEx()" v-permissions="['business:ywoutinboundrecord:exportExcel']">瀵煎嚭</el-button>
+    </div>
+    <el-table v-loading="loading" :data="list" stripe>
+      <el-table-column prop="code" label="鍑哄簱鍗曞彿" min-width="120" show-overflow-tooltip />
+      <el-table-column prop="warehouseName" label="鍑哄簱浠撳簱" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="typeName" label="鍑哄簱绫诲瀷" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="doneDate" label="鍑哄簱鏃ユ湡" min-width="110" show-overflow-tooltip />
+      <el-table-column label="鍑哄簱鏁伴噺" min-width="140">
+        <template v-slot="{ row }">
+          <div v-for="item in row.recordList">{{ item.materialName }}[{{ item.materialCode }}]*{{ item.stock }}{{ item.materialUnitName }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="outUserName" label="棰嗙敤浜�" min-width="90" show-overflow-tooltip />
+      <el-table-column prop="createUserName" label="鎿嶄綔浜�" min-width="90" show-overflow-tooltip />
+      <el-table-column prop="createDate" label="鎿嶄綔鏃堕棿" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="remark" label="澶囨敞" min-width="100" show-overflow-tooltip />
+      <el-table-column prop="workTime" label="鎿嶄綔" min-width="80" show-overflow-tooltip>
+        <template v-slot="{ row }">
+          <span @click="handleDetail(row)" v-permissions="['business:ywoutinboundrecord:query']" class="primaryColor pointer">鏌ョ湅璇︽儏</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="mt20">
+      <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" />
+    </div>
+    <!--  -->
+    <OutEdit v-if="isShowEdit" @close="isShowEdit = false" @success="getList" ref="OutEditRef" />
+    <OutDetail v-if="isShowDetail" ref="InDetailRef" />
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/common/Pagination'
+import QueryForm from '@/components/common/QueryForm'
+import OutEdit from './components/OutEdit.vue'
+import OutDetail from './components/OutDetail.vue'
+import dayjs from 'dayjs'
+import duration from 'dayjs/plugin/duration'
+dayjs.extend(duration)
+import { ywOutinboundPage, ywOutinboundEx } from '@/api'
+import { fetchList as getStoreList } from '@/api/ywWarehouse'
+import { StoreTypeOps, rules } from './components/config'
+export default {
+  components: {
+    Pagination,
+    QueryForm,
+    OutEdit,
+    OutDetail
+  },
+  data() {
+    return {
+      loading: false,
+      isShowEdit: false,
+      isShowDetail: false,
+      pagination: {
+        pageSize: 10,
+        page: 1,
+        total: 0
+      },
+      filters: {
+        inOut: 1
+      },
+      StoreTypeOps,
+      list: [],
+      total: 0,
+      queryFormConfig: {
+        formItems: [
+          {
+            filed: 'code',
+            type: 'input',
+            label: '鍑哄簱鍗曞彿',
+          },
+          {
+            filed: 'warehouseId',
+            type: 'select',
+            label: '鎵�鍦ㄤ粨搴�',
+            labelCode: 'name',
+            valueCode: 'id',
+            options: []
+          },
+          {
+            filed: 'type',
+            type: 'select',
+            label: '鍑哄簱绫诲瀷',
+            labelCode: 'name',
+            valueCode: 'id',
+            options: StoreTypeOps.filter(i => i.type == 1)
+          },
+        ],
+        online: true
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.initData()
+  },
+  methods: {
+    handleSub() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          alert('submit!')
+        }
+      })
+    },
+    handleEdit() {
+      this.isShowEdit = true
+      this.$nextTick(() => {
+        this.$refs.OutEditRef.isShowModal = true
+      })
+    },
+    handleDetail(row) {
+      this.isShowDetail = true
+      this.$nextTick(() => {
+        this.$refs.InDetailRef.visible = true
+        this.$refs.InDetailRef.getDetail(row.id)
+      })
+    },
+    handleEx() {
+      this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵')
+        .then(() => {
+          this.loading = true
+          ywOutinboundEx({
+            page: this.pagination.page,
+            capacity: 1000000,
+            model: this.filters
+          })
+            .then(response => {
+              this.download(response)
+            })
+            .catch(e => {
+              this.$tip.apiFailed(e)
+            })
+            .finally(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => { })
+    },
+    initData() {
+      getStoreList({ capacity: 9999, page: 1, model: {} }).then(res => {
+        this.queryFormConfig.formItems[1].options = res.records || []
+      })
+    },
+    getList(page) {
+      const { pagination, filters } = this
+      this.loading = true
+      if(page){pagination.page = page}
+      ywOutinboundPage({
+        model: {
+          ...filters
+        },
+        // sorts: [{ direction: 'DESC', property: 'param1' }],
+        capacity: pagination.pageSize,
+        page: page,
+      }).then(res => {
+        this.loading = false
+        this.list = res.records || []
+        this.list.forEach(item => {
+          item.typeName = this.StoreTypeOps[item.type].name
+        })
+        this.pagination.total = res.total || 0
+      }, () => {
+        this.loading = false
+      })
+    },
+    clear() {
+      this.filters = {
+        inOut: 1
+      }
+      this.pagination.pageSize = 10
+      this.pagination.page = 1
+      this.getList()
+    },
+    handleSizeChange(capacity) {
+      this.pagination.pageSize = capacity
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style></style>

--
Gitblit v1.9.3