<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>篮子约券</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css">
		<!--本地-->
		<!-- <script src="../lib/vue/vue.min.js"></script>
		<script src="../lib/vue/axios.min.js"></script>
		<script src="../lib/jquery-1.11.3.min.js"></script>
	    <script src="../_common/service_fcfg.js"></script>
	    <script src="../_common/fy_client.js"></script>
	    <script src="../_common/service.js"></script> -->
	    <!-- 打包 -->
	    <script src="../../lib/vue/vue.min.js"></script>
		<script src="../../lib/vue/axios.min.js"></script>
		<script src="../../lib/jquery-1.11.3.min.js"></script>
	    <script src="../../_common/service_fcfg.js"></script>
	    <script src="../../_common/fy_client.js"></script>
	    <script src="../../_common/service.js"></script>
	</head>
	<body>
		<div id="app" v-cloak>
			<div class="basketBond">
				<!-- <div class="modalBg"></div> -->
				<div class="subscribeBond">
					<h4>篮子约券</h4>
					<!-- <div class="errTips" v-show="false">
						<img src="img/warning.png">
						<div class="text">{{errFlagTitle}}<br/>{{errcContent}}
						</div>
					</div> -->
					<div class="bondBody">
						<!-- <div class="content"> -->
							<table id="dataTable">
								<thead>
									<tr>
										<th v-for="item in tableTabArr">{{item.title}}</th>
									</tr>
								</thead>
								<tbody id="dataTableBody">
									<tr v-for="item in resultArr">
										<!-- <td v-for="(value,key,index) in item">{{value}}</td> -->
										<td v-for="tableItem in tableTabArr">{{item[tableItem.key]}}</td>
									</tr>
									<tr>
										<td colspan="9">
											注：证券代码为6位，预约数量不能小于100，日期格式为yyyymmdd,系统会自动根据您上传的证券代码匹配证券名称。
										</td>
									</tr>
								</tbody>
							</table>
						<!-- </div> -->
						<!-- <div class="tips">注：预约数量不能小于100，日期格式为yyyymmdd，每一项均不能为空。</div> -->
					</div>
					<div class="bondFooter">
						<a id="mylink"  download="篮子约券模板.csv" href="downloadFile/篮子约券模板.csv" >
							<div class="download">下载模板</div>
						</a>
						<!-- <a id="mylink" href="#" @click="clickDownload()">
							<div class="download">下载模板</div>
						</a> -->
						<div class="btnContainer">
							<div class="cancleBtn btn" v-show="cancleBtnFlag" @click="cancleUpload()">取消</div>
							<div class="upload btn" @click="upload(uploadBtnFlag)">{{uploadBtnTxt}}
								<input type="file" name="csvFile" id="uploadBtn" accept=".csv" @change="uploadFile()" v-show="uploadBtnFlag"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modalBox" v-show="withdrawTipDialog">
		    	<div class="modalBg"></div>
		    	<div class = "modalContainer">
		    		<div class="modalheader">
		    			富易
		    			<span @click="closeModal">x</span>
					</div>
		    		<div class="modalContent">
		    			<img v-bind:src="imgUrl"/>
		    			<div class="infoBox">
		    				<div class="title">{{errorMsg}}</div>
		    				<div class="content">
		    					<content-item v-for="(item,index) in contentArr" :erritem='item' v-bind:key="index"></content-item>
		    				</div>
		    			</div>
		    		</div>
		    		<div class="modalFooter">
		    			<div class="confirmBtn" @click="closeModal">确定</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="progressContainer" v-show="progressFlag">
		    	<div class="modalBg"></div>
		    	<div id="myProgress"><div id="myBar">{{progressPercent}}</div></div>
		    </div>
		    
		</div>
		<script src="./js/interface.js"></script>
		<script src="./js/index.js"></script>
	</body>
</html>