所有类型订单列表组件、申请、审核合并

src/components/myOrdersAllType/components/allListExaminePrice.vue

-<style scoped>
-  .groupTourOrder_count{
-    display: flex;
-    flex-wrap: wrap;
-
-  }
-  .groupTourOrder_count>div{
-    margin-right: 20px;
-  }
-  .groupTourOrder_count>div:last-child{
-    margin-right: 0;
-  }
-  .groupTourOrder_count_item{
-    max-width: 500px;
-  }
-  .groupTourOrder_count_item>p>span{
-    margin: 0;
-  }
-  .color_red_order{
-    color: red;
-  }
-  .HT_total{
-    display: flex;
-    flex-direction: column;
-    margin: 5px 0;
-  }
-  .HT_total p{
-    width: 100%;
-    display: block;
-  }
-  .HT_total p>span{
-    float: left;
-    display: inline-block;
-    /* width: 25%; */
-    margin-right: 20px;
-  }
-  .HT_total p>span:last-child{
-    margin-right: 0;
-  }
-    .TC_leftSearch>div{
-      padding:  5px 0;
-    }
-    .groupTourOrderByTuan_ico{
-      margin-left: 5px;
-    }
-    .groupTourOrderByTuan_ico>i{
-          display: inline-block;
-          margin: 0 5px 0 0;
-          width: 8px;
-          height: 8px;
-          border-radius: 2px;
-          vertical-align: middle;
-      }
-      .HotelWorkList .has-gutter tr th,
-      .el-table th.is-leaf {
-        background-color: #EAEAEA !important;
-      }
-
-      .HotelWorkList .HW_hotelDialog {
-        width: 900px;
-      }
-
-      .HotelWorkList .Hw_tableOne {
-        width: 100%;
-        height: 40px;
-        background-color: #EAEAEA;
-      }
-
-      .HotelWorkList .Hw_tableOne th {
-        text-align: center;
-      }
-
-      .HotelWorkList .HotelWorkInput .el-input {
-        width: 223px;
-      }
-
-      .HotelWorkList .HworkInput .el-input {
-        width: 210px;
-      }
-      /deep/.query-box li span>em{
-        min-width: 60px;
-      }
-
-    </style>
-
-    <template>
-      <div class="HotelWorkList">
-          <div class="query-box HotelWorkInput" style="border-bottom: none;">
-              <ul>
-              
-                <li>
-                  <span>
-                    <em>审核状态</em>
-                    <el-select v-model='msg.OrderState' class="w200">
-                        <!-- <el-option :value="0" label="不限"></el-option> -->
-                        <el-option v-for='item in OrderStatusList'
-                            :label='item.Name'
-                            :value='item.Id'
-                            :key='item.Id'>
-                        </el-option>
-                    </el-select>
-                  </span>
-                </li>
-                <li >
-                  <input type="button" class="normalBtn" :value="$t('pub.searchBtn')"
-                            @click="msg.pageIndex=1,currentPage=1,GetList();showWarningSearch=false"  />
-                </li>
-              
-                <li style="line-height: 30px; padding-left: 30px;">
-                 
-                </li>
-              
-              </ul>
-          </div>
-          <!-- 统计版块 -->
-   
-              <OrderList :pagesTitle="Title" :OrderList="OrderList" v-loading="loading" @success="msg.pageIndex=1,GetList()"> </OrderList>
-              <div v-if="OrderList&&OrderList.length==0" style="text-align: center;padding: 100px;">暂无数据</div>
-              <el-pagination v-if="OrderList&&OrderList.length>0" background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
-              </el-pagination>
-
-
-      </div>
-    </template>
-    <script>
-      import OrderList from './OrderListExaminePrice.vue';
-      export default {
-        props:['pagesTitle','dataObj'],
-        components: { OrderList },
-        data() {
-          return {
-            CommissionTypeList:[
-              {Name: '不限',Id:'-1'},
-              {Name: '出境提成',Id:'1'},
-              {Name: '国内提成',Id:'2'},
-            ], 
-            employeeMsg:{ // 员工
-                  GroupId:'',
-                  BranchId:-1,
-                  DepartmentId:0,
-                  PostId:0,
-                  IsLeave:0,
-              },
-            showWarningSearch: false,
-            TotalMsg: null,
-            MultipleChoiceList: [ //多选项目
-                {
-                    Name: '机票',
-                    Id: '1'
-                }, {
-                    Name: '签证',
-                    Id: '2'
-                }, {
-                    Name: '地接',
-                    Id: '3'
-                }, {
-                    Name: '套餐',
-                    Id: '4'
-                }, {
-                    Name: '其他',
-                    Id: '5'
-                }
-            ],
-            userInfo: {},
-            HotelList: [],
-            loading: false,
-            isShow: false,
-            outerVisible: false,
-            //订单列表
-            OrderList: [],
-            //默认高度
-            tableHeight: 0,
-            msg:{
-            pageIndex: 1,
-            pageSize: 15,
-            OrderId: "", //订单id
-            OrderState: '0', //订单状态
-            OrderType: "0",//订单类型
-            },
-            total: 0,
-            currentPage: 1,
-            OrderTypeList:[],
-            orderType:[
-              {Name: this.$t('OrderList.orderType.tour'),ID:'1'},
-              {Name: this.$t('OrderList.orderType.guest'),ID:'2'},
-            ],
-            Title:'',
-              OrderStatusList: [
-                { Name: "不限", Id: "0" },
-                { Name: "待审核", Id: "1" },
-                { Name: "已通过", Id: "2" },
-                { Name: "已取消", Id: "3" },
-              ]
-          };
-        },
-        watch: {
-          pagesTitle(val,oldval){
-            this.Title = val
-          },
-          dataObj:{
-            handler(val, oldVal) {
-              this.msg.OrderType = val.tab
-              this.msg.OrderId = val.OrderId
-              this.GetList()
-            },
-            deep: true,
-          }
-        },
-        methods: {
-        
-        
-          //获取酒店订单列表
-          GetList() {
-            this.loading = true
-            let url = "CarSingle_post_GetExaminePriceOrderPageList"
-            this.apipost(url, this.msg,
-              res => {
-                if (res.data.resultCode == 1) {
-                  let data = res.data.data.pageData
-                  this.OrderList = data;
-                  this.total = res.data.data.count;
-                //   this.TotalMsg = res.data.data.StatModel
-                }else {
-                  this.Error(res.data.message);
-                }
-                this.loading = false
-              },
-              err => {this.loading = false}
-            );
-          },
-        
-          handleCurrentChange(val) {
-              this.msg.pageIndex = val;
-              this.GetList();
-          },
-          com_onresize() {
-            //clientHeight的值由DIV内容的实际高度和CSS中的padding值决定，
-            var contentsHeight = document.body.clientHeight;
-            var h = contentsHeight - 50 - 180 - 40;
-            if (h < 110) {
-              return;
-            }
-            //设置table的行高
-            this.tableHeight = h;
-          },
-        },
-        created() {
-
-          let userInfo=this.getLocalStorage();
-          this.employeeMsg.GroupId = userInfo.RB_Group_id;    //集团ID
-          if(this.$route.query.OrderId){
-            this.msg.OrderId=this.$route.query.OrderId
-          
-            this.msg.OrderState = '0'
-          }
-        
-        },
-        mounted() {
-          this.userInfo = this.getLocalStorage();
-          this.GetList();
-          //自适应高度调节
-          this.com_onresize();
-          window.onresize = () => {
-            this.com_onresize();
-          }
-        },
-      };
-
-    </script>