dy-admin-manager/src/views/businessManager/orderManager/financeManager-taoqi.vue

<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      财务列表
    </h2>
    <div class="m-core">
      <el-button
        v-permission="'routeOrder/add/taoqi'"
        @click="
          () => {
            routeOrderStatus = true;
            (isAdd = true), (form.applyType = null);
          }
        "
        type="primary"
        style="margin-bottom: 20px"
      >
        添加订单
      </el-button>
      <!-- <el-button
        @click="onOrderExport"
        v-permission="{
          child: 'export/routeOrderList',
          parent: '/financeManager',
        }"
        type="primary"
        style="margin-bottom:20px"
      >
        报表导出
      </el-button> -->
      <ExportChiose
        v-permission="{
          child: 'export/routeOrderList',
          parent: '/financeManager'
        }"
        style="margin-bottom: 20px; display: inline-block"
        name="报表导出"
        ExportEnum="ROUTE_ORDER_LIST1"
        :exportData="onOrderExport"
        fileName="财务列表"
        errorMsg="请选择开始日期和结束日期"
        :isDownList="true"
      />
      <!-- <el-button
        v-permission="{ child: 'adapay/exportBill', parent: '/financeManager' }"
        @click="onAdaPayExport"
        type="primary"
        style="margin-bottom: 20px"
      >
        汇付订单导出
      </el-button> -->
      <ExportChiose
        v-permission="{ child: 'adapay/exportBill', parent: '/financeManager' }"
        style="margin-bottom: 20px; display: inline-block"
        name="汇付订单导出"
        ExportEnum="EXPORT_BILL"
        :exportData="onAdaPayExport"
        fileName="汇付订单"
        errorMsg="请选择开始日期和结束日期"
        :flag="
          !(this.searchForm.orderDate && this.searchForm.orderDate.length > 0)
        "
      />
      <el-button
        @click="onDownload"
        v-permission="'import/downloadTemplate?financeManager/taoqi'"
        type="primary"
        style="margin-bottom: 20px"
      >
        下载模板
      </el-button>
      <el-upload
        v-permission="'import/routeOrder/taoqi'"
        style="display: inline-block; margin-left: 10px"
        action="/api-web/import/routeOrder"
        :show-file-list="false"
        :before-upload="beforeUpload"
        accept=".xlsx,.xls"
        :headers="headers"
        :on-error="handleError"
        :on-success="handleSuccess"
      >
        <el-button type="primary" style="margin-bottom: 20px"> 导入 </el-button>
      </el-upload>
      <!-- 搜索类型 -->
      <save-form
        :inline="true"
        class="searchForm"
        ref="searchForm"
        :model.sync="searchForm"
      >
        <el-form-item>
          <el-input
            placeholder="学生编号/姓名/手机号"
            clearable
            type="text"
            v-model.trim="searchForm.search"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="交易流水号"
            clearable
            type="text"
            v-model.trim="searchForm.transNo"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="订单号"
            clearable
            type="text"
            v-model.trim="searchForm.orderNo"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="收款账户"
            clearable
            type="text"
            v-model.trim="searchForm.merNos"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="余额支付大于等于"
            clearable
            type="number"
            @mousewheel.native.prevent
            v-model.trim="searchForm.balancePaymentAmount"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="余额支付小于等于"
            clearable
            type="number"
            @mousewheel.native.prevent
            v-model.trim="searchForm.lessBalancePaymentAmount"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="现金支付大于等于"
            clearable
            type="number"
            @mousewheel.native.prevent
            v-model.trim="searchForm.actualAmount"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-input
            placeholder="现金支付小于等于"
            clearable
            type="number"
            @mousewheel.native.prevent
            v-model.trim="searchForm.lessActualAmount"
          ></el-input>
        </el-form-item>
        <el-form-item prop="routingOrganId">
          <el-select
            class="multiple"
            v-model.trim="searchForm.routingOrganId"
            filterable
            multiple
            collapse-tags
            clearable
            @clear="onClear('routingOrganId')"
            placeholder="请选择分部"
          >
            <el-option
              v-for="(item, index) in selects.branchs"
              :key="index"
              :label="item.name"
              :value="item.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-date-picker
            v-model.trim="searchForm.orderDate"
            style="width: 410px"
            type="daterange"
            value-format="yyyy-MM-dd"
            @change="searchOrderDate"
            :picker-options="{
              firstDayOfWeek: 1
            }"
            range-separator="至"
            start-placeholder="订单开始日期"
            end-placeholder="订单结束日期"
          ></el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-select
            v-model.trim="searchForm.paymentType"
            clearable
            filterable
            @clear="onClear('paymentType')"
            placeholder="交易类型"
          >
            <el-option
              v-for="(item, index) in orderStatus"
              :key="index"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select
            v-model.trim="searchForm.paymentStatus"
            clearable
            filterable
            @clear="onClear('paymentStatus')"
            placeholder="交易状态"
          >
            <el-option
              v-for="(item, index) in dealStatus"
              :key="index"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button @click="search" type="danger">搜索</el-button>
          <el-button @click="onReSet" type="primary">重置</el-button>
        </el-form-item>
      </save-form>
      <!-- 列表 -->
      <div style="font-size: 14px; color: #f85043; padding-bottom: 10px">
        营收金额：{{ totalRevenueAmount | moneyFormat }}元
        <i style="width: 10px; display: inline-block"></i>
        实收金额：{{ totalActualAmount | moneyFormat }}元
        <i style="width: 10px; display: inline-block"></i>
        预收金额：{{ totalAdvanceAmount | moneyFormat }}元
        <i style="width: 10px; display: inline-block"></i>
        预收余额：{{ totalUserBalance | moneyFormat }}元
      </div>
      <div class="tableWrap">
        <el-table
          :data="tableList"
          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
        >
          <el-table-column align="center" prop="transNo" label="所属分部">
            <template slot-scope="scope">
              <div>
                <copy-text>{{ scope.row.routeOrganName }}</copy-text>
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="transNo" label="交易流水号">
            <template slot-scope="scope">
              <div>
                <copy-text>{{ scope.row.transNo }}</copy-text>
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="orderNo" label="订单号">
            <template slot-scope="scope">
              <div>
                <copy-text>{{ scope.row.orderNo }}</copy-text>
              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            width="150"
            prop="createTime"
            label="订单日期"
          >
            <template slot-scope="scope">{{
              scope.row.createTime | dateForMinFormat
            }}</template>
          </el-table-column>
          <el-table-column align="center" width="100px" label="交易类型">
            <template slot-scope="scope">{{
              scope.row.type | orderType
            }}</template>
          </el-table-column>
          <el-table-column align="center" prop="expectAmount" label="订单金额">
            <template slot-scope="scope">
              <div>
                {{
                  (scope.row.couponRemitFee + scope.row.expectAmount)
                    | moneyFormat
                }}
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="expectAmount" label="优惠金额">
            <template slot-scope="scope">
              <div>
                {{ scope.row.couponRemitFee | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="expectAmount" label="应付金额">
            <template slot-scope="scope">
              <div>
                {{ scope.row.expectAmount | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="balancePaymentAmount"
            label="余额支付"
          >
            <template slot-scope="scope">
              <div>
                {{ scope.row.balancePaymentAmount | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="actualAmount" label="现金支付">
            <template slot-scope="scope">
              <div>
                {{ scope.row.actualAmount | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="routeAmount" label="分润金额">
            <template slot-scope="scope">
              <div>
                {{ scope.row.routeAmount | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="routeBalanceAmount"
            label="分润余额"
          >
            <template slot-scope="scope">
              <div>
                {{ scope.row.routeBalanceAmount | moneyFormat }}
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center" label="学员姓名" width="130px">
            <template slot-scope="scope">
              <div>
                <!-- v-if="scope.row.type !== 'OUTORDER'" -->
                <div>
                  <p>
                    <copy-text> {{ scope.row.user.username }}</copy-text>
                  </p>
                  <copy-text>{{ scope.row.user.phone }}</copy-text>
                </div>
              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="paymentChannel"
            label="交易方式"
          >
            <template slot-scope="scope">{{
              scope.row.paymentChannel | paymentChannelStatus
            }}</template>
          </el-table-column>
          <!-- <el-table-column align="center"
                           label="收款账户">
            <template slot-scope="scope">{{ scope.row.merNo }}</template>
          </el-table-column> -->
          <el-table-column align="center" label="交易状态">
            <template slot-scope="scope">{{
              scope.row.status | dealStatus
            }}</template>
          </el-table-column>
          <el-table-column align="center" label="备注" width="220px">
            <template slot-scope="scope">
              <overflow-text width="200px" :text="scope.row.memo" />
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            fixed="right"
            width="150px"
            label="操作"
          >
            <template slot-scope="scope">
              <div
                v-if="
                  scope.row.groupType == 'OUTORDER' &&
                    $helpers.permission('routeOrder/getOrderInfo/taoqi')
                "
              >
                <el-button type="text" @click="lookOrderInfo(scope.row)"
                  >查看</el-button
                >
                <!-- <el-button type="text" @click="removeOrderInfo(scope.row)"
                  >删除</el-button
                > -->
              </div>
            </template>
          </el-table-column>
        </el-table>
        <pagination
          :total.sync="pageInfo.total"
          sync
          :page.sync="pageInfo.page"
          :limit.sync="pageInfo.limit"
          :page-sizes="pageInfo.page_size"
          @pagination="getList"
        />
      </div>

      <el-dialog
        :title="isAdd ? '添加订单' : '查看'"
        :visible.sync="routeOrderStatus"
        v-if="routeOrderStatus"
        @close="onFormClose('ruleForm')"
        width="600px"
      >
        <el-form :model="form" :rules="rules" ref="ruleForm">
          <div class="lookTitle">基本信息</div>
          <el-form-item
            label="所属分部"
            prop="routeOrganId"
            :rules="[
              { required: true, message: '请选择分部', trigger: 'change' }
            ]"
            :label-width="formLabelWidth"
          >
            <el-select
              v-model.trim="form.routeOrganId"
              :disabled="!isAdd"
              @change="changeOrgin"
              filterable
              style="width: 100% !important"
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            label="所属学校"
            prop="schoolId"
            :label-width="formLabelWidth"
          >
            <el-select
              v-model="form.schoolId"
              :disabled="!isAdd"
              @change="checkSchool"
              style="width: 100% !important"
              filterable
            >
              <el-option
                v-for="(item, index) in cooperationList"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <!-- 订单类型 -->
          <el-form-item
            label="订单类型"
            prop="insertOrderType"
            :label-width="formLabelWidth"
          >
            <el-radio-group
              v-model="insertOrderType"
              :disabled="!isAdd"
              @change="form.calenderId = null"
            >
              <el-radio :label="1">个人订单</el-radio>
              <el-radio :label="2">学校订单</el-radio>
              <el-radio :label="3">其它订单</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="缴费单号"
            prop="calenderId"
            v-if="insertOrderType == 2 || insertOrderType == 3"
            :label-width="formLabelWidth"
            :rules="[
              {
                pattern: /^[0-9]*$/,
                message: '请输入正确的缴费单号',
                trigger: 'blur'
              }
            ]"
          >
            <!-- <el-input
              v-model.trim="form.calenderId"
              :disabled="!isAdd"
              placeholder="请输入缴费单号"
            ></el-input> -->
            <el-select
              v-model="form.calenderId"
              :disabled="!isAdd"
              placeholder="请选择缴费单号"
              style="width: 100% !important"
              filterable
            >
              <el-option
                v-for="(item, index) in getCalenderList"
                :key="index"
                :label="item.id"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            label="学员编号"
            prop="userId"
            v-if="insertOrderType == 1 || insertOrderType == 3"
            :label-width="formLabelWidth"
          >
            <el-input
              v-model.trim="form.userId"
              :disabled="!isAdd"
              placeholder="请输入学员编号"
            ></el-input>
          </el-form-item>
          <div class="lookTitle">交易信息</div>
          <el-form-item
            label="交易流水号"
            prop="transNo"
            :label-width="formLabelWidth"
          >
            <el-input
              placeholder="请输入交易流水号"
              type="text"
              :disabled="!isAdd"
              v-model.trim="form.transNo"
            ></el-input>
          </el-form-item>
          <el-form-item
            label="收款账户"
            prop="merNo"
            :label-width="formLabelWidth"
          >
            <el-input
              placeholder="请输入收款账户"
              type="text"
              :disabled="!isAdd"
              v-model.trim="form.merNo"
            ></el-input>
          </el-form-item>
          <el-form-item
            label="交易日期"
            prop="payTime"
            :label-width="formLabelWidth"
          >
            <el-date-picker
              style="width: 100%"
              :disabled="!isAdd"
              v-model="form.payTime"
              type="datetime"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择交易日期"
            >
            </el-date-picker>
          </el-form-item>
          <div v-if="!form.calenderId">
            <el-form-item
              label="收入类型"
              v-if="isAdd"
              :label-width="formLabelWidth"
              prop="applyType"
            >
              <el-select
                class="multiple"
                style="width: 100% !important"
                v-model.trim="form.applyType"
                @change="changeApplyType"
                filterable
                clearable
                :disabled="!isAdd"
                placeholder="请选择收入类型"
              >
                <el-option
                  v-for="(item, index) in orderServerList"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <div v-if="form.applyType == 'SELL'">
              <div
                v-for="(goodsList, index) in form.goodsList"
                :key="index"
                class="shopListWrap"
              >
                <el-form-item
                  :label="'商品名称' + (index + 1)"
                  :label-width="formLabelWidth"
                  class="setWidth"
                  :prop="'goodsList.' + index + '.id'"
                  :rules="[
                    { required: true, message: '请选择商品', trigger: 'change' }
                  ]"
                >
                  <el-select
                    v-if="isAdd"
                    v-model.trim="goodsList.id"
                    filterable
                    :disabled="!isAdd || !form.routeOrganId"
                    @change="checkgoods"
                    placeholder="请选择商品"
                  >
                    <el-option
                      v-for="(item, index) in shopList"
                      :key="index"
                      :label="item.name"
                      :value="item.id"
                    >
                      <span style="float: left"
                        >{{ item.name
                        }}<span v-if="item.sn">({{ item.sn }})</span></span
                      >
                      <span
                        style="float: right; color: #8492a6; font-size: 13px"
                        >{{ item.discountPrice || 0 }}元</span
                      >
                    </el-option>
                  </el-select>
                  <p class="showShop" v-else>
                    <Tooltip :content="goodsList.id | filterShopId" />
                  </p>
                </el-form-item>
                <el-form-item
                  class="setWidth"
                  style="margin: 0 10px"
                  :prop="'goodsList.' + index + '.number'"
                  :rules="validAmount"
                >
                  <!-- <el-input-number style="width: 160px;" v-model="goodsList.number" placeholder="商品数量"></el-input-number> -->
                  <el-input
                    type="age"
                    style="width: 160px"
                    :disabled="!isAdd || !form.routeOrganId"
                    clearable
                    placeholder="请输入商品数量"
                    @mousewheel.native.prevent
                    v-model.number="goodsList.number"
                  ></el-input>
                </el-form-item>
                <el-button
                  icon="el-icon-minus"
                  :disabled="!isAdd || !form.routeOrganId"
                  v-if="form.goodsList.length > 1"
                  circle
                  style="height: 40px"
                  @click.prevent="removeGoodsList(goodsList)"
                ></el-button>
                <el-button
                  icon="el-icon-plus"
                  :disabled="!isAdd || !form.routeOrganId"
                  @click.prevent="addGoodsList"
                  circle
                  style="margin-left: 5px; height: 40px"
                ></el-button>
              </div>
            </div>
            <el-form-item
              label="销售金额"
              v-if="form.applyType == 'SELL' || !isAdd"
              prop="saleAmount"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="form.saleAmount"
                @mousewheel.native.prevent
                type="number"
                :disabled="!isAdd"
                placeholder="请输入销售金额"
              />
            </el-form-item>
            <el-form-item
              label="服务金额"
              v-if="form.applyType == 'SERVICE' || !isAdd"
              prop="serviceAmount"
              :label-width="formLabelWidth"
            >
              <el-input
                type="number"
                @mousewheel.native.prevent
                :disabled="!isAdd"
                v-model="form.serviceAmount"
                placeholder="请输入收入金额"
              />
            </el-form-item>
          </div>
          <div v-if="form.calenderId">
            <el-form-item
              label="回款金额"
              prop="routeAmount"
              :label-width="formLabelWidth"
              :rules="[{ required: true, message: '请输入回款金额' }]"
            >
              <el-input
                type="number"
                @mousewheel.native.prevent
                :disabled="!isAdd"
                v-model="form.routeAmount"
                placeholder="请输入回款金额"
              />
            </el-form-item>
          </div>
          <div class="lookTitle">其它</div>
          <el-form-item label="备注" prop="memo" :label-width="formLabelWidth">
            <el-input
              placeholder="请输入备注"
              :disabled="!isAdd"
              v-model.trim="form.memo"
              type="textarea"
              :rows="3"
            ></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="routeOrderStatus = false">取 消</el-button>
          <el-button
            v-if="!isAdd"
            @click="routeOrderStatus = false"
            type="primary"
            >确 定</el-button
          >
          <el-button v-else @click="onOrderSubmit('ruleForm')" type="primary"
            >确 定</el-button
          >
        </span>
      </el-dialog>
    </div>
  </div>
</template>
<script>
import pagination from "@/components/Pagination/index";
import {
  routeOrderFinance,
  routeOrderAdd,
  getOrderInfo,
  orderDelete,
  getCalenders
} from "@/api/orderManager";
import { goodsQuery } from "@/api/businessManager";
import { getEmployeeOrgan, getAddress, getCooperation } from "@/api/buildTeam";
// import store from '@/store'
import { orderStatus, dealStatus } from "@/utils/searchArray";
import cleanDeep from "clean-deep";
import axios from "axios";
import qs from "qs";
import { getToken, getTenantId } from "@/utils/auth";
import load from "@/utils/loading";
import { orderServerList } from "@/utils/searchArray";
import { Export } from "@/utils/downLoadFile";
import Tooltip from "@/components/Tooltip/index";
import ExportChiose from "@/components/Export-chiose";
let validAmount = (rule, value, callback) => {
  if (!value) {
    callback(new Error("请输入商品数量"));
  } else if (value < 0) {
    callback(new Error("输入商品数量必须大于0"));
  } else if (value > 999) {
    callback(new Error("输入商品数量必须小于999"));
  } else {
    callback();
  }
};
let that;
export default {
  components: { pagination, Tooltip, ExportChiose },
  name: "incomeTwo",
  computed: {
    extraQuery() {
      const data = {};
      if (this.$route.path === "/orderList/financeManager") {
        data.noneTqType = "1";
      }
      return data;
    }
  },
  data() {
    return {
      orderStatus: orderStatus,
      dealStatus: dealStatus,

      searchForm: {
        search: null,
        orderStartDate: null,
        orderEndDate: null,
        paymentStatus: "SUCCESS",
        paymentType: null,
        routingOrganId: [],
        actualAmount: null,
        balancePaymentAmount: null,
        orderNo: null,
        transNo: null,
        merNos: null,
        lessBalancePaymentAmount: null,
        lessActualAmount: null,
        orderDate: []
      },
      tableList: [],
      organList: [],
      shopList: [],
      cooperationList: [],
      orderServerList: orderServerList,
      pageInfo: {
        // 分页规则
        limit: 10, // 限制显示条数
        page: 1, // 当前页
        total: 0, // 总条数
        page_size: [10, 20, 40, 50] // 选择限制显示条数
      },
      totalUserBalance: 0,
      totalActualAmount: 0,
      totalAdvanceAmount: 0,
      totalRevenueAmount: 0,
      formLabelWidth: "100px",
      routeOrderStatus: false,
      isAdd: true,
      insertOrderType: 1, // 订单类型  1 个人订单 2 学校订单 2 其它订单
      form: {
        routeOrganId: null,
        transNo: null,
        type: "OTHER",
        merNo: null,
        actualAmount: null,
        memo: null,
        payTime: null,
        serviceAmount: null,
        saleAmount: null,
        routeAmount: null, // 回款金额
        schoolId: null,
        goodsList: [
          {
            id: null,
            number: null
          }
        ],
        applyType: null,
        userId: "",
        calenderId: ""
      },
      validAmount: [
        { required: true, validator: validAmount, trigger: "blur" },
        { type: "number", message: "商品数量必须为数字" }
      ],
      rules: {
        organId: [
          { required: true, message: "请选择所属分部", trigger: "change" }
        ],
        // schoolId: [
        //   { required: true, message: "请选择学校", trigger: "change" }
        // ],
        actualAmount: [
          { required: true, message: "请输入金额", trigger: "blur" }
        ],
        transNo: [
          { required: true, message: "请输入交易流水号", trigger: "blur" }
        ],
        merNo: [{ required: true, message: "请输入收款账户", trigger: "blur" }],
        payTime: [
          { required: true, message: "选择交易日期", trigger: "change" }
        ],
        applyType: [
          { required: true, message: "请选择收入类型", trigger: "change" }
        ]
      },
      headers: {
        Authorization: getToken(),
        tenantId: getTenantId()
      },
      getCalenderList: []
    };
  },
  created() {
    that = this;
    if (!(this.searchForm.orderDate?.length > 0)) {
      this.getNow();
    }
  },
  mounted() {
    // getEmployeeOrgan().then((res) => {
    //   if (res.code == 200) {
    //     this.organList = res.data;
    //   }
    // });
    this.$store.dispatch("setBranchs");
    this.getList();
  },
  methods: {
    getNow() {
      var now = new Date();
      var startDate = new Date(
        Date.UTC(now.getFullYear(), now.getMonth(), now.getDate())
      )
        .toISOString()
        .slice(0, 10);
      var endDate = new Date(
        Date.UTC(now.getFullYear(), now.getMonth(), now.getDate())
      )
        .toISOString()
        .slice(0, 10);
      this.searchForm.orderDate = [];
      this.searchForm.orderDate.push(startDate);
      this.searchForm.orderDate.push(endDate);
    },
    onClear(type) {
      if (type == "paymentType") {
        this.searchForm.paymentType = null;
      } else if (type == "paymentStatus") {
        this.searchForm.paymentStatus = null;
      } else if (type == "routingOrganId") {
        this.searchForm.routingOrganId = [];
      }
    },
    onOrderSubmit(formName) {
      // 添加订单
      this.$refs[formName].validate(valid => {
        if (valid) {
          let form = JSON.parse(JSON.stringify(this.form));
          if (!form.calenderId && !form.saleAmount && !form.serviceAmount) {
            this.$message.error("请输入销售收入或服务收入");
            return;
          }
          if (!form.saleAmount) {
            form.goodsList = null;
          }
          if (form.calenderId) {
            form.goodsList = null;
            form.saleAmount = null;
            form.serviceAmount = null;
            form.applyType = null;
          }
          let goodsJson = {};
          for (let i in form.goodsList) {
            goodsJson[form.goodsList[i]["id"]] = form.goodsList[i]["number"];
          }
          form.goodsJson =
            form.applyType == "SERVICE" || form.calenderId
              ? null
              : JSON.stringify(goodsJson);
          if (this.insertOrderType == 1) {
            form.calenderId = null;
            form.type = "PERSONAL";
          } else if (this.insertOrderType == 2) {
            form.userId = null;
            form.type = "SCHOOL";
          } else {
            form.type = "OTHER";
          }
          routeOrderAdd(form).then(res => {
            if (res.code == 200) {
              this.$message.success("添加成功");
              this.routeOrderStatus = false;
              this.getList();
            } else {
              this.$message.error(res.msg);
            }
          });
        } else {
          return;
        }
      });
    },
    onFormClose(formName) {
      // this.form = {
      //   organId: null,
      //   transNo: null,
      //   type: "OTHER",
      //   merNo: null,
      //   actualAmount: null,
      //   memo: null,
      //   payTime: null,
      //   goodsList: [{
      //     id: null,
      //     number: null
      //   }]
      // }
      // 关闭弹窗重置验证
      this.$refs[formName].resetFields();
      this.insertOrderType = 1;
    },
    // onOrderExport() {
    //   // 报表导出
    //   let url = "/api-web/export/routeOrderList";
    //   let searchForm = this.searchForm;
    //   let data = {
    //     orderType: 3,
    //     search: searchForm.search,
    //     orderNo: searchForm.orderNo,
    //     transNo: searchForm.transNo,
    //     merNos: searchForm.merNos,
    //     actualAmount: searchForm.actualAmount,
    //     balancePaymentAmount: searchForm.balancePaymentAmount,
    //     paymentStatus: searchForm.paymentStatus,
    //     paymentType: searchForm.paymentType,
    //     routingOrganId: this.searchForm.routingOrganId.join(","),
    //     lessBalancePaymentAmount: searchForm.lessBalancePaymentAmount,
    //     lessActualAmount: searchForm.lessActualAmount,
    //     ...this.extraQuery,
    //   };

    //   if (this.searchForm.orderDate && this.searchForm.orderDate.length > 0) {
    //     data.orderStartDate = this.searchForm.orderDate[0];
    //     data.orderEndDate = this.searchForm.orderDate[1];
    //   } else {
    //     data.orderStartDate = null;
    //     data.orderEndDate = null;
    //   }
    //   const options = {
    //     method: "POST",
    //     headers: {
    //       Authorization: getToken(),
    //       tenantId: getTenantId(),
    //     },
    //     data: qs.stringify(cleanDeep(data)),
    //     url,
    //     responseType: "json",
    //   };
    //   this.$confirm("您确定导出报表", "提示", {
    //     confirmButtonText: "确定",
    //     cancelButtonText: "取消",
    //     type: "warning",
    //   })
    //     .then(() => {
    //       load.startLoading();
    //       axios(options).then((res) => {
    //         load.endLoading();
    //         if (res.data.code == 200) {
    //           this.$message.info(res.data.msg);
    //         } else {
    //           this.$message.error(res.data.msg);
    //         }
    //         // let blob = new Blob([res.data], {
    //         //   // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
    //         //   type: "application/vnd.ms-excel;charset=utf-8",
    //         //   //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
    //         // });
    //         // let objectUrl = URL.createObjectURL(blob);
    //         // let link = document.createElement("a");
    //         // let nowTime = new Date();
    //         // let ymd =
    //         //   nowTime.getFullYear() +
    //         //   "" +
    //         //   (nowTime.getMonth() + 1) +
    //         //   "" +
    //         //   nowTime.getDate() +
    //         //   "" +
    //         //   nowTime.getHours() +
    //         //   "" +
    //         //   nowTime.getMinutes();
    //         // let fname = "报表导出" + new Date().getTime() + ".xls"; //下载文件的名字
    //         // link.href = objectUrl;
    //         // link.setAttribute("download", fname);
    //         // document.body.appendChild(link);
    //         // link.click();
    //         // load.endLoading();
    //       });
    //     })
    //     .catch(() => {});
    // },
    // onAdaPayExport() {
    //   // 报表导出
    //   let url = "/api-web/adapay/exportBill";
    //   let data = {
    //     ...this.extraQuery,
    //   };
    //    data.routingOrganId= this.searchForm.routingOrganId.join(',')
    //   if (this.searchForm.orderDate && this.searchForm.orderDate.length > 0) {
    //     data.startTime = this.searchForm.orderDate[0];
    //     data.endTime = this.searchForm.orderDate[1];
    //   } else {
    //     this.$message.error("请选择开始日期和结束日期");
    //     return;
    //   }
    //   const options = {
    //     method: "get",
    //     headers: {
    //       Authorization: getToken(),
    //       tenantId: getTenantId()
    //     },
    //     params: data,
    //     url,
    //     responseType: "blob",
    //   };
    //   this.$confirm("您确定导出汇付订单", "提示", {
    //     confirmButtonText: "确定",
    //     cancelButtonText: "取消",
    //     type: "warning",
    //   })
    //     .then(() => {
    //       load.startLoading();
    //       axios(options).then((res) => {
    //         let blob = new Blob([res.data], {
    //           // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
    //           type: "application/vnd.ms-excel;charset=utf-8",
    //           //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
    //         });
    //         let objectUrl = URL.createObjectURL(blob);
    //         let link = document.createElement("a");
    //         let fname = "汇付订单" + new Date().getTime() + ".xls"; //下载文件的名字
    //         link.href = objectUrl;
    //         link.setAttribute("download", fname);
    //         document.body.appendChild(link);
    //         link.click();
    //         load.endLoading();
    //       });
    //     })
    //     .catch(() => {});
    // },
    search() {
      this.pageInfo.page = 1;
      this.$refs.searchForm.save(this.searchForm);
      this.$refs.searchForm.save(this.pageInfo, "page");
      this.getList();
    },
    getList() {
      // let params = JSON.parse(JSON.stringify(this.searchForm));
      let params = Object.assign(
        {
          ...this.extraQuery
        },
        this.searchForm
      );
      // let params = {...this.searchForm}
      params.rows = this.pageInfo.limit;
      params.page = this.pageInfo.page;
      params.orderNo = params.orderNo ? params.orderNo : null;
      params.transNo = params.transNo ? params.transNo : null;
      params.merNos = params.merNos ? params.merNos : null;
      params.actualAmount = params.actualAmount ? params.actualAmount : null;
      params.balancePaymentAmount = params.balancePaymentAmount
        ? params.balancePaymentAmount
        : null;
      params.routingOrganId = this.searchForm.routingOrganId.join(",");
      if (this.searchForm.orderDate && this.searchForm.orderDate.length > 0) {
        params.orderStartDate = this.searchForm.orderDate[0];
        params.orderEndDate = this.searchForm.orderDate[1];
      } else {
        params.orderStartDate = null;
        params.orderEndDate = null;
      }
      params.orderDate = null;
      routeOrderFinance(cleanDeep(params)).then(res => {
        let result = res.data;
        if (res.code == 200) {
          this.tableList = result.rows;
          this.pageInfo.total = result.total;
          this.totalUserBalance = result.totalUserBalance
            ? result.totalUserBalance
            : 0;
          this.totalActualAmount = result.totalActualAmount
            ? result.totalActualAmount
            : 0;
          this.totalAdvanceAmount = result.totalAdvanceAmount
            ? result.totalAdvanceAmount
            : 0;
          this.totalRevenueAmount = result.totalRevenueAmount
            ? result.totalRevenueAmount
            : 0;
        }
      });
    },
    searchOrderDate(value) {
      if (value) {
        this.searchForm.orderStartDate = value[0];
        this.searchForm.orderEndDate = value[1];
      } else {
        this.searchForm.orderStartDate = null;
        this.searchForm.orderEndDate = null;
      }
    },
    onReSet() {
      // 重置搜索
      this.orderDate = null;
      this.searchForm = {
        search: null,
        orderStartDate: null,
        orderEndDate: null,
        paymentStatus: "SUCCESS",
        paymentType: null,
        routingOrganId: [],
        actualAmount: null,
        balancePaymentAmount: null,
        orderNo: null,
        transNo: null,
        merNos: null,
        lessBalancePaymentAmount: null,
        lessActualAmount: null,
        orderDate: []
      };
      this.getNow();
      this.getList();
    },
    removeGoodsList(item) {
      const index = this.form.goodsList.indexOf(item);
      if (index !== -1) {
        this.form.goodsList.splice(index, 1);
      }
    },
    addGoodsList() {
      this.form.goodsList.push({
        id: null,
        number: null
      });
    },
    changeOrgin(val) {
      this.$set(this.form, "schoolId", null);
      if (val) {
        getCooperation({ rows: 9999, organId: val }).then(res => {
          if (res.code === 200) {
            this.cooperationList = res.data.rows;
          }
        });
        this.form.goodsList = [
          {
            id: null,
            number: null
          }
        ];
        goodsQuery({ rows: 99999, noOrganSearch: 1 }).then(res => {
          if (res.code === 200) {
            this.shopList = res.data.rows;
          }
        });
      }
    },
    async checkSchool(val) {
      this.form.calenderId = null;
      try {
        let res = await getCalenders({ id: val });
        this.getCalenderList = res.data;
      } catch {
        //
      }
    },
    checkgoods(val) {
      for (let i = 0; i <= this.form.goodsList.length - 1; i++) {
        if (
          i != this.form.goodsList.length - 1 &&
          this.form.goodsList[i].id === val
        ) {
          this.form.goodsList[this.form.goodsList.length - 1].id = "";
        }
      }
    },
    lookOrderInfo(row) {
      //orderNo
      this.isAdd = false;

      getOrderInfo({ orderId: row.id }).then(res => {
        if (res.code === 200) {
          this.$nextTick(some => {
            let orderInfo = res.data.studentPaymentOrder;
            this.changeOrgin(parseInt(orderInfo.organId));
            (this.form = {
              routeOrganId: orderInfo.organId,
              transNo: orderInfo.transNo,
              userId: orderInfo.userId ? orderInfo.userId : "",
              type: "OTHER",
              merNo: orderInfo.merNos,
              actualAmount: orderInfo.actualAmount,
              memo: orderInfo.memo,
              payTime: orderInfo.payTime,
              serviceAmount: res.data.serviceAmount,
              saleAmount: res.data.goodsAmount,
              schoolId:
                parseInt(orderInfo.musicGroupId) || res.data.coopName || "    ",
              applyType: "SELL",
              calenderId: res.data.calenderId ? res.data.calenderId : ""
            }),
              this.$set(
                this.form,
                "goodsList",
                res.data.goodsSellDtos?.map(item => {
                  return { id: item.goodsId, number: item.goodsNum };
                })
              );
            if (orderInfo.userId && !res.data.calenderId) {
              this.insertOrderType = 1;
            } else if (res.data.calenderId && !orderInfo.userId) {
              this.insertOrderType = 2;
            } else {
              this.insertOrderType = 3;
            }

            // 添加类型判断
            // SCHOOL("SCHOOL", "学校订单"),
            // PERSONAL("PERSONAL", "个人订单"),
            // OTHER("OTHER", "其他")
            if (row.type !== "OUTORDER") {
              if (row.type === "OTHER") {
                this.insertOrderType = 3;
              } else if (row.type === "SCHOOL") {
                this.insertOrderType = 2;
              } else if (row.type === "PERSONAL") {
                this.insertOrderType = 1;
              }
            }
            this.routeOrderStatus = true;
          });
        }
      });
    },
    removeOrderInfo(row) {
      this.$confirm("确定删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          orderDelete({ orderId: row.id }).then(res => {
            if (res.code === 200) {
              this.$message.success("删除成功");
              this.getList();
              // this.routeOrderStatus = false;
            }
          });
        })
        .catch();
      // orderDelete
    },
    onDownload() {
      // 下载模板
      // // 报表导出
      Export(this, {
        url: "/api-web/import/downloadTemplate",
        params: {
          templateType: "ROUTE_ORDER"
        },
        fileName: "财务管理导入模板.xls"
      });
    },
    beforeUpload(file) {
      //  (file.type)
      // const isJPG = file.type === '.xlsx' || file.type === '.xls';
      // // const isLt2M = file.size / 1024 / 1024 < 2;
      // if (!isJPG) {
      //   this.$message.error('上传头像图片只能是 JPG 格式!');
      // }
      // return isJPG;
      // this.goodsLoading = true
      load.startLoading();
    },
    handleSuccess(response, file, fileList) {
      // 导入商品
      // 报表导出
      load.endLoading();
      if (response.code == 200) {
        this.$message.success("导入成功");
        // this.getList()
      } else if (response.code == 0) {
        let str = this.fomatStr(response.msg);
        this.$alert(str, "导入结果", {
          confirmButtonText: "确定",
          dangerouslyUseHTMLString: true,
          callback: action => {
            // this.getList()
          }
        });
      } else {
        this.$message.error(response.msg);
      }
    },
    handleError(err, file, fileList) {
      load.endLoading();
    },
    fomatStr(str) {
      let arr = str.split(";");
      let newStr = "";
      arr.forEach(item => {
        newStr += `<p>${item}</p>`;
      });
      return newStr;
    },
    changeApplyType(val) {
      if (val == "SELL" && !this.form.goodsList) {
        this.form.goodsList = [
          {
            id: null,
            number: null
          }
        ];
      }
      this.form.serviceAmount = null;
      this.form.saleAmount = null;
    }
  },
  watch: {
    routeOrderStatus(val) {
      if (!val) {
        this.form = {
          routeOrganId: null,
          transNo: null,
          type: "OTHER",
          merNo: null,
          actualAmount: null,
          memo: null,
          payTime: null,
          serviceAmount: null,
          saleAmount: null,
          schoolId: null,
          goodsList: [
            {
              id: null,
              number: null
            }
          ],
          applyType: null,
          userId: "",
          calenderId: null
        };
      }
    }
  },
  filters: {
    filterShopId(val) {
      let str = "";
      that.shopList.forEach(shop => {
        if (shop.id == val) {
          str = shop.name;
        }
      });
      return str;
    }
  },
  computed: {
    onOrderExport() {
      // 报表导出
      let url = "/api-web/export/routeOrderList";
      let searchForm = this.searchForm;

      let data = {
        orderType: 3,
        search: searchForm.search,
        orderNo: searchForm.orderNo,
        transNo: searchForm.transNo,
        merNos: searchForm.merNos,
        actualAmount: searchForm.actualAmount,
        balancePaymentAmount: searchForm.balancePaymentAmount,
        paymentStatus: searchForm.paymentStatus,
        paymentType: searchForm.paymentType,
        routingOrganId: searchForm.routingOrganId,
        lessBalancePaymentAmount: searchForm.lessBalancePaymentAmount,
        lessActualAmount: searchForm.lessActualAmount,
        ...this.extraQuery
      };
      data.routingOrganId = this.searchForm.routingOrganId.join(",");

      if (this.searchForm.orderDate && this.searchForm.orderDate.length > 0) {
        data.orderStartDate = this.searchForm.orderDate[0];
        data.orderEndDate = this.searchForm.orderDate[1];
      } else {
        data.orderStartDate = null;
        data.orderEndDate = null;
      }
      return data;
    },
    onAdaPayExport() {
      // 报表导出
      let url = "/api-web/adapay/exportBill";
      let data = {
        ...this.extraQuery
      };
      data.routingOrganId = this.searchForm.routingOrganId.join(",");
      if (this.searchForm.orderDate && this.searchForm.orderDate.length > 0) {
        data.startTime = this.searchForm.orderDate[0];
        data.endTime = this.searchForm.orderDate[1];
      }
      return data;
    }
  }
};
</script>
<style lang="scss" scoped>
.newBand {
  display: inline-block;
}
::v-deep .el-input-number.is-controls-right .el-input__inner {
  text-align: left;
}
.setWidth {
  display: inline-block;
}
.lookTitle {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: rgb(237, 238, 240);
  padding: 0 20px;
  margin-bottom: 20px;
}
.showShop {
  height: 40px;
  line-height: 40px;
  width: 150px;
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
  color: #333;
  opacity: 1;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  padding: 0 15px;
  margin-right: 10px;
}
.shopListWrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
</style>