{extend name="admin@public/base" /}
{block name="main-content"}
	<div class="page-content">
		<!--主题-->
		<div class="page-header">
			<h1>
				您当前操作
				<small>
					<i class="ace-icon fa fa-angle-double-right"></i>
					添加
				</small>
			</h1>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<form class="form-horizontal ajaxForm2" name="form0" method="post" action="{:url('admin/Gpgl/show_add',array('kind'=>$c_kind))}"  enctype="multipart/form-data">
					
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 企业名称：  </label>
						<div class="col-sm-10">
							<input type="text" name="c_name" placeholder="必填：企业名称"  class="col-xs-10 col-sm-6" />
						</div>
					</div>
					<div class="space-4"></div>
                     <div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">项目名称：  </label>
						<div class="col-sm-10">
							<input type="text" name="c_jcname"  class="col-xs-10 col-sm-6" />
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group" style="display:none;">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">挂牌类型：  </label>
						<div class="col-sm-10">
							<select class="col-xs-10 col-sm-2" name="c_mold">
								<option value="0" >请选择</option>
								<option value="1"  >增资交易 </option>
								<option value="2"  >产权转让 </option>
								<option value="3" >资产转让</option>
								<option value="4" >资产租赁 </option>
							</select>
						</div>
					</div>
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">企业图片： </label>
						<div class="col-sm-10">
							<a href="javascript:;" class="file">
								<input type="file" name="pic_one[]" id="file0" />
								选择上传文件
							</a>
							<span class="lbl">&nbsp;&nbsp;<img src="__PUBLIC__/img/no_img.jpg"  height="70" id="img0" ></span>&nbsp;&nbsp;<a href="javascript:;" onClick="return backpic('__PUBLIC__/img/no_img.jpg');" title="还原修改前的图片" class="file">
							撤销上传
						</a>
							<span class="lbl">&nbsp;&nbsp;上传前先用PS处理成等比例图片后上传，最后都统一比例<br /></span>
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 是否启用： </label>
						<div class="col-sm-10" style="padding-top:5px;">
							<input name="c_status" value="1" checked class="ace ace-switch ace-switch-4 btn-flat" type="checkbox" />
							<span class="lbl">&nbsp;&nbsp;默认启用</span>
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 排序（从小到大）： </label>
						<div class="col-sm-10">
							<input type="text" name="c_order" value="50" class="col-xs-10 col-sm-1" />
						</div>
					</div>
					<div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">进场日期：  </label>
						<div class="col-sm-10">
							<input name="c_gptime" class="date-picker col-xs-10 col-sm-6" value="" type="text" data-date-format="yyyy-mm-dd">
							<span class="lbl"></span>
						</div>
					</div>
					<div class="space-4"></div>
					<link href="__PUBLIC__/ppy/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
                    <script src="__PUBLIC__/ppy/js/fileinput.js" type="text/javascript"></script>
                    <script src="__PUBLIC__/ppy/js/fileinput_locale_zh.js" type="text/javascript"></script>
					<div class="form-group" id="pic_list">
						<div class="col-sm-10 col-sm-offset-2" style="padding-top:5px;">
							<input id="file1" name="pic_all[]" type="file" class="file"  multiple data-preview-file-type="any" data-upload-url="#" data-preview-file-icon="">
							<span class="lbl">单次编辑只支持一次性多选图片上传;不支持多次选择上传;建议尺寸最大宽度1000px,高等比例缩放<span style="color:red">(未上传多图时，内页只显示封面图片)</span></span>
						</div>
					</div>
					<!--老多图字符串-->
					<input name="pic_oldlist" type="hidden" id="pic_oldlist" type="text" size="130" value="" >
                     <div class="space-4"></div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 详情跳转连接：  </label>
                        <div class="col-sm-10">
                            <input name="c_jump" class=" col-xs-10 col-sm-6" value="" type="text" >
                            <span class="lbl"></span>
                        </div>
                    </div>
                    <div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">企业介绍： </label>
						<div class="col-sm-10">
							<script src="__PUBLIC__/ueditor/ueditor.config.js" type="text/javascript"></script>
							<script src="__PUBLIC__/ueditor/ueditor.all.js" type="text/javascript"></script>
							<textarea name="c_content" rows="100%" style="width:100%" id="myEditor"></textarea>
							<script type="text/javascript">
								var editor = new UE.ui.Editor();
								editor.render("myEditor");
							</script>
						</div>
					</div>
                    <div class="space-4"></div>

					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right" for="form-field-1">项目介绍： </label>
						<div class="col-sm-10">
							<textarea name="capital_desc" rows="100%" style="width:100%" id="myEditor2"></textarea>
							<script type="text/javascript">
								var editor2 = new UE.ui.Editor();
								editor2.render("myEditor2");
							</script>
						</div>
					</div>
					<div class="space-4"></div>

					<div class="clearfix form-actions">
						<div class="col-md-offset-3 col-md-9">
							<button class="btn btn-info" type="submit">
								<i class="ace-icon fa fa-check bigger-110"></i>
								保存
							</button>

							&nbsp; &nbsp; &nbsp;
							<button class="btn" type="reset">
								<i class="ace-icon fa fa-undo bigger-110"></i>
								重置
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>

	<!-- 显示模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" style="width:80%">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">×
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            操作已上传的多图
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-12">


                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <ul>
                                        </ul>
                                    </div>
                                </div>

                                <div class="space-4"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary">
                            若想取消修改，请刷新当前页面
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            关闭
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
	</div><!-- /.page-content -->
{/block}
{block name="scripts"}
<script type="text/javascript" src="__PUBLIC__/plupload-2.1.2/js/plupload.full.min.js"></script>
<script>
	$(function(){
    	
	      accessid = ''
        accesskey = ''
        host = ''
        policyBase64 = ''
        signature = ''
        callbackbody = ''
        filename = ''
        key = ''
        expire = 0
        g_object_name = ''
        now = timestamp = Date.parse(new Date()) / 1000; 

        function send_request(){
            var xmlhttp = null;
            if (window.XMLHttpRequest){
                xmlhttp=new XMLHttpRequest();
            }else if (window.ActiveXObject){
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
          
            if (xmlhttp!=null){
                // serverUrl是 用户获取 '签名和Policy' 等信息的应用服务器的URL，请将下面的IP和Port配置为您自己的真实信息。
                serverUrl ="{:url('aliinfo',['dir'=>'tuoguan'])}"
        		
                xmlhttp.open( "GET", serverUrl, false );
                xmlhttp.send( null );
                return xmlhttp.responseText
            }else{
                alert("Your browser does not support XMLHTTP.");
            }
        };

        function get_signature(){
            // 可以判断当前expire是否超过了当前时间， 如果超过了当前时间， 就重新取一下，3s 作为缓冲。
            now = timestamp = Date.parse(new Date()) / 1000; 
            if (expire < now + 3){
                body = send_request()
                var obj = eval ("(" + body + ")");
                host = obj['host']
                policyBase64 = obj['policy']
                accessid = obj['accessid']
                signature = obj['signature']
                expire = parseInt(obj['expire'])
                callbackbody = obj['callback'] 
                key = obj['dir']
                return true;
            }
            return false;
        };

        function random_string(len) {
		     len=len||32;      
		          　　var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';   
		          　　var maxPos = chars.length;
		          　　var pwd = '';
		          　　for (i = 0; i < len; i++) {
		              　　pwd += chars.charAt(Math.floor(Math.random() * maxPos));
		              }
		      return pwd;
        }

        function get_suffix(filename) {
            pos = filename.lastIndexOf('.')
            suffix = ''
            if (pos != -1) {
                suffix = filename.substring(pos)
            }
            return suffix;
        }

        function calculate_object_name(filename){
      	  suffix = get_suffix(filename)
            g_object_name = key + random_string(10) + suffix
            return ''
        }
        function set_upload_param(up, filename, ret){
            if (ret == false){
                ret = get_signature()
            }
            g_object_name = key;
            if (filename != '') { suffix = get_suffix(filename)
                calculate_object_name(filename)
            }
            new_multipart_params = {
                'key' : g_object_name,
                'policy': policyBase64,
                'OSSAccessKeyId': accessid, 
                'success_action_status' : '200', //让服务端返回200,不然，默认会返回204
                'callback' : callbackbody,
                'signature': signature,
            };

            up.setOption({'url': host,'multipart_params': new_multipart_params});

            up.start();
        }

        var uploader = new plupload.Uploader({
	          	runtimes : 'html5,flash,silverlight,html4',
	          	browse_button : 'selectfiles', 
	              //multi_selection: false,
	          	container: document.getElementById('container'),
	          	flash_swf_url : '__PUBLIC__/plupload-2.1.2/js/Moxie.swf',
	          	silverlight_xap_url : '__PUBLIC__/plupload-2.1.2/js/Moxie.xap',
              url : 'http://oss.aliyuncs.com',

            filters: {
                mime_types : [ //只允许上传图片和zip文件
                {title: "files", extensions: "mpg,m4v,mp4,flv,3gp,mov,avi,rmvb,mkv,wmv"} 
                ],
                max_file_size : '50mb', //最大只能上传10mb的文件
                prevent_duplicates : true //不允许选取重复文件
            },

            init: {
        		PostInit: function() {
        			document.getElementById('ossfile').innerHTML = '';
        			document.getElementById('postfiles').onclick = function() {
                    set_upload_param(uploader, '', false);
                    return false;
        			};
        		},

        		FilesAdded: function(up, files) {
        			plupload.each(files, function(file) {
        				document.getElementById('ossfile').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>'
        				+'<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>'
        				+'</div>';
        			});
        		},

        		BeforeUpload: function(up, file) {
                    set_upload_param(up, file.name, true);
                },

        		UploadProgress: function(up, file) {
        			var d = document.getElementById(file.id);
        			d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
                    var prog = d.getElementsByTagName('div')[0];
        			var progBar = prog.getElementsByTagName('div')[0]
        			progBar.style.width= 2*file.percent+'px';
        			progBar.setAttribute('aria-valuenow', file.percent);
        		},

        		FileUploaded: function(up, file, info) {
                    if (info.status == 200){
                        document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = 'upload to oss success';
                        console.log(info.response);
                        if(typeof info.response!='undefined'){
                      	  var response=info.response;
                      	  response = eval ("(" + response + ")");
                      	  var data=response.data;
                      	  console.log(data);
                      	  var filename=data['endpoint']+'/'+data['filename'];
                      	  $("#c_video").val(filename);
                        }
                        
                    }else if (info.status == 203){
                        document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功，但是oss访问用户设置的上传回调服务器失败，失败原因是:' + info.response;
                    }else{
                        document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
                    } 
        		},

        		Error: function(up, err) {
                    if (err.code == -600) {
                        document.getElementById('console').appendChild(document.createTextNode("\n选择的文件太大了,可以根据应用情况，在upload.js 设置一下上传的最大大小"));
                    }else if (err.code == -601) {
                        document.getElementById('console').appendChild(document.createTextNode("\n选择的文件后缀不对,可以根据应用情况，在upload.js进行设置可允许的上传文件类型"));
                    }else if (err.code == -602) {
                        document.getElementById('console').appendChild(document.createTextNode("\n这个文件已经上传过一遍了"));
                    }else{
                        document.getElementById('console').appendChild(document.createTextNode("\nError xml:" + err.response));
                    }
        		}
        	}
        });

        uploader.init();
});
		$('.date-picker').datepicker({
				autoclose: true,
				todayHighlight: true,
				language:'zh-CN',
			})
	</script>
{/block}