jy-platform/Application/Home/View/default/SiteBase/index.html

<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/20180207/mixed.css" rel="stylesheet">
<style>.notice_tip {padding-left:20px;color:#999;font-size:12px;} .formtxt{display:inline-block;width:252px;}</style>
</block>

<block name="body">
    <div class="page-form normal_list siteBase-index-form">
      <div class="trunk-title">
      	<div class="location">
		<div class="location-container">当前位置：<span>联盟站点></span><span>基本信息</span></div>
		</div>
      	<img src="__IMG__/20180207/icon_normal_xinxi.png"><span class="title_main">基本信息</span>
      </div>
      <div class="trunk-content article">
        <div class="trunk-list">
            <form id="data" action="" novalidate="novalidate" method="post" >
                <table class="table2">
                    <tr>
                        <td class="l"><span class="must_style">*</span>官网标题：</td>
                        <td class="r"><input type="text" name="site_name" class="name txt" maxlength ="20" value="{$data.site_name}" placeholder="站点名称"><span class="notice_tip">用于显示PC官网标题，浏览器上打开站点时可见网站标题</span></td>
                    </tr>
                    <tr>
                        <td class="l"><span class="must_style">*</span>客服QQ：</td>
                        <td class="r"><input type="text" name="site_qq" class="name txt" maxlength ="200" value="{$data.site_qq}" placeholder="客服QQ"></td>
                    </tr>
										<tr>
                        <td class="l">玩家QQ群号码：</td>
                        <td class="r"><input type="text" name="site_qq_qun" class="name txt" maxlength ="200" value="{$data.site_qq_qun}" placeholder="玩家QQ群号码"></td>
                    </tr>
										<tr>
                        <td class="l">玩家QQ群地址：</td>
                        <td class="r"><input type="text" name="site_qq_qunurl" class="name txt" maxlength ="300" value="{$data.site_qq_qunurl}" placeholder="玩家QQ群地址"><span class="notice_tip">(到这里 <a href="http://qun.qq.com/index.html" target="_blank">http://qun.qq.com/index.html</a> 去生成群地址)</span></td>
                    </tr>
										<tr>
                        <td class="l">联系电话：</td>
                        <td class="r"><input type="text" name="site_tel" class="name txt" maxlength ="200" value="{$data.site_tel}" placeholder="联系电话"></td>
                    </tr>
                    <tr>
                        <td class="l">微信公众号：</td>
                        <td class="r"><input type="text" name="app_weixin" class="name txt" maxlength ="200" value="{$data.app_weixin}" placeholder="微信公众号"></td>
                    </tr>
										<tr>
                        <td class="l"><span class="must_style">*</span>APP名称：</td>
                        <td class="r"><input type="text" name="site_app_name" class="name txt" maxlength ="200" value="{$data.site_app_name}" placeholder="APP名称"></td>
                    </tr>
										<tr>
                        <td class="l"><span class="must_style">*</span>APP版本号：</td>
                        <td class="r"><input type="text" name="site_app_version" class="name txt" maxlength ="200" value="{$data.site_app_version}" placeholder="APP版本号"></td>
                    </tr>

                    <tr>
                        <td class="l">APP图标：</td>
                        <td class="r">
													<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_app_logo']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_app_logo'],'path')}"  height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_app_logo">
                            <input type="hidden" name="sites_app_logo" data-notice="APP图标" data-width="340" data-height="340" id="sites_app_logo_id" value="{$data.sites_app_logo}" />
														</span>
														<span class="notice_tip">(340px*340px，用于APP下载页面图标的展示)</span>
                        </td>
                    </tr>

										<tr>
                        <td class="l">PC官网logo：</td>
                        <td class="r">
													<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_pc_logo']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_pc_logo'],'path')}" height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_pc_logo">
                            <input type="hidden" name="sites_pc_logo" data-notice="PC官网logo" data-width="218" data-height="60" id="sites_pc_logo_id" value="{$data.sites_pc_logo}" />
														</span><span class="notice_tip">(218px*60px)</span>
                        </td>
                    </tr>

										<tr>
                        <td class="l">PC官网icon图标：</td>
                        <td class="r">
													<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_pc_icon']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_pc_icon'],'path')}" height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_pc_icon">
                            <input type="hidden" name="sites_pc_icon" data-notice="PC官网icon图标" data-width="16" data-height="16" id="sites_pc_icon_id" value="{$data.sites_pc_icon}" />
														</span><span class="notice_tip">(16px*16px)</span>
                        </td>
                    </tr>

										<tr>
                        <td class="l">WAP站logo：</td>
                        <td class="r">
												<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_wap_logo']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_wap_logo'],'path')}" height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_wap_logo" >
                            <input type="hidden" name="sites_wap_logo" data-notice="WAP站logo" data-width="300" data-height="80" id="sites_wap_logo_id" value="{$data.sites_wap_logo}" />
														</span><span class="notice_tip">(300px*80px)</span>
                        </td>
                    </tr>

										<tr>
                        <td class="l">二维码：</td>
                        <td class="r">
													<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_qrcode']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_qrcode'],'path')}" height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_qrcode" >
                            <input type="hidden" name="sites_qrcode" data-notice="二维码" data-width="280" data-height="280" id="sites_qrcode_id" value="{$data.sites_qrcode}" />
														</span><span class="notice_tip">(280px*280px)</span>
                        </td>
                    </tr>

                    <tr>
                        <td class="l">悬浮球图标：</td>
                        <td class="r">
								<span class="formtxt">
                            <div class="upload-img-box">
                                <notempty name="data['sites_ball_logo']">
                                    <div class="upload-pre-item"><img src="{:get_cover($data['sites_ball_logo'],'path')}" height="64px"></div>
                                </notempty>
                            </div>
                            <input type="file" id="sites_ball_logo" >
                            <input type="hidden" name="sites_ball_logo" data-notice="悬浮球图标" data-abbreviations="120" data-width="120" data-height="340" id="sites_ball_logo_id" value="{$data.sites_ball_logo}" />
                            </span>
                            <span class="notice_tip">(120px*120px)</span>
                        </td>
                    </tr>

                    <tr>
                        <td class="l">悬浮球显示：</td>
                        <td class="r form-radio jspayradio">
                            <span class="formtxt">
                                <label><input type="radio" value="1" name="ball_status" <if condition="($data['ball_status'] eq 1) or ($data['ball_status'] eq '')">checked="checked"</if> ><i <if condition="($data['ball_status'] eq 1) or ($data['ball_status'] eq '')">class="current"</if> ></i><span>开启</span></label>
                            <label><input type="radio" value="0" name="ball_status" <eq name="data.ball_status" value="0">checked="checked"</eq> ><i <eq name="data.ball_status" value="0">class="current"</eq>></i><span>关闭</span></label>
                            </span>
                            <span class="notice_tip">控制悬浮球的显示</span>
                        </td>
                    </tr>

                    <tr>
                        <td class="l"></td>
                        <td class="r">
                            <input name="id" hidden="hidden" value="{$data.id}">
                            <button type="button" class="tjbnt btn" onclick="save()">确认</button>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
      </div>
    </div>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <?php $fields = ['sites_app_logo','sites_pc_logo','sites_pc_icon','sites_wap_logo','sites_qrcode','sites_ball_logo'];?>;
    <notempty name="fields">
	<script>
		<volist name="fields" id="vo">
			$("#{$vo}").uploadify({
				"height"          : 38,
				"swf"             : "__STATIC__/uploadify/uploadify.swf",
				"fileObjName"     : "download",
				"buttonText"      : "上传图片",
				"uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
				"width"           : 70,
				'removeTimeout'   : 1,
				'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif',
				"onUploadSuccess" : upload_{$vo},
				'onFallback' : function() {
						alert('未检测到兼容版本的Flash.');
				}
			});
			function upload_{$vo}(file, data){
				var data = $.parseJSON(data);
				var src = '';
				if(data.status){
						var temp = $("#{$vo}_id").val(data.id);
						src = data.url || '__ROOT__' + data.path;
						if(src ==''){
							layer.msg(temp.attr('data-notice')+'不能为空');
						}

						var imggg = new Image();
						imggg.src = src;
						imggg.onload = function(){
								//var w = temp.attr('data-width'),h = temp.attr('data-height');
								//if (imggg.width == w && imggg.height == h){
									//var abbreviations = temp.attr('data-abbreviations');
									//	abbreviations = abbreviations?abbreviations:300;    //判断是否是悬浮球，如果是悬浮球，显示显示成80*80，如果不是显示成300*300的
										$("#{$vo}_id").parent().find('.upload-img-box').html(
													//	'<div class="upload-pre-item" style="width:'+abbreviations+'px;"><img style="width: 100%;height: 100%;" src="' + src + '"/></div>'
														'<div class="upload-pre-item" style="width:80px;"><img style="width: 100%;height: 100%;" src="' + src + '"/></div>'
										);
								//}else{
										//layer.msg(temp.attr('data-notice')+'宽高限制为'+w+'px*'+h+'px');
								//}
						};

				} else {
						updateAlert(data.info);
						setTimeout(function(){
								$('#top-alert').find('button').click();

						},1500);
				}
			};

		</volist>
	</script>
	</notempty>
  <script type="text/javascript">
  $(document).ready(function() {
			$('.jspayradio input').click(function() {
					var that=$(this);
					$('.jspayradio i').removeClass('current');
					if (that.prop('checked')) {
							that.siblings('i').addClass('current');
					}
			});
  });


  var sub = true;
  function save() {
      var data1 = $("#data").serializeArray();

      if(data1[0]['value'] <=0){
            layer.msg('官网标题不能为空');
            return false;
      }
      if(data1[1]['value'] <=0){
            layer.msg('客服QQ不能为空');
            return false;
      }
      if(data1[6]['value'] <=0){
            layer.msg('APP名称不能为空');
            return false;
      }
			if(data1[7]['value'] <=0){
            layer.msg('APP版本号不能为空');
            return false;
      }

      if(!sub){
          return false;
      }

      var data = $("#data").serialize();
      sub = false;
      $.ajax({
          type: "post",
          url: "{:U('SiteBase/save')}",
          dataType: "json",
          data: data,
          success: function (res) {
              if (res.status != 0) {
                  sub =true;
                  layer.msg(res.info, {icon: 1});
              }
              else {
                  sub = true;
                  layer.msg(res.info, {icon: 2});
              }
          },
          error: function () {
              layer.msg('服务器故障', {icon: 5});
          }
      })
  }



  </script>
</block>