<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0">
    <title>提交成功</title>
  <!-- import CSS -->
  <link rel="stylesheet" href="static/index.css">
</head>
<style>
    body{
        margin:0;
        padding:40px 0 0;
        height:calc(100vh - 40px);
        background: linear-gradient(0deg, #CEF0FF, #FFFFFF);
    }
  #app{
    display: none;
  }
  .logo-img{
    width:150px;
    margin:0 auto;
  }
  .el-form{
      padding:35px;
  }
  .el-input__inner{
      height:48px;
      padding-left:42px;
      border: 1px solid #EFF0F2;
      border-radius: 5px;
  }
  .el-form-item img{
    position: absolute;
    top: 8px;
    left: 6px;
  }
  .el-button--primary {
    margin-top: 29px;
    height: 48px;
    font-size: 18px;
    width:100%;
    background-color: #3780CD;
    }
  .tpl_title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .el-form-item__label{
        float:none;   
    }
    .content{
      width: 70%;
      margin:0 auto;
      font-size: 24px;
      line-height: 35px;
      margin-top:20px;
    }
</style>
<body>
  <div id="app" >
    <div class='logo-img'><img src="static/logo.png" alt=""></div>
    <div class="content">您已成功提交"{{title}}"问卷调查，感谢参与!</div>
  </div>
</body>
<!-- import Vue before Element -->
<script src="static/jquery.min.js"></script>
<script src="static/vue.js"></script>
<!-- import JavaScript -->
<script src="static/index.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function() {
            return { 
                title:"",
                form:{}
            }
        },
        methods:{
           
        },
        created(){
          var search=window.location.search.split('?')[1].split('&');
          this.title=decodeURIComponent(search[0].split('=')[1])
        },
        mounted(){
            document.getElementById('app').style.display='block'
        }
    })
  </script>
</html>
