| | |
| | | <el-form-item label="时间" prop="startTime" > |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | style="width: 200px; |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | opacity: 0.5;" |
| | |
| | | <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="shopping" 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 |
| | |
| | | <el-table-column label="旅游名称" prop="name" sortable width="200px" /> |
| | | <el-table-column label="去向" prop="destination" sortable width="150px" /> |
| | | <el-table-column label="旅游性质" prop="property" sortable width="100" /> |
| | | <el-table-column label="感言" prop="spee" sortable width="120px" /> |
| | | <el-table-column label="旅游方式" prop="manner" sortable width="100" /> |
| | | <el-table-column label="总金额" prop="totalPrice" sortable width="100" /> |
| | | <el-table-column label="餐费" prop="eatTotal" sortable width="70px" /> |
| | |
| | | <el-table-column label="交通" prop="travelTotal" sortable width="70px" /> |
| | | <el-table-column label="门票" prop="entranceTotal" sortable width="70px" /> |
| | | <el-table-column label="团费" prop="groupTotal" sortable width="70px" /> |
| | | |
| | | |
| | | |
| | | <el-table-column label="操作" align="center" sortable width="180" > |
| | |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="起始时间" prop="startTime"> |
| | | <el-date-picker v-model="formDat.startTime" type="date" placeholder="请选择日期" |
| | | :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" |
| | | ></el-date-picker> </el-form-item> |
| | | <el-form-item label="结束时间" prop="endTime"> |
| | | <el-date-picker v-model="formDat.endTime" type="date" placeholder="请选择日期" |
| | | :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" |
| | | ></el-date-picker></el-form-item> |
| | | <el-date-picker v-model="formDat4.startTime" type="date" placeholder="请选择日期" |
| | | value-format="yyyy-MM-dd" :style="{width: '100%'}" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="结束时间1" prop="endTime"> |
| | | <el-date-picker v-model="formDat4.endTime" type="date" placeholder="请选择日期" |
| | | :style="{width: '100%'}" value-format="yyyy-MM-dd" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="去向" prop="destination"> |
| | | <el-input v-model="formDat4.destination" placeholder="请输入去向" style="width: 80%;"></el-input> |
| | | |
| | |
| | | <el-input v-model="formDat4.manner" placeholder="请输入旅游方式" style="width: 80%;"></el-input> |
| | | |
| | | </el-form-item> |
| | | <el-form-item label="感言" prop="spee"> |
| | | <textarea type="textarea" v-model="formDat4.spee" placeholder="请输入旅游感言" style="width: 80%;"></textarea> |
| | | |
| | | </el-form-item> |
| | | </el-form> |
| | | <h4 class="form-header"> </h4> |
| | | |
| | |
| | | <el-input v-model="formDat.travelMode" placeholder="请输入出行方式" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="持证旅游" prop="certificate"> |
| | | <el-select v-model="formDat.certificate" placeholder="请选择证件" clearable :style="{width: '80%'}" > |
| | | <el-form-item label="持证旅游" prop="document"> |
| | | <el-select v-model="formDat.document" placeholder="请选择证件" clearable :style="{width: '80%'}" > |
| | | <el-option label="居民身份证" value="居民身份证"></el-option> |
| | | <el-option label="临时身份证" value="临时身份证"></el-option> |
| | | <el-option label="户口本" value="户口本"></el-option> |
| | |
| | | <el-form-item label="车次/航班" prop="flight"> |
| | | <el-input v-model="formDat.flight" placeholder="请输入车次/航班" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="其它费用" prop="otherCost"> |
| | | <el-input v-model="formDat.otherCost" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="backInfo"> |
| | | <el-input v-model="formDat.backInfo" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="备注" prop="remark">--> |
| | | <!-- <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>--> |
| | | <!-- </el-form-item>--> |
| | |
| | | // 日期范围 |
| | | dateRange: [], |
| | | // 数据范围选项 |
| | | fot:[".jpg",".jif"], |
| | | // 数据范围选项 |
| | | fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx', |
| | | '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'], |
| | | |
| | | fileList:[ |
| | | ], |
| | | fileListOther:[ |
| | |
| | | happenTime: undefined, |
| | | title: undefined, |
| | | travelPeriod:undefined, |
| | | certificate: undefined, |
| | | document: undefined, |
| | | totalPrice: undefined, |
| | | self: undefined, |
| | | remark: undefined, |
| | | groupTotal:undefined, |
| | | url: undefined, |
| | | otherCost: undefined, |
| | | backInfo: undefined |
| | | }, |
| | | formDat1: { |
| | | eat: undefined, |
| | |
| | | property:undefined, |
| | | name: undefined, |
| | | destination: undefined, |
| | | spee: undefined |
| | | }, |
| | | // 菜单列表 |
| | | menuOptions: [], |
| | |
| | | destination: [{ |
| | | required: true, |
| | | message: '请选择去向', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | property: [{ |
| | | required: true, |
| | |
| | | }], |
| | | startTime: [{ |
| | | required: true, |
| | | type: "string", |
| | | message: '请选择日期', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | endTime: [{ |
| | | required: true, |
| | | message: '请选择日期', |
| | | trigger: 'change' |
| | | trigger: 'blur' |
| | | }], |
| | | name: [{ |
| | | required: true, |
| | |
| | | |
| | | listTravelPrice(this.queryParams).then(response => { |
| | | this.travelpriceList = response.data.data; |
| | | |
| | | console.log(this.travelpriceList) |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | |
| | |
| | | background-color: #EBAFB4 /* 更改为你想要的背景颜色 */ |
| | | /* color: #FFF; 更改为你想要的文字颜色 */ |
| | | } |
| | | .el-table__cell { |
| | | font-size: 14px; /* 设置字体大小 */ |
| | | } |
| | | .button-container { |
| | | display: inline-flex; /* 设置按钮容器为行内元素 */ |
| | | } |
| | | </style> |