Merge branch 'dev_ljj' of http://git.elinkit.com.cn:7070/r/tduck-front into dev_ljj

src/components/parser/Parser.vue

@@ -260,14 +260,12 @@ function setValueLabel (event, config, scheme) {
   console.log(scheme)
   // 需要处理的类型 如果是input等则不需要处理
   let tagOptionKey = processType[config.tag]
-
+  debugger
   if (tagOptionKey) {
 
     if (event instanceof Array) {
-      // 多选 其他自定义输入
-
-
 
+      // 多选 其他自定义输入
       if (!event.includes(0) && config.tag != 'el-cascader') {
         // 如果多选里没有选择其他，就清掉other
         this.$set(this[this.formConf.labelFormModel], `${scheme.__vModel__}other`, '')

src/views/form/write/index.vue

@@ -1,48 +1,50 @@
 <template>
-    <div class="write-container">
+  <div class="write-container">
-        <h1 id="inActiveTime" style="display: none;" />
+    <h1 id="inActiveTime"
-        <div v-if="writeStatus==0" class="title-icon-view">
+        style="display: none;" />
-            <div class="icon-view">
+    <div v-if="writeStatus==0"
-                <i class="el-icon-check success-icon" />
+         class="title-icon-view">
-            </div>
+      <div class="icon-view">
-            <p v-if="writeNotStartPrompt" style="text-align: center;">
+        <i class="el-icon-check success-icon" />
-                <span v-if="writeNotStartPrompt">{{ writeNotStartPrompt }}</span>
+      </div>
-            </p>
+      <p v-if="writeNotStartPrompt"
-        </div>
+         style="text-align: center;">
-        <div v-if="writeStatus==1">
+        <span v-if="writeNotStartPrompt">{{ writeNotStartPrompt }}</span>
-            <project-form
+      </p>
-                v-if="projectConfig.projectKey"
-                :project-config="projectConfig"
-                @submit="submitForm"
-            />
-        </div>
-        <div v-if="writeStatus==2" class="title-icon-view">
-            <div class="icon-view">
-                <i class="el-icon-check success-icon" />
-            </div>
-            <p style="text-align: center;">
-                <span v-if="userProjectSetting.submitPromptText">{{ userProjectSetting.submitPromptText }}</span>
-                <span v-else>{{ globalDefaultValue.projectSubmitPromptText }}</span>
-            </p>
-            <div>
-                <el-image
-                    v-if="userProjectSetting.submitPromptImg"
-                    :src="userProjectSetting.submitPromptImg"
-                    fit="cover"
-                />
-            </div>
-            <el-button v-if="userProjectSetting.publicResult" type="primary" @click="openPublicResultHandle">
-                查看数据
-            </el-button>
-        </div>
     </div>
+    <div v-if="writeStatus==1">
+      <project-form v-if="projectConfig.projectKey"
+                    :project-config="projectConfig"
+                    @submit="submitForm" />
+    </div>
+    <div v-if="writeStatus==2"
+         class="title-icon-view">
+      <div class="icon-view">
+        <i class="el-icon-check success-icon" />
+      </div>
+      <p style="text-align: center;">
+        <span v-if="userProjectSetting.submitPromptText">{{ userProjectSetting.submitPromptText }}</span>
+        <span v-else>{{ globalDefaultValue.projectSubmitPromptText }}</span>
+      </p>
+      <div>
+        <el-image v-if="userProjectSetting.submitPromptImg"
+                  :src="userProjectSetting.submitPromptImg"
+                  fit="cover" />
+      </div>
+      <el-button v-if="userProjectSetting.publicResult"
+                 type="primary"
+                 @click="openPublicResultHandle">
+        查看数据
+      </el-button>
+    </div>
+  </div>
 </template>
 
 <script>
 import ProjectForm from '../preview/ProjectForm'
 import loadWXJs from '@/utils/loadWxSdk'
 import defaultValue from '@/utils/defaultValue'
-import {getQueryString} from '@/utils'
+import { getQueryString } from '@/utils'
 import constants from '@/utils/constants'
 
 const uaParser = require('ua-parser-js')
@@ -50,240 +52,258 @@ const ua = uaParser(navigator.userAgent)
 
 require('@/utils/ut')
 export default {
-    name: 'WriteView',
+  name: 'WriteView',
-    components: {
+  components: {
-        ProjectForm
+    ProjectForm
+  },
+  props: {},
+  data () {
+    return {
+      inActiveTime: 0,
+      projectConfig: {
+        projectKey: '',
+        preview: false,
+        showBtns: true
+      },
+      writeStatus: 1,
+      writeNotStartPrompt: '',
+      userProjectSetting: {
+        submitPromptText: ''
+      },
+      globalDefaultValue: defaultValue,
+      // 微信授权地址
+      wxAuthorizationUrl: '',
+      wxAuthorizationCode: '',
+      wxUserInfo: {},
+      wxSignature: {},
+
+      //小程序传入数据
+      clientType: '',//问卷填写人所属端【工作端:gov、居民端:resi、运营端:oper】
+      orgId: '',//人员所属类型对应Id(agencyId;deptId;gridId)	
+      orgName: '',//人员所属组织名【组织-组织，组织-部门，组织-网格】	
+      orgType: '',//人员所属类型(组织:agency;部门:dept;网格:grid)	
+      realName: '',//填写人姓名	
+    }
+  },
+  metaInfo: {
+    meta: [
+      {
+        name: 'viewport',
+        content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'
+      }
+    ]
+  },
+  async created () {
+    this.clientType = this.$route.query.clientType
+    this.orgId = this.$route.query.orgId
+    this.orgName = this.$route.query.orgName
+    this.orgType = this.$route.query.orgType
+    this.realName = this.$route.query.realName
+
+    let key = this.$route.query.key || this.$route.params.key
+    this.projectConfig.projectKey = key
+    let wxCode = getQueryString('code')
+    if (wxCode) {
+      this.wxAuthorizationCode = wxCode
+      await this.getWxAuthorizationUserInfo()
+    }
+    this.getWxAuthorizationUrl()
+    this.queryProjectSettingStatus()
+    this.queryProjectSetting()
+    if (constants.enableWx) {
+      // 加载微信相关 获取签名
+      this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/signature`, { params: { url: window.location.href } }).then(res => {
+        this.wxSignature = res.data
+        this.setWxConfig()
+      })
+    }
+
+  },
+  mounted () {
+    this.viewProjectHandle()
+  }, methods: {
+    viewProjectHandle () {
+      // 是否能进入填写
+      this.$api.post(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/result/view/${this.projectConfig.projectKey}`, { params: { projectKey: this.projectConfig.projectKey } }).then(() => {
+
+      })
     },
-    props: {},
+    queryProjectSettingStatus () {
-    data() {
+      // 是否能进入填写
-        return {
+      this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/setting-status`, {
-            inActiveTime: 0,
+        params: {
-            projectConfig: {
+          projectKey: this.projectConfig.projectKey,
-                projectKey: '',
+          wxOpenId: this.wxUserInfo ? this.wxUserInfo.openid : ''
-                preview: false,
-                showBtns: true
-            },
-            writeStatus: 1,
-            writeNotStartPrompt: '',
-            userProjectSetting: {
-                submitPromptText: ''
-            },
-            globalDefaultValue: defaultValue,
-            // 微信授权地址
-            wxAuthorizationUrl: '',
-            wxAuthorizationCode: '',
-            wxUserInfo: {},
-            wxSignature: {}
         }
+      }).then(res => {
+        if (res.msg) {
+          this.writeNotStartPrompt = res.msg
+          this.writeStatus = 0
+        }
+      })
     },
-    metaInfo: {
+    getWxAuthorizationUserInfo () {
-        meta: [
+      let wxAuthorizationCode = this.wxAuthorizationCode
-            {
+      // 根据code 获取用户授权信息
-                name: 'viewport',
+      this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/authorization/user/info`, {
-                content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'
+        params: {
-            }
+          code: wxAuthorizationCode
-        ]
-    },
-    async created() {
-        let key = this.$route.query.key || this.$route.params.key
-        this.projectConfig.projectKey = key
-        let wxCode = getQueryString('code')
-        if (wxCode) {
-            this.wxAuthorizationCode = wxCode
-            await this.getWxAuthorizationUserInfo()
         }
-        this.getWxAuthorizationUrl()
+      }).then(res => {
-        this.queryProjectSettingStatus()
+        if (res.data) {
-        this.queryProjectSetting()
+          this.wxUserInfo = res.data
-        if (constants.enableWx) {
-            // 加载微信相关 获取签名
-            this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/signature`, {params: {url: window.location.href}}).then(res => {
-                this.wxSignature = res.data
-                this.setWxConfig()
-            })
         }
+      })
 
     },
-    mounted() {
+    getWxAuthorizationUrl () {
-        this.viewProjectHandle()
+      // 获取微信授权url地址
-    }, methods: {
+      this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/authorization/url`, { params: { url: window.location.href } }).then(res => {
-        viewProjectHandle() {
+        if (res.data) {
-            // 是否能进入填写
+          this.wxAuthorizationUrl = res.data
-            this.$api.post(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/result/view/${this.projectConfig.projectKey}`, {params: {projectKey: this.projectConfig.projectKey}}).then(() => {
+        }
-
+      })
-            })
+    },
-        },
+    setWxConfig () {
-        queryProjectSettingStatus() {
+      let that = this
-            // 是否能进入填写
+      let signature = this.wxSignature
-            this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/setting-status`, {
+      loadWXJs(wx => {
-                params: {
+        wx.config({
-                    projectKey: this.projectConfig.projectKey,
+          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
-                    wxOpenId: this.wxUserInfo ? this.wxUserInfo.openid : ''
+          appId: signature.appId, // 必填，公众号的唯一标识
-                }
+          timestamp: signature.timestamp, // 必填，生成签名的时间戳
-            }).then(res => {
+          nonceStr: signature.nonceStr, // 必填，生成签名的随机串
-                if (res.msg) {
+          signature: signature.signature, // 必填，签名
-                    this.writeNotStartPrompt = res.msg
+          jsApiList: [
-                    this.writeStatus = 0
+            'updateAppMessageShareData',
-                }
+            'updateTimelineShareData',
-            })
+            'onMenuShareAppMessage',
-        },
+            'onMenuShareTimeline',
-        getWxAuthorizationUserInfo() {
+            'showMenuItems',
-            let wxAuthorizationCode = this.wxAuthorizationCode
+            'hideMenuItems',
-            // 根据code 获取用户授权信息
+            'chooseWXPay'
-            this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/authorization/user/info`, {
+          ] // 必填，需要使用的JS接口列表
-                params: {
+        })
-                    code: wxAuthorizationCode
+        // sdk准备完成之后调用
-                }
+        wx.ready(function () {
-            }).then(res => {
+          // 需在用户可能点击分享按钮前就先调用
-                if (res.data) {
+          console.log('ready')
-                    this.wxUserInfo = res.data
+          that.setWxProjectShare(wx)
-                }
+        })
-            })
+      })
-
+    },
-        },
+    /**
-        getWxAuthorizationUrl() {
+ * 微信分享
-            // 获取微信授权url地址
+ */
-            this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/wx/jsapi/authorization/url`, {params: {url: window.location.href}}).then(res => {
+    setWxProjectShare (wx) {
-                if (res.data) {
+      let { shareImg, shareTitle, shareDesc } = this.userProjectSetting
-                    this.wxAuthorizationUrl = res.data
+      wx.updateAppMessageShareData({
-                }
+        title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-            })
+        desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-        },
+        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-        setWxConfig() {
+        imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-            let that = this
+        success: function () {
-            let signature = this.wxSignature
+          // 设置成功
-            loadWXJs(wx => {
+          console.log('succcess')
-                wx.config({
-                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
-                    appId: signature.appId, // 必填，公众号的唯一标识
-                    timestamp: signature.timestamp, // 必填，生成签名的时间戳
-                    nonceStr: signature.nonceStr, // 必填，生成签名的随机串
-                    signature: signature.signature, // 必填，签名
-                    jsApiList: [
-                        'updateAppMessageShareData',
-                        'updateTimelineShareData',
-                        'onMenuShareAppMessage',
-                        'onMenuShareTimeline',
-                        'showMenuItems',
-                        'hideMenuItems',
-                        'chooseWXPay'
-                    ] // 必填，需要使用的JS接口列表
-                })
-                // sdk准备完成之后调用
-                wx.ready(function() {
-                    // 需在用户可能点击分享按钮前就先调用
-                    console.log('ready')
-                    that.setWxProjectShare(wx)
-                })
-            })
-        },
-        /**
-     * 微信分享
-     */
-        setWxProjectShare(wx) {
-            let {shareImg, shareTitle, shareDesc} = this.userProjectSetting
-            wx.updateAppMessageShareData({
-                title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-                desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-                success: function() {
-                    // 设置成功
-                    console.log('succcess')
-                },
-                fail: function() {
-                    console.log('fail')
-                }
-            })
-            wx.updateTimelineShareData({
-                title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-                desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-                success: function() {
-                    // 设置成功
-                    console.log('succcess')
-                },
-                fail: function() {
-                    console.log('fail')
-                }
-            })
-            wx.onMenuShareTimeline({
-                title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-                desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-                success: function() {
-                    // 设置成功
-                    console.log('succcess')
-                }
-            })
-            wx.onMenuShareAppMessage({
-                title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-                desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-                success: function() {
-                    // 设置成功
-                    console.log('succcess')
-                }
-            })
         },
-        queryProjectSetting() {
+        fail: function () {
-            this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/setting/${this.projectConfig.projectKey}`).then(res => {
+          console.log('fail')
-                if (res.data) {
+        }
-                    this.userProjectSetting = res.data
+      })
-                    // 仅在微信环境打开
+      wx.updateTimelineShareData({
-                    if (res.data && res.data.wxWrite) {
+        title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-                        // 记录微信用户信息
+        desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                        if (res.data.recordWxUser && !this.wxAuthorizationCode) {
+        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                            location.href = this.wxAuthorizationUrl
+        imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
-                        } else {
+        success: function () {
-                            this.onlyWxOpenHandle()
+          // 设置成功
-                        }
+          console.log('succcess')
-                    }
-                }
-            })
         },
-        /**
+        fail: function () {
-     * 仅在微信打开
+          console.log('fail')
-     */
+        }
-        onlyWxOpenHandle() {
+      })
-            let wxUa = navigator.userAgent.toLowerCase()
+      wx.onMenuShareTimeline({
-            let isWeixin = wxUa.indexOf('micromessenger') != -1
+        title: shareTitle || defaultValue.projectShareTitle, // 分享标题
-            if (!isWeixin) {
+        desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
-                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">'
+        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-                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>'
+        imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
+        success: function () {
+          // 设置成功
+          console.log('succcess')
+        }
+      })
+      wx.onMenuShareAppMessage({
+        title: shareTitle || defaultValue.projectShareTitle, // 分享标题
+        desc: shareDesc || defaultValue.projectShareDesc, // 分享描述
+        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+        imgUrl: shareImg || defaultValue.projectShareImg, // 分享图标
+        success: function () {
+          // 设置成功
+          console.log('succcess')
+        }
+      })
+    },
+    queryProjectSetting () {
+      this.$api.get(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/setting/${this.projectConfig.projectKey}`).then(res => {
+        if (res.data) {
+          this.userProjectSetting = res.data
+          // 仅在微信环境打开
+          if (res.data && res.data.wxWrite) {
+            // 记录微信用户信息
+            if (res.data.recordWxUser && !this.wxAuthorizationCode) {
+              location.href = this.wxAuthorizationUrl
+            } else {
+              this.onlyWxOpenHandle()
             }
-        },
+          }
-        openPublicResultHandle() {
+        }
-            let projectKey = this.projectConfig.projectKey
+      })
-            this.$router.replace({path: '/project/public/result', query: {projectKey}})
+    },
-        },
+    /**
-        submitForm(data) {
+ * 仅在微信打开
-            // 完成时间
+ */
-            let inActiveTime = document.getElementById('inActiveTime').innerText
+    onlyWxOpenHandle () {
-            this.$api.post(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/result/create`, {
+      let wxUa = navigator.userAgent.toLowerCase()
-                'completeTime': inActiveTime,
+      let isWeixin = wxUa.indexOf('micromessenger') != -1
-                'projectKey': this.projectConfig.projectKey,
+      if (!isWeixin) {
-                'submitOs': ua.os.name,
+        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">'
-                'submitBrowser': ua.browser.name,
+        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>'
-                'submitUa': ua,
+      }
-                'wxUserInfo': this.wxUserInfo,
+    },
-                'wxOpenId': this.wxUserInfo ? this.wxUserInfo.openid : '',
+    openPublicResultHandle () {
-                'originalData': data.formModel,
+      let projectKey = this.projectConfig.projectKey
-                'processData': data.labelFormModel
+      this.$router.replace({ path: '/project/public/result', query: { projectKey } })
-            }).then(() => {
+    },
-                this.writeStatus = 2
+    submitForm (data) {
-                if (this.userProjectSetting.submitJumpUrl) {
+      // 完成时间
-                    setTimeout(() => {
+      let inActiveTime = document.getElementById('inActiveTime').innerText
-                        window.location.replace(this.userProjectSetting.submitJumpUrl)
+      this.$api.post(`${process.env.VUE_APP_API_ROOT_TDUCK}/user/project/result/create`, {
-                    }, 1000)
+        'completeTime': inActiveTime,
-                }
+        'projectKey': this.projectConfig.projectKey,
-
+        'submitOs': ua.os.name,
-            })
+        'submitBrowser': ua.browser.name,
+        'submitUa': ua,
+        'wxUserInfo': this.wxUserInfo,
+        'wxOpenId': this.wxUserInfo ? this.wxUserInfo.openid : '',
+        'originalData': data.formModel,
+        'processData': data.labelFormModel,
+        'clientType': this.clientType,//问卷填写人所属端【工作端:gov、居民端:resi、运营端:oper】
+        'orgId': this.orgId,//人员所属类型对应Id(agencyId;deptId;gridId)	
+        'orgName': this.orgName,//人员所属组织名【组织-组织，组织-部门，组织-网格】	
+        'orgType': this.orgType,//人员所属类型(组织:agency;部门:dept;网格:grid)	
+        'realName': this.realName,//填写人姓名	
+      }).then(() => {
+        this.writeStatus = 2
+        if (this.userProjectSetting.submitJumpUrl) {
+          setTimeout(() => {
+            window.location.replace(this.userProjectSetting.submitJumpUrl)
+          }, 1000)
         }
+
+      })
     }
+  }
 }
 </script>