diff --git a/src/assets/styles/form/home.scss b/src/assets/styles/form/home.scss
index 2b7f01f..d7d8f75 100644
--- a/src/assets/styles/form/home.scss
+++ b/src/assets/styles/form/home.scss
@@ -1,271 +1,271 @@
-@import '../resources/variables';
+@import "../resources/variables";
 $selectedColor: rgba(24, 144, 255, 0.05);
 $lighterBlue: #1890ff;
 .form-edit-container {
-    position: relative;
-    width: 100%;
-    height: calc(100vh - 60px);
-    overflow-y: hidden;
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  overflow-y: hidden;
 }
 .components-list {
-    padding: 8px;
-    box-sizing: border-box;
-    height: 100%;
-    .components-item {
-        display: inline-block;
-        width: 48%;
-        margin: 1%;
-        transition: transform 0ms !important;
-    }
+  padding: 8px;
+  box-sizing: border-box;
+  height: 100%;
+  .components-item {
+    display: inline-block;
+    width: 48%;
+    margin: 1%;
+    transition: transform 0ms !important;
+  }
 }
 .components-draggable {
-    padding-bottom: 20px;
+  padding-bottom: 20px;
 }
 .components-title {
-    font-size: 14px;
-    color: #222;
-    margin: 6px 2px;
-    .svg-icon {
-        color: #666;
-        font-size: 18px;
-    }
+  font-size: 14px;
+  color: #222;
+  margin: 6px 2px;
+  .svg-icon {
+    color: #666;
+    font-size: 18px;
+  }
 }
 .components-body {
-    padding: 8px 10px;
-    background: $selectedColor;
-    font-size: 12px;
-    cursor: move;
-    border: 1px dashed $selectedColor;
-    border-radius: 3px;
+  padding: 8px 10px;
+  background: $selectedColor;
+  font-size: 12px;
+  cursor: move;
+  border: 1px dashed $selectedColor;
+  border-radius: 3px;
+  .svg-icon {
+    color: #777;
+    font-size: 15px;
+  }
+  &:hover {
+    border: 1px dashed $--color-primary;
+    color: $--color-primary;
     .svg-icon {
-        color: #777;
-        font-size: 15px;
-    }
-    &:hover {
-        border: 1px dashed $--color-primary;
-        color: $--color-primary;
-        .svg-icon {
-            color: $--color-primary;
-        }
+      color: $--color-primary;
     }
+  }
 }
 .left-board {
-    width: 260px;
-    position: absolute;
-    left: 10px;
-    top: 0;
-    margin-top: 5px;
-    height: calc(100vh - 80px);
-    background-color: rgba(255, 255, 255, 100);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    border: 1px solid rgba(255, 255, 255, 100);
+  width: 260px;
+  position: absolute;
+  left: 10px;
+  top: 0;
+  margin-top: 5px;
+  height: calc(100vh - 20px);
+  background-color: rgba(255, 255, 255, 100);
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(255, 255, 255, 100);
 }
 .el-menu.el-menu--horizontal {
-    border-bottom: none;
+  border-bottom: none;
 }
 .left-scrollbar {
-    height: calc(100vh - 80px);
-    overflow: hidden;
-    margin: 5px;
-    border-radius: 7px;
+  height: calc(100vh - 20px);
+  overflow: hidden;
+  margin: 5px;
+  border-radius: 7px;
 }
 .center-scrollbar {
-    height: calc(100vh - 60px);
-    overflow: hidden;
-    width: 90%;
-    margin: 20px auto 0;
-    box-sizing: border-box;
-    background-color: rgb(255, 255, 255);
-    border: 2px solid rgba(255, 255, 255, 100);
-    overflow-y: hidden;
+  height: 100vh;
+  overflow: hidden;
+  width: 90%;
+  margin: 20px auto 0;
+  box-sizing: border-box;
+  background-color: rgb(255, 255, 255);
+  border: 2px solid rgba(255, 255, 255, 100);
+  overflow-y: hidden;
 }
 .center-board {
-    height: calc(100vh - 220px);
-    width: auto;
-    margin: 0 350px 80px 260px;
-    box-sizing: border-box;
+  height: calc(100vh - 220px);
+  width: auto;
+  margin: 0 350px 80px 260px;
+  box-sizing: border-box;
 }
 .empty-info {
-    position: absolute;
-    top: 36%;
-    left: 0;
-    right: 0;
-    text-align: center;
-    font-size: 18px;
-    color: $--color-primary;
-    letter-spacing: 4px;
+  position: absolute;
+  top: 36%;
+  left: 0;
+  right: 0;
+  text-align: center;
+  font-size: 18px;
+  color: $--color-primary;
+  letter-spacing: 4px;
 }
 .action-bar {
-    position: relative;
-    height: 42px;
-    text-align: right;
-    padding: 0 15px;
-    box-sizing: border-box;
-    border: 1px solid #f1e8e8;
-    border-top: none;
-    border-left: none;
-    .delete-btn {
-        color: #f56c6c;
-    }
+  position: relative;
+  height: 42px;
+  text-align: right;
+  padding: 0 15px;
+  box-sizing: border-box;
+  border: 1px solid #f1e8e8;
+  border-top: none;
+  border-left: none;
+  .delete-btn {
+    color: #f56c6c;
+  }
 }
 .center-board-row {
-    padding: 12px 12px 15px 12px;
-    box-sizing: border-box;
-    overflow-y: hidden;
-    & > .el-form {
-        // 69 = 12+15+42
-        height: calc(100vh - 69px);
-    }
+  padding: 12px 12px 15px 12px;
+  box-sizing: border-box;
+  overflow-y: hidden;
+  & > .el-form {
+    // 69 = 12+15+42
+    height: calc(100vh - 69px);
+  }
 }
 .drawing-board {
-    height: 100%;
+  height: 100%;
+  position: relative;
+  .components-body {
+    padding: 0;
+    margin: 0;
+    font-size: 0;
+  }
+  .sortable-ghost {
     position: relative;
-    .components-body {
-        padding: 0;
-        margin: 0;
-        font-size: 0;
-    }
-    .sortable-ghost {
-        position: relative;
-        display: block;
-        overflow: hidden;
-        &::before {
-            content: " ";
-            position: absolute;
-            left: 0;
-            right: 0;
-            top: 0;
-            height: 3px;
-            background: $--color-primary;
-            z-index: 2;
-        }
+    display: block;
+    overflow: hidden;
+    &::before {
+      content: " ";
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      height: 3px;
+      background: $--color-primary;
+      z-index: 2;
     }
-    .components-item.sortable-ghost {
-        width: 100%;
-        height: 60px;
-        background-color: $selectedColor;
+  }
+  .components-item.sortable-ghost {
+    width: 100%;
+    height: 60px;
+    background-color: $selectedColor;
+  }
+  .active-from-item {
+    & > .el-form-item {
+      background: $selectedColor;
+      border-radius: 6px;
     }
-    .active-from-item {
-        & > .el-form-item {
-            background: $selectedColor;
-            border-radius: 6px;
-        }
-        & > .drawing-item-copy,
-        & > .drawing-item-delete {
-            display: initial;
-        }
-        & > .component-name {
-            color: $lighterBlue;
-        }
+    & > .drawing-item-copy,
+    & > .drawing-item-delete {
+      display: initial;
     }
-    .el-form-item {
-        margin-bottom: 15px;
+    & > .component-name {
+      color: $lighterBlue;
     }
+  }
+  .el-form-item {
+    margin-bottom: 15px;
+  }
 }
 .drawing-item {
-    position: relative;
-    cursor: move;
-    &.unfocus-bordered:not(.active-from-item) > div:first-child {
-        border: 1px dashed #ccc;
-    }
-    .el-form-item {
-        padding: 12px 10px;
-    }
+  position: relative;
+  cursor: move;
+  &.unfocus-bordered:not(.active-from-item) > div:first-child {
+    border: 1px dashed #ccc;
+  }
+  .el-form-item {
+    padding: 12px 10px;
+  }
 }
 .drawing-row-item {
-    position: relative;
-    cursor: move;
-    box-sizing: border-box;
-    border: 1px dashed #ccc;
-    border-radius: 3px;
-    padding: 0 2px;
-    margin-bottom: 15px;
-    .drawing-row-item {
-        margin-bottom: 2px;
-    }
-    .el-col {
-        margin-top: 22px;
-    }
-    .el-form-item {
-        margin-bottom: 0;
-    }
-    .drag-wrapper {
-        min-height: 80px;
-    }
-    &.active-from-item {
-        border: 1px dashed $lighterBlue;
-    }
-    .component-name {
-        position: absolute;
-        top: 0;
-        left: 0;
-        font-size: 12px;
-        color: #bbb;
-        display: inline-block;
-        padding: 0 6px;
-    }
+  position: relative;
+  cursor: move;
+  box-sizing: border-box;
+  border: 1px dashed #ccc;
+  border-radius: 3px;
+  padding: 0 2px;
+  margin-bottom: 15px;
+  .drawing-row-item {
+    margin-bottom: 2px;
+  }
+  .el-col {
+    margin-top: 22px;
+  }
+  .el-form-item {
+    margin-bottom: 0;
+  }
+  .drag-wrapper {
+    min-height: 80px;
+  }
+  &.active-from-item {
+    border: 1px dashed $lighterBlue;
+  }
+  .component-name {
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-size: 12px;
+    color: #bbb;
+    display: inline-block;
+    padding: 0 6px;
+  }
 }
 .drawing-item,
 .drawing-row-item {
-    &:hover {
-        & > .el-form-item {
-            background: $selectedColor;
-            border-radius: 6px;
-        }
-        & > .drawing-item-copy,
-        & > .drawing-item-delete {
-            display: initial;
-        }
+  &:hover {
+    & > .el-form-item {
+      background: $selectedColor;
+      border-radius: 6px;
     }
     & > .drawing-item-copy,
     & > .drawing-item-delete {
-        display: none;
-        position: absolute;
-        top: -10px;
-        width: 22px;
-        height: 22px;
-        line-height: 22px;
-        text-align: center;
-        border-radius: 50%;
-        font-size: 12px;
-        border: 1px solid;
-        cursor: pointer;
-        z-index: 1;
+      display: initial;
     }
-    & > .drawing-item-copy {
-        right: 56px;
-        border-color: $lighterBlue;
-        color: $lighterBlue;
-        background: #fff;
-        &:hover {
-            background: $lighterBlue;
-            color: #fff;
-        }
+  }
+  & > .drawing-item-copy,
+  & > .drawing-item-delete {
+    display: none;
+    position: absolute;
+    top: -10px;
+    width: 22px;
+    height: 22px;
+    line-height: 22px;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 12px;
+    border: 1px solid;
+    cursor: pointer;
+    z-index: 1;
+  }
+  & > .drawing-item-copy {
+    right: 56px;
+    border-color: $lighterBlue;
+    color: $lighterBlue;
+    background: #fff;
+    &:hover {
+      background: $lighterBlue;
+      color: #fff;
     }
-    & > .drawing-item-delete {
-        right: 24px;
-        border-color: #f56c6c;
-        color: #f56c6c;
-        background: #fff;
-        &:hover {
-            background: #f56c6c;
-            color: #fff;
-        }
+  }
+  & > .drawing-item-delete {
+    right: 24px;
+    border-color: #f56c6c;
+    color: #f56c6c;
+    background: #fff;
+    &:hover {
+      background: #f56c6c;
+      color: #fff;
     }
+  }
 }
 
 .form-name-text {
-    padding: 6px 10px;
-    border: 1px dashed transparent;
-    line-height: 30px;
-    margin: 0;
+  padding: 6px 10px;
+  border: 1px dashed transparent;
+  line-height: 30px;
+  margin: 0;
 }
 .form-name-text input {
-    border: none;
-    background-color: transparent;
+  border: none;
+  background-color: transparent;
 }
 [contenteditable]:focus {
-    outline: none;
-    background-color: #f4f4f4;
-    border: 1px solid #f4f4f4;
+  outline: none;
+  background-color: #f4f4f4;
+  border: 1px solid #f4f4f4;
 }
diff --git a/src/views/form/editor/IconsDialog.vue b/src/views/form/editor/IconsDialog.vue
index acf1994..c8504cd 100644
--- a/src/views/form/editor/IconsDialog.vue
+++ b/src/views/form/editor/IconsDialog.vue
@@ -1,38 +1,32 @@
 
 <template>
-    <div class="icon-dialog">
-        <el-dialog
-            v-bind="$attrs"
-            width="980px"
-            :modal-append-to-body="false"
-            v-on="$listeners"
-            @open="onOpen"
-            @close="onClose"
-        >
-            <div slot="title">
-                选择图标
-                <el-input
-                    v-model="key"
-                    size="mini"
-                    :style="{width: '260px'}"
-                    placeholder="请输入图标名称"
-                    prefix-icon="el-icon-search"
-                    clearable
-                />
-            </div>
-            <ul class="icon-ul">
-                <li
-                    v-for="icon in iconList"
-                    :key="icon"
-                    :class="active===icon?'active-item':''"
-                    @click="onSelect(icon)"
-                >
-                    <i :class="icon" />
-                    <div>{{ icon }}</div>
-                </li>
-            </ul>
-        </el-dialog>
-    </div>
+  <div class="icon-dialog">
+    <el-dialog v-bind="$attrs"
+               width="980px"
+               :modal-append-to-body="false"
+               v-on="$listeners"
+               @open="onOpen"
+               @close="onClose">
+      <div slot="title">
+        选择图标
+        <el-input v-model="key"
+                  size="mini"
+                  :style="{width: '260px'}"
+                  placeholder="请输入图标名称"
+                  prefix-icon="el-icon-search"
+                  clearable />
+      </div>
+      <ul class="icon-ul">
+        <li v-for="icon in iconList"
+            :key="icon"
+            :class="active===icon?'active-item':''"
+            @click="onSelect(icon)">
+          <i :class="icon" />
+          <div>{{ icon }}</div>
+        </li>
+      </ul>
+    </el-dialog>
+  </div>
 </template>
 <script>
 /* eslint-disable */
@@ -41,37 +35,37 @@ import iconList from '@/utils/icon.json'
 const originList = iconList.map(name => `el-icon-${name}`)
 
 export default {
-    inheritAttrs: false,
-    props: ['current'],
-    data() {
-        return {
-            iconList: originList,
-            active: null,
-            key: ''
-        }
+  inheritAttrs: false,
+  props: ['current'],
+  data () {
+    return {
+      iconList: originList,
+      active: null,
+      key: ''
+    }
+  },
+  watch: {
+    key (val) {
+      if (val) {
+        this.iconList = originList.filter(name => name.indexOf(val) > -1)
+      } else {
+        this.iconList = originList
+      }
+    }
+  },
+  methods: {
+    onOpen () {
+      this.active = this.current
+      this.key = ''
     },
-    watch: {
-        key(val) {
-            if (val) {
-                this.iconList = originList.filter(name => name.indexOf(val) > -1)
-            } else {
-                this.iconList = originList
-            }
-        }
+    onClose () {
     },
-    methods: {
-        onOpen() {
-            this.active = this.current
-            this.key = ''
-        },
-        onClose() {
-        },
-        onSelect(icon) {
-            this.active = icon
-            this.$emit('select', icon)
-            this.$emit('update:visible', false)
-        }
+    onSelect (icon) {
+      this.active = icon
+      this.$emit('select', icon)
+      this.$emit('update:visible', false)
     }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -120,7 +114,7 @@ export default {
     box-sizing: border-box;
 
     .el-dialog__header {
-      padding-top: 14px;
+      // padding-top: 14px;
     }
 
     .el-dialog__body {
diff --git a/src/views/form/index.vue b/src/views/form/index.vue
index 78090ca..ebcd1c7 100644
--- a/src/views/form/index.vue
+++ b/src/views/form/index.vue
@@ -13,13 +13,14 @@
                 </el-button>
             </el-row>
         </el-card> -->
-    <div class="main-container">
+    <div v-if="!previewDialogVisible"
+         class="main-container">
       <div class="left-menu-container">
         <el-menu :collapse="isCollapse"
                  :default-active="defaultActiveMenu"
                  class="el-menu-vertical">
           <el-menu-item class="el-menu-item-per"
-                        v-for="menuItem in (publishStatus?menuItemList2:menuItemList)"
+                        v-for="menuItem in (publishStatus===1?menuItemList1:publishStatus===2?menuItemList2:menuItemList3)"
                         :key="menuItem.key"
                         :index="menuItem.route"
                         @click="menuSelectHandle(menuItem.route,menuItem.key)">
@@ -43,12 +44,19 @@
         <router-view />
       </div>
     </div>
-    <el-dialog :visible.sync="previewDialogVisible"
+    <div v-if="previewDialogVisible">
+      <pre-view :key="previewKey"
+                :showCloseBtn="true"
+                :preview-qrcode="true"
+                @diaCancal="diaCancal" />
+    </div>
+    <!-- <el-dialog :visible.sync="previewDialogVisible"
+               class="dialog"
                destroy-on-close
                fullscreen>
       <pre-view :key="previewKey"
                 :preview-qrcode="true" />
-    </el-dialog>
+    </el-dialog> -->
   </div>
 </template>
 
@@ -61,13 +69,13 @@ export default {
   components: { PreView },
   data () {
     return {
-      publishStatus: true,
+      publishStatus: 1,
       previewKey: +new Date(),
       previewDialogVisible: false,
       defaultActiveMenu: '',
       projectKey: null,
       isCollapse: false,
-      menuItemList: [
+      menuItemList1: [
         {
           key: 'edit',
           title: '编辑',
@@ -141,6 +149,23 @@ export default {
           title: '返回',
           icon: 'el-icon-back'
         }
+      ], menuItemList3: [
+        {
+          key: 'static',
+          title: '统计',
+          icon: 'el-icon-data-line',
+          route: '/project/form/statistics'
+        },
+        {
+          key: 'preview',
+          title: '预览',
+          icon: 'el-icon-view'
+        },
+        {
+          key: 'back',
+          title: '返回',
+          icon: 'el-icon-back'
+        }
       ]
     }
   },
@@ -154,16 +179,20 @@ export default {
 
   },
   methods: {
+    diaCancal () {
+      this.previewDialogVisible = false
+    },
 
     getProjectStatus () {
       this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/${this.projectKey}`).then(res => {
 
-        if (res.data.status == 1) {
-          this.publishStatus = false
-        } else {
-          this.publishStatus = true
+        console.log('状态', res.data.status)
+        this.publishStatus = res.data.status
 
+        if (this.publishStatus === 3) {
+          this.menuSelectHandle('/project/form/statistics', 'static')
         }
+
       })
     },
 
@@ -239,13 +268,13 @@ export default {
 
 .main-container {
   width: 100vw;
-  height: calc(100vh - 60px);
+  height: 100vh;
   display: flex;
   flex-direction: row;
 
   .right-content-container {
-    width: calc(100vw - 100px);
-    height: calc(100vh - 60px);
+    width: 100vw;
+    height: 100vh;
     overflow-x: hidden;
   }
 }
@@ -284,6 +313,9 @@ export default {
     }
   }
 }
+::v-deep.el-dialog__header {
+  padding-top: 0px;
+}
 
 ::v-deep.preview-container {
   background-color: #ffffff;
diff --git a/src/views/form/preview/index.vue b/src/views/form/preview/index.vue
index efbb346..3c0fd81 100644
--- a/src/views/form/preview/index.vue
+++ b/src/views/form/preview/index.vue
@@ -1,41 +1,45 @@
 <template>
-    <div class="preview-container">
-        <el-tabs v-if="projectConfig.projectKey" type="card">
-            <el-tab-pane>
-                <span slot="label"><i class="el-icon-mobile" />
-                    手机
-                </span>
-                <div class="preview-layer">
-                    <div class="preview-bg" />
-                    <div class="preview-phone">
-                        <iframe id="preview-html"
-                                :src="mobilePreviewUrl"
-                                class="preview-html" frameborder="0"
-                                name="preview-html"
-                                scrolling="auto"
-                        />
-                    </div>
-                </div>
-                <!-- <div v-if="mobilePreviewUrl&&previewQrcode" class="qrcode-view">
+  <div class="preview-container">
+    <el-button v-if="showCloseBtn"
+               @click="diaCancal"
+               class="btn_close"
+               icon="el-icon-close"
+               circle></el-button>
+    <el-tabs v-if="projectConfig.projectKey"
+             type="card">
+      <el-tab-pane>
+        <span slot="label"><i class="el-icon-mobile" />
+          手机
+        </span>
+        <div class="preview-layer">
+          <div class="preview-bg" />
+          <div class="preview-phone">
+            <iframe id="preview-html"
+                    :src="mobilePreviewUrl"
+                    class="preview-html"
+                    frameborder="0"
+                    name="preview-html"
+                    scrolling="auto" />
+          </div>
+        </div>
+        <!-- <div v-if="mobilePreviewUrl&&previewQrcode" class="qrcode-view">
                     <p>手机扫码查看效果</p>
                     <vue-qr
                         v-if="mobilePreviewUrl&&previewQrcode" :size="194" :text="mobilePreviewUrl"
                     />
                 </div> -->
-            </el-tab-pane>
-            <el-tab-pane>
-                <span slot="label"><i class="el-icon-monitor" />
-                    电脑
-                </span>
-                <el-scrollbar style="height: 77vh;overflow-x: hidden!important;">
-                    <project-form
-                        v-if="projectConfig.projectKey"
-                        :project-config="projectConfig"
-                    />
-                </el-scrollbar>
-            </el-tab-pane>
-        </el-tabs>
-    </div>
+      </el-tab-pane>
+      <el-tab-pane>
+        <span slot="label"><i class="el-icon-monitor" />
+          电脑
+        </span>
+        <el-scrollbar style="height: 77vh;overflow-x: hidden!important;">
+          <project-form v-if="projectConfig.projectKey"
+                        :project-config="projectConfig" />
+        </el-scrollbar>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
 </template>
 
 <script>
@@ -43,42 +47,56 @@ import ProjectForm from './ProjectForm'
 // import VueQr from 'vue-qr'
 
 export default {
-    name: 'PreView',
-    components: {
-        ProjectForm
-        // VueQr
-    },
-    props: {
-        previewQrcode: null
-    },
-    data() {
-        return {
-            projectKey: null,
-            mobilePreviewUrl: '',
-            projectConfig: {
-                projectKey: '',
-                showBtns: true
-            }
-        }
-    },
-    mounted() {
-        this.projectKey = this.$route.query.key
-        let url = window.location.protocol + '//' + window.location.host
-        this.mobilePreviewUrl = `${url}/${process.env.VUE_APP_PUBLIC_PATH}/project/view?key=${this.projectKey}`
-        this.$set(this.projectConfig, 'projectKey', this.projectKey)
+  name: 'PreView',
+  components: {
+    ProjectForm
+    // VueQr
+  },
+  props: {
+    previewQrcode: null,
+    showCloseBtn: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      projectKey: null,
+      mobilePreviewUrl: '',
+      projectConfig: {
+        projectKey: '',
+        showBtns: true
+      }
     }
+  },
+  mounted () {
+    this.projectKey = this.$route.query.key
+    let url = window.location.protocol + '//' + window.location.host
+    this.mobilePreviewUrl = `${url}/${process.env.VUE_APP_PUBLIC_PATH}/project/view?key=${this.projectKey}`
+    this.$set(this.projectConfig, 'projectKey', this.projectKey)
+  },
+  methods: {
+    diaCancal () {
+      this.$emit("diaCancal")
+    },
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-
 .preview-container {
   margin: 0;
-  padding-top: 30px;
+  padding-top: 15px;
   background-color: #f7f7f7;
+  position: relative;
 }
-::v-deep .el-tabs--card>.el-tabs__header .el-tabs__nav{
-  border: 1px solid #E4E7ED!important;
+.btn_close {
+  position: absolute;
+  right: 200px;
+  top: 20px;
+}
+::v-deep .el-tabs--card > .el-tabs__header .el-tabs__nav {
+  border: 1px solid #e4e7ed !important;
 }
 ::v-deep .el-tabs__header {
   width: 300px;
@@ -110,16 +128,16 @@ div.preview-layer .preview-bg {
 div.preview-layer .preview-phone {
   width: 372px;
   height: 744px;
-  background: url('~@/assets/images/appearset_bgc_big.png');
+  background: url("~@/assets/images/appearset_bgc_big.png");
   background-size: 372px 744px;
   z-index: 1000;
 }
 
-.qrcode-view{
+.qrcode-view {
   position: absolute;
   top: 0;
   right: 20px;
-  p{
+  p {
     text-align: center;
     font-size: 12px;
     color: #303133;
@@ -142,5 +160,4 @@ div.preview-layer .preview-phone {
   border-bottom-width: 0;
   border-left-width: 0;
 }
-
 </style>
diff --git a/src/views/form/publish/index.vue b/src/views/form/publish/index.vue
index 65f7430..9e6308f 100644
--- a/src/views/form/publish/index.vue
+++ b/src/views/form/publish/index.vue
@@ -236,6 +236,7 @@ export default {
           this.msgSuccess('停止成功')
           this.$parent.getProjectStatus()
           this.getProjectStatus()
+          // this.$router.push({ path: '/home' })
         }
       })
     },
diff --git a/src/views/form/setting/index.vue b/src/views/form/setting/index.vue
index fcbb6ef..f52b9d4 100644
--- a/src/views/form/setting/index.vue
+++ b/src/views/form/setting/index.vue
@@ -6,8 +6,7 @@
             class="project-setting-container"
             justify="center"
             type="flex">
-      <el-col :offset="3"
-              :span="5"
+      <el-col :span="6"
               class="project-setting-view">
         <p class="project-setting-title">
           提交设置
@@ -104,7 +103,8 @@
           </el-col>
         </el-row> -->
       </el-col>
-      <el-col :span="6"
+      <el-col :offset="3"
+              :span="6"
               class="project-setting-view text-center">
         <p class="project-setting-title">
           回收设置
@@ -776,7 +776,7 @@ export default {
 <style scoped>
 .project-setting-container {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   min-height: 85vh;
   padding-top: 30px;
   margin: 0;
@@ -784,7 +784,7 @@ export default {
 }
 
 .project-setting-view {
-  height: 100%;
+  height: 98%;
   line-height: 20px;
   border-radius: 7px;
   color: rgba(16, 16, 16, 100);
diff --git a/src/views/form/statistics/public.vue b/src/views/form/statistics/public.vue
index 1d6f88f..c73fecd 100644
--- a/src/views/form/statistics/public.vue
+++ b/src/views/form/statistics/public.vue
@@ -150,7 +150,7 @@ export default {
 }
 .el-main {
   background-color: rgba(247, 247, 247, 90);
-  height: calc(100vh - 60px);
+  height: 100vh;
 }
 @media screen and (max-width: 750px) {
   .public-result-table {
diff --git a/src/views/form/theme/index.vue b/src/views/form/theme/index.vue
index db1a4fa..5fbbf35 100644
--- a/src/views/form/theme/index.vue
+++ b/src/views/form/theme/index.vue
@@ -1,25 +1,26 @@
 <template>
   <div class="theme-container">
-    <div class="left-container">
+    <div v-if="false"
+         class="left-container">
       <el-scrollbar class="left-scrollbar-container">
         <p class="theme-title">外观主题</p>
         <el-row>
-          <el-col :span="3">
+          <el-col :span="6">
             <span class="theme-prompt-text">风格</span>
           </el-col>
           <el-col v-for="item in styleList"
                   :key="item.key"
-                  :span="3">
+                  :span="6">
             <span :class="{'style-btn-active':activeStyle==item.key}"
                   class="style-btn"
                   @click="activeStyleHandle(item)">{{ item.label }}</span>
           </el-col>
         </el-row>
-        <el-row>
-          <el-col :span="3">
+        <el-row style="margin-top:20px">
+          <el-col :span="6">
             <span class="theme-prompt-text">颜色</span>
           </el-col>
-          <el-col :span="3">
+          <el-col :span="6">
             <span :class="{'style-btn-active':activeColor==''}"
                   class="style-btn"
                   @click="activeColorHandle('')">全部</span>
@@ -27,7 +28,7 @@
           <el-col v-for="c in colorList"
                   :key="c"
                   :class="{'style-btn-active':activeColor==c}"
-                  :span="3"
+                  :span="6"
                   :style="{backgroundColor: c}"
                   class="color-btn"
                   @click.native="activeColorHandle(c)" />
@@ -391,7 +392,7 @@ export default {
 
 <style scoped>
 .theme-container {
-  width: 100%;
+  width: 100vw;
   height: 100%;
   background-color: #f7f7f7;
   overflow: hidden;
@@ -407,7 +408,7 @@ export default {
   border: 1px solid rgba(255, 255, 255, 100);
   background-color: white;
   width: 20%;
-  height: calc(100vh - 60px);
+  height: 100vh;
 }
 .left-scrollbar-container {
   height: 100%;
@@ -481,7 +482,7 @@ export default {
 }
 .right-container {
   width: 310px;
-  height: calc(100vh - 60px);
+  height: 100vh;
   line-height: 20px;
   text-align: center;
   padding: 22px;
diff --git a/src/views/form/write/index.vue b/src/views/form/write/index.vue
index f974c9d..cdbb865 100644
--- a/src/views/form/write/index.vue
+++ b/src/views/form/write/index.vue
@@ -307,14 +307,25 @@ export default {
         'orgType': this.orgType,//人员所属类型(组织:agency;部门:dept;网格:grid)	
         'realName': this.realName,//填写人姓名	
         //'accessKey':this.accessKey
-      }).then(() => {
-        this.writeStatus = 2
-        if (this.userProjectSetting.submitJumpUrl) {
-          setTimeout(() => {
-            window.location.replace(this.userProjectSetting.submitJumpUrl)
-          }, 1000)
+      }).then((res) => {
+
+        if (res.code !== 0) {
+          this.$message(
+            {
+              message: res.msg,
+              type: 'warning'
+            }
+          )
+        } else {
+          this.writeStatus = 2
+          if (this.userProjectSetting.submitJumpUrl) {
+            setTimeout(() => {
+              window.location.replace(this.userProjectSetting.submitJumpUrl)
+            }, 1000)
+          }
         }
 
+
       })
     }
   }