udiwms-vue/src/views/inout/DialogSelectErpOrder.vue

<template>
  <div>
    <el-card class="el-card">
      <el-form
        :inline="true"
        :model="filterQuery"
        class="query-form"
        size="mini"
      >
        <el-row>
          <el-form-item class="query-form-item">
            <el-input
              v-model="filterQuery.billNo"
              placeholder="单据号"
            ></el-input>
          </el-form-item>
          <el-form-item class="query-form-item">
              <el-select v-model="filterQuery.billAction" placeholder="业务类型">
                  <el-option label="采购入库" value="PurchaseWareHouseIn"></el-option>
                  <el-option label="销售出库" value="SalesWareHouseOut"></el-option>
                  <el-option label="退货出库" value="ReturnWareHouseOut"></el-option>
                  <el-option label="退货入库" value="ReturnWareHouseIn"></el-option>
              </el-select>
          </el-form-item>
          <el-form-item class="query-form-item">
            <el-select v-model="filterQuery.billFlag" placeholder="单据状态">
              <el-option label="全部" value=""></el-option>
              <el-option label="已签字" value="1"></el-option>
              <el-option label="未签字" value="0"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item class="query-form-item">
            <span style="color: #000; margin-left: 10px; margin-right: 6px"
              >单据日期:</span
            >
            <el-date-picker
              :picker-options="pickerOptions"
              v-model="actDateRange"
              type="daterange"
              format="yyyy 年 MM 月 dd 日"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button-group>
              <el-button
                type="primary"
                icon="el-icon-refresh"
                @click="onReset"
              ></el-button>
              <el-button type="primary" icon="search" @click="onSubmit"
                >查询</el-button
              >
              <el-button type="primary" icon="search" @click="importErps"
                >导入比对</el-button
              >

              <!-- <el-button type="primary" icon="search" @click="combineErps"
                >合并下载</el-button
              > -->
            </el-button-group>
          </el-form-item>
        </el-row>
      </el-form>
      <el-table
        v-loading="loading"
        :data="list"
        highlight-current-row="true"
        @selection-change="handleSelectionChange"
        @row-click="getOrderDetail"
        style="width: 100%"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="序号" type="index"></el-table-column>
        <el-table-column
          label="订单ID"
          prop="billNo"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          label="客户ID"
          prop="corpId"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          label="客户名称"
          prop="corpName"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          label="销售日期"
          show-overflow-tooltip
          prop="billdate"
        ></el-table-column>
        <el-table-column label="业务类型" prop="billType"></el-table-column>

        <!-- <el-table-column label="下载状态" prop="isDownload"></el-table-column> -->
      </el-table>
      <el-pagination
        :page-size="filterQuery.limit"
        @current-change="handleCurrentChange"
        layout="prev, pager, next"
        :total="total"
      ></el-pagination>
    </el-card>

    <el-card class="el-card">
      <el-table
        v-loading="detailLoading"
        :data="detailList"
        style="width: 100%"
      >
        <el-table-column label="序号" type="index"></el-table-column>

        <el-table-column
          label="货品ID"
          prop="inventory_code"
          :show-overflow-tooltip="true"
        ></el-table-column>

        <el-table-column
          label="货品名称"
          prop="inventory_name"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          label="批号"
          prop="vbatchcode"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          label="单位"
          prop="invspec"
          :show-overflow-tooltip="true"
        ></el-table-column>

        <el-table-column label="数量" prop="dtlgoodsqty"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
import {
  combineErpOrder,
  selectErpOrder,
  getCloudErp,
} from "../../api/inout/erpOrder";

export default {
  name: "orderId",
  props: {
    orderId: {
      type: Object,
      required: true,
    },
  },
  data() {
    return {
      filterQuery: {
        billcode: "",
        billFlag: null,
        billAction: "PurchaseWareHouseIn",
        startDate: null,
        endDate: null,
        page: 1,
        limit: 5,
      },
      value: "",
      total: 0,
      list: [],
      loading: false,
      detailLoading: false,
      detailList: [],
      actDateRange: [],
      pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
      multipleSelection: [],
      postQuery: {
        orderId: "",
        purchaseinResponses: [],
      },
      idQuery: {
        id: "",
      },
    };
  },

  methods: {
    onReset() {
      this.$router.push({
        path: "",
      });
      this.filterQuery = {
        billNo: "",
        billFlag: null,
        billAction: "PurchaseWareHouseIn",
        startDate: null,
        endDate: null,
        page: 1,
        limit: 5,
      };
      this.actDateRange = [];
      this.getList();
    },

    onSubmit() {
      if (this.actDateRange != null) {
        this.filterQuery.startDate = this.actDateRange[0];
        this.filterQuery.endDate = this.actDateRange[1];
      } else {
        this.filterQuery.startDate = null;
        this.filterQuery.endDate = null;
      }
      this.getList();
    },
    getList() {
      this.loading = true;
      getCloudErp(this.filterQuery)
        .then((response) => {
          this.loading = false;
          if (response.code == 20000) {
            this.list = response.data.list || [];
            this.total = response.data.total || 0;
          } else {
            this.$message.error(response.message);
          }
        })
        .catch(() => {
          this.loading = false;
          this.list = [];
          this.total = 0;
        });
    },

    //业务明细表
    getOrderDetail(row) {

      this.detailList = row.subPurchases;
    },

    importErps() {
      var selectData = this.multipleSelection;

      selectData.forEach((obj, index) => {
        this.postQuery.purchaseinResponses.push(obj);
      });

      if (this.postQuery.purchaseinResponses.length < 1) {
        this.$message.warning("选择的订单需大于1");
        return;
      }
      this.postQuery.orderId = this.orderId;
      selectErpOrder(this.postQuery)
        .then((response) => {
          if (response.code == 20000) {
            this.loading = false;
            this.$emit("closeManuDialog", true);
          } else {
            this.$message.error(response.message);
          }
        })
        .catch(() => {
          this.loading = false;
          this.$emit("closeManuDialog", false);
        });
    },
    combineErps() {
      var selectData = this.multipleSelection;

      selectData.forEach((obj, index) => {
        this.postQuery.docids.push(obj.docid);
      });

      if (this.postQuery.docids.length < 1) {
        this.$message.warning("选择的订单需大于1");
        return;
      }

      combineErpOrder(this.postQuery)
        .then((response) => {
          if (response.code == 20000) {
            this.loading = false;
            this.$emit("closeManuDialog", true);
          } else {
            this.$message.error(response.message);
          }
        })
        .catch(() => {
          this.loading = false;
          this.$emit("closeManuDialog", false);
        });
    },

    handleSizeChange(val) {
      this.filterQuery.limit = val;
      this.getList();
    },
    handleCurrentChange(val) {
      this.filterQuery.page = val;
      this.getList();
    },
    handleSelectionChange(val) {
      console.log(val);
      this.multipleSelection = val;
    },
  },
  components: {},
  mounted() {},
  created() {
    let end = new Date();
    let start = new Date();
    start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
    this.actDateRange = [start, end];
    this.getList();
  },
};
</script>