| | |
| | | <template> |
| | | <div class="app-container" style="opacity: 1;"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | |
| | | <h1 style="font-size:21px">完美旅途</h1> |
| | | <el-form-item label="时间" prop="startTime"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | |
| | | <!-- 这里有个familyList数组 是在data()中定义的 --> |
| | | <el-table v-loading="loading" :data="travelpriceList" @selection-change="handleSelectionChange" @row-click="handleShow" :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 fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="40"/> |
| | | <el-table-column label="旅游名称" prop="tableName" sortable width="100" /> |
| | | <el-table-column label="标题" prop="title" sortable width="100" /> |
| | | <el-table-column label="去向" prop="destination" sortable width="50" /> |
| | | <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> |
| | |
| | | <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="property" sortable width="100" /> |
| | | <el-table-column label="旅游方式" prop="type" 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="shopping" sortable width="80" /> |
| | | |
| | | |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <el-table-column label="操作" align="center" sortable width="200" > |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | |
| | | <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> |
| | | <el-button class="button" size="mini" type="text" @click="handleShow"> |
| | | <el-button class="button" size="mini" type="text" @click="handleShow" v-hasPermi="['system:role:add']"> |
| | | <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn> </el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | :on-remove="handleRemoveFile" |
| | | :on-remove="handleRemove" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | | <el-button type="primary">点击上传</el-button> |
| | | <el-button type="primary">上传</el-button> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | |
| | | ); |
| | | }, |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | |
| | | }); |
| | | } |
| | | }); |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | this.handleRemove(this.fileList[0]); |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const Ids = row.id || this.ids; |
| | | this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项?').then(function() { |
| | | return delEconomy(Ids); |
| | | this.$modal.confirm('是否确认删除所选数据项?').then(function() { |
| | | return delTravelPrice(Ids); |
| | | }).then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |