| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221 |
- <!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:0px;padding:0px;}
- #app{
- display: none;
- }
- .tpl_title {
- font-size: 18px;
- margin: 10px 0;
- }
- .item-main{
- padding:10px 15px;
- }
- .el-form-item__label{
- font-weight:600;
- float:none;
- }
- .el-message-box{
- width:80%;
- }
- .survey_logo{
- width: 125px;
- }
- </style>
- <body>
- <div id="app">
- <div class="item-main">
- <img src="static/survey_logo.png" alt="" class="survey_logo" />
- <h5 align="center" class="tpl_title">{{ title }}</h5>
- <el-form ref="form" :model="form2" class="tpl_form over_y">
- <el-form-item
- v-for="(item, index) in widgetList"
- :key="index"
- :label="(index+1)+'、'+(item.label)"
- >
- <el-input
- v-if="item.type == 'input'"
- v-model="form2[item.label]"
- :placeholder="item.placeholder"
- ></el-input>
- <el-input
- v-if="item.type == 'textarea'"
- type="textarea"
- v-model="form2[item.label]"
- :placeholder="item.placeholder"
- :rows=4
- ></el-input>
- <el-radio-group
- v-if="item.type == 'radio'"
- v-model="form2[item.label]"
- >
- <el-radio
- :label="iitem.label"
- v-for="(iitem, index) in item.items"
- :key="index"
- >{{ iitem.label }}</el-radio
- >
- </el-radio-group>
- <el-checkbox-group
- v-else-if="item.type == 'checkbox'"
- v-model="form2[item.label]"
- >
- <el-checkbox
- :label="iitem.label"
- v-for="(iitem, index) in item.items"
- :key="index"
- ></el-checkbox>
- </el-checkbox-group>
- <el-upload
- v-if="item.type == 'image'"
- action="/api/admin/uploadfile"
- list-type="picture-card"
- :data="{ type: item.label }"
- :on-success="handleSuccess"
- >
- <i class="el-icon-plus"></i>
-
- </el-upload>
- <el-upload
- v-if="item.type == 'file'"
- class="upload-demo"
- ref="upload"
- action="/api/admin/uploadfile"
- :data="{ type: item.label }"
- :on-success="handleSuccess"
- >
- <!-- <el-button slot="trigger" size="small" type="primary">选取文件</el-button> -->
- <el-button
- style="margin-left: 10px"
- size="small"
- type="primary"
- plain
- >添加文件</el-button
- >
- <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
- </el-upload>
- </el-form-item>
- <el-form-item v-if="widgetList.length">
- <el-button
- size="medium"
- type="primary"
- @click="saveResult"
- style="width: 100%;height: 45px;font-size: 16px;margin-top:20px;"
- :disabled="form2.status==0"
- >{{this.form2.status==1?"提交":"该问卷已禁用"}}</el-button
- >
- </el-form-item>
- </el-form>
- </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 {
- type:null,
- form2:{
-
- },
- widgetList:[],
- id:'',
- title:'',
- show:0
- }
- },
- methods:{
- getData(){
- let url = "/api/admin/message"
- if(this.type==1){
- url = "/api/admin/message/out"
- }
- $.ajax({
- url:url,
- method:'get',
- data:{
- id:this.id
- },
- success:res=>{
- document.getElementById('app').style.display='block'
- this.form2.status = res.data.status
- let widgetList=res.data.widget;
- for(let i=0;i<widgetList.length;i++){
- if(widgetList[i].type=='checkbox'){
- let key = widgetList[i].label
- this.$set(this.form2, key, [])
- }
- }
- this.title = res.data.name
- this.widgetList=widgetList
- },
- error:res=>{
- if(res.status==403){
- window.location.href="/survey/login.html?id="+this.id+"&type="+this.type
- }
- }
- })
- },
- saveResult(){
- let url = "/api/admin/message/survey/result"
- if(this.type==1){
- url = "/api/admin/message/survey/result/out"
- }
- let result = JSON.stringify(this.form2);
- $.ajax({
- url:url,
- method:'post',
- data:{
- message_id: this.id,
- result: result,
- },
- success:res=>{
- if (res.code == 0) {
- this.$alert('提交成功',"提交成功", {
- center:true,
- showClose:false,
- confirmButtonText: '确定',
- type:"success"
- });
- window.location.href="/survey/success.html?title="+encodeURIComponent(res.data)
- } else {
- this.$alert("提交失败请稍后再试!","提交失败", {
- center:true,
- showClose:false,
- confirmButtonText: '确定',
- type:"error"
- });
- }
- }
- })
- },
- handleSuccess(res, file) {
- this.form2[res.data.type] = res.data.url;
- },
- },
- created(){
- var search=window.location.search.split('?')[1].split('&');
- this.id=search[0].split('=')[1]
- this.type = search[1].split('=')[1]
- this.getData()
- }
- })
- </script>
- </html>
|
