1 changed files with 22 additions and 10 deletions
Unified View
Diff Options
+ 22
- 10
application/admin/view/order_main/index.html
View File
| @@ -101,9 +101,9 @@ | |||||
| </div> | </div> | ||||
| <div class="header-search" style="width: 100%;margin-bottom: 10px"> | <div class="header-search" style="width: 100%;margin-bottom: 10px"> | ||||
| <span>出游人：</span> | <span>出游人：</span> | ||||
| <el-input v-model="search.customer_name" style="width: 150px;" placeholder="请输入内容" clearable></el-input> | |||||
| <el-input v-model="search.customer_name" style="width: 150px;margin: 5px;" placeholder="请输入内容" clearable></el-input> | |||||
| <span>供应商</span> | <span>供应商</span> | ||||
| <el-select v-model="search.supplier_id" filterable style="width: 150px;" placeholder="请选择" clearable> | |||||
| <el-select v-model="search.supplier_id" filterable style="width: 150px;margin: 5px;" placeholder="请选择" clearable> | |||||
| <el-option | <el-option | ||||
| v-for="item in supplierList" | v-for="item in supplierList" | ||||
| :key="item.id" | :key="item.id" | ||||
| @@ -113,7 +113,7 @@ | |||||
| </el-select> | </el-select> | ||||
| <span>入住时间</span> | <span>入住时间</span> | ||||
| <el-date-picker | <el-date-picker | ||||
| style="width: 150px;" | |||||
| style="width: 150px;margin: 5px;" | |||||
| v-model="search.startInDate" | v-model="search.startInDate" | ||||
| type="date" | type="date" | ||||
| value-format="yyyy-MM-dd" | value-format="yyyy-MM-dd" | ||||
| @@ -122,7 +122,7 @@ | |||||
| </el-date-picker> | </el-date-picker> | ||||
| ~ | ~ | ||||
| <el-date-picker | <el-date-picker | ||||
| style="width: 150px;" | |||||
| style="width: 150px;margin: 5px;" | |||||
| v-model="search.endInDate" | v-model="search.endInDate" | ||||
| value-format="yyyy-MM-dd" | value-format="yyyy-MM-dd" | ||||
| type="date" | type="date" | ||||
| @@ -131,7 +131,7 @@ | |||||
| </el-date-picker> | </el-date-picker> | ||||
| <span>离店时间</span> | <span>离店时间</span> | ||||
| <el-date-picker | <el-date-picker | ||||
| style="width: 150px;" | |||||
| style="width: 150px;margin: 5px;" | |||||
| v-model="search.startOutDate" | v-model="search.startOutDate" | ||||
| type="date" | type="date" | ||||
| value-format="yyyy-MM-dd" | value-format="yyyy-MM-dd" | ||||
| @@ -140,17 +140,19 @@ | |||||
| </el-date-picker> | </el-date-picker> | ||||
| ~ | ~ | ||||
| <el-date-picker | <el-date-picker | ||||
| style="width: 150px;" | |||||
| style="width: 150px;margin: 5px;" | |||||
| v-model="search.endOutDate" | v-model="search.endOutDate" | ||||
| value-format="yyyy-MM-dd" | value-format="yyyy-MM-dd" | ||||
| type="date" | type="date" | ||||
| :picker-options="pickerOptions" | :picker-options="pickerOptions" | ||||
| placeholder="选择日期"> | placeholder="选择日期"> | ||||
| </el-date-picker> | </el-date-picker> | ||||
| <el-button type="primary" icon="el-icon-search" @click="getData(1)">搜索</el-button> | |||||
| <el-button type="primary" icon="el-icon-plus" @click="addShow=true" >新增</el-button> | |||||
| <el-button type="primary" icon="el-icon-search" style="margin: 5px;" @click="getData(1)">搜索</el-button> | |||||
| <el-button type="primary" icon="el-icon-plus" style="margin: 5px;" @click="addShow=true" >新增</el-button> | |||||
| <el-button type="primary" icon="el-icon-plus" style="margin: 5px;" v-if="isExpand == false" @click="zhankai(true)">全部展开</el-button> | |||||
| <el-button type="primary" icon="el-icon-minus" style="margin: 5px;" v-if="isExpand" @click="zhankai(false)">全部收起</el-button> | |||||
| </div> | </div> | ||||
| <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" | |||||
| <el-table v-if="showTable" ref="multipleTable" :default-expand-all="isExpand" :data="tableData" border tooltip-effect="dark" | |||||
| style="font-size:12px;width: 100%;margin-top: 12px"> | style="font-size:12px;width: 100%;margin-top: 12px"> | ||||
| <el-table-column width="50"> | <el-table-column width="50"> | ||||
| <template slot-scope="scope" > | <template slot-scope="scope" > | ||||
| @@ -437,7 +439,9 @@ | |||||
| "memo":"" | "memo":"" | ||||
| }, | }, | ||||
| memoList:[], | memoList:[], | ||||
| showMemo:false | |||||
| showMemo:false, | |||||
| isExpand: true, | |||||
| showTable:true | |||||
| } | } | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| @@ -501,6 +505,14 @@ | |||||
| }, | }, | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| zhankai(val){ | |||||
| this.isExpand = val; | |||||
| this.showTable = false; | |||||
| setTimeout(e => { | |||||
| this.showTable = true; | |||||
| // this.showTable(true) | |||||
| }, 1000); // 定时时间 | |||||
| }, | |||||
| getSupplierList(){ | getSupplierList(){ | ||||
| axios.post("/hotel.php/cf_suplier_info/getList", this.search).then((response) => { | axios.post("/hotel.php/cf_suplier_info/getList", this.search).then((response) => { | ||||
| console.log(response) | console.log(response) | ||||