BUG 26029

src/apps/AppAskForm/AddForm.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="add-form" v-if="pageShow">
-    <div v-show="!isShowConfig">
     <div class="header-pic">
       <image v-if="form.headPicture" :src="form.headPicture"/>
       <span @click="upload">更换图片</span>
@@ -119,38 +118,17 @@
         </div>
       </div>
     </u-popup>
-
-    </div>
-    <div class="detail" v-if="isShowConfig">
-      <component
-          :is="component"
-          :index="filedIndex"
-          :filed="filed"
-          @change="onChange"
-          :targetListData="targetList"
-          :formData="form"
-          :filedType="filedType"
-          @back="isShowConfig = false"
-          :id="id"
-          :formConfig="formConfig">
-      </component>
-    </div>
   </div>
 </template>
 
 <script>
 import draggable from 'vuedraggable'
-import FiledConfig from './FiledConfig'
-import FormSetting from '../FormSetting'
-import PreviewForm from './PreviewForm'
+import qs from "query-string"
 
 export default {
-  props: ['params'],
-
   data() {
     return {
       pageShow: false,
-      isShowConfig: false,
       form: {
         tableExplain: '详细描述',
         title: '问卷调查',
@@ -180,34 +158,23 @@ export default {
       filedIndex: '',
       isQuote: false,
       touchStart: 0,
-      component: '',
       formConfig: {}
     }
   },
-
   components: {
     draggable,
-    PreviewForm,
-    FormSetting,
-    FiledConfig
   },
-
-  mounted() {
-    this.type = Number(this.params.type)
-
-    if (this.params.isQuote) {
-      this.isQuote = true
-    }
-
-    if (this.params.id) {
-      this.id = this.params.id
-      this.getInfo(this.params.id)
+  created() {
+    let {type, isQuote, id} = this.$route.query
+    this.type = type
+    this.isQuote = !!isQuote
+    if (id) {
+      this.id = id
+      this.getInfo(id)
     } else {
       this.pageShow = true
     }
-
     this.init()
-
     uni.$on('setting', res => {
       this.form = {
         ...this.form,
@@ -224,21 +191,15 @@ export default {
       }
     })
   },
-
   methods: {
     toSetting() {
-      this.component = 'FormSetting'
-      this.isShowConfig = true
+      let {formConfig} = this
+      uni.navigateTo({url: `./FormSetting?${qs.stringify({formConfig})}`})
     },
-
     back() {
-      this.$emit('change', {
-        type: 'Tabbar'
-      })
+      uni.navigateBack({})
     },
-
     onChange(e) {
-
     },
 
     removeComponent(index) {
@@ -246,8 +207,9 @@ export default {
     },
 
     toPreview() {
-      this.component = 'PreviewForm'
-      this.isShowConfig = true
+      let {form, targetList} = this
+      localStorage.setItem("toPreviewForm", JSON.stringify({form, targetList}))
+      uni.navigateTo({url: `./PreviewForm`})
     },
 
     upload() {
@@ -340,18 +302,15 @@ export default {
         type: this.type,
         templateType: 0
       }).then(res => {
-        if (res.code == 0) {
-          setTimeout(() => {
-            this.$emit('change', {
-              type: 'Result',
-              params: {
+        if (res?.code == 0) {
+          uni.navigateTo({
+            url: `./Result?${qs.stringify({
               linkUrl: res.data.linkUrl,
               title: this.form.title,
               tableExplain: this.form.tableExplain,
               headPicture: this.form.headPicture
-              }
+            })}`
           })
-          }, 600)
         }
       }).catch(e => {
         this.$u.toast(e)
@@ -377,7 +336,6 @@ export default {
         } else {
           this.$u.toast(res.msg)
         }
-
         uni.hideLoading()
       }).catch(() => {
         uni.hideLoading()
@@ -389,16 +347,15 @@ export default {
       if (index > -1) {
         this.filed = type
         this.filedIndex = index
-        this.component = 'FiledConfig'
-        this.isShowConfig = true
-
-        return false
-      }
-
+        let {filed, filedType} = this
+        localStorage.setItem("toFiledConfig", JSON.stringify({index, filed, filedType}))
+      } else {
         this.filedIndex = ''
         this.filedType = type
-      this.component = 'FiledConfig'
-      this.isShowConfig = true
+        let {filed, filedType} = this
+        localStorage.setItem("toFiledConfig", JSON.stringify({filed, filedType}))
+      }
+      uni.navigateTo({url: `./FiledConfig`})
     },
 
     init() {

src/apps/AppAskForm/AppAskForm.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="form">
-    <component v-if="refresh" :is="component" @change="onChange" :params="params"/>
+    <component ref="TabPage" :is="component" @change="onChange" :params="params"/>
   </div>
 </template>
 
 <script>
 import Tabbar from './components/Tabbar.vue'
-import AddForm from './components/AddForm.vue'
-import Result from './components/Result.vue'
+import AddForm from './AddForm.vue'
+import Result from './Result.vue'
 import {mapActions} from "vuex";
 
 export default {
@@ -37,9 +37,8 @@ export default {
   },
   onShow() {
     document.title = "问卷表单"
-    this.refresh = false
+    this.$refs.TabPage?.show()
     this.$nextTick(() => {
-      this.refresh = true
       this.injectJWeixin(['sendChatMessage', 'selectEnterpriseContact', 'shareAppMessage', 'shareWechatMessage']).then(() => {
         this.$dict.load(['questionnaireStatus', 'questionnaireType', 'questionnaireFieldType'])
       })

src/apps/AppAskForm/FiledConfig.vue

@@ -142,45 +142,35 @@
 </template>
 
 <script>
-import {components} from './config'
+import {components} from './components/config'
 
 export default {
-  props: ['filed', 'index', 'filedType'],
-
   data() {
+    let params = localStorage.getItem("toFiledConfig")
+    params && (params = JSON.parse(params))
+    localStorage.removeItem("toFiledConfig")
     return {
+      ...params,
       isShowType: false,
       isShowAnswer: false,
-      config: {}
     }
   },
-
-  mounted() {
-    if (this.index !== '') {
-      this.config = this.filed
-      return false
-    }
-
-    console.log(components)
-    this.config = JSON.parse(JSON.stringify(components.filter(v => v.type === this.filedType)[0]))
-  },
-
   computed: {
+    config() {
+      return !!this.index ? this.filed : JSON.parse(JSON.stringify(components.filter(v => v.type === this.filedType)[0]))
+    },
     pointTypeName() {
       if (!this.config.pointDict) return ''
 
       return this.config.pointDict.filter(v => v.dictValue === this.config.pointType)[0].dictName
     },
-
     defaultType() {
       if (!this.config.pointType) return [0]
 
       return [Number(this.config.pointType)]
     },
-
     defaultAnswer() {
       if (!this.config.answer) return [0]
-
       let index = 0
       if (this.config.answer) {
         this.config.options?.forEach((v, i) => {
@@ -193,7 +183,6 @@ export default {
       return [index]
     }
   },
-
   methods: {
     answerChange(e) {
       this.config.answer = e[0].label
@@ -266,7 +255,7 @@ export default {
     },
 
     back() {
-      this.$emit('back')
+      uni.navigateBack({})
     },
 
     confirm() {
@@ -274,7 +263,6 @@ export default {
         config: this.config,
         index: this.index === '' ? '-1' : this.index
       })
-
       this.back()
     },
 

src/apps/AppAskForm/PreviewForm.vue

@@ -61,15 +61,16 @@
         </div>
       </div>
     </div>
-
   </div>
 </template>
 
 <script>
 
 export default {
-  props: ['formData', 'targetListData'],
   data() {
+    let params = localStorage.getItem("toPreviewForm")
+    params && (params = JSON.parse(params))
+    localStorage.removeItem("toPreviewForm")
     return {
       form: {
         tableExplain: '详细描述',
@@ -95,15 +96,10 @@ export default {
       isShow: false,
       type: 0,
       id: '',
-      touchStart: 0
+      touchStart: 0,
+      ...params
     }
   },
-
-  mounted() {
-    this.form = this.formData
-    this.targetList = this.targetListData
-  },
-
   methods: {
     getInfo(id) {
       uni.showLoading()

src/apps/AppAskForm/Result.vue

@@ -33,14 +33,16 @@ import {mapActions} from 'vuex'
 export default {
   name: 'Result',
 
-  props: ['params'],
-
+  computed: {
+    params() {
+      return this.$route.query || {}
+    }
+  },
   mounted() {
     this.injectJWeixin(['sendChatMessage', 'selectEnterpriseContact'])
   },
   methods: {
     ...mapActions(['injectJWeixin', 'wxInvoke']),
-
     copy() {
       let oInput = document.createElement('input')
       oInput.value = this.params.linkUrl
@@ -50,7 +52,6 @@ export default {
       this.$u.toast('已复制')
       oInput.remove()
     },
-
     share() {
       this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
         this.wxInvoke(['shareAppMessage', {
@@ -61,7 +62,6 @@ export default {
         }])
       })
     },
-
     shareWechat() {
       this.injectJWeixin(['shareAppMessage', 'shareWechatMessage']).then(() => {
         this.wxInvoke(['shareWechatMessage', {
@@ -72,11 +72,8 @@ export default {
         }])
       })
     },
-
     confirm() {
-      this.$emit('change', {
-        type: 'Tabbar'
-      })
+      uni.navigateBack({})
     }
   },
   onShow() {

src/apps/AppAskForm/components/AddList.vue

@@ -26,6 +26,8 @@
 </template>
 
 <script>
+import qs from "query-string"
+
 export default {
   name: 'addList',
   label: '新建项目',
@@ -47,30 +49,16 @@ export default {
     }
   },
 
-  mounted() {
+  created() {
     this.getList()
   },
-
   methods: {
     toAdd(type) {
-      this.$emit('change', {
-        type: 'AddForm',
-        params: {
-          type
-        }
-      })
+      uni.navigateTo({url: `./AddForm?${qs.stringify({type})}`})
     },
-
     quote(id) {
-      this.$emit('change', {
-        type: 'AddForm',
-        params: {
-          id,
-          isQuote: 1
-        }
-      })
+      uni.navigateTo({url: `./AddForm?${qs.stringify({id, isQuote: 1})}`})
     },
-
     getList() {
       this.$http.post(`/app/appquestionnairetemplate/list`, null, {
         params: {
@@ -79,7 +67,7 @@ export default {
           size: 10000
         }
       }).then(res => {
-        if (res.code == 0) {
+        if (res?.code == 0) {
           this.list = res.data.records
         }
       })

src/apps/AppAskForm/components/Tabbar.vue

@@ -42,6 +42,14 @@ export default {
   methods: {
     onChange(e) {
       this.$emit('change', e)
+    },
+    show() {
+      if (this.currIndex == 0) {
+        this.currIndex = -1
+        this.$nextTick(() => {
+          this.currIndex = 0
+        })
+      }
     }
   },
   onReachBottom() {