/**
 * zzx
 * 2020.07.27
 * 投诉处理
 */
import { UPCLOUD_RDC_TMS_MAINDATA_SERVICE,UPCLOUD_RDC_TMS_BUSINESS_SERVICE,UPCLOUD_RDC_TMS_INTERFACE_SERVICE} from '@/config/serviceSettings.js';
import { getSelectGJ, querySysPicture } from '@/utils/prolog.ajax.js';


export default () => {
  var details_form;
var userinfo = {
  p_id: '',
  p_username: '',
  p_workernumber: '',
  p_nickname: '',
  p_phone: null,
  p_email: null,
  p_companyid: '',
  p_enterpriseid: '',
  p_organizationid: '',
  p_companyname: '',
  p_orgname: '',
  p_enterprisename: '',
  p_usertype: '',
  p_lastlogindate: '',
  p_lastmodipassdate: null,
  p_validdate: '',
  p_import_batchno: null,
  p_data_source: null,
  forceModifyPasswdFlag: false,
  vehicle: null,
}

  // 跳转页面
  var carousel = layui.carousel;
  carousel.render({
    elem: "#complaintHandling",
    autoplay: false,
    index: 0,
    arrow: "none",
    indicator: "none",
    anim: "fade",
    width: "100%", // 设置容器宽度
    height: "100%"
  });
  // 切换页面
  function changePanel(name) {
    var slideList = ["#complaintHandling_master", "#complaintHandling_details"];
    for (var i = 0; i < slideList.length; i++) {
      if (slideList[i] == name) {
        $(name).css("display", "block");
      }
      else {
        $(slideList[i]).css("display", "none");
      }
    }
  }
  // 返回
  $(document).on("click", "#complaintHandling_details_return", function () {
    changePanel("#complaintHandling_master");
  });

  // 获取默认时间
  var startTime = Prolog.formatDate(new Date(), "%YY-%MM") + "-01 00:00:00";
  var endTime = Prolog.formatDate(new Date()) + " 23:59:59";
  // 获取下拉框
  var dataSelect = {
    TMS_COMPLAINT_TYPE: []
  };
  getSelectGJ([
    { "objectcode": "TMS_COMPLAINT_TYPE" }], function (data) {
      dataSelect = data.data;
      dataSelect.TMS_COMPLAINT_TYPE.unshift({ "value": "", "text": "" });
    });

  // 配送中心table
  var branchTable = {
    // terrace显示全部，card分页显示
    skin: "card",
    // renderer:"grid",
    columns: [
      { id: "companyid", name: "id", type: "ro", width: "130", hidden: true },
      { id: "companycode", name: "配送中心编号", type: "ro" },
      { id: "companyname", name: "配送中心名称", type: "ro" }
    ],
    multiselect: false,
    toolbar: [
      { type: "settings", position: "label-left", width: 200, labelWidth: 100 },
      {
        type: "block", id: "bk", blockOffset: 0, list: [
          { type: "input", name: "companycode", label: "配送中心编码:", width: 120 },
          { type: "newcolumn" },
          { type: "button", name: "querycarr", value: "查询" },
          { type: "newcolumn" },
          { type: "button", name: "car_Reset", value: "重置" }
        ]
      }
    ],
    url: UPCLOUD_RDC_TMS_MAINDATA_SERVICE+"/pubCompany/queryCompanyBranch",
    pagebar: { type: "simple" },
    type: "post", // 数据提交方式，默认为get
    params: JSON.stringify({ companytype: "S" }), // 查询提交参数，分页参数默认为pageNum,pageSize
    contentType: "application/json",
    page: true, // 是否启用分页
    totalCount: "totalCount" // 总记录数字段，默认totalCount
  };

  // 主页grid
  var master_grid_opts = {
    skin: "card",
    columns: [
      { id: "seqno", name: "id", type: "ro", width: "130", hidden: true },
      { id: "branchname", name: "配送中心", type: "ro", width: 120 },
      { id: "seqno", name: "投诉编号", type: "ro", width: 120 },
      {
        id: "complaintType", name: "投诉类型", type: "ro", width: 120, render: function (v) {
          return getSelectValue(dataSelect.TMS_COMPLAINT_TYPE, v);
        }
      },
      { id: "shipbillno", name: "关联单号", type: "ro", width: 120 },
      { id: "voucherno", name: "关联车牌", type: "ro", width: 120 },
      { id: "complaintDescription", name: "投诉描述", type: "ro", width: 180 },
      { id: "createperson", name: "投诉上报人", type: "ro", width: 120 },
      { id: "createtime", name: "投诉上报时间", type: "ro", width: 120 },
      { id: "complaintLocation", name: "投诉上报地点", type: "ro", width: 120 },
      { id: "memo", name: "备注", type: "ro", width: 120 },
      {
        id: "op", name: "操作", type: "button", align: "left", fixed: "right", width: "100", render: function () {
          return "查看图片^complaintHandling_imageview";
        }
      }
    ],
    toolbar: [
      { type: "settings", labelWidth: 70, labelAlign: "right" },
      {
        type: "row",
        list: [
          { type: "calendar", className: "layui-col-md3", name: "startTime", label: "开始时间:", value: startTime },
          { type: "calendar", className: "layui-col-md3", name: "endTime", label: "结束时间:", value: endTime },
          {
            type: "selectTable",
            className: "layui-col-md3",
            placeholder: "请选择配送中心",
            readonly: false,
            table: branchTable,
            tableWidth: 600,
            tableHeight: 500,
            fieldText: "companyname",
            fieldValue: "companyid",
            name: "branchidList",
            label: "配送中心:",
            listener: function (Grid) {
              setMethod(Grid, branchTable, function () { });
            }
          },
          { type: "input", className: "layui-col-md3", name: "shipbillno", label: "关联单号:" },
          { type: "combo", className: "layui-col-md3", readonly: true, name: "complaintType", label: "投诉类型:", options: dataSelect.TMS_COMPLAINT_TYPE },
          { type: "input", className: "layui-col-md3", name: "voucherno", label: "关联车牌:" },
          {
            type: "block", className: "layui-col-md3 form_btn_left",
            list: [
              { type: "button", className: "btn-normal", name: "master_search", value: "查 询" },
              { type: "newcolumn" },
              { type: "button", name: "master_reset", value: "重 置" }

            ]
          },
          {
            type: "block", className: "layui-col-md3 right",
            list: [
              { type: "button", className: "btn-normal", name: "master_review", value: "审 核" }
            ]
          }
        ]
      }
    ],
    fixedLast: true, // 开启固定列，固定最后一行，倒数第二列不能隐藏
    multiselect: false, // 是否支持多选
    url: UPCLOUD_RDC_TMS_BUSINESS_SERVICE+"/evaluation/customerComplaintDtlQuery", // 数据接口
    type: "post", // 数据提交方式，默认为get
    params: JSON.stringify({ startTime, endTime }),
    page: true, // 是否启用分页
    contentType: "application/json",
    totalCount: "totalCount" // 总记录数字段，默认totalCount
  };
  master_grid = new PlgGrid(master_grid_opts);
  master_grid.renderTo("complaintHandling_master");
  master_grid.loadData();
  master_grid.attachToolBarEvent("onButtonClick", function (name) {
    switch (name) {
      case "master_search":
        var request = master_grid.getToolBarForm().getFormData();
        request.startTime = request.startTime ? Prolog.formatDate(request.startTime) + " 00:00:00" : "";
        request.endTime = request.endTime ? Prolog.formatDate(request.endTime) + " 23:59:59" : "";
        if (request.startTime > request.endTime) {
          layer.msg("开始时间不能大于结束时间");
          return false;
        }
        request.branchid = request.branchidList ? JSON.parse(request.branchidList)[0] : "";
        dealNullQueryCondition(request);
        delete request.branchidList;
        master_grid.setParams(JSON.stringify(request));
        master_grid.reload();
        break;
      case "master_reset":
        master_grid.getToolBarForm().clear();
        master_grid.getToolBarForm().setFormData({ startTime, endTime });
        master_grid.getToolBarForm().setText("branchidList", "");
        break;
      case "master_review":
        var rid = master_grid.getSelectedRowId();
        var rdata = master_grid.getRowData(rid);
        if (!rid) {
          layer.msg("请选择数据");
          return false;
        }
        var param = {
          bizId: rdata.shipbillno,
          bizType: 0,
          enterpriseid: userinfo.p_enterpriseid,
          indexCol1: "04"
        };
        querySysPicture(param).then(res => {
          rdata.complaintTypeName = getSelectValue(dataSelect.TMS_COMPLAINT_TYPE, rdata.complaintType);
          details_form.setFormData(rdata);
          $("#complaintHandling_imageList").html("");
          res.forEach(item => {
            let html = "";
            html += "<div style='display: inline-block;margin-right: 20px;'>";
            html += "   <img src='" + item.fileUrl + "' class='complaintHandling_upload_image' style='height: 100px;'>";
            html += "</div>";
            let htmljs = $(html);
            // 点击展示
            htmljs.find(".complaintHandling_upload_image").on("click", function () {
              getImgDataRecon(res, item.fileUrl);
            });
            $("#complaintHandling_imageList").append(htmljs);
          });
          changePanel("#complaintHandling_details");
        });
        break;
    }
  });

  // 图片放大
  function getImgDataRecon(res, src) {
    for (let i = 0; i < res.length; i++) {
      let rd = res[i];
      if (rd.fileUrl == src) {
        imageView(res, i);
        return;
      }
    }
  }

  // 注册详情页form表单
  var details_form_opts = {
    renderer: "complaintHandling_details_form",
    items: [
      { type: "settings", labelAlign: "left", labelWidth: 90 },
      {
        type: "row",
        list: [
          { type: "input", className: "layui-col-md3 no-border", name: "seqno", label: "投诉编号:", readonly: true },
          { type: "input", className: "layui-col-md3 no-border", name: "branchname", label: "配送中心:", readonly: true },
          { type: "input", className: "layui-col-md3 no-border", name: "complaintTypeName", label: "投诉类型:", readonly: true }
        ]
      },
      {
        type: "row",
        list: [
          { type: "input", className: "layui-col-md3 no-border", name: "shipbillno", label: "关联单号:", readonly: true },
          { type: "input", className: "layui-col-md3 no-border", name: "voucherno", label: "关联车牌:", readonly: true }
        ]
      },
      {
        type: "row",
        list: [
          { type: "input", className: "layui-col-md9 no-border", name: "complaintDescription", label: "投诉描述:", readonly: true }
        ]
      },
      {
        type: "row",
        list: [
          { type: "label", className: "layui-col-md12 type_label", name: "", label: "投诉图片:<div class='complaintHandling_imageList' id='complaintHandling_imageList'></div>", labelWidth: 800 }
        ]
      },
      {
        type: "row",
        list: [
          { type: "label", className: "layui-col-md1 type_label", name: "acceptOrNot", label: "处理结论:" },
          { type: "radio", className: "layui-col-md1", name: "acceptOrNot", value: "1", label: "受理", labelWidth: 40, width: 50, checked: true },
          { type: "radio", className: "layui-col-md1", name: "acceptOrNot", value: "0", label: "不受理", labelWidth: 40, width: 50 }
        ]
      },
      {
        type: "row",
        list: [
          { type: "input", className: "layui-col-md9", name: "acceptDescription", label: "处理意见:", width: 600, rows: 3 }
        ]
      }
    ]
  };
  details_form = new PlgForm(details_form_opts);

  // 查看图片
  window.complaintHandling_imageview = function (rid, rdata) {
    let request = {
      bizId: rdata.shipbillno,
      bizType: 0,
      enterpriseid: userinfo.p_enterpriseid,
      indexCol1: "04"
    };
    querySysPicture(request).then(res => {
      imageView(res);
    });
  };

  // 保存
  $("#complaintHandling_details_save").on("click", function () {
    let {
      acceptDescription,
      acceptOrNot,
      billtype,
      branchid,
      branchname,
      complaintDescription,
      complaintLocation,
      complaintPicture,
      complaintType,
      driver1st,
      driver1stname,
      refbillid,
      refbillno,
      seqno,
      shipbillno,
      vouchernane,
      voucherno
    } = details_form.getFormData();
    let request = {
      acceptDescription,
      acceptOrNot,
      billtype,
      branchid,
      branchname,
      complaintDescription,
      complaintLocation,
      complaintPicture,
      complaintType,
      driver1st,
      driver1stname,
      refbillid,
      refbillno,
      seqno,
      shipbillno,
      vouchernane,
      voucherno
    };
    let pload = PlgDialog.load(2, { shade: [0.6, "#fff"] });
    Prolog.ajax({
      url: UPCLOUD_RDC_TMS_BUSINESS_SERVICE+"/evaluation/customerComplaintConfirm", type: "post", contentType: "application/json", data: JSON.stringify(request),
      success: function (res) {
        PlgDialog.close(pload);
        if (res.success) {
          layer.closeAll();
          PlgDialog.msg(res.message);
          changePanel("#complaintHandling_master");
          master_grid.reload();
          return true;
        }
                return false;

      }, error: function () { PlgDialog.close(pload); return false; }
    });
  });
};