loumengning
/
hbp
2
0
Fork 0
Código Incidencias 1 Pull Requests 0 Lanzamientos 0 Wiki Actividad
酒店预订平台
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
238 Commits
3 Ramas
28 MiB
 
 
 
 
 
 
Árbol: 93c878fba5
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '93c878fba5'
${ noResults }
hbp/application/admin/view/payment_order/index.html

736 líneas
33 KiB
Original Blame Histórico 

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4.     <meta charset="UTF-8">

  5.     <!-- import CSS -->

  6.     <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

  7. </head>

  8. <body>

  9. <div id="app" class="table">

  10.     <div>

  11.         <div class="header-search" style="width: 100%;margin-bottom: 10px">

  12.             <span>付款单ID：</span>

  13.             <el-input v-model="search.id" style="width: 120px;" placeholder="请输入内容" clearable></el-input>

  14.             <span>名称：</span>

  15.             <el-input v-model="search.name" style="width: 120px;" placeholder="请输入内容" clearable></el-input>

  16.             <span>状态</span>

  17.             <el-select v-model="search.status" filterable placeholder="请选择" clearable>

  18.                 <el-option

  19.                         v-for="item in status"

  20.                         :key="item.id"

  21.                         :label="item.value"

  22.                         :value="item.id">

  23.                 </el-option>

  24.             </el-select>

  25.             <span>创建人</span>

  26.             <el-select v-model="search.create_id" filterable placeholder="请选择" clearable>

  27.                 <el-option

  28.                         v-for="item in userList"

  29.                         :key="item.id"

  30.                         :label="item.name"

  31.                         :value="item.id">

  32.                 </el-option>

  33.             </el-select>

  34.         </div>

  35.         <div class="header-search" style="width: 100%;margin-bottom: 10px">

  36.             <span>成本</span>

  37.             <el-input-number v-model="search.startCost" style="width: 170px;" placeholder="请输入内容" clearable></el-input-number>

  38.             ~

  39.             <el-input-number v-model="search.endCost" style="width: 170px;" placeholder="请输入内容" clearable></el-input-number>

  40.             <el-button type="primary" icon="el-icon-search" @click="getData(1)">搜索</el-button>

  41.             <el-button type="primary" icon="el-icon-plus" @click="edit(null)">新增付款单</el-button>

  42.         </div>

  43. 

  44.         <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark"

  45.                   style="font-size:12px;width: 100%;margin-top: 12px">

  46.             <el-table-column prop="create_id" label="创建人" min-width="70" :formatter="getUserName"></el-table-column>

  47.             <el-table-column prop="id" label="付款单号" min-width="50"></el-table-column>

  48.             <el-table-column prop="name" label="付款单名称" min-width="120"></el-table-column>

  49.             <el-table-column prop="status" label="付款单状态" :formatter="getStatusName" min-width="150">

  50.                 <template slot-scope="scope">

  51.                     <el-radio-group v-model="scope.row.status" size="mini" @change="setStatus(scope.row)">

  52.                         <el-radio-button label="0">未付款</el-radio-button>

  53.                         <el-radio-button label="1">付款中</el-radio-button>

  54.                         <el-radio-button label="2">已付款</el-radio-button>

  55.                     </el-radio-group>

  56.                 </template>

  57.             </el-table-column>

  58.             <el-table-column prop="order_ids" label="酒店" min-width="130">

  59.                 <template slot-scope="scope">

  60.                     <div v-html="scope.row.hotel"></div>

  61.                 </template>

  62.             </el-table-column>

  63.             <el-table-column prop="total_amount" label="附加项目" min-width="130">

  64.                 <template slot-scope="scope">

  65.                     <div v-html="scope.row.item"></div>

  66.                 </template>

  67.             </el-table-column>

  68.             <el-table-column prop="create_time" label="创建时间" min-width="80"></el-table-column>

  69.             <el-table-column prop="update_time" label="更新时间" min-width="80"></el-table-column>

  70.             <el-table-column label="操作" min-width="180">

  71.                 <template slot-scope="scope">

  72.                     <el-button-group>

  73.                         <el-button type="primary" size="mini" @click="edit(scope.row)" icon="el-icon-edit">编辑</el-button>

  74.                         <el-button type="success" size="mini" @click="editOrderDivShow(scope.row)" icon="el-icon-share">订单</el-button>

  75.                         <el-button type="danger" size="mini" icon="el-icon-delete" @click="delAll(scope.row.id)">删除</el-button>

  76.                     </el-button-group>

  77.                 </template>

  78.             </el-table-column>

  79.         </el-table>

  80.         <el-pagination

  81.                 :page-size="search.pageSize"

  82.                 :pager-count="11"

  83.                 layout="total, sizes, prev, pager, next, jumper"

  84.                 :total="total"

  85.                 :current-page="search.pageNum"

  86.                 :page-sizes="[10, 20, 30, 40, 50]"

  87.                 @size-change="sizeChange"

  88.                 @current-change="getData"

  89.                 @prev-click="getData"

  90.                 @next-click="getData"

  91.         ></el-pagination>

  92.     </div>

  93. 

  94. 

  95.     <transition name="bounce" v-if="editShow">

  96.         <el-dialog title="付款单详情" :visible.sync="editShow" width="90%" top="15px">

  97.             <el-form ref="form" label-width="100px" style="width: 100%;padding-bottom: 20px">

  98.                 <div style="display: flex;width: 100%">

  99.                     <el-form-item v-if="editType" label="付款单ID：" style="width: 80%">

  100.                         <div v-html="editData.id"></div>

  101.                     </el-form-item>

  102.                 </div>

  103.                 <div>

  104.                     <el-form-item  label="付款单名称：" style="width: 80%">

  105.                         <el-input v-model="editData.name" style="width: 120px;" placeholder="请输入内容"></el-input>

  106.                     </el-form-item>

  107.                 </div>

  108.                 <div>

  109.                     <el-form-item v-if="editType" label="付款单状态：" style="width: 80%">

  110.                         <el-radio-group v-model="editData.status" size="mini" disabled>

  111.                             <el-radio-button label="0">未付款</el-radio-button>

  112.                             <el-radio-button label="1">付款中</el-radio-button>

  113.                             <el-radio-button label="2">已付款</el-radio-button>

  114.                         </el-radio-group>

  115.                     </el-form-item>

  116.                 </div>

  117.                 <div>

  118.                     <el-button type="primary"  @click="editDoing()" >保存</el-button>

  119.                 </div>

  120.             </el-form>

  121.         </el-dialog>

  122.     </transition>

  123. 

  124. 

  125.     <transition name="bounce" v-if="editOrderShow">

  126.         <el-dialog title="详情" :visible.sync="editOrderShow" width="100%" top="15px">

  127.             <el-form ref="form" label-width="100px" style="width: 100%;padding-bottom: 10px">

  128.                 <div style="display: flex;width: 100%">

  129.                     <el-form-item  label="付款单ID：" style="width: 80%">

  130.                         <div v-html="editOrder.id"></div>

  131.                     </el-form-item>

  132.                     <el-form-item  label="付款单名称：" style="width: 80%">

  133.                         <div v-html="editOrder.name"></div>

  134.                     </el-form-item>

  135.                     <el-form-item  label="付款单状态：" style="width: 80%">

  136.                         <el-radio-group v-model="editOrder.status" size="mini" disabled>

  137.                             <el-radio-button label="0">未付款</el-radio-button>

  138.                             <el-radio-button label="1">付款中</el-radio-button>

  139.                             <el-radio-button label="2">已付款</el-radio-button>

  140.                         </el-radio-group>

  141.                     </el-form-item>

  142.                 </div>

  143.             </el-form>

  144.             <div>

  145.                 <div class="header-search" style="width: 100%;margin-bottom: 10px">

  146.                     <span>主订单ID：</span>

  147.                     <el-input v-model="orderMainListSearch.order_id" style="width: 120px;" placeholder="请输入内容"></el-input>

  148.                     <span>子订单ID：</span>

  149.                     <el-input v-model="orderMainListSearch.sub_order_id" style="width: 120px;" placeholder="请输入内容"></el-input>

  150.                     <span>订单类型：</span>

  151.                     <el-select v-model="orderMainListSearch.prod_type" filterable  style="width: 120px;" placeholder="请选择" >

  152.                         <el-option

  153.                                 v-for="item in prodTypeList"

  154.                                 :key="item.id"

  155.                                 :label="item.name"

  156.                                 :value="item.id">

  157.                         </el-option>

  158.                     </el-select>

  159.                     <span>用户名</span>

  160.                     <el-input v-model="orderMainListSearch.customer_name" style="width: 120px;" placeholder="请输入内容" clearable></el-input>

  161.                 </div>

  162.                 <div class="header-search" style="width: 100%;margin-bottom: 10px">

  163. 

  164.                     <span>附加项目</span>

  165.                     <el-select v-model="orderMainListSearch.item_id" filterable style="width: 120px;" placeholder="请选择" clearable>

  166.                         <el-option

  167.                                 v-for="item in itemList"

  168.                                 :key="item.id"

  169.                                 :label="item.name"

  170.                                 :value="item.id">

  171.                         </el-option>

  172.                     </el-select>

  173.                     <span>酒店</span>

  174.                     <el-select v-model="orderMainListSearch.hotel_id" filterable style="width: 120px;" placeholder="请选择" clearable>

  175.                         <el-option

  176.                                 v-for="item in hotelList"

  177.                                 :key="item.id"

  178.                                 :label="item.name"

  179.                                 :value="item.id">

  180.                         </el-option>

  181.                     </el-select>

  182.                     <span>确认单状态：</span>

  183.                     <el-select v-model="orderMainListSearch.confirm_status" filterable style="width: 120px;" placeholder="请选择" clearable>

  184.                         <el-option

  185.                                 v-for="item in confirmStatusList"

  186.                                 :key="item.id"

  187.                                 :label="item.name"

  188.                                 :value="item.id">

  189.                         </el-option>

  190.                     </el-select>

  191.                     <span>付款单状态</span>

  192.                     <el-select v-model="orderMainListSearch.inPayment" filterable style="width: 120px;" placeholder="请选择" clearable>

  193.                         <el-option

  194.                                 v-for="item in inPaymentList"

  195.                                 :key="item.id"

  196.                                 :label="item.name"

  197.                                 :value="item.id">

  198.                         </el-option>

  199.                     </el-select>

  200.                     <span>供应商：</span>

  201.                     <el-select v-model="orderMainListSearch.supplier_id" filterable style="width: 120px;" placeholder="请选择" clearable>

  202.                         <el-option

  203.                                 v-for="item in supplierList"

  204.                                 :key="item.id"

  205.                                 :label="item.name"

  206.                                 :value="item.id">

  207.                         </el-option>

  208.                     </el-select>

  209.                 </div>

  210.                 <div class="header-search" style="width: 100%;margin-bottom: 10px">

  211.                     <span>成本</span>

  212.                     <el-input-number v-model="orderMainListSearch.startMoney" style="width: 180px;" placeholder="请输入内容" clearable></el-input-number>

  213.                     ~

  214.                     <el-input-number v-model="orderMainListSearch.endMoney" style="width: 180px;" placeholder="请输入内容" clearable></el-input-number>

  215.                     <span>时间</span>

  216.                     <el-date-picker

  217.                             style="width: 180px;"

  218.                             v-model="orderMainListSearch.startTime"

  219.                             type="date"

  220.                             value-format="yyyy-MM-dd"

  221.                             :picker-options="pickerOptions"

  222.                             placeholder="选择日期">

  223.                     </el-date-picker>

  224.                     ~

  225.                     <el-date-picker

  226.                             style="width: 180px;"

  227.                             v-model="orderMainListSearch.endTime"

  228.                             value-format="yyyy-MM-dd"

  229.                             type="date"

  230.                             :picker-options="pickerOptions"

  231.                             placeholder="选择日期">

  232.                     </el-date-picker>

  233.                     <el-button type="primary" icon="el-icon-search" @click="getOrderMainData(1)">搜索</el-button>

  234.                 </div>

  235.                 <div>

  236.                     <el-table ref="multipleTable" :data="orderMainList" border tooltip-effect="dark" style="font-size:12px;width: 100%;margin-top: 12px" @selection-change="handleSelectionChange">

  237.                         <el-table-column type="selection" width="30" :selectable="checkSelect"></el-table-column>

  238.                         <el-table-column prop="order_id" label="主订单ID" min-width="20" ></el-table-column>

  239.                         <el-table-column prop="id" label="子订单ID" min-width="20" ></el-table-column>

  240.                         <el-table-column  label="订单类型" min-width="30" :formatter="getProdTypeName" ></el-table-column>

  241.                         <el-table-column prop="supplier_name" label="供应商" min-width="40" ></el-table-column>

  242.                         <el-table-column prop="trade_order_number" label="第三方订单号" min-width="40" ></el-table-column>

  243.                         <el-table-column prop="hotel_name" label="酒店/项目类型" min-width="80" :formatter="getTypeName"></el-table-column>

  244.                         <el-table-column prop="room_name" label="房型/附加项目" min-width="80" ></el-table-column>

  245.                         <el-table-column prop="plan_name" label="价格方案/计价单位" min-width="40" ></el-table-column>

  246.                         <el-table-column prop="check_in_date" label="时间" min-width="40" >

  247.                             <template slot-scope="scope">

  248.                                 <div v-html="scope.row.check_in_date"></div>

  249.                                 <div v-html="scope.row.check_out_date"></div>

  250.                             </template>

  251.                         </el-table-column>

  252.                         <el-table-column prop="count" label="数量" min-width="20" ></el-table-column>

  253.                         <el-table-column prop="customer_name" label="出游人姓名" min-width="40" ></el-table-column>

  254.                         <el-table-column prop="total_cost" label="总成本" min-width="30" ></el-table-column>

  255.                         <el-table-column label="发单状态" min-width="30" :formatter="confirmStatusName"></el-table-column>

  256.                         <el-table-column prop="create_time" label="子订单生成时间" min-width="60" ></el-table-column>

  257.                         <el-table-column prop="payment_order_name" label="付款单" min-width="40" >

  258.                             <template slot-scope="scope">

  259.                                 <div v-html="scope.row.payment_order_id"></div>

  260.                                 <div v-html="scope.row.payment_order_name"></div>

  261.                             </template>

  262.                         </el-table-column>

  263.                         <el-table-column label="操作" >

  264.                             <template slot-scope="scope">

  265.                                 <el-button-group>

  266.                                     <el-button type="primary" size="mini" v-if="scope.row.payment_order_id==0 && editOrder.status==0" @click="addOrderInfo(scope.row)" icon="el-icon-edit">添加</el-button>

  267.                                     <el-button type="danger" size="mini" v-if="scope.row.payment_order_id==editOrder.id && editOrder.status==0" @click="removeOrderMain(scope.row)"  icon="el-icon-delete">移除</el-button>

  268.                                 </el-button-group>

  269.                             </template>

  270.                         </el-table-column>

  271. 

  272.                     </el-table>

  273.                     <div style="margin-top: 5px">

  274.                         <el-button type="primary" icon="el-icon-circle-plus" @click="addOrderAll()" :disabled="multipleSelection.length==0">添加到采购单</el-button>

  275.                     </div>

  276.                     <el-pagination

  277.                             :page-size="orderMainListSearch.pageSize"

  278.                             :pager-count="11"

  279.                             layout="total, sizes, prev, pager, next, jumper"

  280.                             :total="orderMainTotal"

  281.                             :current-page="orderMainListSearch.pageNum"

  282.                             :page-sizes="[10, 20, 30, 40, 50]"

  283.                             @size-change="sizeOrderMainChange"

  284.                             @current-change="getOrderMainData"

  285.                             @prev-click="getOrderMainData"

  286.                             @next-click="getOrderMainData"

  287.                     ></el-pagination>

  288.                 </div>

  289.             </div>

  290.         </el-dialog>

  291.     </transition>

  292. </div>

  293. </body>

  294. <!-- import Vue before Element -->

  295. <script src="/assets/js/vue/vue.js"></script>

  296. <!-- import JavaScript -->

  297. <script src="/assets/js/vue/index.js"></script>

  298. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

  299. <script>

  300.     new Vue({

  301.         el: '#app',

  302.         data: function () {

  303.             return {

  304.                 search: {

  305.                     id:"",

  306.                     create_id:"",

  307.                     name: "",

  308.                     status: "all",

  309.                     startCost:"",

  310.                     endCost:"",

  311.                     pageSize: 10,

  312.                     pageNum: 1

  313.                 },

  314.                 status: [

  315.                     {"id": "all", "value": "请选择"},

  316.                     {"id": 0, 'value': "未付款"},

  317.                     {"id": 1, 'value': "付款中"},

  318.                     {"id": 2, 'value': "已付款"}

  319.                 ],

  320.                 total: 0,

  321.                 tableData: [],

  322.                 userList: [],

  323.                 info: {

  324.                     id: null,

  325.                     name: "",

  326.                     status: 0,

  327.                     list: []

  328.                 },

  329.                 editShow: false,

  330.                 editType: false,

  331.                 editData: {},

  332.                 editOrderShow:false,

  333.                 editOrder:{},

  334.                 orderMainListSearch:{

  335.                     "payment_order_id":"",

  336.                     "order_id":"",

  337.                     "sub_order_id":"",

  338.                     "prod_type":"hotel",

  339.                     "supplier_id":"",

  340.                     "inPayment":"",

  341.                     "confirm_status":"",

  342.                     "customer_name":"",

  343.                     "startMoney":"",

  344.                     "endMoney":"",

  345.                     "startTime":"",

  346.                     "endTime":"",

  347.                     "pageNum":1,

  348.                     "pageSize":10,

  349.                     "item_id":"",

  350.                     "hotel_id":"",

  351.                     "room_id":"",

  352.                     "plan_id":""

  353.                 },

  354.                 orderMainTotal:0,

  355.                 orderMainList:[],

  356.                 inPaymentList:[

  357.                     {id:1,name:"在此付款单中"},

  358.                     {id:2,name:"不在此付款单中"},

  359.                     {id:3,name:"不在任何付款单中"}

  360.                 ],

  361.                 //1、未发单/ 2已发单、3已确认、4已取消

  362.                 confirmStatusList:[

  363.                     {id:1,name:"未发单"},

  364.                     {id:2,name:"已发单"},

  365.                     {id:3,name:"已确认"},

  366.                     {id:4,name:"已取消"}

  367.                 ],

  368.                 prodTypeList:[

  369.                     {id:"hotel",name:"酒店"},

  370.                     {id:"item",name:"附加项目"}

  371.                 ],

  372.                 supplierList:[],

  373.                 multipleSelection: [],

  374.                 hotelList:[],

  375.                 itemList:[],

  376.                 type_list:[],

  377.                 pickerOptions: {

  378.                     shortcuts: [{

  379.                         text: '今天',

  380.                         onClick(picker) {

  381.                             picker.$emit('pick', new Date());

  382.                         }

  383.                     }, {

  384.                         text: '昨天',

  385.                         onClick(picker) {

  386.                             const date = new Date();

  387.                             date.setTime(date.getTime() - 3600 * 1000 * 24);

  388.                             picker.$emit('pick', date);

  389.                         }

  390.                     }, {

  391.                         text: '一周前',

  392.                         onClick(picker) {

  393.                             const date = new Date();

  394.                             date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);

  395.                             picker.$emit('pick', date);

  396.                         }

  397.                     }]

  398.                 },

  399.             }

  400.         },

  401.         created() {

  402.             this.getAdminUser();

  403.             this.getSupplierList();

  404.             this.getData(1)

  405.             this.getHotelList()

  406.             this.getConfig()

  407.             this.getItemList()

  408. 

  409.         },

  410.         watch: {

  411.             "orderMainListSearch.prod_type" : function (newVal,oldVal){

  412.                 this.getOrderMainData(1)

  413.             }

  414.         },

  415.         methods: {

  416.             getTypeName(info) {

  417.                 for (let i = 0; i < this.type_list.length; i++) {

  418.                     if (this.type_list[i].id == info.hotel_name) {

  419.                         return this.type_list[i].name

  420.                     }

  421.                 }

  422.                 return info.hotel_name

  423.             },

  424.             getConfig(){

  425.                 axios.post("/hotel.php/general/config/getList?key=site.item_category", {}).then((response) => {

  426.                     let data = response.data;

  427.                     this.type_list = data.list;

  428.                 }).catch(function (error) {

  429.                     console.log(error);

  430.                 });

  431.             },

  432.             getProdTypeName(info){

  433.                 for (let i = 0; i < this.prodTypeList.length; i++) {

  434.                     if (this.prodTypeList[i].id == info.prod_type) {

  435.                         return this.prodTypeList[i].name

  436.                     }

  437.                 }

  438.                 return "-"

  439.             },

  440.             getHotelList(){

  441.                 axios.post("/hotel.php/cf_hotel_info/getHotelList", this.search).then((response) => {

  442.                     console.log(response)

  443.                     let data = response.data;

  444.                     this.hotelList = data.list;

  445.                 }).catch(function (error) {

  446.                     console.log(error);

  447.                 });

  448.             },

  449.             getItemList(){

  450.                 axios.post("/hotel.php/cf_item/getList", this.search).then((response) => {

  451.                     console.log(response)

  452.                     let data = response.data;

  453.                     this.itemList = data.list;

  454.                 }).catch(function (error) {

  455.                     console.log(error);

  456.                 });

  457.             },

  458.             checkSelect(row,index){

  459.                 if (this.editOrder.status != 0) {

  460.                     return false;

  461.                 }

  462.                 if (row.payment_order_id ==0) {

  463.                     return true;

  464.                 }

  465.                 return false;

  466.             },

  467.             handleSelectionChange(val) {

  468.                 this.multipleSelection = val;

  469.             },

  470.             getSupplierList(){

  471.                 axios.post("/hotel.php/cf_suplier_info/getList", this.search).then((response) => {

  472.                     console.log(response)

  473.                     let data = response.data;

  474.                     this.supplierList = data.list;

  475.                 }).catch(function (error) {

  476.                     console.log(error);

  477.                 });

  478.             },

  479.             getStatusName(info) {

  480.                 for (let i = 0; i < this.status.length; i++) {

  481.                     if (this.status[i].id == info.status) {

  482.                         return this.status[i].value

  483.                     }

  484.                 }

  485.                 return "-"

  486.             },

  487.             getUserName(info) {

  488.                 for (let i = 0; i < this.userList.length; i++) {

  489.                     if (this.userList[i].id == info.create_id) {

  490.                         return this.userList[i].name

  491.                     }

  492.                 }

  493.                 return "-"

  494.             },

  495.             confirmStatusName(info){

  496.                 for (let i = 0; i < this.confirmStatusList.length; i++) {

  497.                     if (this.confirmStatusList[i].id == info.confirm_status) {

  498.                         return this.confirmStatusList[i].name

  499.                     }

  500.                 }

  501.                 return "-"

  502.             },

  503.             sizeChange(pageSize) {

  504.                 this.search.pageSize = pageSize;

  505.                 this.getData(this.search.pageNum)

  506.             },

  507.             sizeOrderMainChange(pageSize) {

  508.                 this.orderMainListSearch.pageSize = pageSize;

  509.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  510.             },

  511.             //獲取列表

  512.             getData(page) {

  513.                 this.search.pageNum = page;

  514.                 axios.post("/hotel.php/payment_order/getList", this.search).then((response) => {

  515.                     let data = response.data;

  516.                     console.log(this.tableData);

  517.                     if (data.flag) {

  518.                         this.tableData = data.data.list;

  519.                         this.total = data.data.total;

  520.                         console.log(this.tableData);

  521.                     } else {

  522.                         this.$message.error(response.msg);

  523.                     }

  524.                 }).catch(function (error) {

  525.                     console.log(error);

  526.                 });

  527.             },

  528.             getAdminUser() {

  529.                 axios.post("/hotel.php/auth/admin/getList", this.search).then((response) => {

  530.                     this.userList = response.data.list;

  531.                 }).catch(function (error) {

  532.                     console.log(error);

  533.                 });

  534.             },

  535.             edit(info) {

  536.                 if (info == null) {

  537.                     this.editType = false;

  538.                     this.editData = {

  539.                         name: ""

  540.                     }

  541.                 } else {

  542.                     this.editType = true;

  543.                     this.editData = {

  544.                         id:info.id,

  545.                         name: info.name,

  546.                         status:info.status

  547.                     }

  548.                 }

  549.                 this.editShow = true;

  550.             },

  551.             editDoing(){

  552.                 axios.post("/hotel.php/payment_order/save", this.editData).then( (response)=> {

  553.                     let data = response.data;

  554.                     console.log(this.tableData);

  555.                     if (data.flag) {

  556.                         this.$message.success("保存成功");

  557.                         this.editShow = false;

  558.                         this.getData(1);

  559.                     } else {

  560.                         this.$message.error(data.msg);

  561.                     }

  562.                 }).catch(function (error) {

  563.                     this.$message.error("保存失败");

  564.                     console.log(error);

  565.                 });

  566.             },

  567.             setStatus(info){

  568.                 this.$confirm('确定修改状态?', '提示', {

  569.                     confirmButtonText: '确定',

  570.                     cancelButtonText: '取消',

  571.                     type: 'warning'

  572.                 }).then(() => {

  573.                     axios.post("/hotel.php/payment_order/setStatus", info).then( (response)=> {

  574.                         let data = response.data;

  575.                         if (data.flag) {

  576.                             this.$message.success("设置成功");

  577.                         } else {

  578.                             this.$message.error(data.msg);

  579.                             this.getData(this.search.pageNum)

  580.                         }

  581.                     }).catch(function (error) {

  582.                         this.$message.error("保存失败");

  583.                         console.log(error);

  584.                         this.getData(this.search.pageNum)

  585.                     });

  586.                 }).catch(() => {

  587.                     this.$message.success("已取消");

  588.                     this.getData(this.search.pageNum)

  589.                 })

  590. 

  591.             },

  592.             editOrderDivShow(info){

  593.                 console.log(info);

  594.                 this.editOrder = info;

  595.                 this.orderMainListSearch.payment_order_id = info.id;

  596.                 this.orderMainList=[];

  597.                 this.getOrderMainData(1);

  598.                 this.editOrderShow = true;

  599.             },

  600.             getOrderMainData(page){

  601.                 this.orderMainListSearch.pageNum = page;

  602.                 axios.post("/hotel.php/payment_order/getSubOrderList", this.orderMainListSearch).then((response) => {

  603.                     let data = response.data;

  604.                     console.log(this.tableData);

  605.                     if (data.flag) {

  606.                         this.orderMainList = data.data.list;

  607.                         this.orderMainTotal = data.data.total;

  608.                         console.log(this.orderMainList);

  609.                     } else {

  610.                         this.$message.error(data.msg);

  611.                     }

  612.                 }).catch(function (error) {

  613.                     console.log(error);

  614.                 });

  615.             },

  616.             addOrderInfo(info){

  617.                 let param = {

  618.                     hotel_id:[],

  619.                     item_id:[],

  620.                     id:this.editOrder.id

  621.                 }

  622.                 if (info.prod_type=='hotel') {

  623.                     param.hotel_id.push(info.id)

  624.                 }else{

  625.                     param.item_id.push(info.id)

  626.                 }

  627.                 this.addOrderMain(param)

  628.             },

  629.             addOrderMain(param){

  630.                 axios.post("/hotel.php/payment_order/addOrderMain", param).then((response) => {

  631.                     let data = response.data;

  632.                     if (data.flag) {

  633.                         this.$message.success("添加成功");

  634.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  635.                         this.getData(this.search.pageNum)

  636.                     } else {

  637.                         this.$message.error(data.msg);

  638.                     }

  639.                 }).catch(function (error) {

  640.                     console.log(error);

  641.                 });

  642.             },

  643.             addOrderAll(){

  644.                 let param = {

  645.                     hotel_id:[],

  646.                     item_id:[],

  647.                     id:this.editOrder.id

  648.                 }

  649.                 let length = this.multipleSelection.length;

  650.                 for (var k = 0; k < length; k++) {

  651.                     if (this.multipleSelection[k].prod_type=='hotel'){

  652.                         param.hotel_id.push(this.multipleSelection[k].id)

  653.                     }else{

  654.                         param.item_id.push(this.multipleSelection[k].id)

  655.                     }

  656.                 }

  657.                 this.addOrderMain(param);

  658.             },

  659.             removeOrderMain(info){

  660.                 let param = {

  661.                     hotel_id:[],

  662.                     item_id:[],

  663.                     id:this.editOrder.id

  664.                 }

  665.                 if (info.prod_type=='hotel') {

  666.                     param.hotel_id.push(info.id)

  667.                 }else{

  668.                     param.item_id.push(info.id)

  669.                 }

  670.                 axios.post("/hotel.php/payment_order/removeOrderMain", param).then((response) => {

  671.                     let data = response.data;

  672.                     if (data.flag) {

  673.                         this.$message.success("移除成功");

  674.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  675.                         this.getData(this.search.pageNum)

  676.                     } else {

  677.                         this.$message.error(data.msg);

  678.                     }

  679.                 }).catch(function (error) {

  680.                     console.log(error);

  681.                 });

  682.             },

  683.             delAll(id){

  684.                 let param = {

  685.                     id:id

  686.                 }

  687.                 this.$confirm('确定删除采购单?', '提示', {

  688.                     confirmButtonText: '确定',

  689.                     cancelButtonText: '取消',

  690.                     type: 'warning'

  691.                 }).then(() => {

  692.                     axios.post("/hotel.php/payment_order/delAll", param).then((response) => {

  693.                         let data = response.data;

  694.                         if (data.flag) {

  695.                             this.$message.success("移除成功");

  696.                             this.getData(this.search.pageNum)

  697.                         } else {

  698.                             this.$message.error(data.msg);

  699.                         }

  700.                     }).catch(function (error) {

  701.                         console.log(error);

  702.                     });

  703.                 }).catch(() => {

  704.                     this.$message.success("已取消");

  705.                 });

  706.             }

  707. 

  708.         }

  709.     })

  710. </script>

  711. <style lang="scss" scoped>

  712.     .el-table thead {

  713.         background-color: #5a5e66 !important;

  714.     }

  715. 

  716.     .header-search {

  717.         font-size: 14px;

  718.         font-weight: 900;

  719.     }

  720. 

  721.     body {

  722.         background-color: white;

  723.     }

  724. 

  725.     .table {

  726.         width: 100%;

  727.         font-size: 12px;

  728.         margin-top: 12px;

  729.         background-color: white;

  730.     }

  731.     .el-form-item{

  732.         margin-bottom: 5px !important;

  733.     }

  734. </style>

  735. </html>