| | |
| | | <template> |
| | | <div class="app-container" style="opacity: 1;"> |
| | | <h2>旅游经历表</h2> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | |
| | | <el-form-item label="时间" > |
| | |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | <!-- 序号、基金/台账、时间、收入/支出、用途、使用人、现金/自动扣划、余额、电子文件、备注 操作--> |
| | | <!-- 这里有个familyList数组 是在data()中定义的 --> |
| | | |
| | | <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="address" sortable width="100" /> |
| | | <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> |
| | | |
| | | <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="travelPeriod" 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="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="url" width="160" > |
| | | <template slot-scope="scope" > |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="scope.row.url !== ','" |
| | | > |
| | | <img |
| | | 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" /> |
| | | |
| | | |
| | |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:role:remove']" |
| | | >删除</el-button> |
| | | <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> |
| | | |
| | | </template> |
| | | </el-table-column> |
| | |
| | | /** 查看详细信息 */ |
| | | handleCheck(row){ |
| | | const id = row.id; |
| | | this.$router.push("/familymodel/economy/economyInfo/" + id); |
| | | this.$router.push("/self/travel/travelInfo/" + id); |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | let jd = true |
| | | |
| | | this.$router.push({ |
| | | path:"/familymodel/economy/economyInfo/" + id, |
| | | path:"/self/travel/travelInfo/" + id, |
| | | query:{ |
| | | detail:jd |
| | | } |