12-28 lhj

src/components/statistics/Groupreports.vue

@@ -106,8 +106,8 @@
                           <el-button Inquireclick
                             type="primary"
                             size="mini"
-                            title="查看费用清单"
-                            @click="handleView(scope.$index, scope.row)">查看费用清单</el-button>
+                            title="详 细"
+                            @click="handleView(scope.$index, scope.row)">详 细</el-button>
                         </template>
                       </el-table-column>
                 </el-table>
@@ -198,7 +198,7 @@ export default {
         },
         //查看费用申请
         handleView(index, row) {
-            this.$router.push({path: '/home/FeesPage?id=' + row.id +''});
+            this.$router.push({path: '/home/Reportstbale?id=' + row.id +''});
         },
         //模糊查询
         Inquireclick(){

src/components/statistics/Reportstbale.vue

@@ -1,13 +1,118 @@
 <template>
     <div>
-        
+        <div class="reportsbale-all">
+            <div class="reportsbale-info">
+                <div style="display: flex;">
+                    <div class="reportsbale-info-li">
+                        <label>团 号：</label>
+                        <span v-if="this.groupInfo.tourCode!=''">{{groupInfo=={}?'暂无':groupInfo.tourCode==""?'暂无':groupInfo.tourCode}}</span>
+                    </div>
+                    <div class="reportsbale-info-li">
+                        <label>客 户：</label>
+                        <span>{{groupInfo=={}?'暂无':groupInfo.clientName==""?'暂无':groupInfo.clientName}}</span>
+                    </div>
+                    <div class="senreportsbaledack-info-li">
+                        <label>出访国家：</label>
+                        <span>{{groupInfo=={}?'暂无':groupInfo.visitCountry==""?'暂无':groupInfo.visitCountry}}</span>
+                    </div>
+                    <div class="reportsbale-info-li">
+                        <label>起止日期：</label>
+                        <span>{{groupInfo.visitStartDate|filter_time}}~{{groupInfo.visitEndDate|filter_time}}</span>
+                    </div>
+                    <div class="reportsbale-info-li">
+                        <label>天数/人数：</label>
+                        <span>{{groupInfo=={}?'暂无':groupInfo.visitDays+'天/'+groupInfo.visitPNumber+'人'}}</span>
+                    </div>
+                </div>
+                <div>
+                    <el-button size="mini" type="primary" @click="goback()">返 回</el-button>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 <script>
 export default {
-    
+    data () {
+        return {
+            groupInfo:{},
+            diid:'',
+            pageId:0,
+            userid:'',
+            token:''
+        }
+    },
+    methods:{
+        //获取团组详情
+        PostShareGroupInfo(){
+            var url = "/api/Business/PostShareGroupInfo"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + that.userid
+                },
+                data:{
+                    portType:1,
+                    id: that.diid
+                }
+            }).then(function (res) {
+                console.log(res)
+                if(res.data.code==200){
+                    that.groupInfo=res.data.data;
+                }else{
+                    that.$message.error('获取数据源失败！');
+                }
+            })
+        },
+    },
+    filters:{
+        filter_time(value){
+            if(value){
+                return value.split(' ')[0];
+            }
+            return value
+            
+        },
+        filter_city(value){
+            return value
+        }
+    },
+    mounted(){
+        this.diid = this.$route.query.id;
+        this.token=JSON.parse(localStorage.getItem('userinif')).token;
+        this.pageId=Number(localStorage.getItem('indexs').split('-')[1]);//页面id
+        this.userid=JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
+        this.PostShareGroupInfo()
+    }
 }
 </script>
 <style>
-    
+.reportsbale-all{
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+    height: 100%;
+    min-height: 840px;
+}
+.reportsbale-info{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.reportsbale-info-li{
+    margin-right: 30px;
+}
+.reportsbale-info-li label{
+    color: #606266;
+    font-size: 15px;
+    font-weight: 600;
+}
+.reportsbale-info-li span{
+    color: #606266;
+    font-size: 14px;
+}
 </style>

src/router/index.js

@@ -92,6 +92,7 @@ import Sendack from '@/components/Finance/Sendack';
 import Groupreports from '@/components/statistics/Groupreports';
 import Customers from '@/components/OP/Customers';
 import OpCustomers from '@/components/OP/OpCustomers';
+import Reportstbale from '@/components/statistics/Reportstbale';
 
 
 
@@ -542,6 +543,11 @@ export default new Router({
           name: 'OpCustomers',
           component: OpCustomers
         },
+        {
+          path: '/home/Reportstbale',
+          name: 'Reportstbale',
+          component: Reportstbale
+        },
       ]
     },
     {