卷出入库记录 2023年3月9日 sxm

3 years ago · f87c5b0cb5
2 changed files with 323 additions and 0 deletions
--- a/src/api/finishedProductWarehouse/trans.js
+++ b/src/api/finishedProductWarehouse/trans.js
@ -0,0 +1,4 @@
+import { createAPI } from "@/utils/httpRequest.js";
+
+
+export const getTransInfoList = data => createAPI('/trans/getTransInfoList','post',data)
--- a/src/views/modules/finishedProductWarehouse/trans.vue
+++ b/src/views/modules/finishedProductWarehouse/trans.vue
@ -0,0 +1,319 @@
+<template>
+  <div class="mod-config">
+    <el-row>
+      <el-col :span="24">
+        <el-form :inline="true" label-position="top">
+          <el-form-item label="卷号">
+            <el-input v-model="queryForm.subno" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="物料编号">
+            <el-input v-model="queryForm.partno" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="物料描述">
+            <el-input v-model="queryForm.partdescription" clearable></el-input>
+          </el-form-item>
+          <el-form-item label="类型">
+            <el-select v-model="queryForm.transtypeDb">
+              <el-option value="" label="全部"></el-option>
+              <el-option value="CRR" label="采购退货"></el-option>
+              <el-option value="CRT" label="采购材料订单入库"></el-option>
+              <el-option value="SIR" label="生产退料"></el-option>
+              <el-option value="OC" label="其他出库"></el-option>
+              <el-option value="YKC" label="移库-出库"></el-option>
+              <el-option value="YKR" label="移库-入库"></el-option>
+              <el-option value="JPO" label="交货单"></el-option>
+              <el-option value="SI" label="生产订单领料"></el-option>
+              <el-option value="SR" label="产成品订单入库"></el-option>
+              <el-option value="OI" label="其他入库"></el-option>
+              <el-option value="OC" label="其他出库"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label=" ">
+            <el-button type="primary" @click="getDataList()">查询</el-button>
+            <download-excel
+              :fields="fields()"
+              :type="'xls'"
+              :name="this.dayjs().format('YYYY-MM-DD')"
+              :fetch="createExportData"
+              worksheet="导出信息"
+              class="el-button el-button--primary el-button--medium">
+              {{ '导出' }}
+            </download-excel>
+          </el-form-item>
+        </el-form>
+        <el-form :inline="true" label-position="top">
+          <el-form-item label="创建时间">
+            <el-date-picker
+              style="width: 145px"
+              v-model="queryForm.startDate"
+              type="date"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期">
+            </el-date-picker>
+            -
+            <el-date-picker
+              style="width: 145px"
+              v-model="queryForm.endDate"
+              type="date"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd 23:59:59"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="创建人">
+            <el-input v-model="queryForm.userId" clearable></el-input>
+          </el-form-item>
+        </el-form>
+      </el-col>
+    </el-row>
+    <el-table
+      :data="dataList"
+      border
+      :height="height"
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        v-for="(item,index) in columnList" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="item.format=='dateTime'"> {{ scope.row[item.columnProp]?dayjs(scope.row[item.columnProp]).format('YYYY-MM-DD HH:mm:ss'):'' }}</span>
+          <span v-if="!item.format"> {{ scope.row[item.columnProp] }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 100, 500, 1000]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+  </div>
+</template>
+
+<script>
+import {
+  getTransInfoList
+} from '@/api/finishedProductWarehouse/trans.js'
+
+export default {
+  data() {
+    return {
+      queryForm: {
+        site: this.$store.state.user.site,
+        limit: 1,
+        page: '',
+        userId: '',
+        transno: '',
+        subno: '',
+        partno: '',
+        partdescription: '',
+        transtypeDb: '',
+        startDate: '',
+        endDate: '',
+      },
+      dataList: [],
+      wareHouseList: [],
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      height: 200,
+      dataListLoading: false,
+      dataListSelections: [],
+      addOrUpdateVisible: false,
+      // 展示列集
+      columnList: [
+        {
+          columnProp: 'transno',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '记录编号',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'subno',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '卷号',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'partno',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '物料编号',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'partdescription',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '物料描述',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'typedesc',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '类型',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'transDate',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '创建时间',
+          format: 'dateTime',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        },  {
+          columnProp: 'userid',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '创建人',
+          format: null,
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        }, {
+          columnProp: 'remark',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '备注',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 140,
+        },
+      ],
+      // 导出 start
+      exportData: [],
+      exportName: "工厂信息" + this.dayjs().format('YYYYMMDDHHmmss'),
+      exportHeader: ["工厂信息"],
+      exportFooter: [],
+      exportDataList: []
+      // 导出 end
+    }
+  },
+  activated() {
+    this.getDataList()
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 230
+    })
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      // this.dataListLoading = true
+      this.queryForm.page = this.pageIndex
+      this.queryForm.limit = this.pageSize
+      getTransInfoList(this.queryForm).then(({data}) => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 导出的数据
+    async getExport() {
+      let queryForm = JSON.parse(JSON.stringify(this.queryForm))
+      queryForm.limit = -1
+      await getTransInfoList(queryForm).then(({data}) => {
+        if (data && data.code === 0) {
+          this.exportDataList = data.page.list
+        } else {
+          this.exportDataList = []
+        }
+      })
+    },
+    // 导出
+    fields() {
+      let json = "{"
+      this.columnList.forEach((item, index) => {
+        if (index == this.columnList.length - 1) {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
+        } else {
+          json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
+        }
+      })
+      json += "}"
+      let s = eval("(" + json + ")")
+      return s
+    },
+    async createExportData() {
+      await this.getExport()
+      // 点击导出按钮之后,开始导出数据之前的执行函数,返回值为需要下载的数据
+      return this.exportDataList;
+    },
+    startDownload() {
+    },
+    finishDownload() {
+    }
+  }
+}
+</script>