var formIDS={
  "tzzQuestion": 3279,
  "onlineMessage": 3280,
  "fwyzc":3282
};
var fID = formIDS[$(".tzrAskBox").attr("data-code")]
// 获取URL参数
function getUrlParam(name) {
  const searchParams = new URLSearchParams(window.location.search);
  return searchParams.get(name);
}

// 调取表单数据
$(function () {
  var icons={
    "name":"icon-a-49liuyan--lianxiren",
    "companyName":"icon-a-49liuyan--gongsi",
    "email":"icon-a-46lianxiwomen--youjian"
  }
  $.ajax({
    ContentType: "application/x-www-form-urlencoded",
    url: '/rcms-external-rest/rmForm/getFormField?' + (new Date()).getTime(),
    type: "post",
    data: {
      id: fID
    },
    success: function (data) {
      if (data.code == "S1A00000" && data.data.length != "") {
        var fwyzcUD = getUrlParam("ud");
        var formhtml = "";
        var option = "<option value='0' disabled selected style='display:none;'>请选择反馈类型</option>";
        for (var i = 0; i < data.data.length; i++) {
          if (data.data[i].columnType == "text") {
            formhtml += '<div class="item ' + data.data[i].fieldCode + '">';
            formhtml += '<label>' + data.data[i].fieldName;
            if (data.data[i].required) {
              formhtml += '<span> *</span>';
            }
            formhtml += '</label>';
            formhtml += '<div class="inputBox hr_f_start">';
            formhtml += '<input type="text" data-required="' + data.data[i].required + '" placeholder="' + data.data[i].placeholder + '" name="' + data.data[i].fieldCode + '"id="' + data.data[i].id + '"maxlength="' + data.data[i]
              .maxLength + '"type="' + data.data[i].columnType + '">';
            formhtml += '</div>';
            // formhtml+='<div class="msg hr_position_a"></div>';
            formhtml += '</div>';
          } else if (data.data[i].columnType == "textarea") {

            formhtml += '<div class="item textareaItem ' + data.data[i].fieldCode + '">';
            formhtml += '<label>' + data.data[i].fieldName;
            if (data.data[i].required) {
              formhtml += '<span> *</span>';
            }
            formhtml += '</label>';
            formhtml += '<div class="inputBox hr_f_start">';
            formhtml += '<textarea data-required="' + data.data[i].required + '" placeholder="' + data.data[i].placeholder + '" name="' + data.data[i].fieldCode + '"id="' + data.data[i].id + '"maxlength="' + data.data[i]
              .maxLength + '"type="' + data.data[i].columnType + '"></textarea>';
            formhtml += '</div>';

          } else if (data.data[i].columnType == "select") {

            formhtml += '<div class="item"><div class="selectedBox hr_position_r">' + '<span>*</span>' + data.data[i].fieldName +
              '<select placeholder="' + data.data[i].fieldName + '" name="' + data.data[i].fieldCode + '"id="' + data.data[i].id + '"type="' + data.data[i].columnType + '"></select>' +
              '</div></div>';
            for (var j = 0; j < data.data[i].dictDataList.length; j++) {
              option += '<option value="' + data.data[i].dictDataList[j].name + '">' + data.data[i].dictDataList[j].name + '</option>'
            }
          }else if(data.data[i].columnType == "rodio"){
            formhtml += '<div class="item ' + data.data[i].fieldCode + '">';
            formhtml += '<label>' + data.data[i].fieldName;
            if (data.data[i].required) {
              formhtml += '<span> *</span>';
            }
            formhtml += '</label>';
            formhtml += '<div class="inputBox hr_f_start">';
            if(data.data[i].dictDataList && data.data[i].dictDataList.length > 0){
              var typaArray = data.data[i].dictDataList.reverse();
              for(var j = 0; j < typaArray.length; j++){
                
                console.log(fwyzcUD,getUrlParam("ud"),!fwyzcUD,j)

                if(j==0 && !fwyzcUD){
                  formhtml += '<label class="radioBox"><input checked type="radio" name="' + data.data[i].fieldCode + '" value="' + data.data[i].dictDataList[j].name + '">' + data.data[i].dictDataList[j].name + '</label>';
                }else{
                  if(fwyzcUD && data.data[i].dictDataList[j].name=="申请样品"){
                    formhtml += '<label class="radioBox"><input checked type="radio" name="' + data.data[i].fieldCode + '" value="' + data.data[i].dictDataList[j].name + '">' + data.data[i].dictDataList[j].name + '</label>';
                  }else{
                    formhtml += '<label class="radioBox"><input type="radio" name="' + data.data[i].fieldCode + '" value="' + data.data[i].dictDataList[j].name + '">' + data.data[i].dictDataList[j].name + '</label>';
                  }
                  
                }
                
              }
            }
            formhtml += '</div></div>';
          }


        }
        $(".listForm").prepend(formhtml);

        if($(".fwyzcBox") && $(".fwyzcBox").length > 0){
          var fwyzcUD = getUrlParam("ud");
          console.log("ud",fwyzcUD)
          if(fwyzcUD && fwyzcUD.length > 0){
            $(".proNo input").val(fwyzcUD)
          }
        }

        $("select").prepend(option);

        $(".listForm textarea").bind("input propertychange", function (event) {
          checkTxt()
        });
      }
    },
    error: function () {
      console.log("失败")
    }
  });


  function checkTxt(e) {
    var value = $(".listForm textarea").val()
    var length = value.length;
    $(".txtTotal span").html(length)
  }


});


$("form").submit(function (e) {
  e.preventDefault();
});

$(".yzm-font").on("click", function () {
  $(".yzm").click();
})

// 表单提交
var flag = true;
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
// var myreg = /^1[0-9]{10}$/;
$("#crv-maskForm-submit").on("click", function () {
  $(".crv-tips").remove();
  $(".crv-suc").hide();
  $(".crv-fail").hide();
  $("input[name=name]").parent().after('<div class="crv-tips msg hr_position_a">请输入您的姓名</div>');
  $("input[name=companyName]").parent().after('<div class="crv-tips msg hr_position_a">请输入您的公司名称</div>');
  $("input[name=email]").parent().after('<div class="crv-tips msg hr_position_a">请输入您的邮箱号码</div>');
  $("textarea[name=messageContents]").parent().after('<div class="crv-tips msg hr_position_a">请输入您的详细需求</div>');
  $(".yzmBtn .crv-btn").after('<div class="crv-tips msg hr_position_a">请输入验证码</div>');
  var dataForm = {};
  var num = 0;
  dataForm = new FormData();
  var name = $("input[name=name]").val();
  var companyName = $("input[name=companyName]").val();
  var tel = $("input[name=tel]").val();
  var email = $("input[name=email]").val();
  var proNo = $("input[name=proNo]").val();
  var proApp = $("input[name=proApp]").val();
  var messageContents = $("textarea[name=messageContents]").val();
  var yzm = $('.yzm-ipt').val();
  var textLen = $(".listForm input[type=text]");
  var textareaLen = $(".listForm textarea[name=messageContents]");
  var select = $(".listForm select[name=type]");
  for (var i = 0; i < textLen.length; i++) {
    if (textLen.eq(i).attr("data-required") == 1 && $.trim(textLen.eq(i).val()) == 0) {
      textLen.eq(i).parent().siblings(".crv-tips").show();
      textLen.eq(i).parent().css("border", "1px solid #ff0000");
      num += 1
    } else if (textLen.eq(i).attr("name") == "email") {
      if (!reg.test(textLen.eq(i).val())) {
        textLen.eq(i).parent().siblings(".crv-tips").text("请输入正确邮箱号码").show();
        textLen.eq(i).parent().css("border", "1px solid #ff0000");
        num += 1
      } else {
        textLen.eq(i).parent().siblings(".crv-tips").hide();
        textLen.eq(i).parent().css("border", "1px solid #F8F8F8");
      }
    } else if (textLen.eq(i).attr("name") == "yzm") {
      if ($(".yzm-ipt").val().length == 0) {
        textLen.eq(i).siblings(".crv-tips").text("请输入验证码").show();
        $("#crv-yzm").css("border", "1px solid #ff0000");
        num += 1
      } else {
        textLen.eq(i).parent().siblings(".crv-tips").hide();
        $("#crv-yzm").css("border", "1px solid #B6C3D2");
      }
    } else {
      textLen.eq(i).parent().siblings(".crv-tips").hide();
      textLen.eq(i).parent().css("border", "1px solid #F8F8F8");
    }
  }

  if ($.trim(textareaLen.val()) == "") {
    textareaLen.parent().siblings(".crv-tips").show();
    textareaLen.parent().css("border", "1px solid #FF829B");
    num += 1

  } else {
    textareaLen.parent().siblings(".crv-tips").hide();
    textareaLen.parent().css("border", "1px solid #F8F8F8");
  }


  if ($("option:selected").val() == 0) {
    select.parent().siblings(".crv-tips").show();
    select.parent().parent().css("border", "1px solid #FF829B");
    num += 1
  } else {
    select.parent().siblings(".crv-tips").hide();
    select.parent().parent().css("border", "1px solid #F8F8F8");
  }

  if (num <= 0) {
    var dataFormInfo = {
      "type": $("input:checked").val(),
      "name": name,
      "companyName": companyName,
      "tel":tel,
      "email": email,
      "proNo":proNo,
      "proApp":proApp,
      "messageContents": messageContents,
    };
    // id，captcha必传单独传
    dataForm.append("id", fID);
    // 表单数据
    dataForm.append("requiredData", JSON.stringify(dataFormInfo));
    dataForm.append("captcha", yzm);
    $.ajax({
      url: "/rcms-external-rest/rmForm/formSubmit",
      type: "post",
      async: true,
      data: dataForm,
      processData: false,
      contentType: false,
      success: function (data) {
        if (data && data.code == "S1A00000") {
          alert("提交成功")
          setTimeout(function () {
            location.reload(true)
            $(".crv-suc").hide();
            $(".yzm").click();
          }, 3000)

        } else {
          dataForm = {}
          alert(data.msg)
        }
      },
      error: function () {
        console.log("失败")
      }
    });
  }
})
$("#crv-maskForm-reset").on("click", function () {
  $("input").val("");
  $("textarea").val("");
  $("select").val('0');
})