<!DOCTYPE html>
<html>

<head>
    <meta name="viewport">
    <meta charset="utf-8">
    <title>测试</title>


    <script src="https://cdn.bootcss.com/vue/2.5.14/vue.min.js"></script>

    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

    <link href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">


    <style>
        .table {
            width: 80%;
            margin: 200px auto;
        }
    </style>
</head>

<body>
	<a href="/change4weixin/upExcelWithFinance.html">文件上传页</a>
    <div id="app">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th v-for="head in headList">{{head}}</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="el in tbodyList">
               		 <td>{{el.type}}</td>
                    <td>{{el.name}}</td>
                    <td>{{el.url}}</td>
                    <td><a href="/change4weixin/upExcelWithFinance.html">上传页</a></td>
                </tr>
            </tbody>
        </table>
    </div>



    <script>
        (function () {
            new Vue({
                el: '#app',
                data: {
                    headList: ['文件类型','文件', '地址', '上传页'],
                    tbodyList: []
                },
                created() {
                    console.log('create')
                     axios.get('/change4weixin/finance/getAll').then((res) => {
                         this.tbodyList = res.data
                     })
                }
            })
        })()
    </script>



</body>

</html>