feige
2024-09-10 598fe738b22d39172b068db5309476e08481e868
ruoyi-ui/src/views/travel/Info.vue
@@ -89,21 +89,26 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <el-table v-loading="loading" border :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  :header-row-class-name="tableHeaderRowClassName"  v-loading="loading" :data="travelBase[props.row.id]"  style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;" :row-class-name="tableRowClassName1" >
                  <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="50px"/>
      <el-table-column label="时间" prop="happenTime" sortable width="100" align="center">
        <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
                  <el-table-column label="时间" prop="happenDate" sortable width="100" align="center" >
                    <template slot-scope="scope">{{scope.row.happenDate? scope.row.happenDate: '————'}}</template>
      </el-table-column>
      <el-table-column label="地点" prop="address" sortable width="100" />
      <el-table-column label="持证旅游" prop="certificate" sortable width="100" />
      <el-table-column label="费用" prop="totalPrice" sortable width="100" />
      <el-table-column label="公费/自费" prop="self" sortable width="100" >
        <template slot-scope="scope">{{scope.row.self==0?'公费':'自费'}}</template>
      </el-table-column>
                  <el-table-column label="建筑" prop="scenic" sortable width="100" />
                  <!-- <el-table-column label="旅期" prop="travelPeriod" sortable width="100" /> -->
                  <el-table-column label="使用证件" prop="document" sortable width="100" />
                  <el-table-column label="车次/航班" prop="flight" sortable width="120px" />
                  <el-table-column label="餐费" prop="eat" sortable width="70px" />
                  <el-table-column label="住宿费" prop="stay" sortable width="100px" />
                  <el-table-column label="交通" prop="travel" sortable width="70px" />
                  <el-table-column label="门票" prop="entrance" sortable width="70px" />
                 <el-table-column label="其它费用" prop="otherCost" sortable width="120px" />
              <el-table-column label="备注" prop="backInfo" sortable width="120px" />
      <el-table-column label="电子文件" prop="url" width="160" >
        <template slot-scope="scope" >
          <img
@@ -112,37 +117,38 @@
            alt=""
            style="width: 35px; height: 35px;"
            fit="cover"
            v-if="scope.row.url !== ','"
                        v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)"
          >
          <img
                        v-else
            class="el-upload-list__item-thumbnail"
            src="../../assets/images/deviceA.png"
            alt=""
            style="width: 35px; height: 35px;"
            fit="cover"
            v-if="scope.row.url === ','"
          >
        </template>
      </el-table-column>
      <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">
                  <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="userId != 2">
        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
                        @click="handleUpdate1(scope.row)"
            v-hasPermi="['familymodel:economy:info']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
                        @click="handleDelete1(scope.row)"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
                      <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck1(scope.row)">查看详情</el-button>
        </template>
      </el-table-column>
@@ -353,6 +359,11 @@
      deptNodeAll: false,
      // 日期范围
      dateRange: [],
     queryParams: {
       pageNum: 1,
       pageSize: 10,
     },
      // 数据范围选项
    // 数据范围选项
    fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
@@ -513,7 +524,7 @@
    const id = this.$route.params && this.$route.params.id;
    this.getList1();
  //  this.getList1();
    this.getList(id);
  },
@@ -558,14 +569,15 @@
    getList(fid) {
      this.loading = true;
      this.queryParams.fid = fid
      this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
      this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
      // this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
      // this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
      // console.log(this.queryParams)
      // // console.log(this.queryParams)
      //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
      listTravelBase(this.queryParams).then(response => {
          //  alert(123)
          //   console.log(response.data)
        console.log(response.data)
            console.log(response.data.data)
          this.travelBase = response.data.data;
          // console.log(this.travelBase)
          this.total = response.data.total;
@@ -585,7 +597,7 @@
          this.loading = false;
          const detailList = filteredData.detailList;
          // console.log(detailList);
          resolve(detailList);
       //   resolve(detailList);
        }).catch(error => {
          console.error("请求错误:", error);
          reject(error);