loumengning
/
hbp
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
酒店预订平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
213 Commits
2 Branches
25 MiB
 
 
 
 
 
 
Tree: 7a0f778dd1
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '7a0f778dd1'
${ noResults }
hbp/application/admin/view/receipt_order/index.html

642 lines
29 KiB
Raw Blame History 

  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: 150px;" 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.             <span>金额</span>

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

  25.             ~

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

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

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

  29.         </div>

  30. 

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

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

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

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

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

  36.             <el-table-column prop="status" label="收款单状态" :formatter="getStatusName" min-width="140">

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

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

  39.                         <el-radio-button label="0">未收款</el-radio-button>

  40.                         <el-radio-button label="1">收款中</el-radio-button>

  41.                         <el-radio-button label="2">已收款</el-radio-button>

  42.                     </el-radio-group>

  43.                 </template>

  44.             </el-table-column>

  45.             <el-table-column prop="order_ids" label="关联订单" min-width="150"></el-table-column>

  46.             <el-table-column prop="total_amount" label="金额" min-width="60"></el-table-column>

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

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

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

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

  51.                     <el-button-group>

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

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

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

  55.                     </el-button-group>

  56.                 </template>

  57.             </el-table-column>

  58.         </el-table>

  59.         <el-pagination

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

  61.                 :pager-count="11"

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

  63.                 :total="total"

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

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

  66.                 @size-change="sizeChange"

  67.                 @current-change="getData"

  68.                 @prev-click="getData"

  69.                 @next-click="getData"

  70.         ></el-pagination>

  71.     </div>

  72. 

  73. 

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

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

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

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

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

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

  80.                     </el-form-item>

  81.                 </div>

  82.                 <div>

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

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

  85.                     </el-form-item>

  86.                 </div>

  87.                 <div>

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

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

  90.                             <el-radio-button label="0">未收款</el-radio-button>

  91.                             <el-radio-button label="1">收款中</el-radio-button>

  92.                             <el-radio-button label="2">已收款</el-radio-button>

  93.                         </el-radio-group>

  94.                     </el-form-item>

  95.                 </div>

  96.                 <div>

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

  98.                 </div>

  99.             </el-form>

  100.         </el-dialog>

  101.     </transition>

  102. 

  103. 

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

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

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

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

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

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

  110.                     </el-form-item>

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

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

  113.                     </el-form-item>

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

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

  116.                             <el-radio-button label="0">未收款</el-radio-button>

  117.                             <el-radio-button label="1">收款中</el-radio-button>

  118.                             <el-radio-button label="2">已收款</el-radio-button>

  119.                         </el-radio-group>

  120.                     </el-form-item>

  121.                 </div>

  122.             </el-form>

  123.             <div>

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

  125.                     <span>订单ID：</span>

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

  127.                     <span>订单状态：</span>

  128.                     <el-select v-model="orderMainListSearch.order_status" style="width: 150px;" placeholder="请选择" clearable>

  129.                         <el-option

  130.                                 v-for="item in orderMainStatus"

  131.                                 :key="item.id"

  132.                                 :label="item.name"

  133.                                 :value="item.id">

  134.                         </el-option>

  135.                     </el-select>

  136.                     <span>收款单状态</span>

  137.                     <el-select v-model="orderMainListSearch.inReceipt" style="width: 150px;" placeholder="请选择" clearable>

  138.                         <el-option

  139.                                 v-for="item in inReceipt"

  140.                                 :key="item.id"

  141.                                 :label="item.name"

  142.                                 :value="item.id">

  143.                         </el-option>

  144.                     </el-select>

  145.                 </div>

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

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

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

  149.                     <span>渠道：</span>

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

  151.                         <el-option

  152.                                 v-for="item in channelList"

  153.                                 :key="item.id"

  154.                                 :label="item.name"

  155.                                 :value="item.id">

  156.                         </el-option>

  157.                     </el-select>

  158.                     <span>渠道订单号：</span>

  159.                     <el-input v-model="orderMainListSearch.channel_order_no" style="width: 150px;" placeholder="请输入内容"></el-input>

  160.                     <span>专员</span>

  161.                     <el-select v-model="orderMainListSearch.commissioner_id" style="width: 150px;" placeholder="请选择" clearable>

  162.                         <el-option

  163.                                 v-for="item in userList"

  164.                                 :key="item.id"

  165.                                 :label="item.name"

  166.                                 :value="item.id">

  167.                         </el-option>

  168.                     </el-select>

  169.                     <span>下单人</span>

  170.                     <el-select v-model="orderMainListSearch.create_id"  style="width: 150px;" placeholder="请选择" clearable>

  171.                         <el-option

  172.                                 v-for="item in userList"

  173.                                 :key="item.id"

  174.                                 :label="item.name"

  175.                                 :value="item.id">

  176.                         </el-option>

  177.                     </el-select>

  178.                 </div>

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

  180.                     <span>手机号</span>

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

  182.                     <span>金额</span>

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

  184.                     ~

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

  186.                     <span>时间</span>

  187.                     <el-date-picker

  188.                             style="width: 150px;"

  189.                             v-model="orderMainListSearch.startTime"

  190.                             type="date"

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

  192.                             :picker-options="pickerOptions"

  193.                             placeholder="选择日期">

  194.                     </el-date-picker>

  195.                     ~

  196.                     <el-date-picker

  197.                             style="width: 150px;"

  198.                             v-model="orderMainListSearch.endTime"

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

  200.                             type="date"

  201.                             :picker-options="pickerOptions"

  202.                             placeholder="选择日期">

  203.                     </el-date-picker>

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

  205.                 </div>

  206.                 <div>

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

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

  209.                         <el-table-column prop="id" label="订单ID" min-width="40" ></el-table-column>

  210.                         <el-table-column prop="commissioner" label="专员" min-width="40" ></el-table-column>

  211.                         <el-table-column prop="channel_name" label="渠道" min-width="80" ></el-table-column>

  212.                         <el-table-column prop="channel_order_no" label="渠道订单号" min-width="90" ></el-table-column>

  213.                         <el-table-column prop="create_id" label="下单人" min-width="50" :formatter="getUserName"></el-table-column>

  214.                         <el-table-column prop="user_name" label="用户名称" min-width="50" ></el-table-column>

  215.                         <el-table-column prop="user_phone" label="手机号" min-width="60" ></el-table-column>

  216.                         <el-table-column prop="total_amount" label="总金额" min-width="40" ></el-table-column>

  217.                         <el-table-column prop="order_status" label="状态" min-width="40" :formatter="getOrderMainStatus"></el-table-column>

  218.                         <el-table-column prop="create_time" label="下单时间" min-width="80" ></el-table-column>

  219.                         <el-table-column prop="receipt_order_id" label="收款单ID" min-width="40" ></el-table-column>

  220.                         <el-table-column prop="receipt_order_name" label="收款单名称" min-width="80" ></el-table-column>

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

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

  223.                                 <el-button-group>

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

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

  226.                                 </el-button-group>

  227.                             </template>

  228.                         </el-table-column>

  229. 

  230.                     </el-table>

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

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

  233.                     </div>

  234.                     <el-pagination

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

  236.                             :pager-count="11"

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

  238.                             :total="orderMainTotal"

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

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

  241.                             @size-change="sizeOrderMainChange"

  242.                             @current-change="getOrderMainData"

  243.                             @prev-click="getOrderMainData"

  244.                             @next-click="getOrderMainData"

  245.                     ></el-pagination>

  246.                 </div>

  247.             </div>

  248.         </el-dialog>

  249.     </transition>

  250. </div>

  251. </body>

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

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

  254. <!-- import JavaScript -->

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

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

  257. <script>

  258.     new Vue({

  259.         el: '#app',

  260.         data: function () {

  261.             return {

  262.                 search: {

  263.                     name: "",

  264.                     status: "all",

  265.                     startMoney:0,

  266.                     endMoney:0,

  267.                     pageSize: 10,

  268.                     pageNum: 1

  269.                 },

  270.                 status: [

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

  272.                     {"id": 0, 'value': "未收款"},

  273.                     {"id": 1, 'value': "收款中"},

  274.                     {"id": 2, 'value': "已收款"}

  275.                 ],

  276.                 total: 0,

  277.                 tableData: [],

  278.                 userList: [],

  279.                 info: {

  280.                     id: null,

  281.                     name: "",

  282.                     status: 0,

  283.                     list: []

  284.                 },

  285.                 editShow: false,

  286.                 editType: false,

  287.                 editData: {},

  288.                 editOrderShow:false,

  289.                 editOrder:{},

  290.                 orderMainListSearch:{

  291.                     "receipt_order_id":"",

  292.                     "inReceipt":"",

  293.                     "order_id":"",

  294.                     "channel_order_no":"",

  295.                     "channel_id":"",

  296.                     "order_status":"",

  297.                     "commissioner_id":"",

  298.                     "user_name":"",

  299.                     "user_phone":"",

  300.                     "create_id":"",

  301.                     "startMoney":"",

  302.                     "endMoney":"",

  303.                     "startTime":"",

  304.                     "endTime":"",

  305.                     "pageNum":1,

  306.                     "pageSize":10

  307.                 },

  308.                 orderMainTotal:0,

  309.                 orderMainList:[],

  310.                 inReceipt:[

  311.                     {id:1,name:"在此收款单中"},

  312.                     {id:2,name:"不在此收款单中"},

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

  314.                 ],

  315.                 //0待处理 1已确认 2部分取消 10已完成 11已取消

  316.                 orderMainStatus:[

  317.                     {id:0,name:"待处理"},

  318.                     {id:1,name:"已确认"},

  319.                     {id:2,name:"部分取消"},

  320.                     {id:3,name:"处理中"},

  321.                     {id:10,name:"已完成"},

  322.                     {id:11,name:"已取消"}

  323.                 ],

  324.                 channelList:[],

  325.                 multipleSelection: [],

  326.                 pickerOptions: {

  327.                     disabledDate(time) {

  328.                         return time.getTime() > Date.now();

  329.                     },

  330.                     shortcuts: [{

  331.                         text: '今天',

  332.                         onClick(picker) {

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

  334.                         }

  335.                     }, {

  336.                         text: '昨天',

  337.                         onClick(picker) {

  338.                             const date = new Date();

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

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

  341.                         }

  342.                     }, {

  343.                         text: '一周前',

  344.                         onClick(picker) {

  345.                             const date = new Date();

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

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

  348.                         }

  349.                     }]

  350.                 },

  351.             }

  352.         },

  353.         created() {

  354.             this.getAdminUser();

  355.             this.getChannelList();

  356.             this.getData(1)

  357. 

  358.         },

  359.         methods: {

  360.             checkSelect(row,index){

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

  362.                     return false;

  363.                 }

  364.                 if (row.receipt_order_id ==0) {

  365.                     return true;

  366.                 }

  367.                 return false;

  368.             },

  369.             handleSelectionChange(val) {

  370.                 this.multipleSelection = val;

  371.             },

  372.             getChannelList(){

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

  374.                     console.log(response)

  375.                     let data = response.data;

  376.                     this.channelList = data.list;

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

  378.                     console.log(error);

  379.                 });

  380.             },

  381.             getStatusName(info) {

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

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

  384.                         return this.status[i].value

  385.                     }

  386.                 }

  387.                 return "-"

  388.             },

  389.             getUserName(info) {

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

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

  392.                         return this.userList[i].name

  393.                     }

  394.                 }

  395.                 return "-"

  396.             },

  397.             getOrderMainStatus(info){

  398.                 for (let i = 0; i < this.orderMainStatus.length; i++) {

  399.                     if (this.orderMainStatus[i].id == info.order_status) {

  400.                         return this.orderMainStatus[i].name

  401.                     }

  402.                 }

  403.                 return "-"

  404.             },

  405.             sizeChange(pageSize) {

  406.                 this.search.pageSize = pageSize;

  407.                 this.getData(this.search.pageNum)

  408.             },

  409.             sizeOrderMainChange(pageSize) {

  410.                 this.orderMainListSearch.pageSize = pageSize;

  411.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  412.             },

  413.             //獲取列表

  414.             getData(page) {

  415.                 this.search.pageNum = page;

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

  417.                     let data = response.data;

  418.                     console.log(this.tableData);

  419.                     if (data.flag) {

  420.                         this.tableData = data.data.list;

  421.                         this.total = data.data.total;

  422.                         console.log(this.tableData);

  423.                     } else {

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

  425.                     }

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

  427.                     console.log(error);

  428.                 });

  429.             },

  430.             getAdminUser() {

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

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

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

  434.                     console.log(error);

  435.                 });

  436.             },

  437.             edit(info) {

  438.                 if (info == null) {

  439.                     this.editType = false;

  440.                     this.editData = {

  441.                         name: ""

  442.                     }

  443.                 } else {

  444.                     this.editType = true;

  445.                     this.editData = {

  446.                         id:info.id,

  447.                         name: info.name,

  448.                         status:info.status

  449.                     }

  450.                 }

  451.                 this.editShow = true;

  452.             },

  453.             editDoing(){

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

  455.                     let data = response.data;

  456.                     console.log(this.tableData);

  457.                     if (data.flag) {

  458.                         this.$message({

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

  460.                             type: 'success'

  461.                         });

  462.                         this.editShow = false;

  463.                         this.getData(1);

  464.                     } else {

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

  466.                     }

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

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

  469.                     console.log(error);

  470.                 });

  471.             },

  472.             setStatus(info){

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

  474.                     confirmButtonText: '确定',

  475.                     cancelButtonText: '取消',

  476.                     type: 'warning'

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

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

  479.                         let data = response.data;

  480.                         if (data.flag) {

  481.                             this.$message({

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

  483.                                 type: 'success'

  484.                             });

  485.                         } else {

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

  487.                             this.getData(this.search.pageNum)

  488.                         }

  489. 

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

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

  492.                         console.log(error);

  493.                         this.getData(this.search.pageNum)

  494.                     });

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

  496. 

  497.                     this.$message({

  498.                         type: 'info',

  499.                         message: '已取消'

  500.                     });

  501.                     this.getData(this.search.pageNum)

  502.                 })

  503. 

  504.             },

  505.             editOrderDivShow(info){

  506.                 console.log(info);

  507.                 this.editOrder = info;

  508.                 this.orderMainListSearch.receipt_order_id = info.id;

  509.                 this.orderMainList=[];

  510.                 this.getOrderMainData(1);

  511.                 this.editOrderShow = true;

  512.             },

  513.             getOrderMainData(page){

  514.                 this.orderMainListSearch.pageNum = page;

  515.                 axios.post("/hotel.php/receipt_order/getOrderMainList", this.orderMainListSearch).then((response) => {

  516.                     let data = response.data;

  517.                     console.log(this.tableData);

  518.                     if (data.flag) {

  519.                         this.orderMainList = data.data.list;

  520.                         this.orderMainTotal = data.data.total;

  521.                         console.log(this.orderMainList);

  522.                     } else {

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

  524.                     }

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

  526.                     console.log(error);

  527.                 });

  528.             },

  529.             addOrderMain(order_id){

  530.                 let param = {

  531.                     order_id:order_id,

  532.                     id:this.editOrder.id

  533.                 }

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

  535.                     let data = response.data;

  536.                     if (data.flag) {

  537.                         this.$message({

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

  539.                             type: 'success'

  540.                         });

  541.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  542.                         this.getData(this.search.pageNum)

  543.                     } else {

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

  545.                     }

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

  547.                     console.log(error);

  548.                 });

  549.             },

  550.             addOrderAll(){

  551.                 let orderId = "";

  552.                 let length = this.multipleSelection.length;

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

  554.                     if (orderId == "") {

  555.                         orderId = this.multipleSelection[k].id;

  556.                         continue;

  557.                     }

  558.                     orderId =orderId+","+this.multipleSelection[k].id;

  559.                 }

  560.                 this.addOrderMain(orderId);

  561.             },

  562.             removeOrderMain(order_id){

  563.                 let param = {

  564.                     order_id:order_id,

  565.                     id:this.editOrder.id

  566.                 }

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

  568.                     let data = response.data;

  569.                     if (data.flag) {

  570.                         this.$message({

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

  572.                             type: 'success'

  573.                         });

  574.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  575.                         this.getData(this.search.pageNum)

  576.                     } else {

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

  578.                     }

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

  580.                     console.log(error);

  581.                 });

  582.             },

  583.             delAll(id){

  584.                 let param = {

  585.                     id:id

  586.                 }

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

  588.                     confirmButtonText: '确定',

  589.                     cancelButtonText: '取消',

  590.                     type: 'warning'

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

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

  593.                         let data = response.data;

  594.                         if (data.flag) {

  595.                             this.$message({

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

  597.                                 type: 'success'

  598.                             });

  599.                             this.getData(this.search.pageNum)

  600.                         } else {

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

  602.                         }

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

  604.                         console.log(error);

  605.                     });

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

  607.                     this.$message({

  608.                         type: 'info',

  609.                         message: '已取消'

  610.                     });

  611.                 });

  612.             }

  613. 

  614.         }

  615.     })

  616. </script>

  617. <style lang="scss" scoped>

  618.     .el-table thead {

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

  620.     }

  621. 

  622.     .header-search {

  623.         font-size: 14px;

  624.         font-weight: 900;

  625.     }

  626. 

  627.     body {

  628.         background-color: white;

  629.     }

  630. 

  631.     .table {

  632.         width: 100%;

  633.         font-size: 12px;

  634.         margin-top: 12px;

  635.         background-color: white;

  636.     }

  637.     .el-form-item{

  638.         margin-bottom: 5px !important;

  639.     }

  640. </style>

  641. </html>