优化

src/views/modules/activity/detail.vue

@@ -14,12 +14,12 @@
                 <div class="tab-pre" :class="{'active':tidx==2}" @click="changeTab(2)">活动参与</div>
             </div>
             <div class="form" v-if="tidx===1">
-                <el-form ref="basicRef" :model="basicForm" :rules="basicRules" label-width="125px">
+                <el-form ref="basicRef" :model="basicForm" label-width="125px">
                     <el-form-item label="活动类型" prop="typeId">
-                        <div class="form-text">{{ typeOptions.find(t=>t.id===basicForm.typeId).typeName||'' }}</div>
+                        <div class="form-text">{{ typeOptions.find(t=>t.id===basicForm.typeId)?(typeOptions.find(t=>t.id===basicForm.typeId).typeName||''):'' }}</div>
                     </el-form-item>
                     <el-form-item label="活动分类" prop="categoryId">
-                        <div class="form-text">{{ categoryOptions.find(t=>t.id===basicForm.categoryId).categoryName||'' }}</div>
+                        <div class="form-text">{{ categoryOptions.find(t=>t.id===basicForm.categoryId)?(categoryOptions.find(t=>t.id===basicForm.categoryId).categoryName||''):'' }}</div>
                     </el-form-item>
                     <el-form-item label="活动名称" prop="activityName">
                         <div class="form-text">{{ basicForm.activityName||'' }}</div>
@@ -40,17 +40,17 @@
                     </el-form-item>
                     <el-form-item label="活动地点" prop="districtId">
                       <div class="adfac">
-                        <div class="form-text">{{ provinceOptions.find(t=>t.id===basicForm.provinceId).name||'' }}</div>
-                        <div class="form-text">{{ cityOptions.find(t=>t.id===basicForm.cityId).name||'' }}</div>
-                        <div class="form-text">{{ areaOptions.find(t=>t.id===basicForm.districtId).name||'' }}</div>
+                        <div class="form-text">{{ provinceOptions.find(t=>t.id===basicForm.provinceId)?(provinceOptions.find(t=>t.id===basicForm.provinceId).name||''):'' }}</div>
+                        <div class="form-text">{{ cityOptions.find(t=>t.id===basicForm.cityId)?(cityOptions.find(t=>t.id===basicForm.cityId).name||''):'' }}</div>
+                        <div class="form-text">{{ areaOptions.find(t=>t.id===basicForm.districtId)?(areaOptions.find(t=>t.id===basicForm.districtId).name||''):'' }}</div>
                         <div class="form-text">{{ basicForm.address||'' }}</div>
                       </div>
                     </el-form-item>
                     <el-form-item label="渠道方" prop="channelId">
-                      <div class="form-text">{{ channelOptions.find(t=>t.id===basicForm.channelId).channelName||'' }}</div>
+                      <div class="form-text">{{ channelOptions.find(t=>t.id===basicForm.channelId)?(channelOptions.find(t=>t.id===basicForm.channelId).channelName||''):'' }}</div>
                     </el-form-item>
                     <el-form-item label="举办方" prop="organizerId">
-                      <div class="form-text">{{ organizerOptions.find(t=>t.id===basicForm.organizerId).channelName||'' }}</div>
+                      <div class="form-text">{{ organizerOptions.find(t=>t.id===basicForm.organizerId)?(organizerOptions.find(t=>t.id===basicForm.organizerId).channelName||''):'' }}</div>
                     </el-form-item>
                     <el-form-item label="活动列表图片" prop="coverFile">
                       <div class="adfac">
@@ -69,9 +69,9 @@
                 </el-form>
             </div>
             <div class="form" v-else-if="tidx===2">
-                <el-form ref="moreRef" :model="moreForm" :rules="moreRules" label-width="125px">
+                <el-form ref="moreRef" :model="moreForm" label-width="125px">
                   <el-form-item label="参与方式" prop="joinMode">
-                    <div class="form-text">{{ dataList.find(t=>t.dictValue===moreForm.joinMode).dictLabel||'' }}</div>
+                    <div class="form-text">{{ dataList.find(t=>t.dictValue===moreForm.joinMode)?(dataList.find(t=>t.dictValue===moreForm.joinMode).dictLabel||''):'' }}</div>
                   </el-form-item>
                   <el-form-item label="报名人数">
                     <div class="f-text adfac" v-if="moreForm.recruitmentFlag===1" style="height: 40px; margin-left: 0;">最多报名人数{{ moreForm.recruitmentMax||0 }}人，最少报名人数{{ moreForm.recruitmentMin||0 }}人</div>
@@ -198,9 +198,6 @@ export default {
     this.getSupplierOptions()
 
     this.$nextTick(() => {
-      setTimeout(() => {
-        this.$refs.infoIntroduceRef.init()
-      }, 500)
       if (this.$route.query.id) {
         this.getDetail(this.$route.query.id)
       }
@@ -375,48 +372,6 @@ export default {
       this.basicForm.imageFiles = this.fileListBanner.map(item => item.url).join(',')
     },
     handleBack () {
-      this.basicForm = {
-        id: '',
-        typeId: '',
-        categoryId: '',
-        activityName: '',
-        signupStartEnd: [],
-        signupStartTime: '',
-        signupEndTime: '',
-        activityStartEnd: [],
-        activityStartTime: '',
-        activityEndTime: '',
-        provinceId: '',
-        cityId: '',
-        districtId: '',
-        address: '',
-        channelId: '',
-        organizerId: '',
-        coverFile: '',
-        imageFiles: '',
-        activityDetails: ''
-      }
-      if (this.$refs.basicRef) this.$refs.basicRef.resetFields()
-      this.moreForm = {
-        joinMode: '',
-        recruitmentFlag: 1,
-        recruitmentMax: '',
-        recruitmentMin: '',
-        userLevelFlag: 1,
-        userLevel: 1,
-        userAgeFlag: 1,
-        userAgeMin: '',
-        userAgeMax: '',
-        activityLimit: 1,
-        valueLimit: '',
-        loveValueContent: '',
-        timesLimit: '',
-        contact: '',
-        contactPhone: '',
-        state: false
-      }
-      if (this.$refs.moreRef) this.$refs.moreRef.resetFields()
-      this.tidx = 1
       this.$router.push('/activity-list')
     },
     changeTab (idx) {