From 87dad0b20e0508d0a6fac6df37a7156d7e4d1712 Mon Sep 17 00:00:00 2001
From: wangqing <smalljop@foxmail.com>
Date: Fri, 4 Dec 2020 18:38:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=8A=9F=E8=83=BD=C2=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                      |   3 +-
 package.json                          |   2 +
 public/MP_verify_ADM9iUdaNzf3LpYF.txt |   1 +
 src/api/index.js                      |   2 +-
 src/assets/logo.png                   | Bin 8567 -> 0 bytes
 src/main.js                           |   3 +-
 src/router/index.js                   |   1 +
 src/router/modules/root.js            |   2 +-
 src/utils/defaultValue.js             |   5 +
 src/utils/index.js                    |  45 +++++--
 src/utils/loadWxSdk.js                |  26 ++++
 src/views/account/login.vue           |  91 ++++++++++----
 src/views/form/PreView.vue            |   2 +-
 src/views/form/ProjectForm.vue        |  40 +++---
 src/views/form/index.vue              |  11 +-
 src/views/form/publish.vue            | 162 ++++++++++++++++++++++++
 src/views/form/setting.vue            |   2 +-
 src/views/form/write.vue              | 170 +++++++++++++++++++++++---
 src/views/home/index.vue              |  54 +++++---
 vue.config.js                         |   6 +-
 yarn.lock                             |  48 ++++++++
 21 files changed, 572 insertions(+), 104 deletions(-)
 create mode 100644 public/MP_verify_ADM9iUdaNzf3LpYF.txt
 delete mode 100644 src/assets/logo.png
 create mode 100644 src/utils/defaultValue.js
 create mode 100644 src/utils/loadWxSdk.js
 create mode 100644 src/views/form/publish.vue

diff --git a/.env.development b/.env.development
index a0baa70..594a0a0 100644
--- a/.env.development
+++ b/.env.development
@@ -1,9 +1,10 @@
 # 页面标题
 VUE_APP_TITLE = 填鸭测试环境
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VUE_APP_API_ROOT = http://localhost:8999/tduck-api
+VUE_APP_API_ROOT = /tduck-api
 # 是否开启 CDN 支持，开启设置 ON，关闭设置 OFF
 # 详情介绍请阅读 http://eoner.gitee.io/vue-automation/#/cdn
 VUE_APP_CDN = OFF
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VUE_APP_DEBUG_TOOL =
+
diff --git a/package.json b/package.json
index 48ec428..c870829 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,9 @@
         "js-md5": "^0.7.3",
         "nprogress": "^0.2.0",
         "vue": "^2.6.12",
+        "vue-clipboard2": "^0.3.1",
         "vue-meta": "^2.4.0",
+        "vue-qr": "^2.3.0",
         "vue-router": "^3.4.8",
         "vuedraggable": "^2.24.3",
         "vuex": "^3.5.1"
diff --git a/public/MP_verify_ADM9iUdaNzf3LpYF.txt b/public/MP_verify_ADM9iUdaNzf3LpYF.txt
new file mode 100644
index 0000000..1146b37
--- /dev/null
+++ b/public/MP_verify_ADM9iUdaNzf3LpYF.txt
@@ -0,0 +1 @@
+ADM9iUdaNzf3LpYF
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index 82be318..9d5901b 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -15,7 +15,7 @@ const toLogin = () => {
 }
 
 const api = axios.create({
-    baseURL: process.env.NODE_ENV !== 'development' && process.env.VUE_APP_API_ROOT,
+    baseURL: process.env.VUE_APP_API_ROOT,
     timeout: 10000,
     responseType: 'json',
     withCredentials: false,
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f23b7580ba11f743862f6d4a462531f761edb469..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8567
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

diff --git a/src/main.js b/src/main.js
index 4e3b3c8..8f696d7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,7 +11,7 @@ import api from './api'
 import store from './store/index'
 // 全局组件自动注册
 import '@/components/autoRegister'
-
+import VueClipboard from 'vue-clipboard2'
 Vue.prototype.$api = api
 Vue.prototype.$dayjs = dayjs
 Vue.prototype.$store = store
@@ -29,6 +29,7 @@ Vue.prototype.msgInfo = function(msg) {
     this.$message.info(msg)
 }
 
+Vue.use(VueClipboard)
 Vue.use(meta)
 Vue.use(Element, {size: 'small', zIndex: 3000})
 
diff --git a/src/router/index.js b/src/router/index.js
index 2c4bc52..ad7e8e7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -30,6 +30,7 @@ routes.push({
 })
 
 const router = new Router({
+    mode: 'history',
     routes: routes.flat()
 })
 
diff --git a/src/router/modules/root.js b/src/router/modules/root.js
index 9fa3f2d..c0051cd 100644
--- a/src/router/modules/root.js
+++ b/src/router/modules/root.js
@@ -70,7 +70,7 @@ export default [
         path: '/project/view',
         meta: {requireLogin: false},
         component: () => import(/* webpackChunkName: 'root' */ '@/views/form/ProjectForm.vue')
-``    },
+    },
     {
         path: '/project/write',
         meta: {requireLogin: false},
diff --git a/src/utils/defaultValue.js b/src/utils/defaultValue.js
new file mode 100644
index 0000000..be90aee
--- /dev/null
+++ b/src/utils/defaultValue.js
@@ -0,0 +1,5 @@
+export default {
+    projectShareTitle: '填鸭表单',
+    projectShareDesc: '快来填写吧',
+    projectShareImg: 'https://qiniu.smileyi.top/c4ca4238a0b923820dcc509a6f75849b/4b2c7071f3f543549907b9e3b41df1ed.png'
+}
diff --git a/src/utils/index.js b/src/utils/index.js
index 37ec907..aeeba82 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,5 +1,6 @@
 /* eslint-disable no-nested-ternary */
 /* eslint-disable no-restricted-syntax */
+
 /* eslint-disable guard-for-in */
 /**
  * num 小于0，左缩进num*2个空格； 大于0，右缩进num*2个空格。
@@ -9,7 +10,10 @@
  */
 export function indent(str, num, len = 2) {
     if (num === 0) return str
-    const isLeft = num < 0; const result = []; let reg; let
+    const isLeft = num < 0
+    const result = []
+    let reg
+    let
         spaces = ''
     if (isLeft) {
         num *= -1
@@ -126,9 +130,15 @@ export function deepClone(obj) {
     // RegExp
     if (_toString.call(obj) === '[object RegExp]') {
         const flags = []
-        if (obj.global) { flags.push('g') }
-        if (obj.multiline) { flags.push('m') }
-        if (obj.ignoreCase) { flags.push('i') }
+        if (obj.global) {
+            flags.push('g')
+        }
+        if (obj.multiline) {
+            flags.push('m')
+        }
+        if (obj.ignoreCase) {
+            flags.push('i')
+        }
 
         return new RegExp(obj.source, flags.join(''))
     }
@@ -143,15 +153,26 @@ export function deepClone(obj) {
 }
 
 export function uuid() {
-    let s = [];
-    let hexDigits = "0123456789abcdef";
+    let s = []
+    let hexDigits = '0123456789abcdef'
     for (var i = 0; i < 36; i++) {
-        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)
     }
-    s[14] = "4";  // bits 12-15 of the time_hi_and_version field to 0010
-    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);  // bits 6-7 of the clock_seq_hi_and_reserved to 01
-    s[8] = s[13] = s[18] = s[23] = "-";
+    s[14] = '4'  // bits 12-15 of the time_hi_and_version field to 0010
+    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1)  // bits 6-7 of the clock_seq_hi_and_reserved to 01
+    s[8] = s[13] = s[18] = s[23] = '-'
+
+    let uuid = s.join('')
+    return uuid
+}
 
-    let uuid = s.join("");
-    return uuid;
+export function getQueryString(name) {
+    let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
+    let r = window.location.search.substr(1).match(reg)  //获取url中"?"符后的字符串并正则匹配
+    let context = ''
+    if (r != null)
+        context = r[2]
+    reg = null
+    r = null
+    return context == null || context == '' || context == 'undefined' ? '' : context
 }
diff --git a/src/utils/loadWxSdk.js b/src/utils/loadWxSdk.js
new file mode 100644
index 0000000..cc70e04
--- /dev/null
+++ b/src/utils/loadWxSdk.js
@@ -0,0 +1,26 @@
+import loadScript from './loadScript'
+import ELEMENT from 'element-ui'
+
+let wxObj
+
+export default function loadWXJs(cb) {
+    if (wxObj) {
+        cb(wxObj)
+        return
+    }
+
+    const loading = ELEMENT.Loading.service({
+        fullscreen: true,
+        lock: true,
+        text: 'wxsdk资源加载中...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(255, 255, 255, 0.5)'
+    })
+
+    loadScript('http://res.wx.qq.com/open/js/jweixin-1.6.0.js', () => {
+        loading.close()
+        // eslint-disable-next-line no-undef
+        wxObj = wx
+        cb(wxObj)
+    })
+}
diff --git a/src/views/account/login.vue b/src/views/account/login.vue
index 97b894f..cd62aa6 100644
--- a/src/views/account/login.vue
+++ b/src/views/account/login.vue
@@ -11,10 +11,15 @@
                     <el-tab-pane label="微信扫码登录" name="wx">
                         <div class="wx-login">
                             <div style="text-align: center;">
-                                <img class="qrcode" :src="wxLoginQrCode">
+                                <img class="wx-login-qrcode" :src="wxLoginQrCode">
                             </div>
                             <div style="text-align: center;">
-                                <el-link icon="el-icon-refresh-left" :underline="false">刷新二维码</el-link>
+                                <el-link icon="el-icon-refresh-left"
+                                         :underline="false"
+                                         @click="getLoginWxQrCode"
+                                >
+                                    刷新二维码
+                                </el-link>
                             </div>
                             <el-divider style="width: 100px;" />
                             <el-row>
@@ -218,19 +223,48 @@ export default {
                 email: '',
                 password: ''
             },
-            wxLoginQrCode: 'http://qiniu.smileyi.top/20191213/9f217b754ad44f0caaa83040ce62fe93.png'
+            wxLoginQrCode: '',
+            wxLoginId: '',
+            refreshWxQrcodeTimer: null,
+            wxQrcodeResultTimer: null
         }
     },
+    created() {
+        this.getLoginWxQrCode()
+        this.refreshWxQrcodeTimer = setInterval(() => {
+            this.getLoginWxQrCode()
+        }, 5 * 60 * 1000)
+        this.wxQrcodeResultTimer = setInterval(() => {
+            this.getLoginWxQrCodeResult()
+        }, 5 * 1000)
+    },
+    destroyed() {
+        clearInterval(this.refreshWxQrcodeTimer)
+        clearInterval(this.wxQrcodeResultTimer)
+    },
     methods: {
         loginTypeHandleClick() {
         },
         registerHandleClick() {
         },
+        getLoginWxQrCode() {
+            this.$api.get('/login/wx/qrcode').then(res => {
+                this.wxLoginQrCode = res.data.qrCodeUrl
+                this.wxLoginId = res.data.loginId
+            })
+        },
+        getLoginWxQrCodeResult() {
+            this.$api.get('/login/wx/qrcode/result', {params: {loginId: this.wxLoginId}}).then(res => {
+                if (res.data) {
+                    this.loginSuccessHandle(res.data)
+                }
+            })
+        },
         sendEmailCodeHandle() {
             this.$refs['emailRegForm'].validateField('email', err => {
                 if (!err) {
                     this.validateCodeBtn = true
-                    this.$api.get(`/user/send-email-code?email=${this.accountForm.email}`).then(() => {
+                    this.$api.get(`/register/email/code?email=${this.accountForm.email}`).then(() => {
                         this.msgSuccess('验证码发送成功，5分钟内有效')
                         this.validateCodeBtn = true
                         let count = 60
@@ -249,7 +283,7 @@ export default {
         emailRegHandle() {
             this.$refs['emailRegForm'].validate(valid => {
                 if (valid) {
-                    this.$api.post('/user/email-register', this.accountForm).then(() => {
+                    this.$api.post('/register/email', this.accountForm).then(() => {
                         this.msgSuccess('注册成功，快去登录吧')
                         setTimeout(() => {
                             this.formType = 'login'
@@ -261,26 +295,29 @@ export default {
                 }
             })
         },
+        loginSuccessHandle(data) {
+            this.msgSuccess('登录成功')
+            this.$store.dispatch('user/login', data).then(() => {
+                // 登录成功后路由跳回
+                // eslint-disable-next-line no-debugger
+                if (this.$route.query.redirect) {
+                    this.$router.replace({
+                        path: this.$route.query.redirect
+                    })
+                } else {
+                    if (window.history.length <= 1) {
+                        this.$router.push({path: '/home'})
+                    } else {
+                        this.$router.push({path: '/home'})
+                    }
+                }
+            })
+        },
         loginHandle() {
             this.$refs['accountLoginForm'].validate(valid => {
                 if (valid) {
-                    this.$api.post('/user/account-login', this.accountForm).then(res => {
-                        this.msgSuccess('登录成功')
-                        this.$store.dispatch('user/login', res.data).then(() => {
-                            // 登录成功后路由跳回
-                            // eslint-disable-next-line no-debugger
-                            if (this.$route.query.redirect) {
-                                this.$router.replace({
-                                    path: this.$route.query.redirect
-                                })
-                            } else {
-                                if (window.history.length <= 1) {
-                                    this.$router.push({path: '/home'})
-                                } else {
-                                    this.$router.push({path: '/home'})
-                                }
-                            }
-                        })
+                    this.$api.post('/login/account', this.accountForm).then(res => {
+                        this.loginSuccessHandle(res.data)
                     })
                 } else {
                     return false
@@ -293,7 +330,7 @@ export default {
 <style scoped>
 
 .login-body {
-    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+    font-familyly: "Helvetica Neue", helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", arial, sans-serif;
     margin: 90px 0 0 0;
 }
 .login-img {
@@ -310,11 +347,13 @@ export default {
         align-items: center;
         justify-content: center;
         flex-direction: column;
-        .qrcode {
-            margin: 20px;
-        }
     }
 }
+.wx-login-qrcode {
+    margin: 20px;
+    width: 194px;
+    height: 194px;
+}
 .other-login .other-login-icon {
     margin-left: 10px;
 }
diff --git a/src/views/form/PreView.vue b/src/views/form/PreView.vue
index 8b91012..11918aa 100644
--- a/src/views/form/PreView.vue
+++ b/src/views/form/PreView.vue
@@ -49,7 +49,7 @@ export default {
     },
     mounted() {
         let url = window.location.protocol + '//' + window.location.host
-        this.mobilePreviewUrl = `${url}/#/project/view?key=${this.projectKey}`
+        this.mobilePreviewUrl = `${url}/project/view?key=${this.projectKey}`
         this.$set(this.projectConfig, 'projectKey', this.projectKey)
     },
     components: {
diff --git a/src/views/form/ProjectForm.vue b/src/views/form/ProjectForm.vue
index 832e469..c4a4055 100644
--- a/src/views/form/ProjectForm.vue
+++ b/src/views/form/ProjectForm.vue
@@ -14,13 +14,13 @@
             <el-row v-if="projectTheme.showTitle" type="flex" justify="center" align="middle">
                 <el-col :sm="{span:20}" :xs="{span:24,offset:0}" style="text-align: center">
                     <h4 class="form-name-text">
-                        {{formConf.title}}</h4>
+                        {{ formConf.title }}</h4>
                 </el-col>
             </el-row>
             <el-row v-if="projectTheme.showDescribe" type="flex" justify="center" align="middle">
                 <el-col :sm="{span:20}" :xs="{span:24,offset:0}" style="text-align: center">
                     <p class="form-name-text">
-                        {{formConf.description}}
+                        {{ formConf.description }}
                     </p>
                 </el-col>
             </el-row>
@@ -35,7 +35,6 @@
 import Parser from '@/components/parser/Parser'
 import {dbDataConvertForItemJson} from '@/utils/convert'
 
-
 window.onload = function() {
     document.addEventListener('touchstart', function(event) {
         if (event.touches.length > 1) {
@@ -114,23 +113,24 @@ export default {
                 this.formConf.description = res.data.project.describe
                 if (res.data.userProjectTheme) {
                     this.projectTheme = res.data.userProjectTheme
-                }
-                let {submitBtnText, showNumber,btnsColor} = res.data.userProjectTheme
-                if (submitBtnText) {
-                    this.formConf.submitBtnText = submitBtnText
-                }
-                if (showNumber) {
-                    this.formConf.showNumber = showNumber
-                }
-                if(btnsColor){
-                    this.formConf.submitBtnColor = btnsColor
-                }
+                    let {submitBtnText, showNumber, btnsColor} = res.data.userProjectTheme
+                    if (submitBtnText) {
+                        this.formConf.submitBtnText = submitBtnText
+                    }
+                    if (showNumber) {
+                        this.formConf.showNumber = showNumber
                     }
+                    if (btnsColor) {
+                        this.formConf.submitBtnColor = btnsColor
+                    }
+                }
+
+            }
         })
     },
     methods: {
         submitForm(data) {
-            this.$emit('submit',data)
+            this.$emit('submit', data)
         }
     }
 }
@@ -163,10 +163,12 @@ export default {
 .logo-img {
     max-height: 120px;
 }
-.submit-btn-form-item{
+
+.submit-btn-form-item {
     text-align: left;
 }
-.submit-btn-form-item button{
+
+.submit-btn-form-item button {
     width: 20%;
 }
 
@@ -184,10 +186,10 @@ export default {
     .logo-img {
         max-height: 2.94rem;
     }
-    .submit-btn-form-item{
+    .submit-btn-form-item {
         text-align: center;
     }
-    .submit-btn-form-item button{
+    .submit-btn-form-item button {
         width: 80%;
     }
 }
diff --git a/src/views/form/index.vue b/src/views/form/index.vue
index dc9f5e2..684c4c2 100644
--- a/src/views/form/index.vue
+++ b/src/views/form/index.vue
@@ -6,10 +6,6 @@
                     <i class="el-icon-arrow-left"/>
                     返回
                 </el-button>
-                <el-button size="mini" round>
-                    <router-link target="_blank" :to="{path:'/project/write',query:{key:this.projectKey}}">发布预览
-                    </router-link>
-                </el-button>
             </el-col>
             <el-col :span="10" :offset="3">
                 <el-menu :default-active="activeIndex" @select="handleSelect" style="background-color: transparent"
@@ -25,6 +21,7 @@
         <editor :projectKey="projectKey" v-if="activeIndex==1&&projectKey"/>
         <theme :projectKey="projectKey" v-if="activeIndex==2"/>
         <setting :projectKey="projectKey" v-if="activeIndex==3"/>
+        <publish :projectKey="projectKey" v-if="activeIndex==4"/>
     </div>
 </template>
 
@@ -32,16 +29,18 @@
 import editor from './editor'
 import theme from './theme'
 import setting from './setting'
+import publish from './publish'
 
 export default {
     components: {
         editor,
         theme,
-        setting
+        setting,
+        publish
     },
     data() {
         return {
-            activeIndex: '2',
+            activeIndex: '4',
             projectKey: ''
         }
     },
diff --git a/src/views/form/publish.vue b/src/views/form/publish.vue
new file mode 100644
index 0000000..7ad4b3a
--- /dev/null
+++ b/src/views/form/publish.vue
@@ -0,0 +1,162 @@
+<template>
+    <div class="publish-container">
+        <div>
+            <div class="publish-btn-view" v-if="!publishStatus">
+                <el-button
+                    @click="publishProject"
+                    size="medium"
+                    class="publish-btn"
+                    type="primary"><i class="el-icon-document-checked el-icon--right">开始发布</i></el-button>
+            </div>
+            <div class="publish-finish-view" v-if="publishStatus">
+                <el-row type="flex" align="middle">
+                    <el-col :span="20" style="">
+                        <div style="display: flex;justify-content: center">
+                            <div class="icon-view">
+                                <i class="el-icon-check success-icon"/>
+                            </div>
+                        </div>
+                        <div>
+                            <p class="success-title">恭喜您，发布成功！</p>
+                        </div>
+                        <div>
+                            <p class="link-text"> {{ writeLink }}</p>
+                        </div>
+                        <el-row>
+                            <el-col :span="6" :offset="6">
+                                <el-button v-clipboard:copy="writeLink"
+                                           v-clipboard:success="()=>{this.msgSuccess('复制成功')}"
+                                           v-clipboard:error="()=>{this.msgError('复制失败')}" type="primary">复制链接
+                                </el-button>
+                            </el-col>
+                            <el-col :span="6">
+                                <el-button type="warning">查看反馈</el-button>
+                            </el-col>
+                        </el-row>
+                    </el-col>
+                    <el-col :span="6">
+                        <div>
+                            <vue-qr v-if="writeLink" :callback="qrCodeGenSuccess" :text="writeLink"
+                                    :size="194"></vue-qr>
+                        </div>
+                        <div style="text-align: center">
+                            <el-link type="primary" @click="()=>{
+                                this.downloadFile('qrcode.png',this.qrCodeUrl)
+                            }">下载分享二维码</el-link>
+                        </div>
+                    </el-col>
+                </el-row>
+            </div>
+        </div>
+    </div>
+
+</template>
+
+<script>
+import VueQr from 'vue-qr'
+
+export default {
+    name: 'projectPublish',
+    components: {
+        VueQr
+    },
+    props: {
+        projectKey: ''
+    },
+    mounted() {
+        let url = window.location.protocol + '//' + window.location.host
+        this.writeLink = `${url}/project/write?key=${this.projectKey}`
+    },
+    data() {
+        return {
+            publishStatus: false,
+            writeLink: '',
+            qrCodeUrl: ''
+        }
+    }, methods: {
+        publishProject() {
+            this.$api.post(`/user/project/publish/${this.projectKey}`).then(res => {
+                this.publishStatus = true
+                this.msgSuccess('发布成功')
+            })
+        },
+        qrCodeGenSuccess(dataUrl, id) {
+            this.qrCodeUrl = dataUrl
+        },
+        downloadFile(fileName, content) {
+            let aLink = document.createElement('a');
+            let blob = this.base64ToBlob(content); //new Blob([content]);
+            let evt = document.createEvent("HTMLEvents");
+            evt.initEvent("click", true, true);//initEvent 不加后两个参数在FF下会报错  事件类型，是否冒泡，是否阻止浏览器的默认行为
+            aLink.download = fileName;
+            aLink.href = URL.createObjectURL(blob);
+            // aLink.dispatchEvent(evt);
+            aLink.click()
+        },
+        //base64转blob
+        base64ToBlob(code) {
+            let parts = code.split(';base64,')
+            let contentType = parts[0].split(':')[1]
+            let raw = window.atob(parts[1])
+            let rawLength = raw.length
+            let uInt8Array = new Uint8Array(rawLength)
+            for (let i = 0; i < rawLength; ++i) {
+                uInt8Array[i] = raw.charCodeAt(i)
+            }
+            return new Blob([uInt8Array], {type: contentType})
+        }
+    }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.publish-container {
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    margin: 0;
+    background-color: #F7F7F7;
+    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+    min-height: 84vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.publish-finish-view {
+    width: 500px;
+    height: 200px;
+    text-align: center;
+
+    .icon-view {
+        width: 59px;
+        height: 59px;
+        border-radius: 100px;
+        background-color: #0076FF;
+        display: flex;
+        align-items: center;
+        align-content: center;
+        justify-items: center;
+        justify-content: center;
+    }
+
+    .success-icon {
+        text-align: center;
+        color: white;
+        font-size: 30px;
+    }
+
+    .success-title {
+        color: rgba(16, 16, 16, 100);
+        font-size: 28px;
+    }
+
+    .link-text {
+        color: rgba(16, 16, 16, 100);
+        font-size: 14px;
+    }
+}
+
+</style>
diff --git a/src/views/form/setting.vue b/src/views/form/setting.vue
index 0a37649..a035c1c 100644
--- a/src/views/form/setting.vue
+++ b/src/views/form/setting.vue
@@ -532,8 +532,8 @@ export default {
         queryUserProjectSetting() {
             this.userProjectSettingData.projectKey = this.projectKey
             this.$api.get(`/user/project/setting/query/${this.projectKey}`).then(res => {
-                this.userProjectSettingData = res.data
                 if (res.data) {
+                    this.userProjectSettingData = res.data
                     let {
                         submitPromptImg, submitPromptText, submitJumpUrl, timedCollectionBeginTime,
                         timedQuantitativeQuantity, newWriteNotifyEmail, newWriteNotifyWx,
diff --git a/src/views/form/write.vue b/src/views/form/write.vue
index 0d93967..ced5400 100644
--- a/src/views/form/write.vue
+++ b/src/views/form/write.vue
@@ -1,12 +1,18 @@
 <template>
     <div class="write-container">
-        <div v-if="!writeFinish">
+        <div v-if="writeStatus==0">
+            <p style="text-align: center" v-if="writeNotStartPrompt">
+                <i class="el-icon-check"/>
+                <span v-if="writeNotStartPrompt">{{ writeNotStartPrompt }}</span>
+            </p>
+        </div>
+        <div v-if="writeStatus==1">
             <project-form
                 @submit="submitForm"
                 :projectConfig="projectConfig"
                 v-if="projectConfig.projectKey"/>
         </div>
-        <div v-if="writeFinish">
+        <div v-if="writeStatus==2">
             <div style="text-align: center">
                 <el-image
                     v-if="userProjectSetting.submitPromptImg"
@@ -15,7 +21,7 @@
             </div>
             <p style="text-align: center" v-if="userProjectSetting.submitPromptText">
                 <i class="el-icon-check"/>
-                {{userProjectSetting.submitPromptText}}
+                <span v-if="userProjectSetting.submitPromptText">{{ userProjectSetting.submitPromptText }}</span>
             </p>
         </div>
     </div>
@@ -23,6 +29,11 @@
 
 <script>
 import ProjectForm from './ProjectForm'
+import loadWXJs from '@/utils/loadWxSdk'
+import defaultValue from '@/utils/defaultValue'
+import {getQueryString} from '@/utils'
+
+let wx
 
 export default {
     name: 'WriteView',
@@ -34,33 +45,162 @@ export default {
                 preview: false,
                 showBtns: true
             },
-            writeFinish: false,
-            userProjectSetting: {}
+            writeStatus: 1,
+            writeNotStartPrompt: '',
+            userProjectSetting: {
+                submitPromptText: ''
+            },
+            //微信授权地址
+            wxAuthorizationUrl: '',
+            wxAuthorizationCode: '',
+            wxUserInfo: {},
+            wxSignature: {}
         }
     },
-    mounted() {
+    beforeCreate() {
+
+    },
+    created() {
         let key = this.$route.query.key
         this.projectConfig.projectKey = key
+        let wxCode = getQueryString('code')
+        alert(wxCode)
+        if (wxCode) {
+            alert(wxCode)
+            this.wxAuthorizationCode = wxCode
+            this.getWxAuthorizationUserInfo()
+        }
+        this.getWxAuthorizationUrl()
+        this.queryProjectSettingStatus()
         this.queryProjectSetting()
+        //加载微信相关 获取签名
+        let url = window.location.href.split(('#'))[0]
+        this.$api.get('/wx/jsapi/signature', {params: {url: url}}).then(res => {
+            this.wxSignature = res.data
+            this.setWxConfig()
+        })
+    },
+    mounted() {
     },
     components: {
         ProjectForm
     }, methods: {
+        queryProjectSettingStatus() {
+            //是否能进入填写
+            this.$api.get(`/user/project/setting/status/${this.projectConfig.projectKey}`).then(res => {
+                if (res.msg) {
+                    this.writeNotStartPrompt = res.msg
+                    this.writeStatus = 0
+                }
+            })
+        },
+        getWxAuthorizationUserInfo() {
+            let wxAuthorizationCode = this.wxAuthorizationCode
+            //根据code 获取用户授权信息
+            this.$api.get(`/authorization/user/info`, {
+                params: {
+                    code: wxAuthorizationCode
+                }
+            }).then(res => {
+                if (res.data) {
+                    this.wxUserInfo = res.data
+                    alert(res.data)
+                }
+            })
+
+        },
+        getWxAuthorizationUrl() {
+            //获取微信授权url地址
+            this.$api.get(`/wx/jsapi/authorization/url`, {params: {url: window.location.href}}).then(res => {
+                if (res.data) {
+                    this.wxAuthorizationUrl = res.data
+                }
+            })
+        },
+        setWxConfig() {
+            let signature = this.wxSignature
+            loadWXJs(val => {
+                wx = val
+                wx.config({
+                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+                    appId: signature.appId, // 必填，公众号的唯一标识
+                    timestamp: signature.timestamp, // 必填，生成签名的时间戳
+                    nonceStr: signature.nonceStr, // 必填，生成签名的随机串
+                    signature: signature.signature,// 必填，签名
+                    jsApiList: [
+                        'updateAppMessageShareData',
+                        'updateTimelineShareData',
+                        'showMenuItems',
+                        'hideMenuItems',
+                        'chooseWXPay'
+                    ] // 必填，需要使用的JS接口列表
+                })
+                this.setWxProjectShare()
+            })
+        },
+        /**
+         * 微信分享
+         */
+        setWxProjectShare() {
+            let {shareImg, shareTitle, shareDesc} = this.userProjectSetting
+            console.log(wx)
+            wx.ready(function() {   //需在用户可能点击分享按钮前就先调用
+                console.log('ready')
+                wx.updateAppMessageShareData({
+                    title: shareTitle ? shareTitle : defaultValue.projectShareTitle, // 分享标题
+                    desc: shareDesc ? shareDesc : defaultValue.projectShareDesc, // 分享描述
+                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                    imgUrl: shareImg ? shareImg : defaultValue.projectShareImg, // 分享图标
+                    success: function() {
+                        // 设置成功
+                        console.log('succcess')
+                    },
+                    fail: function() {
+                        console.log('fail')
+                    }
+                })
+                wx.updateTimelineShareData({
+                    title: shareTitle ? shareTitle : defaultValue.projectShareTitle, // 分享标题
+                    desc: shareDesc ? shareDesc : defaultValue.projectShareDesc, // 分享描述
+                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                    imgUrl: shareImg ? shareImg : defaultValue.projectShareImg, // 分享图标
+                    success: function() {
+                        // 设置成功
+                        console.log('succcess')
+                    },
+                    fail: function() {
+                        console.log('fail')
+                    }
+                })
+            })
+        },
         queryProjectSetting() {
             this.$api.get(`/user/project/setting/query/${this.projectConfig.projectKey}`).then(res => {
-                this.userProjectSetting = res.data
-                if(res.data.wxWrite){
-                    let ua = navigator.userAgent.toLowerCase()
-                    let isWeixin = ua.indexOf('micromessenger') != -1
-                    let isAndroid = ua.indexOf('android') != -1
-                    let isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1)
-                    if (!isWeixin) {
-                        document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">'
-                        document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>'
+                if (res.data) {
+                    this.userProjectSetting = res.data
+                    //仅在微信环境打开
+                    if (res.data && res.data.wxWrite) {
+                        //记录微信用户信息
+                        if (res.data.recordWxUser && !this.wxAuthorizationCode) {
+                            console.log(this.wxAuthorizationUrl)
+                            location.href = this.wxAuthorizationUrl
+                        } else {
+                            this.onlyWxOpenHandle()
+                        }
                     }
                 }
             })
         },
+        onlyWxOpenHandle() {
+            let ua = navigator.userAgent.toLowerCase()
+            let isWeixin = ua.indexOf('micromessenger') != -1
+            let isAndroid = ua.indexOf('android') != -1
+            let isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1)
+            if (!isWeixin) {
+                document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">'
+                document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>'
+            }
+        },
         submitForm(data) {
             this.$api.post('/user/project/result/create', {
                 'projectKey': this.projectConfig.projectKey,
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b62b098..a91e1a6 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,34 +1,44 @@
 <template>
     <el-container>
-        <el-header height="80px" class="homeHeaderView">
+        <el-header height="80" class="home-header-view">
             <el-row type="flex" align="middle">
                 <el-col :span="4" :offset="1">
-                    <img src="@/assets/images/indexLogo.png" class="headerLogoImg"
+                    <img src="@/assets/images/indexLogo.png" class="header-logo-img"
                          @click="$router.push({path:'/project/create'})"
                     >
                 </el-col>
-                <el-col :span="6">
+                <el-col :span="10">
                     <el-menu :default-active="menuIndex" mode="horizontal" :router="true" text-color="#205BB5"
                              active-text-color="#205BB5"
                     >
                         <el-menu-item v-for="(item, index) in menuRouters" :key="index" :index="item.routerPath"
-                                      :route="item.routerPath" class="menuItem"
+                                      :route="item.routerPath" class="menu-item"
                         >
                             {{ item.title }}
                         </el-menu-item>
                     </el-menu>
+                    <!--                    <span v-for="(item, index) in menuRouters" :key="index"-->
+                    <!--                          class="menu-item"-->
+                    <!--                          @click="activeMenuHandle(item.routerPath)"-->
+                    <!--                    >-->
+                    <!--                        {{ item.title }}-->
+                    <!--                    </span>-->
                 </el-col>
-                <el-col :offset="8" :span="1">
+                <el-col :span="1">
                     <el-button round>升级</el-button>
                 </el-col>
                 <el-col :span="1">
-                    <svg-icon name="loginWx" style="width: 24px; height: 24px;" />
+                    <div style="display: flex; align-items: center; justify-content: center;">
+                        <svg-icon name="loginWx" style="width: 24px; height: 24px;" />
+                    </div>
                 </el-col>
                 <el-col :span="1">
                     <el-link href="https://element.eleme.io" target="_blank">帮助</el-link>
                 </el-col>
                 <el-col :span="3">
-                    <img :src="getUserInfo.avatar" style="width: 48px; height: 48px; border-radius: 100px;">
+                    <div style="display: flex; align-items: center; justify-content: center;">
+                        <img :src="getUserInfo.avatar" style="width: 50px; height: 50px; border-radius: 100px;">
+                    </div>
                 </el-col>
             </el-row>
         </el-header>
@@ -76,31 +86,41 @@ export default {
     },
     mounted() {
         this.menuIndex = this.$route.path
+    },
+    methods: {
+        activeMenuHandle(routerPath) {
+            this.menuIndex = routerPath
+        }
     }
 }
 </script>
-<style scoped>
-.menuItem {
+<style lang="scss" scoped>
+.menu-item {
     line-height: 80px;
     height: 80px;
-    font-size: 19px;
     text-align: left;
     font-weight: 550;
-    float: right;
+    color: rgba(32, 91, 181, 100);
+    font-size: 20px;
+    &:hover {
+        cursor: pointer;
+    }
 }
 .el-menu.el-menu--horizontal {
     border-bottom: none;
 }
-.homeHeaderView {
-    line-height: 20px;
+.home-header-view {
+    line-height: 90px;
+    height: 80px;
     background-color: rgba(255, 255, 255, 100);
     color: rgba(16, 16, 16, 100);
     font-size: 14px;
     text-align: center;
-}
-.headerLogoImg {
-    width: 225px;
-    height: 62px;
+    .header-logo-img {
+        width: 225px;
+        height: 62px;
+        float: left;
+    }
 }
 
 </style>
diff --git a/vue.config.js b/vue.config.js
index df359da..907d2e1 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -50,7 +50,7 @@ const cdn = {
 }
 
 module.exports = {
-    publicPath: '',
+    publicPath: '/',
     productionSourceMap: false,
     devServer: {
         disableHostCheck: true,
@@ -58,8 +58,8 @@ module.exports = {
         port: 8888,
         // 开发环境默认开启反向代理，如果不需要请自行注释
         proxy: {
-            '/': {
-                target: process.env.VUE_APP_API_ROOT,
+            '/tduck-api': {
+                target: 'http://localhost:8999/',
                 changeOrigin: true
             }
         }
diff --git a/yarn.lock b/yarn.lock
index 5bbafb3..71a5310 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3074,6 +3074,15 @@ cli-width@^3.0.0:
   resolved "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
   integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
 
+clipboard@^2.0.0:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
+  integrity sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==
+  dependencies:
+    good-listener "^1.2.2"
+    select "^1.1.2"
+    tiny-emitter "^2.0.0"
+
 clipboardy@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/clipboardy/download/clipboardy-2.3.0.tgz#3c2903650c68e46a91b388985bc2774287dba290"
@@ -3871,6 +3880,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
+delegate@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
+  integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
+
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npm.taobao.org/depd/download/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -5257,6 +5271,13 @@ gonzales-pe@^4.3.0:
   dependencies:
     minimist "^1.2.5"
 
+good-listener@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
+  integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
+  dependencies:
+    delegate "^3.1.2"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.2:
   version "4.2.3"
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
@@ -8680,6 +8701,11 @@ q@^1.1.2:
   resolved "https://registry.npm.taobao.org/q/download/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
+qrcodejs2@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/qrcodejs2/-/qrcodejs2-0.0.2.tgz#465afe5e39f19facecb932c11f7a186109146ae1"
+  integrity sha1-Rlr+Xjnxn6zsuTLBH3oYYQkUauE=
+
 qs@6.7.0:
   version "6.7.0"
   resolved "https://registry.npm.taobao.org/qs/download/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
@@ -9325,6 +9351,11 @@ select-hose@^2.0.0:
   resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
 
+select@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
+  integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
+
 selfsigned@^1.10.7:
   version "1.10.7"
   resolved "https://registry.npm.taobao.org/selfsigned/download/selfsigned-1.10.7.tgz#da5819fd049d5574f28e88a9bcc6dbc6e6f3906b"
@@ -10403,6 +10434,11 @@ timsort@^0.3.0:
   resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
+tiny-emitter@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
+  integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
+
 title-case@^2.1.0:
   version "2.1.1"
   resolved "https://registry.npm.taobao.org/title-case/download/title-case-2.1.1.tgz#3e127216da58d2bc5becf137ab91dae3a7cd8faa"
@@ -10978,6 +11014,13 @@ vm-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz?cache=0&sync_timestamp=1572870717730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvm-browserify%2Fdownload%2Fvm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
 
+vue-clipboard2@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/vue-clipboard2/-/vue-clipboard2-0.3.1.tgz#6e551fb7bd384889b28b0da3b12289ed6bca4894"
+  integrity sha512-H5S/agEDj0kXjUb5GP2c0hCzIXWRBygaWLN3NEFsaI9I3uWin778SFEMt8QRXiPG+7anyjqWiw2lqcxWUSfkYg==
+  dependencies:
+    clipboard "^2.0.0"
+
 vue-eslint-parser@^7.1.1:
   version "7.1.1"
   resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.1.tgz#c43c1c715ff50778b9a7e9a4e16921185f3425d3"
@@ -11022,6 +11065,11 @@ vue-meta@^2.4.0:
   dependencies:
     deepmerge "^4.2.2"
 
+vue-qr@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/vue-qr/-/vue-qr-2.3.0.tgz#d659ee9db2bc717a2b46bd0e7a5414e75a7a3bba"
+  integrity sha512-qcmMKNVz4dSZjXsUIQmK/QoODvOYg8+EyCaCynZfwcUJk4mjsevEv+z4uYoRz0Or1ET9UMwjV7/GQdHTSFCIIA==
+
 vue-router@^3.4.8:
   version "3.4.8"
   resolved "https://registry.npmjs.org/vue-router/-/vue-router-3.4.8.tgz#2c06261d35d8075893470352d42d70b6287b8194"