旅游详情，跳转页面都可以了，还有费用信息

feige

2023-06-06 4c10b44dd7d8f57934d7958d7134f2e77bbd0fa4

 ruoyi-ui/src/views/travel/Info.vue

@@ -89,25 +89,22 @@
      </el-row>
      <!-- 序号、基金/台账、时间、收入/支出、用途、使用人、现金/自动扣划、余额、电子文件、备注 操作-->
      <!-- 这里有个familyList数组 是在data()中定义的 -->
      <el-table v-loading="loading" :data="travelpriceList"  @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
      <el-table v-loading="loading" :data="travelBase"  @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
        <el-table-column type="selection" width="55"  align="center" />
        <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
  
        <el-table-column label="起" prop="startTime" sortable width="100" align="center">
          <template slot-scope="scope">{{scope.row.startTime? scope.row.startTime: '————'}}</template>
        </el-table-column>
        <el-table-column label="止" prop="endTime" sortable width="100" align="center">
          <template slot-scope="scope">{{scope.row.endTime? scope.row.endTime: '————'}}</template>
        </el-table-column>
        <el-table-column label="总天数" prop="totalDay" sortable width="100" />
        <el-table-column label="标题" prop="title" sortable width="100" />
        <el-table-column label="时间" prop="address" sortable width="100" />
        
        <el-table-column label="总金额" prop="totalCost" sortable width="100" />
        <el-table-column label="餐费" prop="eat" sortable width="100" />
        <el-table-column label="住宿" prop="stay" sortable width="100" />
        <el-table-column label="交通" prop="traffic" sortable width="100" />
        <el-table-column label="门票" prop="entrance" sortable width="100" />
        <el-table-column label="购物" prop="shopping" sortable width="100" />
        <el-table-column label="地点" prop="address" sortable width="100" />
        <el-table-column label="人物" prop="people" sortable width="100" />

        <el-table-column label="标题" prop="title" sortable width="100" />
        <el-table-column label="旅期" prop="travel_period" sortable width="100" />
        <el-table-column label="持证旅游" prop="certificate" sortable width="100" />
        <el-table-column label="费用" prop="total_price" sortable width="100" />
        <el-table-column label="公费/自费" prop="self" sortable width="100" />
          <el-table-column label="电子文件" prop="remark" sortable width="100" />
        <el-table-column label="备注" prop="remark" sortable width="100" />

        
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -129,18 +126,14 @@
            <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['familymodel:economy:info']">
              <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">查看详情</el-button>
            </el-dropdown>
            <el-button
              size="mini"
              type="text"
              @click="handleShow(scope.row)"
            >查看明细</el-button>
       
          </template>
        </el-table-column>
      </el-table>

      <el-dialog :title="title" :visible.sync="openDataScope" width="1000px"  append-to-body>

        <el-table v-loading="loading" :data="travelpriceList[detailList]" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" >
        <el-table v-loading="loading" :data="travelpriceList" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" >
          <el-table-column type="selection" width="55"  align="center" />

          <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
@@ -317,7 +310,7 @@
  
  
  //在system/note/index.js中导入接口函数  --接好了
  import {listTravelPrice,enload,getTravelPriceInfo,delTravelPrice, addTravelPrice, uploadPic} from "@/api/travel/index";
  import {listTravelPrice,listTravelBase,enload,getTravelPriceInfo,delTravelPrice, addTravelPrice, uploadPic} from "@/api/travel/index";
  
  export default {
    name: "Role",
@@ -339,7 +332,7 @@
        // 总条数
        total: 0,
        // 家大事记表格数据
        travelpriceList: [],
        travelBase: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
@@ -382,7 +375,7 @@
          useFor:undefined,
          usePeople:undefined,
          createTime:undefined,
  
          fid:undefined
        },
        // 表单参数
        form: {},
@@ -451,7 +444,8 @@
      };
    },
    created() {
      this.getList();
         const id = this.$route.params && this.$route.params.id;
      this.getList(id);
  
    },
    methods: {
@@ -492,18 +486,18 @@
      //列表显示家大事记
  
  
      getList() {
      getList(fid) {
        this.loading = true;
        this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
        this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
        // console.log(this.queryParams)
          this.queryParams.fid = fid
        console.log(this.queryParams)
        //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
  
          listTravelPrice(this.queryParams).then(response => {
          listTravelBase(this.queryParams).then(response => {
            //  alert(123)
            //   console.log(response.data)
            this.travelpriceList = response.data.data;
  
            this.travelBase = response.data.data;
            console.log(this.travelBase)
            this.total = response.data.total;
            this.loading = false;
          }
@@ -718,4 +712,3 @@
  
  }
  </style>