<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{$info['title']}</title>
<link rel="stylesheet" href="/static/mobile/css/weui.min.css">
<link rel="stylesheet" href="/static/mobile/css/weuix.css">
<style>
body{
background-color: #f2f2f2;
}
.main{
margin: 0 auto;
background-color: #ffffff;
}
.page-bd{
padding-bottom: 30px;
}
.weui-form{
padding-top: 0px;
}
.main-title{
text-align: center;
padding: 20px 0 10px 0;
}
.main-desc{
text-indent: 30px;
font-size: 15px;
}
@media only screen and (min-width: 750px){
html {
font-size: 16.6px !important;
}
}
input, textarea {
border: 1px solid #efefef !important;
caret-color: #03aced !important;
caret-color: var(--weui-BLUE) !important;
}
input:focus, textarea:focus {
border: 1px solid #03aced !important;
caret-color: #03aced !important;
caret-color: var(--weui-BLUE) !important;
}
.weui-form-checkbox[type="radio"]:checked + label .weui-icon-radio {
background-color: #03aced;
border: 1px solid #03aced;
}
.weui-form-checkbox[type="checkbox"]:checked + label .weui-icon-checkbox {
background-color: #03aced;
border: 1px solid #03aced;
}
.weui-btn_primary {
background-color: #03aced !important;
/*background-color: var(--weui-BRAND);*/
}
.max-limit {
color: rgba(0,0,0,.5);
color: var(--weui-FG-1);
font-size: 14px;
line-height: 1.4;
}
.weui-input{
padding: 5px;
}
</style>
</head>
<body>
<div class="main">
<div style="float: left;margin: 10px"><a href="{:url('index')}?option=3">返回上一页</a></div>
<div style="float: right;margin: 10px"><a href="{:url('tjExport',['id'=>$info['id']])}">导出</a></div>
<h2 class="main-title">{$info['title']}</h2>
<div class="main-desc">
{$info['description']}
</div>
<form id="myform">
<input type="hidden" name="id" value="{$info['id']}">
<div class="page-bd" id="vueapp">
<div v-for="(item,index) in question" :key="index">
<div v-if="item.required" class="weui-cells__title weui-start"> {{index + 1}} . {{item.title}}</div>
<div v-if="!item.required" class="weui-cells__title"> {{index + 1}} . {{item.title}}</div>
<div v-if="item.remark" class="weui-cells__title" style="text-indent: 30px;">{{item.remark}}</div>
<div class="weui-form" v-if="item.type === 'radio'">
<div v-for="(item2,index2) in item.answer" :key="index" class="weui-form-li">
<input class="weui-form-checkbox" type="radio">
<label :for="`f${item2.id}`"><i class="weui-icon-radio"></i>
<div class="weui-form-text"><p>{{item2.text}}({{item2.count}})({{item2.count1}})</p></div>
</label>
</div>
</div>
<div class="weui-form" v-if="item.type === 'checkbox'">
<div v-for="(item2,index2) in item.answer" :key="index" class="weui-form-li">
<input class="weui-form-checkbox" disabled type="checkbox">
<label :for="`f${item2.id}`"><i class="weui-icon-checkbox"></i>
<div class="weui-form-text"><p>{{item2.text}}({{item2.count}})({{item2.count1}})</p></div>
</label>
</div>
</div>
<div class="weui-form" v-if="item.type === 'text'||item.type === 'textarea'">
<div class="weui-form-li">
共{{item.answer}}条提交记录 <a :url="`{:url('answer',['id'=>$info['id']],false,false)}/qid/${item.id}`" href="javascript:;" :data-title="`${item.title}`" onclick="layer_open(this,0)">查看</a>
</div>
</div>
<div class="weui-form" v-if="item.type === 'star'">
<div class="weui-form-li">
<div>
<span>{{item.star_min_text}}</span>
<span style="float: right;">{{item.star_max_text}}</span>
</div>
<table border="0">
<tr>
<td v-for="(item2,index2) in item.answer" :key="index2">
<input class="weui-form-checkbox" disabled type="radio">
<label :for="`star${index2}`">
<i class="weui-icon-radio"></i>
<div class="weui-form-text">
<p>{{item2.text}}({{item2.count}})({{item2.count1}})</p>
</div>
</label>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
<script src="/static/jquery-1.11.3.min.js"></script>
<script src="/static/layer3.2.0/layer.js"></script>
<script type="text/javascript" src="/static/vuejs/require.js"></script>
<script src="/admin/js/common.js"></script>
<script>
var question = {:json_encode($info['questions'])};
console.log(question);
require.config({
urlArgs: "ver=1.0_0",
paths:{
"vue":'/static/vuejs/vue.min2'
},
shim:{
'vue':{
exports:'vue'
}
}
});
require(['vue'],function(Vue,draggable){
var vm = new Vue({
el: '#vueapp',
data: {
question: question
},
computed: {
resoptions: function () {
return JSON.parse(JSON.stringify(this.question));
}
},
watch: {
resoptions: function (newval, oldval) {
this.formatData();
},
},
created: function () {
// this.question.forEach((item) => {
// const info = item;
// });
this.formatData();
},
methods: {
formatData(){
console.log(this.question);
},
}
})
});
</script>
</body>
</html>