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.
137 Commits
3 Ramas
28 MiB
 
 
 
 
 
 
Árbol: 9ff71c9b15
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '9ff71c9b15'
${ noResults }
hbp/application/admin/view/payment_order/index.html

693 líneas
31 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">

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

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

  14.             <span>状态</span>

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

  16.                 <el-option

  17.                         v-for="item in status"

  18.                         :key="item.id"

  19.                         :label="item.value"

  20.                         :value="item.id">

  21.                 </el-option>

  22.             </el-select>

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

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

  25.         </div>

  26. 

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

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

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

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

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

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

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

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

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

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

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

  38.                     </el-radio-group>

  39.                 </template>

  40.             </el-table-column>

  41.             <el-table-column prop="order_ids" label="订单" min-width="130">

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

  43.                     <div v-html="'酒店：'+scope.row.hotel_ids"></div>

  44.                     <div v-html="'附加项目：'+scope.row.item_ids"></div>

  45.                 </template>

  46.             </el-table-column>

  47.             <el-table-column prop="total_amount" label="金额" min-width="130">

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

  49.                     <div v-html="'酒店：'+scope.row.hotel_amount"></div>

  50.                     <div v-html="'附加项目：'+scope.row.item_amount"></div>

  51.                 </template>

  52.             </el-table-column>

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

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

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

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

  57.                     <el-button-group>

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

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

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

  61.                     </el-button-group>

  62.                 </template>

  63.             </el-table-column>

  64.         </el-table>

  65.         <el-pagination

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

  67.                 :pager-count="11"

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

  69.                 :total="total"

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

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

  72.                 @size-change="sizeChange"

  73.                 @current-change="getData"

  74.                 @prev-click="getData"

  75.                 @next-click="getData"

  76.         ></el-pagination>

  77.     </div>

  78. 

  79. 

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

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

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

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

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

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

  86.                     </el-form-item>

  87.                 </div>

  88.                 <div>

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

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

  91.                     </el-form-item>

  92.                 </div>

  93.                 <div>

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

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

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

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

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

  99.                         </el-radio-group>

  100.                     </el-form-item>

  101.                 </div>

  102.                 <div>

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

  104.                 </div>

  105.             </el-form>

  106.         </el-dialog>

  107.     </transition>

  108. 

  109. 

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

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

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

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

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

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

  116.                     </el-form-item>

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

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

  119.                     </el-form-item>

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

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

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

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

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

  125.                         </el-radio-group>

  126.                     </el-form-item>

  127.                 </div>

  128.             </el-form>

  129.             <div>

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

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

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

  133.                         <el-option

  134.                                 v-for="item in prodTypeList"

  135.                                 :key="item.id"

  136.                                 :label="item.name"

  137.                                 :value="item.id">

  138.                         </el-option>

  139.                     </el-select>

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

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

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

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

  144. 

  145.                     </el-input>

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

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

  148.                         <el-option

  149.                                 v-for="item in confirmStatusList"

  150.                                 :key="item.id"

  151.                                 :label="item.name"

  152.                                 :value="item.id">

  153.                         </el-option>

  154.                     </el-select>

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

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

  157.                         <el-option

  158.                                 v-for="item in inPaymentList"

  159.                                 :key="item.id"

  160.                                 :label="item.name"

  161.                                 :value="item.id">

  162.                         </el-option>

  163.                     </el-select>

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

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

  166.                         <el-option

  167.                                 v-for="item in supplierList"

  168.                                 :key="item.id"

  169.                                 :label="item.name"

  170.                                 :value="item.id">

  171.                         </el-option>

  172.                     </el-select>

  173.                 </div>

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

  175.                     <span>成本</span>

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

  177.                     ~

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

  179.                     <span>时间</span>

  180.                     <el-date-picker

  181.                             style="width: 120px;"

  182.                             v-model="orderMainListSearch.startTime"

  183.                             type="date"

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

  185.                             placeholder="选择日期">

  186.                     </el-date-picker>

  187.                     ~

  188.                     <el-date-picker

  189.                             style="width: 120px;"

  190.                             v-model="orderMainListSearch.endTime"

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

  192.                             type="date"

  193.                             placeholder="选择日期">

  194.                     </el-date-picker>

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

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

  197.                         <el-option

  198.                                 v-for="item in itemList"

  199.                                 :key="item.id"

  200.                                 :label="item.name"

  201.                                 :value="item.id">

  202.                         </el-option>

  203.                     </el-select>

  204.                     <span>酒店</span>

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

  206.                         <el-option

  207.                                 v-for="item in hotelList"

  208.                                 :key="item.id"

  209.                                 :label="item.name"

  210.                                 :value="item.id">

  211.                         </el-option>

  212.                     </el-select>

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

  214.                 </div>

  215.                 <div>

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

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

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

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

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

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

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

  223.                         <el-table-column prop="hotel_name" label="酒店/附加项目" min-width="60" ></el-table-column>

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

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

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

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

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

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

  230.                             </template>

  231.                         </el-table-column>

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

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

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

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

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

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

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

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

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

  241.                             </template>

  242.                         </el-table-column>

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

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

  245.                                 <el-button-group>

  246.                                     <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>

  247.                                     <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>

  248.                                 </el-button-group>

  249.                             </template>

  250.                         </el-table-column>

  251. 

  252.                     </el-table>

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

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

  255.                     </div>

  256.                     <el-pagination

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

  258.                             :pager-count="11"

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

  260.                             :total="orderMainTotal"

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

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

  263.                             @size-change="sizeOrderMainChange"

  264.                             @current-change="getOrderMainData"

  265.                             @prev-click="getOrderMainData"

  266.                             @next-click="getOrderMainData"

  267.                     ></el-pagination>

  268.                 </div>

  269.             </div>

  270.         </el-dialog>

  271.     </transition>

  272. </div>

  273. </body>

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

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

  276. <!-- import JavaScript -->

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

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

  279. <script>

  280.     new Vue({

  281.         el: '#app',

  282.         data: function () {

  283.             return {

  284.                 search: {

  285.                     name: "",

  286.                     status: "all",

  287.                     pageSize: 10,

  288.                     pageNum: 1

  289.                 },

  290.                 status: [

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

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

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

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

  295.                 ],

  296.                 total: 0,

  297.                 tableData: [],

  298.                 userList: [],

  299.                 info: {

  300.                     id: null,

  301.                     name: "",

  302.                     status: 0,

  303.                     list: []

  304.                 },

  305.                 editShow: false,

  306.                 editType: false,

  307.                 editData: {},

  308.                 editOrderShow:false,

  309.                 editOrder:{},

  310.                 orderMainListSearch:{

  311.                     "payment_order_id":"",

  312.                     "order_id":"",

  313.                     "prod_type":"hotel",

  314.                     "supplier_id":"",

  315.                     "inPayment":"",

  316.                     "confirm_status":"",

  317.                     "customer_name":"",

  318.                     "startMoney":"",

  319.                     "endMoney":"",

  320.                     "startTime":"",

  321.                     "endTime":"",

  322.                     "pageNum":1,

  323.                     "pageSize":10,

  324.                     "item_id":"",

  325.                     "hotel_id":"",

  326.                     "room_id":"",

  327.                     "plan_id":""

  328.                 },

  329.                 orderMainTotal:0,

  330.                 orderMainList:[],

  331.                 inPaymentList:[

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

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

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

  335.                 ],

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

  337.                 confirmStatusList:[

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

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

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

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

  342.                 ],

  343.                 prodTypeList:[

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

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

  346.                 ],

  347.                 supplierList:[],

  348.                 multipleSelection: [],

  349.                 hotelList:[],

  350.                 itemList:[]

  351.             }

  352.         },

  353.         created() {

  354.             this.getAdminUser();

  355.             this.getSupplierList();

  356.             this.getData(1)

  357.             this.getHotelList()

  358.             this.getItemList()

  359. 

  360.         },

  361.         watch: {

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

  363.                 this.getOrderMainData(1)

  364.             }

  365.         },

  366.         methods: {

  367.             getProdTypeName(info){

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

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

  370.                         return this.prodTypeList[i].name

  371.                     }

  372.                 }

  373.                 return "-"

  374.             },

  375.             getHotelList(){

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

  377.                     console.log(response)

  378.                     let data = response.data;

  379.                     this.hotelList = data.list;

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

  381.                     console.log(error);

  382.                 });

  383.             },

  384.             getItemList(){

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

  386.                     console.log(response)

  387.                     let data = response.data;

  388.                     this.itemList = data.list;

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

  390.                     console.log(error);

  391.                 });

  392.             },

  393.             checkSelect(row,index){

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

  395.                     return false;

  396.                 }

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

  398.                     return true;

  399.                 }

  400.                 return false;

  401.             },

  402.             handleSelectionChange(val) {

  403.                 this.multipleSelection = val;

  404.             },

  405.             getSupplierList(){

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

  407.                     console.log(response)

  408.                     let data = response.data;

  409.                     this.supplierList = data.list;

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

  411.                     console.log(error);

  412.                 });

  413.             },

  414.             getStatusName(info) {

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

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

  417.                         return this.status[i].value

  418.                     }

  419.                 }

  420.                 return "-"

  421.             },

  422.             getUserName(info) {

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

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

  425.                         return this.userList[i].name

  426.                     }

  427.                 }

  428.                 return "-"

  429.             },

  430.             confirmStatusName(info){

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

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

  433.                         return this.confirmStatusList[i].name

  434.                     }

  435.                 }

  436.                 return "-"

  437.             },

  438.             sizeChange(pageSize) {

  439.                 this.search.pageSize = pageSize;

  440.                 this.getData(this.search.pageNum)

  441.             },

  442.             sizeOrderMainChange(pageSize) {

  443.                 this.orderMainListSearch.pageSize = pageSize;

  444.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  445.             },

  446.             //獲取列表

  447.             getData(page) {

  448.                 this.search.pageNum = page;

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

  450.                     let data = response.data;

  451.                     console.log(this.tableData);

  452.                     if (data.flag) {

  453.                         this.tableData = data.data.list;

  454.                         this.total = data.data.total;

  455.                         console.log(this.tableData);

  456.                     } else {

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

  458.                     }

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

  460.                     console.log(error);

  461.                 });

  462.             },

  463.             getAdminUser() {

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

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

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

  467.                     console.log(error);

  468.                 });

  469.             },

  470.             edit(info) {

  471.                 if (info == null) {

  472.                     this.editType = false;

  473.                     this.editData = {

  474.                         name: ""

  475.                     }

  476.                 } else {

  477.                     this.editType = true;

  478.                     this.editData = {

  479.                         id:info.id,

  480.                         name: info.name,

  481.                         status:info.status

  482.                     }

  483.                 }

  484.                 this.editShow = true;

  485.             },

  486.             editDoing(){

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

  488.                     let data = response.data;

  489.                     console.log(this.tableData);

  490.                     if (data.flag) {

  491.                         this.$message({

  492.                             message: '保存成功！',

  493.                             type: 'success'

  494.                         });

  495.                         this.editShow = false;

  496.                         this.getData(1);

  497.                     } else {

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

  499.                     }

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

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

  502.                     console.log(error);

  503.                 });

  504.             },

  505.             setStatus(info){

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

  507.                     confirmButtonText: '确定',

  508.                     cancelButtonText: '取消',

  509.                     type: 'warning'

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

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

  512.                         let data = response.data;

  513.                         if (data.flag) {

  514.                             this.$message({

  515.                                 message: '设置成功！',

  516.                                 type: 'success'

  517.                             });

  518.                         } else {

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

  520.                             this.getData(this.search.pageNum)

  521.                         }

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

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

  524.                         console.log(error);

  525.                         this.getData(this.search.pageNum)

  526.                     });

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

  528. 

  529.                     this.$message({

  530.                         type: 'info',

  531.                         message: '已取消'

  532.                     });

  533.                     this.getData(this.search.pageNum)

  534.                 })

  535. 

  536.             },

  537.             editOrderDivShow(info){

  538.                 console.log(info);

  539.                 this.editOrder = info;

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

  541.                 this.orderMainList=[];

  542.                 this.getOrderMainData(1);

  543.                 this.editOrderShow = true;

  544.             },

  545.             getOrderMainData(page){

  546.                 this.orderMainListSearch.pageNum = page;

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

  548.                     let data = response.data;

  549.                     console.log(this.tableData);

  550.                     if (data.flag) {

  551.                         this.orderMainList = data.data.list;

  552.                         this.orderMainTotal = data.data.total;

  553.                         console.log(this.orderMainList);

  554.                     } else {

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

  556.                     }

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

  558.                     console.log(error);

  559.                 });

  560.             },

  561.             addOrderInfo(info){

  562.                 let param = {

  563.                     hotel_id:[],

  564.                     item_id:[],

  565.                     id:this.editOrder.id

  566.                 }

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

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

  569.                 }else{

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

  571.                 }

  572.                 this.addOrderMain(param)

  573.             },

  574.             addOrderMain(param){

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

  576.                     let data = response.data;

  577.                     if (data.flag) {

  578.                         this.$message({

  579.                             message: '添加成功！',

  580.                             type: 'success'

  581.                         });

  582.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  583.                         this.getData(this.search.pageNum)

  584.                     } else {

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

  586.                     }

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

  588.                     console.log(error);

  589.                 });

  590.             },

  591.             addOrderAll(){

  592.                 let param = {

  593.                     hotel_id:[],

  594.                     item_id:[],

  595.                     id:this.editOrder.id

  596.                 }

  597.                 let length = this.multipleSelection.length;

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

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

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

  601.                     }else{

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

  603.                     }

  604.                 }

  605.                 this.addOrderMain(param);

  606.             },

  607.             removeOrderMain(info){

  608.                 let param = {

  609.                     hotel_id:[],

  610.                     item_id:[],

  611.                     id:this.editOrder.id

  612.                 }

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

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

  615.                 }else{

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

  617.                 }

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

  619.                     let data = response.data;

  620.                     if (data.flag) {

  621.                         this.$message({

  622.                             message: '移除成功！',

  623.                             type: 'success'

  624.                         });

  625.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  626.                         this.getData(this.search.pageNum)

  627.                     } else {

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

  629.                     }

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

  631.                     console.log(error);

  632.                 });

  633.             },

  634.             delAll(id){

  635.                 let param = {

  636.                     id:id

  637.                 }

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

  639.                     confirmButtonText: '确定',

  640.                     cancelButtonText: '取消',

  641.                     type: 'warning'

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

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

  644.                         let data = response.data;

  645.                         if (data.flag) {

  646.                             this.$message({

  647.                                 message: '移除成功！',

  648.                                 type: 'success'

  649.                             });

  650.                             this.getData(this.search.pageNum)

  651.                         } else {

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

  653.                         }

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

  655.                         console.log(error);

  656.                     });

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

  658.                     this.$message({

  659.                         type: 'info',

  660.                         message: '已取消'

  661.                     });

  662.                 });

  663.             }

  664. 

  665.         }

  666.     })

  667. </script>

  668. <style lang="scss" scoped>

  669.     .el-table thead {

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

  671.     }

  672. 

  673.     .header-search {

  674.         font-size: 14px;

  675.         font-weight: 900;

  676.     }

  677. 

  678.     body {

  679.         background-color: white;

  680.     }

  681. 

  682.     .table {

  683.         width: 100%;

  684.         font-size: 12px;

  685.         margin-top: 12px;

  686.         background-color: white;

  687.     }

  688.     .el-form-item{

  689.         margin-bottom: 5px !important;

  690.     }

  691. </style>

  692. </html>