Commit ae582d75 authored by 王启林's avatar 王启林

新增

parent b80d34a3
...@@ -64,7 +64,7 @@ export default { ...@@ -64,7 +64,7 @@ export default {
url = "/perform/perpose/save"; url = "/perform/perpose/save";
} else if (url == "/perform/rules/attend/save") { } else if (url == "/perform/rules/attend/save") {
url = "/perform/rules/category/save"; url = "/perform/rules/category/save";
} else if ((url = "/perform/staff/conf/save")) { } else if ((url == "/perform/staff/conf/save")) {
sessionStorage.getItem("type") == 1 sessionStorage.getItem("type") == 1
? (url = "/perform/dept/conf/save") ? (url = "/perform/dept/conf/save")
: (url = "/perform/staff/conf/save"); : (url = "/perform/staff/conf/save");
......
...@@ -126,6 +126,7 @@ const router = new Router({ ...@@ -126,6 +126,7 @@ const router = new Router({
...restBuilder("feedback", "feedback"), //反馈信息 ...restBuilder("feedback", "feedback"), //反馈信息
...restBuilder("feedback/addQuestion", "feedback/addQuestion"), //新增反馈 ...restBuilder("feedback/addQuestion", "feedback/addQuestion"), //新增反馈
...restBuilder("feedback/questionnaire", "feedback/questionnaire"), //问卷情况
...restBuilder("feedback/question", "feedback/question"), //反馈问题 ...restBuilder("feedback/question", "feedback/question"), //反馈问题
...restBuilder("feedback/option", "feedback/option"), //反馈选项 ...restBuilder("feedback/option", "feedback/option"), //反馈选项
......
<template> <template>
<div class="page"> <div class="page">
<div class="top">
<el-button class="backBtn" size="small" @click="$router.back()">返回上一级</el-button> <el-button class="backBtn" size="small" @click="$router.back()">返回上一级</el-button>
<el-tabs v-model="tabs"> <el-tabs v-model="tabs">
<el-tab-pane label="设计问卷" name="1"> <el-tab-pane label="设计问卷" name="1">
<fc-designer style="height: 79vh;" ref="designer"> <fc-designer style="height: 79vh;" ref="designer">
<template slot="handle"> <template slot="handle">
<ElButton icon="el-icon-upload" type="success" size="small" @click="showDrawer" round>移动端预览 <ElButton icon="el-icon-upload" type="success" size="small" @click="showDrawer" round>移动端预览
</ElButton> </ElButton>
</template> </template>
</fc-designer> </fc-designer>
<!-- <div class="tool"> <!-- <div class="tool">
<el-row> <el-row>
<el-button icon="el-icon-download" type="primary" size="small" @click="getFormJson()" <el-button icon="el-icon-download" type="primary" size="small" @click="getFormJson()"
round>生成表单JSON</el-button> round>生成表单JSON</el-button>
...@@ -21,19 +21,18 @@ ...@@ -21,19 +21,18 @@
</el-row> </el-row>
</div> --> </div> -->
<el-drawer :visible.sync="drawer" :with-header="false"> <el-drawer :visible.sync="drawer" title="预览">
<div class="showPhone"> <div class="showPhone">
<div class="phone"> <div class="phone">
<div class="phoneContent"> <div class="phoneContent">
<form-create :rule="Frule" :option="Fopthion" @submit="onSubmit"> <form-create :rule="Frule" :option="Fopthion" @submit="onSubmit">
</form-create> </form-create>
</div>
</div> </div>
</div> </div>
</el-drawer> </div>
</el-tab-pane> </el-drawer>
</el-tabs> </el-tab-pane>
</div> </el-tabs>
</div> </div>
</template> </template>
...@@ -235,6 +234,7 @@ export default { ...@@ -235,6 +234,7 @@ export default {
background: #EEEEEE; background: #EEEEEE;
border-radius: 4px; border-radius: 4px;
} }
/* 侧边滚动条 */ /* 侧边滚动条 */
/deep/._fc-m-drag::-webkit-scrollbar { /deep/._fc-m-drag::-webkit-scrollbar {
width: 3px; width: 3px;
...@@ -251,5 +251,4 @@ export default { ...@@ -251,5 +251,4 @@ export default {
background: #EEEEEE; background: #EEEEEE;
border-radius: 4px; border-radius: 4px;
} }
</style> </style>
\ No newline at end of file
...@@ -50,7 +50,8 @@ export default { ...@@ -50,7 +50,8 @@ export default {
}, },
/** 重写查看方法 */ /** 重写查看方法 */
toView(row) { toView(row) {
this.$refs.drawerform.view(row); // this.$refs.drawerform.view(row);
this.$router.push('/feedback/questionnaire/list')
}, },
goPage(path) { goPage(path) {
this.$router.push(path) this.$router.push(path)
...@@ -107,7 +108,7 @@ export default { ...@@ -107,7 +108,7 @@ export default {
width: 240, width: 240,
formatter: row => { formatter: row => {
return ( return (
<table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.goPage} onDel={this.toDel} /> <table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
); );
} }
} }
......
<template>
<div class="page font">
<el-button class="backBtn" size="small" @click="$router.back()">返回列表</el-button>
<el-tabs v-model="tabs">
<el-tab-pane label="问卷情况" name="1">
<div class="top" style="margin: 10px 0;">
<div style="width: 80%;">
<div class="title">问卷名称</div>
<div class="tips">
问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述问卷描述
</div>
</div>
<el-button type="success" @click="drawer = true">预览</el-button>
</div>
<div style="margin: 10px 0;">
<el-tag type="success"> 进行中</el-tag> 反馈时间:2023-06-23 09:00:00~2023-06-24 17:00:00
</div>
<div class="content">
<div class="cLeft"></div>
<div class="cRight">
<div class="title">
题型数据分析
</div>
<div class="box">
<div style="display: flex;align-items: center;">
<el-tag type="primary" effect="plain">单项选择</el-tag>
<div style="margin-left: 10px;">1.你是男性还是女性</div>
</div>
<div>
<el-progress type="circle" :percentage="45"></el-progress>
<el-progress type="circle" :percentage="55"></el-progress>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
<el-drawer :visible.sync="drawer" title="预览">
<div class="showPhone">
<div class="phone">
<div class="phoneContent">
<form-create :rule="Frule" :option="Fopthion" @submit="onSubmit">
</form-create>
</div>
</div>
</div>
</el-drawer>
</div>
</template>
<script>
import formCreate from "@form-create/element-ui";
export default {
data() {
return {
tabs: '1',
drawer: false,
Frule: '',
Fopthion: '',
}
},
mounted() {
this.Frule = [
{
"type": "span",
"title": "问卷名称",
"native": false,
"children": [
"这是一段文字"
],
"_fc_drag_tag": "span",
"hidden": false,
"display": true
},
{
"type": "input",
"field": "Fupb1nuyh5txf1",
"title": "输入框",
"info": "",
"$required": false,
"_fc_drag_tag": "input",
"hidden": false,
"display": true
},
{
"type": "inputNumber",
"field": "Flo91nuyh5vjag",
"title": "计数器",
"info": "",
"$required": false,
"_fc_drag_tag": "inputNumber",
"hidden": false,
"display": true
},
{
"type": "radio",
"field": "Fz3d1nuyh5xpor",
"title": "单选框",
"info": "",
"effect": {
"fetch": ""
},
"$required": false,
"options": [
{
"value": "1",
"label": "选项1"
},
{
"value": "2",
"label": "选项2"
}
],
"_fc_drag_tag": "radio",
"hidden": false,
"display": true
},
{
"type": "checkbox",
"field": "Fwzb1nuyh61906",
"title": "多选框",
"info": "",
"effect": {
"fetch": ""
},
"$required": false,
"options": [
{
"value": "1",
"label": "选项1"
},
{
"value": "2",
"label": "选项2"
}
],
"_fc_drag_tag": "checkbox",
"hidden": false,
"display": true
}
]
this.Fopthion = {
"form": {
"labelPosition": "top",
"size": "mini",
"labelWidth": "20%",
"hideRequiredAsterisk": false,
"showMessage": true,
"inlineMessage": false
},
"submitBtn": true,
"resetBtn": false
}
}
}
</script>
<style lang="less" scoped>
.font {
font-size: 16px;
line-height: 1.5;
}
.backBtn {
position: absolute;
right: 20px;
z-index: 99;
}
.top {
display: flex;
align-items: center;
justify-content: space-between;
.title {
font-size: 24px;
font-weight: bold;
}
.tips {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 限制显示行数 */
overflow: hidden;
}
}
.showPhone {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.phone {
width: 378px;
height: 770px;
background: url('../../../assets/images/phone.png') no-repeat;
position: relative;
.phoneContent {
// border: 1px solid;
position: absolute;
top: 95px;
left: 25px;
width: 86.5%;
height: 75%;
box-sizing: border-box;
padding: 20px;
overflow-y: scroll;
overflow-x: hidden;
}
/* 侧边滚动条 */
.phoneContent::-webkit-scrollbar {
width: 3px;
}
/* 滚动条上的滚动滑块 */
.phoneContent::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 4px;
}
/* 滚动条轨道 */
.phoneContent::-webkit-scrollbar-track {
background: #EEEEEE;
border-radius: 4px;
}
}
}
.content {
display: flex;
align-items: center;
justify-content: space-between;
// border: 1px solid;
height: 600px;
.cLeft {
background-color: #fafafa;
height: 100%;
border-radius: 4px;
width: 49%;
}
.cRight {
background-color: #fafafa;
height: 100%;
border-radius: 4px;
width: 49%;
box-sizing: border-box;
padding: 20px;
}
.title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment