74 lines
3.7 KiB
HTML
74 lines
3.7 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<script src="./cdn/vue/vue.min.js"></script>
|
|
<script src="./cdn/element-ui/index.js"></script>
|
|
<script src="./cdn/xlsx/FileSaver.min.js"></script>
|
|
<script src="./cdn/xlsx/xlsx.full.min.js"></script>
|
|
<link rel="stylesheet" href="./cdn/element-ui/theme-chalk/index.css" />
|
|
<link rel="stylesheet" href="./css/index.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div style="padding: 0px">
|
|
<el-tabs v-model="activeName" @tab-click="handleTab">
|
|
<el-tab-pane label="历年分数" name="历年分数"></el-tab-pane>
|
|
<el-tab-pane label="招生计划" name="招生计划"></el-tab-pane>
|
|
<el-tab-pane label="分数录入" name="分数录入"></el-tab-pane>
|
|
</el-tabs>
|
|
<el-form ref="form" :model="form" label-width="80px">
|
|
<el-form-item label="展示列">
|
|
<el-checkbox :indeterminate="isIndeterminate1" v-model="checkAll1" @change="handleCheckAllChange1">全选</el-checkbox>
|
|
<el-checkbox-group v-model="form.column" @change="change1">
|
|
<el-checkbox v-for="item in columns" :key="item.label" :label="item.label" :name="item.value" :checked="form.column.includes(item.value)"></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
<el-form-item label="筛选项" v-show="activeName !== '分数录入'">
|
|
<el-checkbox :indeterminate="isIndeterminate2" :disabled="!form.column.length" v-model="checkAll2" @change="handleCheckAllChange2">全选</el-checkbox>
|
|
<el-checkbox-group v-model="form.filter">
|
|
<el-checkbox v-for="item in filters" :key="item.label" :label="item.label" :name="item.value" :disabled="!form.column.includes(item.value)" :checked="form.filter.includes(item.value)"></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div class="upload-download">
|
|
<el-upload
|
|
class="upload-demo"
|
|
action=""
|
|
:on-change="handleChange"
|
|
:on-remove="handleRemove"
|
|
:show-file-list="false"
|
|
:on-exceed="handleExceed"
|
|
accept="application/vnd.openxmlformats-
|
|
officedocument.spreadsheetml.sheet,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
:auto-upload="false"
|
|
>
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
</el-upload>
|
|
<el-button size="small" type="primary" @click="copy">点击复制</el-button>
|
|
<el-button size="small" type="primary" @click="download">点击下载</el-button>
|
|
<el-button size="small"><a href="/resource/tools/js/tem.zip" download="录入模版.zip">模版下载</a></el-button>
|
|
</div>
|
|
<el-card>
|
|
<div slot="header">展示数据</div>
|
|
<el-table :data="result.data" style="width: 100%;height: 200px;font-size:12px;" size="small">
|
|
<el-table-column v-for="item in result.column" :key="item" :prop="item" :label="item" ></el-table-column>
|
|
</el-table>
|
|
<!-- :width="(item.length+1)*25" -->
|
|
</el-card>
|
|
<el-card v-show="false">
|
|
<div slot="header">excel文件数据</div>
|
|
<el-input type="textarea" v-model="jsString" rows="16" placeholder=""></el-input>
|
|
|
|
</el-card>
|
|
<!-- <el-button type="primary" @click="handleTemplate">
|
|
点击下载模板<i class="el-icon-download el-icon--right"></i>
|
|
</el-button> -->
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="./js/index.js"></script>
|
|
</html>
|