/*
<!--
   @Author: husanfeng
   @qq:1136014061
   @Date: 2018-09-21
   @Last Modified by: husanfeng
   @Last Modified time: 2018-09-21
   
 -->
 * @Author: Anmin 
 * @Email:changanmin1@crc.com.hk 
 * @Date: 2018-11-09 10:36:28 
 * @Last Modified by: huang.junhui
 * @Last Modified time: 2019-02-01 12:07:07
 * @description:  客户收款认领==>认领==>新增子单
 */
 
<template>
  <div>
    <Alert type="info">
      <Row style="font-size: 14px;">
        <Col span="12">收款单位:{{compName || ""}}</Col>
        <Col span="12">
          可认领金额:
          <strong>{{unclaimedAmount || 0}}</strong>
        </Col>
      </Row>
    </Alert>
    <Form
      :model="searchParams"
      ref="editForm"
      :rules="rules"
      class="ivu-form-no-margin-bottom"
      :label-width="120"
    >
      <Row :gutter="15" class="code-row-bg">
        <Col span="10" style="border:none;">
          <Form-item prop="customerName" label="客户">
            <SelectCustomer
              title="请选择客户"
              v-model="searchParams.customerName"
              @handleSelect="select_customerName"
              :compCode="compCode"
            ></SelectCustomer>
          </Form-item>
        </Col>
        <Col span="10" style="border:none;">
          <Form-item prop="partySiteName" label="客户地点">
            <Input
              size="small"
              type="text"
              v-model="searchParams.partySiteName"
              placeholder="客户地点"
              readonly
            ></Input>
          </Form-item>
        </Col>
      </Row>
      <Row :gutter="15" class="code-row-bg">
        <Col span="10" style="border:none;">
          <Form-item prop="claimedAmount" label="本次认领金额">
            <InputNumber
              :disabled="receivablesSource == '4'"
              :min="0"
              size="small"
              style="min-width:120px;"
              v-model="searchParams.claimedAmount"
              placeholder="本次认领金额"
            ></InputNumber>
          </Form-item>
        </Col>
        <Col span="10" style="border:none;">
          <Form-item prop="categoryCode" label="业务类型">
            <SelectCategory
              receivablesClass="客户"
              v-model="searchParams.categoryCode"
              @dataSelectChange="getCateGoryCode"
            ></SelectCategory>
          </Form-item>
        </Col>
      </Row>
      <Row :gutter="15" class="code-row-bg">
        <Col span="10" style="border:none;">
          <Form-item prop="costcenterName" label="成本中心">
            <SelectmdCostCenter
              :compCode="compCode"
              title="请选择成本中心"
              v-model="searchParams.costcenterName"
              @handleSelect="select_costcenterName"
            ></SelectmdCostCenter>
          </Form-item>
        </Col>
        <Col span="10" style="border:none;">
          <Form-item prop="operatorEmpName" label="业务员">
            <SelectSalesInfo
              :companyCode="compCode"
              title="请选择业务员"
              v-model="searchParams.operatorEmpName"
              @handleSelect="select_operatorEmpName"
            ></SelectSalesInfo>
          </Form-item>
        </Col>
      </Row>
      <Row :gutter="15" class="code-row-bg">
        <Col span="10" style="border:none;">
          <Form-item label="收款日期">
            <DatePicker
              readonly
              :editable="false"
              disabled
              size="small"
              transfer
              format="yyyy-MM-dd"
              :value="receivablesDate"
            ></DatePicker>
          </Form-item>
        </Col>
        <Col span="10" style="border:none;">
          <Form-item prop="serviceCharge" label="手续费">
            <InputNumber
              min="0"
              :disabled="isServiceCharge || receivablesSource == '4'"
              size="small"
              v-model="searchParams.serviceCharge"
              placeholder
            ></InputNumber>
          </Form-item>
        </Col>
      </Row>
      <Row :gutter="15" class="code-row-bg">
        <Col span="10">
          <Form-item prop="claimNo" label="关联单据">
            <SelectDocumentInfo
              :categoryCode="searchParams.receivableRelClaim"
              title="请选择关联单据"
              v-model="searchParams.claimNo"
            ></SelectDocumentInfo>
          </Form-item>
        </Col>
        <Col span="10">
          <Form-item label="总账日期">
            <Input
              :disabled="true"
              :value="searchParams.GLDate"
            ></Input>
          </Form-item>
        </Col>
      </Row>
    </Form>
  </div>
</template>
<script>
import ServerChild from "./serverChild.js";
import {
  SelectSalesInfo,
  SelectCustomer,
  SelectCategory,
  SelectmdCostCenter
} from "ems-receivable@/components/index.js";
import SelectCustomerEdit from "ems-receivable@/components/selectCustomer/list.vue";
import SelectDocumentInfo from "../../../receivableComponent/selectDocumentInfo/index.vue";
import { DataSelect } from "ems-components";
import extend from "extend";
const serverChild = new ServerChild();
export default {
  components: {
    SelectCustomer,
    SelectmdCostCenter,
    SelectSalesInfo,
    DataSelect,
    SelectCategory,
    SelectDocumentInfo
  },
  props: {
    compName: {
      type: String,
      default: ""
    },
    unclaimedAmount: {
      type: Number,
      default: 0
    },
    compCode: {
      type: String,
      required: true
    },
    paymentCompName: {
      type: String,
      required: true
    },
    receivablesAmount: {
      type: String,
      required: true
    },
    serviceCharge: {
      type: String,
      required: true
    },
    receivablesDate: {
      type: String,
      required: true
    },
    receivablesSource: {
      type: String,
      required: true,
      default: ""
    },
    receivablesClass: {
      type: String,
      required: false,
      default() {
        //收款分类 1客户 2供应商 3其他      *必填传参
        return 1;
      }
    },
    //要编辑的子单对象
    _rowData: {
      type: Object,
      required: false
    }
  },
  data() {
    //收款日期，必填，取头表的收款日期传递
    let _rDate = this.receivablesDate;
    let _rClass = this.receivablesClass;
    return {
      serverChild: serverChild,
      searchParams: {
        customerName: "", //客户名称
        customerNumber: "", //客户编码
        partySiteId: "", //地点ID
        partySiteName: "", //地点名称
        siteUseId: "", //客户地点用户ID
        siteUseCode: "", //客户地点用途code
        concatenatedAddress: "", //客户地址
        claimedAmount: "", //本次认领金额
        serviceCharge: "", //手续费
        receivablesStartDate: "", //开始日期
        receivablesEndDate: "", //结束日期
        costcenterName: "", //成本中心名称
        costcenterCode: "", //成本中心编码
        operatorEmpName: "", //业务员名称
        operatorEmpno: "", //业务员编码
        categoryName: "", //业务类型名称                        Y
        categoryCode: "", //业务类型编码
        claimNo: "", //关联单据                   Y
        isHasSerchg: "", //是否支持自动手续费，N 否;Y 是		  Y
        isAutoClaim: "", //是否支持自动认领，Y 否;N是          Y
        receivablesDate: _rDate, //收款日期，必填，取头表的收款日期传递    Y
        receivablesClass: _rClass, //收款分类 1客户 2供应商 3其他      *必填传参
        isThirdPayty: "", //判断业务类型
        GLDate: new Date().Format("yyyy-MM-dd")
      },
      rules: {
        customerName: [
          {
            required: true,
            message: "请选择客户!",
            trigger: "change"
          }
        ],
        concatenatedAddress: [
          {
            required: true,
            message: "请选择客户!",
            trigger: "blur"
          }
        ],
        claimedAmount: [
          {
            type: "number",
            required: true,
            message: "请输入本次认领金额!",
            trigger: "change",
            min: 0
          }
        ],
        categoryCode: [
          {
            required: true,
            message: "请选择业务类型!",
            trigger: "change"
          }
        ],
        costcenterName: [
          {
            required: true,
            message: "请选择成本中心!",
            trigger: "change"
          }
        ],
        operatorEmpName: [
          {
            required: true,
            message: "请选择业务员!",
            trigger: "change"
          }
        ],
        claimNo: {
          required: false,
          message: "请选择关联单据!",
          trigger: "change"
        },
        serviceCharge: []
      }
    };
  },
  computed: {
    //手续费是否开启
    isServiceCharge() {
      let flag = this.searchParams.isHasSerchg !== "Y";
      this.rules["serviceCharge"] = [
        {
          required: false,
          trigger: "change",
          message: ""
        }
      ];
      if (!flag) {
        this.rules["serviceCharge"] = [
          {
            type: "number",
            required: true,
            trigger: "change",
            min: 0,
            message: "请输入正确的手续费!"
          }
        ];
      } else {
        if (this.receivablesSource == "4") {
          this.searchParams.serviceCharge = this.serviceCharge + "";
        } else {
          //1.每次清理 手续费文本框填充的内容
          this.searchParams.serviceCharge = "";
        }
      }
      return flag;
    },
    rowData() {
      return this._rowData && extend({}, this._rowData);
    }
  },
  created: function() {
    let title = "新增收款认领";
    if (this.rowData) {
      title = "编辑收款认领";
      this.searchParams = this.rowData;
    }
    //receivablesSource如果为4的时候本次认领金额和手续费都是从外面直接带入，并且无法修改
    if (this.receivablesSource == "4") {
      this.searchParams.claimedAmount = this.receivablesAmount;
      this.searchParams.serviceCharge = this.serviceCharge + "";
    }
    this.$emit("SetTitle", title);
    let buttons = [];
    buttons.push(
      {
        text: "保存",
        theme: "primary",
        icon: "ios-checkmark-outline",
        action: "save",
        handle: () => {
          this.save();
        }
      },
      // {
      //   text: "重置",
      //   theme: "info",
      //   action: "reset",
      //   handle: this.reset
      // },
      {
        text: "自动分配",
        theme: "ghost",
        action: "auto",
        handle: this.auto
      }
    );
    this.$emit("SetPageActions", buttons);
  },
  beforeMount: function() {},
  mounted: function() {},
  beforeDestroy: function() {},
  destroyed: function() {},
  methods: {
    //选择业务类型
    getCateGoryCode(data) {
      if (data) {
        this.searchParams.categoryName = data.label;
        this.searchParams.categoryCode = data.value;
        this.searchParams.isThirdPayty = data.isThirdPayty;
        this.searchParams.isHasSerchg = data.isHasSerchg; //是否支持自动手续费
        this.searchParams.isAutoClaim = data.isAutoClaim; //是否支持自动认领
        this.searchParams.isRefunds = data.isRefunds; //是否支持自动退款
        this.searchParams.receivableRelClaim = data.receivableRelClaim; //是否有关联单据

        // EMS-3724 返回字段中receivableRelClaim 不为空时，关联工单为必填。
        if (data.receivableRelClaim) {
          this.rules.claimNo.required = true;
        } else {
          this.rules.claimNo.required = false;
        }
      } else {
        this.searchParams.categoryName = "";
        this.searchParams.categoryCode = "";
        this.searchParams.isThirdPayty = "";
        this.searchParams.isHasSerchg = ""; //是否支持自动手续费
        this.searchParams.isAutoClaim = ""; //是否支持自动认领
        this.searchParams.isRefunds = ""; //是否支持自动退款
        this.searchParams.receivableRelClaim = ""; //是否有关联单据

        this.rules.claimNo.required = false;
      }
      this.$refs["editForm"].validate();
      this.$forceUpdate();
    },
    //清理业务员
    clear_operatorEmpName() {
      this.searchParams.operatorEmpno = "";
      this.searchParams.operatorEmpName = "";
    },
    // 选择业务员
    select_operatorEmpName(data) {
      if (!data) {
        return this.clear_operatorEmpName();
      }
      this.searchParams.operatorEmpName = data.employeeName;
      this.searchParams.operatorEmpno = data.employeeNumber;
    },
    //清理成本中心
    clear_costcenterName() {
      this.searchParams.costcenterCode = "";
      this.searchParams.costcenterName = "";
    },
    //成本中心赋值
    select_costcenterName(data) {
      if (!data) {
        return this.clear_costcenterName();
      }
      this.searchParams.costcenterName = data.costCenterName;
      this.searchParams.costcenterCode = data.costCenterCode;
    },
    //清除客户选择的数据
    clear_customerName() {
      this.searchParams.customerId = "";
      this.searchParams.customerName = "";
      this.searchParams.customerNumber = "";
      this.searchParams.partySiteId = "";
      this.searchParams.partySiteName = "";
      this.searchParams.siteUseId = "";
      this.searchParams.siteUseCode = "";
      this.searchParams.concatenatedAddress = "";
    },
    //客户选择
    select_customerName(data) {
      if (!data) {
        return this.clear_customerName();
      }
      this.searchParams.customerId = data.customerId;
      this.searchParams.customerNumber = data.customerNumber;
      this.searchParams.customerName = data.customerName;
      this.searchParams.partySiteId = data.partySiteId;
      this.searchParams.partySiteName = data.partySiteName;
      this.searchParams.siteUseId = data.siteUseId;
      this.searchParams.siteUseCode = data.siteUseCode;
      this.searchParams.concatenatedAddress = data.concatenatedAddress;
    },
    save() {
      let vm = this;
      this.$refs["editForm"].validate(valid => {
        if (valid) {
          if (this.receivablesSource != "4") {
            if (vm.searchParams.isThirdPayty == "Y") {
              if (vm.searchParams.claimedAmount != vm.receivablesAmount) {
                vm.$Message.info("该业务类型为第三方支付，必须全部认领");
                return;
              }
            }
          }
          vm.$emit("SetActionsState", { btn: "save", state: true });
          vm.searchParams.receivablesDate = vm.receivablesDate;
          vm.searchParams.receivablesClass = vm.receivablesClass;
          vm.rowData && (vm.searchParams.index = vm.rowData.index);
          vm.$emit("Close", vm.searchParams);
        }
      });
    },
    reset() {
      this.$refs["editForm"].resetFields();
      for (let item in this.searchParams) {
        this.searchParams[item] = "";
      }
    },
    /**
     * 客户类收款认领---新增认领---自动匹配客户 和客户地点
     */
    async auto() {
      const params = {
        customerName: this.paymentCompName,
        compCode: this.compCode
      }

      let response = await this.serverChild.findCustomerByName({params});
      if (response.statusCode === "-1") {
        this.$Message.error(response.msg);
      } else {
        if (response.data.list.length === 1) {
          let data = response.data.list[0];
          data && this.select_customerName(data);
        } else if(response.data.list.length > 1){
          new this.$pageModal(
            SelectCustomerEdit,
            {
              props: {
                title: "自动分配",
                ...params
              }
            },
            data => {
              if (data) {
                this.select_customerName(data);
              }
            }
          )
        } else {
          this.$Message.info("未匹配到客户信息");
        }
      }
    }
  },
  watch: {},
  directives: {}
};
</script>