推

attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue

@@ -12,10 +12,16 @@
                                 round>生成表单JSON</el-button>
                             <el-button icon="el-icon-download" type="success" size="small" @click="getFormOption()"
                                 round>生成表单配置</el-button>
-                            <el-button icon="el-icon-upload" type="success" size="small" @click="getFormOption()"
+                            <el-button icon="el-icon-upload" type="success" size="small" @click="drawer = true"
                                 round>预览</el-button>
                         </el-row>
                     </div>
+
+                    <el-drawer title="预览" :visible.sync="drawer" :with-header="false">
+                        <div class="showPhone">
+                            <div>预览</div>
+                        </div>
+                    </el-drawer>
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -26,7 +32,8 @@
 export default {
     data() {
         return {
-            tabs: '1'
+            tabs: '1',
+            drawer: false,
         }
     },
     methods: {
@@ -46,11 +53,17 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.backBtn{
+.showPhone{
+    border: 1px solid;
+    height: 100%;
+    width: 100%;
+}
+.backBtn {
     position: absolute;
     right: 20px;
     z-index: 99;
 }
+
 .tool {
     margin-top: 20px;
     text-align: center;