qy-platform/Application/Home/View/default/Safe/editModify.html

<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/account.css" rel="stylesheet" >
  	<link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
    <link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/webuploader.css" media="all">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="__STATIC__/webuploader/webuploader.js"></script>
    <script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>
<!--    <script type="text/javascript" src="__STATIC__/webuploader/webuploader.inc.js"></script>		-->
  <script type="text/javascript" src="__STATIC__/webuploader/webuploader.before.js"></script>	

	<style>.notice_tip {padding-left:20px;color:#999;font-size:12px;} 
	.formtxt{display:inline-block;width:232px;}
	.trunk-list .table2 .r .qrcodeboxwrap {padding-left:0;padding-right:20px;padding-bottom:20px;}
	.qrcodebox img {width:100px;height:100px;}
	.qrcodebox p {font-size:12px;margin:0;color:#666;}
	.qrcodebox p span{color:red;}
	.qrcodeboxwrap~.notice_tip{vertical-align:top;display:inline-block;margin-top:20px;}

    .mail_suffix {position: absolute;
        top: 43px;
        border: 1px solid rgb(229,229,229);
        border-radius: 2px;
        color: #666;
        font-size: 11px;
        width: 230px;
        padding: 0 10px;
        line-height: 1.4;
        z-index: 1;
        background: #FFF;
        height: 200px;
        overflow: hidden;
        overflow-y: auto;}
    .mail_suffix li {
        padding: 2px 0;
        cursor: pointer;
        }
        .mail_suffix li:first-child {padding-top:4px;}
        .mail_suffix li:last-child{padding-bottom:4px;}
        
        #tab{
            margin-top:10px;
            height:46px;display:flex;
            justify-content: space-between;
            align-items: center;
            background: #ecf4f5;
            width:100%;
        }
        .contain {
            display: flex;

            width:100%;
            height:100%;
            flex-direction: column;

        }
        .zizhi {
            margin-top:30px;
            margin-left:2%;
            width:94%;
            display: flex;
            height:300px;
            flex-direction: column;
        }
        .line_title {
            width:100%;
            display: flex;
            height:50px;
            font-size:18px;
            font-weight: bold;
            align-items: center;
            justify-content: space-between;
        }
        .line_text {
            display: flex;
            margin-top:10px;
            width:94%;
            margin-left:3%;
            height: 30px;

            align-items: center;
            font-size:14px;
        }
        .jiesuan {
            margin-top:86px;
            margin-left:2%;
            width:94%;
            display: flex;
            height:300px;
            flex-direction: column;
        }

        .editjiesuan {
            margin-top:40px;
            margin-left:5%;
            width:90%;
            display: flex;
            height:300px;
            flex-direction: column;
        }
        .line_jiesuan_text {
            margin-top:20px;
            margin-left:7%;
            width:86%;
            display: flex;
            height:300px;
            align-items: center;
            align-content: center;
            font-size:14px;
        }
        .inputcss {
            margin-left:30px;
            height:30px;
        }
    </style>
</block>

<block name="body" >
  
  <div class="contain">
          <div class="zizhi">
            <div class="line_title">资质认证</div>
            <div class="line_text">
                真实姓名:  蔡俊威
            </div>
            <div class="line_text">
                身份证号码:  12345664156465
            </div>
            <div class="line_text">
                身份证扫描:  <span style="color:#449acb">已认证<span>
            </div>
            <div class="line_text">
                营业执照:  <span style="color:#449acb">已认证<span>
            </div>
            <div class="line_text">
                合作合同:  <span style="color:#449acb">已认证{$promoteInfo['valuedata'][0]}<span>
            </div>
        
          </div>

          <div class="jiesuan">
            <div class="line_title">资质认证</div>
            <div class="line_text">
                电话:  185****5662
            </div>
            <div class="line_text">
                联系地址:  福建省福州市仓山区万达广场
            </div>
            <div class="line_text">
                邮箱:  641326314@qq.com
            </div>
            <div class="line_text">
                账户类型:  <span style="color:#449acb">已认证<span>
            </div>
            <div class="line_text">
                开户银行:  621226**********088  &nbsp; &nbsp; &nbsp;
                <span onclick="ed(1)" id="edit" style="color:#449acb">修改</span>
            </div>
          </div>
  </div>
  <script src="__LAY__/layui.js" type="text/javascript" ></script>
  <link rel="stylesheet" href="__LAY__/css/layui.css"  media="all">
  <script>
        
       

  </script>
  <script>
        function ed(id) {
            $.ajax({
                type:"POST",
                url:"{:U('Safe/ajaxEdit')}",
                data:{'id':id},
                dataType:'json',
               success:function(res) {
                   var tel = res.tel
                   var address = res.address
                   var email = res.email
                   var account_type = res.account_type
                   var bank_card = res.bank_card
                   var complanystatus = res.complanystatus
                   var personalstatus = res.personalstatus
                   console.log(res)
                layer.open({
                        type: 1
                        ,title: false //不显示标题栏
                        ,closeBtn: true
                        ,area: ["800px","700px"]
                        ,shade: 0.8
                        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                        ,moveType: 1 //拖拽模式，0或者1
                       ,content: '<div class="trunk-title">	<span class="title_main">结算信息</span></div> <div class="trunk-content article"> <div class="trunk-list baseInfo">'
                       +'<form action="{:U("safe/edit")}" novalidate="novalidate" method="post" class="paw_info">'
                      +'<table class="table2" style="margin-top:20px;margin-left:30px;width:100%" >'
                      +'<tr><td class="l">电话：</td><td class="r"><input type="text"  class="input txt" name="tel" id="password" style="width:430px" placeholder="" value="'+tel+'">'
                       +'<span id="password_tip"></span></td>'
                     +'</tr><tr><td class="l">联系地址:</td>'
                      +'<td class="r"><input type="text" class="input txt" name="address" id="confirm_password"  style="width:430px" placeholder="" value="'+address+'">'
                       +'<span id="confirm_password_tip"></span></td></tr>'
                      +' <tr><td class="l">邮箱:</td><td class="r"><input type="text" class="input txt" name="email" id="confirm_password"  style="width:430px" placeholder="" value="'+email+'">'
                       +'<span id="confirm_password_tip"></span></td></tr>'
                       +' <tr><td class="l">账户类型:</td><td class="r"><input type="radio" class="input txt" name="account_type" value="公司" checked="'+complanystatus+'">公司<input type="radio" class="input txt" style="margin-left:20px" name="account_type" value="个人" checked="'+personalstatus+'">个人'
                       +'<span id="confirm_password_tip"></span></td></tr>'
                       +' <tr><td class="l">开户银行:</td><td class="r"><input type="text" class="input txt" name="bank" id="confirm_password"  style="width:430px" placeholder="" value="'+bank_card+'">'
                       +'<span id="confirm_password_tip"></span></td></tr>'
                      +' <tr> <td class="l" style="margin-top:20px">补充协议：</td><td class="r">'
                         +' <input type="hidden" name="agreementpic" id="" value=""/>'
                        +'<div id="uploader-demo" > <div id="agreementpic"><div class="webuploader-pick" style="line-height:30px" onclick="">点击上传</div></div>'
                        +'<div id="agreementpicList" class="uploader-list" style="display: flex;"></div></td></tr>'
                       +'<tr><td class="l"  colspan="5"><div style="margin-top:40px;" id="tab"><span style="padding-left:20px;color:#26c7dbd4" >*须补充修改协议(联系平台签署)</span></div> </td></tr>'
                       +'<tr style=""><td class="l"></td><td style="margin-top:50px" class="r">'
                          +'<input type="submit" class="tj btn ajax-post" value="保存" style="margin-top:40px;width:200px" title="" target-form="paw_info">'
                          +'</td> </tr></table></form>'
                            +'</div></div></div>'
                       // ,content:content
                     
                    
                 }) 
                 var uploaderImgagreementpic = WebUploader.create({
          // 选完文件后，是否自动上传。
          auto: true,
          // swf文件路径
          swf: '__STATIC__/webuploader/Uploader.swf',
          // 文件接收服务端。
          server: "{:U('File/uploadPicture',array('session_id'=>session_id(),'flag'=>true))}",
          // 选择文件的按钮。可选。
          // 内部根据当前运行是创建，可能是input元素，也可能是flash.
          pick: {
              id:'#agreementpic',
              multiple:true
          },
          // dnd: false,
          paste: document.body,
          accept: {
              title: '图片',
              extensions: 'png,gif,jpg,jpeg,bmp',
              mimeTypes: '.png,.gif,.jpg,.jpeg,.bmp',
          },
          // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
          resize: false,
          disableGlobalDnd: true,
          fileNumLimit:5,
          threads:5,
          thumb:true,
          compress:false,
          prepareNextFile: true,
          formData: function(){return $.extend(true, {}, userInfo);},
          chunked:false,
          duplicate: true
      });      
              
      var imgListagreementpicData = [];
      <?php if (!empty($promoteInfo['valuedata'])) :?>
      var html = '';
      $('#agreementpicList').css('margin-top','10px');
      <?php foreach ($promoteInfo['valuedata'] as $value1) { ?>
      <?php $value1 = (int)$value1; ?>
          imgListagreementpicData.push(<?=$value1?>); 
          html += '<div id="' + <?=$value1?> + '" class="item flooring_page_img_box" style="margin-right: 10px;">';
          html += '<a href="javascript:;"><img src="<?=get_cover($value1,"path")?>" style="width: 100px;height: 100px;cursor: move;"></a>';
          html += '<h4 class="info" style="text-align: center;">';
          html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + <?=$value1?> + '">删除</a>';
          html += '</h4>';
          html += '<div class="progress progress-striped active" style="display: none;">';
          html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>';
          html += '</div>';
          html += '</div>';
      <?php }?>
      $('#agreementpicList').html(html);
       
      $('#agreementpicList').children().children('h4').children('.jsdelzip').on('click', function() {
          var thisId = $(this).attr('img-id');
          $(this).parent().parent().remove();

          $.each(imgListagreementpicData,function(index, item) {
              if (thisId == item) {
                  imgListagreementpicData.splice(index,1);
                  return false;
              }
          });
          setagreementpicVal();
      });
      <?php endif ;?>          
       var thisIndex1 = 0;
      var imgagreementpicList = $("#agreementpicList");
      uploaderImgagreementpic.on( 'fileQueued', function( file ) {
          var html = '';
          html += '<div id="' + file.id + '" class="item" style="margin-right: 10px;">';
          html += '<a href="javascript:;"><img src="" style="width: 100px;height: 100px;cursor: move;"></a>';
          html += '<h4 class="info">' + file.name + '</h4>';
          html += '<p class="state">等待上传...</p>';
          html += '</div>';

          imgagreementpicList.append(html);
          imgagreementpicList.css('margin-top','10px');

          var img1 = imgagreementpicList.children('#'+file.id).find('img');
          uploaderImgagreementpic.makeThumb(file, function (error, src) {
              if (error) {
                  return;
              }
              img1.attr('src', src);
          }, 300, 300);
      });

      // 文件上传过程中创建进度条实时显示。
      uploaderImgagreementpic.on( 'uploadProgress', function( file, percentage ) {
          var $li = $( '#'+file.id ),
                  $percent = $li.find('.progress .progress-bar');
          // 避免重复创建
          if ( !$percent.length ) {
              $percent = $('<div class="progress progress-striped active">' +
                      '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                      '</div>' +
                      '</div>').appendTo( $li ).find('.progress-bar');
          }

          $li.find('p.state').text('上传中');
          $percent.css( 'width', percentage * 100 + '%' );
          $percent.text( (percentage * 100).toFixed(0) + '%' );
      });

      uploaderImgagreementpic.on( 'uploadSuccess', function( file , response) {
          console.log(response)
          imgListagreementpicData.push(Number(response.id));
          setagreementpicVal();

          $( '#'+file.id ).find('p.state').text('已上传').fadeOut(800);
          //alert(JSON.stringify(response));
          $('#'+file.id).find('h4.info').append('<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;">删除</a>');
          $('#'+file.id).find('.jsdelzip').on('click',function() {
              uploaderImgagreementpic.removeFile( file.id );
              $('#'+file.id).remove();

              $.each(imgListagreementpicData,function(index, item) {
                  if (response.id == item) {
                      imgListagreementpicData.splice(index,1);
                      return false;
                  }
              });
              setagreementpicVal();
              console.log(imgListagreementpicData);

              return false;
          });
      });
      
       function setagreementpicVal()
      {
          var agreementpic = '';
          $.each(imgListagreementpicData,function(index, item) {
              agreementpic += item + ',';
          });
          console.log('444444444444444444')
          console.log(agreementpic)
          agreementpic = agreementpic.substring(0, agreementpic.length - 1);
          $('input[name=agreementpic]').val(agreementpic);
      }
               }
               
           })
        }

        
   </script>

</block>
<block name="script">
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/mail_suffix.js"></script>
    <script type="text/javascript" src="__STATIC__/bank.js"></script>
   
</block>