commit

src/main/resources/views/platform/theRapyRecuperation/signUp/info.js

@@ -5,7 +5,8 @@ const INFO = {
             <template v-if="[0, 1].includes(index)">
                 <el-descriptions :column="2" border class="descriptions-form">
                     <el-descriptions-item label="线路名称" :span="2">
-                        <el-tag>{{lineData.lotName}}</el-tag>{{lineData.lineName}}
+                        <el-tag>{{lineData.lotName}}</el-tag>
+                        {{lineData.lineName}}
                     </el-descriptions-item>
 
                     <el-descriptions-item label="区   域">{{ lineData.regionalNature }}</el-descriptions-item>
@@ -13,10 +14,12 @@ const INFO = {
                     <el-descriptions-item label="当前报名">
                         <template v-if="lineData.regionalNature == '省内'">
                             <template v-if="configData.familyInfo == 2">
-                                {{lineData.signUpUserNum + lineData.signUpUserFamilyNum + '（家属' + lineData.signUpUserFamilyNum + '人）'}}
+                                {{lineData.signUpUserNum + lineData.signUpUserFamilyNum + '（家属' +
+                                lineData.signUpUserFamilyNum + '人）'}}
                             </template>
                             <template v-else>
-                                {{lineData.signUpUserNum + lineData.familyNumber + '（家属' + lineData.familyNumber + '人）'}}
+                                {{lineData.signUpUserNum + lineData.familyNumber + '（家属' + lineData.familyNumber +
+                                '人）'}}
                             </template>
                         </template>
                         <template v-else>
@@ -36,35 +39,104 @@ const INFO = {
                         {{moment(lineData.playStartTime).format('YYYY-MM-DD HH:mm') + ' ~ ' +
                         moment(lineData.playEndTime).format('YYYY-MM-DD HH:mm')}}
                     </el-descriptions-item>
-                    <el-descriptions-item label="旅&ensp;行&ensp;社">
+                    <el-descriptions-item label="旅行社">
                         {{lineData.travelAgencyName}}
                     </el-descriptions-item>
-                    <el-descriptions-item label="联系方式">
+                    <el-descriptions-item label="联系方式" :span="2">
                         {{lineData.contactMobileNumber}}
                     </el-descriptions-item>
+                    <el-descriptions-item label="线路详情" :span="2">
+                        <div v-html="lineData.content" @click="contentClick($event)"></div>
+                    </el-descriptions-item>
                 </el-descriptions>
                 <el-divider></el-divider>
-                
+
                 <div></div>
-                
+
             </template>
             <!-- 定点 -->
             <template v-if="index == 3">
-                
+                <el-descriptions :column="2" border class="descriptions-form">
+                    <el-descriptions-item label="酒店名称" :span="2">
+                        <el-tag>{{baseData.lotName}}</el-tag>
+                        {{baseData.baseName}}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="区   域">{{ baseData.regionalNature }}</el-descriptions-item>
+                    <el-descriptions-item label="预计费用">{{ baseData.estimatedCost }}元</el-descriptions-item>
+                    <el-descriptions-item label="报名时间">
+                        {{moment(baseData.signUpStartTime).format('YYYY-MM-DD HH:mm') + ' ~ ' +
+                        moment(baseData.signUpEndTime).format('YYYY-MM-DD HH:mm')}}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="出行时间">
+                        {{moment(baseData.playStartTime).format('YYYY-MM-DD HH:mm') + ' ~ ' +
+                        moment(baseData.playEndTime).format('YYYY-MM-DD HH:mm')}}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="酒店介绍" :span="2">
+                        <div v-html="baseData.content" @click="contentClick($event)"></div>
+                    </el-descriptions-item>
+                </el-descriptions>
+
             </template>
         </div>
     `,
     props: {
-        id: { type: String, required: true },
+        index: {type: Number, required: true},
-        index: { type: Number, required: true },
+        edit_other: {type: String, required: false, default: ''},
-        edit_other: { type: String, required: false, default: '' },
     },
-    data(){
+    data() {
-        return{
+        return {
-
+            lineData: {},
+            baseData: {},
+            configData: {},
         }
     },
     methods: {
+        contentClick(e) {
+            document.addEventListener('click', function (event) {
+                // 检查点击的元素是否是<a>标签
+                if (event.target.tagName === 'A') {
+                    // 阻止默认行为，即不进行链接跳转或下载
+                    event.preventDefault();
+                }
+            });
+            const params = new URLSearchParams(new URL(e.target.href).search);
+            const id = params.get('id');
+            if (id) {
+                let pdfStreamUrl = encodeURIComponent('/file_server/fileStreamPreview?id=' + id) //将路径转码
+                window.open('/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl, e.target.innerText)
+            }
 
+        },
+        async getConfigData() {
+            const resp = await $.get('/platform/theRapyRecuperation/TheRapyConfig/findOne')
+            this.configData = resp.data
+        },
+        async getLineData(takePartInLineId) {
+            if (takePartInLineId == null){
+                this.lineData={}
+            }
+            const resp = await $.get("/platform/theRapyRecuperation/line/enroll/selectLineAllInfo", {
+                usId: takePartInLineId
+            })
+            if (resp.code === 0) {
+                this.lineData = resp.data
+            }
+        },
+        async getBaseData(takePartInBaseManagementId) {
+            if (takePartInBaseManagementId == null){
+                this.baseData={}
+            }
+            const res = await $.get('/platform/theRapyRecuperation/baseManagement/selectBaseAllInfo', {
+                id: takePartInBaseManagementId
+            })
+            if (res.code === 0) {
+                this.baseData = res.data
+            }
+        },
+        async openInit(takePartInLineId,takePartInBaseManagementId) {
+            await this.getConfigData()
+            await this.getLineData(takePartInLineId)
+            await this.getBaseData(takePartInBaseManagementId)
+        }
     }
 }