From c9bcda1fe0044cde63b7bc66e8bd76882240b4f3 Mon Sep 17 00:00:00 2001
From: wangqing <250543222@qq.com>
Date: Wed, 18 Nov 2020 00:02:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E6=A0=B7=E5=BC=8F=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintignore               |  4 +--
 .stylelintignore            |  4 +--
 src/assets/styles/home.scss | 17 ++++++++++++-
 src/store/modules/user.js   |  2 +-
 src/views/form/index.vue    | 50 ++++++++++++++++++++++++-------------
 src/views/home/index.vue    |  5 ++--
 6 files changed, 55 insertions(+), 27 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 508e2ed..b46a6ea 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -3,6 +3,6 @@ node_modules/
 babel.config.js
 vue.config.js
 .eslintrc.js
-src/util/sign.js
+src/utils/sign.js
 src/views/form/
-src/view/utils
+src/utils/
diff --git a/.stylelintignore b/.stylelintignore
index 1e5d98f..a19b94c 100644
--- a/.stylelintignore
+++ b/.stylelintignore
@@ -2,6 +2,6 @@ dist/
 node_modules/
 src/assets/sprites/
 src/theme/
-src/util/sign.js
+src/utils/sign.js
 src/views/form/
-src/view/utils
+src/utils/
diff --git a/src/assets/styles/home.scss b/src/assets/styles/home.scss
index b01f41b..5852634 100644
--- a/src/assets/styles/home.scss
+++ b/src/assets/styles/home.scss
@@ -55,8 +55,14 @@ $lighterBlue: #409eff;
     height: 100vh;
 }
 .left-scrollbar {
-    height: calc(100vh - 42px);
+    //height: calc(100vh - 42px);
+    height: calc(100vh - 142px);
     overflow: hidden;
+    margin: 5px;
+    border-radius: 7px;
+    //text-align: center;
+    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
+    border: 1px solid rgba(255, 255, 255, 100);
 }
 .center-scrollbar {
     height: calc(100vh - 42px);
@@ -268,3 +274,12 @@ $lighterBlue: #409eff;
         }
     }
 }
+.form-name-title:hover {
+    text-align: center;
+    border: 1px dashed #7b7b7b;
+}
+.form-name-title {
+    border: 1px dashed transparent;
+    width: 80%;
+    line-height: 30px;
+}
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 0994007..0281ab0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -32,7 +32,7 @@ const mutations = {
         localStorage.setItem('token', data.token)
         localStorage.setItem('userInfo', JSON.stringify(data.userInfo))
         state.token = data.token
-        state.userInfo = data.userInfo
+        state.userInfo = JSON.stringify(data.userInfo)
     }
 }
 
diff --git a/src/views/form/index.vue b/src/views/form/index.vue
index 0d5d449..f94c5b0 100644
--- a/src/views/form/index.vue
+++ b/src/views/form/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <div class="left-board">
+        <div class="left-board" >
 <!--            <div class="logo-wrapper">-->
 <!--                <div class="logo">-->
 <!--                    <img :src="logo" alt="logo"> Form Generator-->
@@ -43,24 +43,35 @@
         </div>
 
         <div class="center-board">
-            <div class="action-bar">
-                <el-button icon="el-icon-video-play" type="text" @click="run">
-                    运行
-                </el-button>
-                <el-button icon="el-icon-view" type="text" @click="showJson">
-                    查看json
-                </el-button>
-                <el-button icon="el-icon-download" type="text" @click="download">
-                    导出vue文件
-                </el-button>
-                <el-button class="copy-btn-main" icon="el-icon-document-copy" type="text" @click="copy">
-                    复制代码
-                </el-button>
-                <el-button class="delete-btn" icon="el-icon-delete" type="text" @click="empty">
-                    清空
-                </el-button>
-            </div>
+<!--            <div class="action-bar">-->
+<!--                <el-button icon="el-icon-video-play" type="text" @click="run">-->
+<!--                    运行-->
+<!--                </el-button>-->
+<!--                <el-button icon="el-icon-view" type="text" @click="showJson">-->
+<!--                    查看json-->
+<!--                </el-button>-->
+<!--                <el-button icon="el-icon-download" type="text" @click="download">-->
+<!--                    导出vue文件-->
+<!--                </el-button>-->
+<!--                <el-button class="copy-btn-main" icon="el-icon-document-copy" type="text" @click="copy">-->
+<!--                    复制代码-->
+<!--                </el-button>-->
+<!--                <el-button class="delete-btn" icon="el-icon-delete" type="text" @click="empty">-->
+<!--                    清空-->
+<!--                </el-button>-->
+<!--            </div>-->
             <el-scrollbar class="center-scrollbar">
+                <el-row type="flex" justify="center" align="middle">
+                    <el-col :span="20" style="text-align: center">
+                        <h4  class="form-name-title"
+                             >问卷名称</h4>
+                    </el-col>
+                </el-row>
+                <el-row type="flex" justify="center" align="middle">
+                    <el-col :span="24" style="text-align: center">为了给您提供更好的服务，希望您能抽出几分钟时间，将您的感受和建议告诉我们，我们非常重视每位
+                        用户的宝贵意见，期待您的参与！现在我们就马上开始吧！</el-col>
+                </el-row>
+                <el-divider></el-divider>
                 <el-row class="center-board-row" :gutter="formConf.gutter">
                     <el-form
                         :size="formConf.size"
@@ -129,6 +140,8 @@ import render from '@/components/render/render'
 import FormDrawer from './FormDrawer'
 import JsonDrawer from './JsonDrawer'
 import RightPanel from './RightPanel'
+// import '@/assets/styles/index.scss'
+
 import {
     inputComponents, selectComponents, layoutComponents, formConf
 } from '@/components/generator/config'
@@ -431,4 +444,5 @@ export default {
 
 <style lang='scss' >
 @import '@/assets/styles/home';
+@import '@/assets/styles/index';
 </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b6a2c54..2cef8e3 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-container>
+    <el-container style="background-color: rgba(247, 247, 247, 100);">
         <el-header height="80px" class="homeHeaderView">
             <el-row type="flex" align="middle">
                 <el-col :span="4" :offset="1">
@@ -78,8 +78,7 @@ export default {
             return store
         },
         getUserInfo() {
-            console.log(this.getStore.getters['user/userInfo'])
-            return this.getStore.getters['user/userInfo']
+            return JSON.parse(this.getStore.getters['user/userInfo'])
         }
     },
     watch: {