//进入页面加载
$(function(){
    var list1=''
    　　 data_id=localStorage.getItem("seeid");
    let user=JSON.parse(localStorage.getItem("user"));
    let  user_id=user.id;
    $.ajax({
        　　type:"get",
        　　url:"http://xd.cbeid.cn/api/5e87054502bcf",	
        　　data:{
            user_id,
            data_id
        },
        headers: {
            "access-token":localStorage.getItem("token")//此处放置请求到的用户token
          },
        　　success:function(res){
            formname=res.data.temp_nam
            var list1=''
            　　var item=    JSON.parse(res.data.form_data);
             console.log(item)
             for(var i = 0 ; i < item.length ; i ++){    
                var type=item[i].type;
               var str;
              switch (type) {
                  // 单文本
                  case "text":
                 
              str = '<!--具体的表单控件 文本框-->';
              str += `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice}  data-limit=${item[i].limit}  data-limiterror=${item[i].limiterror} data-placeholder=${item[i].placeholder}> `;
              //'<!--表单控件的头部-->';
              str += '<div class="questionnaireItemHead">';
              //'<!--表单控件的名称-->';
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //'<!--表单控件的功能按钮-->';
              str += '<div class="questionnaireItemGroupButton">'
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //'<!--控件-->';
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              str += `<input type="text" class="form-control formVal" name="text" value=${item[i].val} readonly="readonly">`;
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  //多行文本
                  case "multiple":
                   
                         //<!--具体的表单控件 多行文本框-->
              var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-height=${item[i].height} data-placeholder=${item[i].placeholder}> `;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              str += '<div class="required">*</div><div class="questionnaireItemName">多行文本框</div>';
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              var height=Number(item[i].height)+14;
              str += `<textarea name="" class="form-control formVal" cols="30" rows="5" style="resize: none;height:${height}px"  readonly="readonly">${item[i].val} </textarea>`;
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  // 时间框
                  case "date":
              //<!--具体的表单控件 时间框-->
              var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-placeholder=${item[i].placeholder}>`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              str += `<input type="date" class="form-control formVal" name="" value=${item[i].value}   disabled>`;
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  // 单选框
                  case "radio":
                          //<!--具体的表单控件 单选框-->
              var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-content=${item[i].content}>`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              var content=item[i].content.split(",");
              var val=item[i].val;
              for(let i = 0 ; i < content.length ; i ++){
                  str += '<div class="form-check">';
              str += '<label class="form-check-label">';
              if(content[i]==val){
              str += `<input type="radio" class="form-check-input checkMargin " value="${content[i]}" checked  disabled>${content[i]}</label></div>`; 
                } else{
                  str += `<input type="radio" class="form-check-input checkMargin " value="${content[i]}" disabled>${content[i]}</label></div>`; 
                }
              };
              str += '</div><div class="errorMain"></div></div></div></div>';
              
                      break;
                  //多选框
                  case "checkbox":
                       //<!--具体的表单控件 复选框-->
              var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name}  data-type=${item[i].type} data-choice=${item[i].choice} data-content=${item[i].content}>`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              var value=item[i].val;
              console.log(value)
                  var content=item[i].content.split(",");
                  if(value.indexOf(",") == -1){
                      for(let i = 0 ; i < content.length ; i ++){
                      if(content[i]==value){
                          str += '<div class="form-check">';
                          str += '<label class="form-check-label">';
                          str += `<input type="checkbox" class="form-check-input checkMargin" name="selectName" value="${content[i]}" checked disabled>${content[i]}</label></div>`;
                            } else{
                              str += '<div class="form-check">';
                              str += '<label class="form-check-label">';
                              str += `<input type="checkbox" class="form-check-input checkMargin" name="selectName" value="${content[i]}"disabled>${content[i]}</label></div>`;
                            }
                          }
                  }else{
                      var value=value.split(",")
                        for(let i = 0 ; i < content.length ; i ++){
                      if(value.includes(content[i])){
                          str += '<div class="form-check">';
                          str += '<label class="form-check-label">';
                          str += `<input type="checkbox" class="form-check-input checkMargin" name="selectName" value="${content[i]}" checked disabled>${content[i]}</label></div>`;
                            } else{
                              str += '<div class="form-check">';
                              str += '<label class="form-check-label">';
                              str += `<input type="checkbox" class="form-check-input checkMargin" name="selectName" value="${content[i]}"disabled>${content[i]}</label></div>`;
                            }
                     }
                  } 
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  //下拉框
                  case "dropdown":
                      //<!--具体的表单控件 下拉框-->
              var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-content=${item[i].content}>`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              str += '<select class="form-control select">';
                  var content=item[i].content.split(",");
                  var value=item[i].val;
          
              for(let i = 0 ; i < content.length ; i ++){
                  if(value==content[i]){
                      str += `<option value=${content[i]} selected disabled>${content[i]}</option>`;
                  }else{
                      str += `<option value=${content[i]}  disabled>${content[i]}</option>`;
                  }
                  
              }
          
              str += '</select>';
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  case "textdropdown":
                      str = getTextDropdown();
                      break;
                  //上传图片
                  case "img":
                  var str = `<div class="row"><div class="questionnaireItem"  data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-num=${item[i].num}>`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="imgExplain">支持jpg、jpeg、png、bmp等图片格式</div>';
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              str += '<div class="img-box full">';
              str += '<section class="img-section">';
              str += '<div class="z_photo upimg-div clear">';
              str += '<section class="z_file fl">';
              str += '<img src="../images/a11.png" class="add-img" />';
              str += '<input type="file" name="file" class="file imgFile" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" leipiplugins="imgupload" title="图片上传" />';
              str += '</section></div></section>';
              
              str += '<div class="errerClass imgErrer"></div>';
              str += '</div>';
              str += '</div><div class="errorMain"></div></div></div></div>';
              
                      break;
                  case "file":
                  //上传文件
                  var str = `<div class="row"><div class="questionnaireItem" data-name=${item[i].name} data-type=${item[i].type} data-choice=${item[i].choice} data-num=${item[i].num} >`;
              //<!--表单控件的头部-->
              str += '<div class="questionnaireItemHead">';
              //<!--表单控件的名称-->
              if(item[i].choice=="true"){
                  str += `<div class="required">*</div><div class="questionnaireItemName">${item[i].name}</div>`;
              }else{
                  str += `<div class="required"></div><div class="questionnaireItemName">${item[i].name}</div>`;
              }
              //<!--表单控件的功能按钮-->
              str += '<div class="questionnaireItemGroupButton">';
              str += '<button type="button" class="btn btn-primary controlMove">移动</button>';
              str += '<button type="button" class="btn btn-primary controlDelete">删除</button>';
              str += '</div></div>';
              //<!--控件-->
              str += '<div class="questionnaireItemContent">';
              str += '<div class="form-group hidMargin">';
              str += '<div class="message">';
              str += '<div class="messagedel">删除</div>';
              str += '<input type="text" name="txt" class="input fileUpload form-control" value="" disabled="disabled" />';
              str += '<input type="button" value="上传文件" size="30" class="liulan fileUploadBtn">';
              str += '<input type="file" name="f" style="height:26px;" class="files leipiplugins fileUploadReal" size="1" leipiplugins="uploadfile" title="文件上传" hidefocus></div>';
              str += '<div class="fileTips">';
              str += '<p>1.上传文档不超过100MB</p>';
              str += '<p>2.为了保证文档能正常使用，我们支持以下格式的文档上传：</p>';
              str += '<p>MS Office文档： doc,docx,ppt,pptx,xls,xlsx,vsd,pot,pps,rtf</p>';
              str += '<p>压缩文档： rar,zip,tar,gz,tgz</p>';
              str += '<p>图片： jpg,jpeg,gif,bmp,png</p>';
              str += '<p>WPS office系列： wps,et,dps</p>';
              str += '<p>PDF： pdf</p>';
              str += '<p>纯文本： txt</p>';
              str += '<p>EPUB： epub</p></div>';
              str += '<div class="errerClass FileErrer"></div>';
              str += '</div><div class="errorMain"></div></div></div></div>';
                      break;
                  default :
                      str = ""; 
                      break;
              }
               list1+=str;
              }
              $(".questionnaireSubjectForm").append(list1);
              $(".mainbackground").css('display','none');
          var html = getCenterHtml();
          var ch = '<div class="questionnaireItemGroupButton"><button type="button" class="btn btn-primary controlMove">移动</button><button type="button" class="btn btn-primary controlDelete">删除</button></div>';
          var ch1='class="questionnaireSubjectForm"'
          html = html.replace(new RegExp(ch,'g'),'');
          html = html.replace(new RegExp(ch1,'g'),'');
          $(".previewMain").show();
          $(".previewMain").empty();
          html += '<div style="width:100%;height:70px;line-height:70px;float:left;text-align: center;z-index:100;"><button type="button" class="btn btn-primary btnOk" id="tj" style="margin-right:50px">提交</button></div>';
          $(".previewMain").append(html);
        }
    })
  }); 

//修改默认值
// $("body").on("change",".formVal",function(){
//     var val = $(this).val();
//     object.attr("data-val",val);
//     object.data("val",val);
// });
        