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/receipt_order/index.html

633 líneas
29 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: 150px;" placeholder="请输入内容"></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. 

  35.         </div>

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

  37.             <span>金额</span>

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

  39.             ~

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

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

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

  43.         </div>

  44. 

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

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

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

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

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

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

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

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

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

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

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

  56.                     </el-radio-group>

  57.                 </template>

  58.             </el-table-column>

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

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

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

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

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

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

  65.                     <el-button-group>

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

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

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

  69.                     </el-button-group>

  70.                 </template>

  71.             </el-table-column>

  72.         </el-table>

  73.         <el-pagination

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

  75.                 :pager-count="11"

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

  77.                 :total="total"

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

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

  80.                 @size-change="sizeChange"

  81.                 @current-change="getData"

  82.                 @prev-click="getData"

  83.                 @next-click="getData"

  84.         ></el-pagination>

  85.     </div>

  86. 

  87. 

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

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

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

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

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

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

  94.                     </el-form-item>

  95.                 </div>

  96.                 <div>

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

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

  99.                     </el-form-item>

  100.                 </div>

  101.                 <div>

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

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

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

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

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

  107.                         </el-radio-group>

  108.                     </el-form-item>

  109.                 </div>

  110.                 <div>

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

  112.                 </div>

  113.             </el-form>

  114.         </el-dialog>

  115.     </transition>

  116. 

  117. 

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

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

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

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

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

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

  124.                     </el-form-item>

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

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

  127.                     </el-form-item>

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

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

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

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

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

  133.                         </el-radio-group>

  134.                     </el-form-item>

  135.                 </div>

  136.             </el-form>

  137.             <div>

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

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

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

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

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

  143.                         <el-option

  144.                                 v-for="item in orderMainStatus"

  145.                                 :key="item.id"

  146.                                 :label="item.name"

  147.                                 :value="item.id">

  148.                         </el-option>

  149.                     </el-select>

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

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

  152.                         <el-option

  153.                                 v-for="item in inReceipt"

  154.                                 :key="item.id"

  155.                                 :label="item.name"

  156.                                 :value="item.id">

  157.                         </el-option>

  158.                     </el-select>

  159.                 </div>

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

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

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

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

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

  165.                         <el-option

  166.                                 v-for="item in channelList"

  167.                                 :key="item.id"

  168.                                 :label="item.name"

  169.                                 :value="item.id">

  170.                         </el-option>

  171.                     </el-select>

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

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

  174.                     <span>专员</span>

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

  176.                         <el-option

  177.                                 v-for="item in userList"

  178.                                 :key="item.id"

  179.                                 :label="item.name"

  180.                                 :value="item.id">

  181.                         </el-option>

  182.                     </el-select>

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

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

  185.                         <el-option

  186.                                 v-for="item in userList"

  187.                                 :key="item.id"

  188.                                 :label="item.name"

  189.                                 :value="item.id">

  190.                         </el-option>

  191.                     </el-select>

  192.                 </div>

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

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

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

  196.                     <span>金额</span>

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

  198.                     ~

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

  200.                     <span>时间</span>

  201.                     <el-date-picker

  202.                             style="width: 150px;"

  203.                             v-model="orderMainListSearch.startTime"

  204.                             type="date"

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

  206.                             :picker-options="pickerOptions"

  207.                             placeholder="选择日期">

  208.                     </el-date-picker>

  209.                     ~

  210.                     <el-date-picker

  211.                             style="width: 150px;"

  212.                             v-model="orderMainListSearch.endTime"

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

  214.                             type="date"

  215.                             :picker-options="pickerOptions"

  216.                             placeholder="选择日期">

  217.                     </el-date-picker>

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

  219.                 </div>

  220.                 <div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  237.                                 <el-button-group>

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

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

  240.                                 </el-button-group>

  241.                             </template>

  242.                         </el-table-column>

  243. 

  244.                     </el-table>

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

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

  247.                     </div>

  248.                     <el-pagination

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

  250.                             :pager-count="11"

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

  252.                             :total="orderMainTotal"

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

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

  255.                             @size-change="sizeOrderMainChange"

  256.                             @current-change="getOrderMainData"

  257.                             @prev-click="getOrderMainData"

  258.                             @next-click="getOrderMainData"

  259.                     ></el-pagination>

  260.                 </div>

  261.             </div>

  262.         </el-dialog>

  263.     </transition>

  264. </div>

  265. </body>

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

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

  268. <!-- import JavaScript -->

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

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

  271. <script>

  272.     new Vue({

  273.         el: '#app',

  274.         data: function () {

  275.             return {

  276.                 search: {

  277.                     id:"",

  278.                     create_id:"",

  279.                     name: "",

  280.                     status: "all",

  281.                     startMoney:0,

  282.                     endMoney:0,

  283.                     pageSize: 10,

  284.                     pageNum: 1

  285.                 },

  286.                 status: [

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

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

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

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

  291.                 ],

  292.                 total: 0,

  293.                 tableData: [],

  294.                 userList: [],

  295.                 info: {

  296.                     id: null,

  297.                     name: "",

  298.                     status: 0,

  299.                     list: []

  300.                 },

  301.                 editShow: false,

  302.                 editType: false,

  303.                 editData: {},

  304.                 editOrderShow:false,

  305.                 editOrder:{},

  306.                 orderMainListSearch:{

  307.                     "receipt_order_id":"",

  308.                     "inReceipt":"",

  309.                     "order_id":"",

  310.                     "channel_order_no":"",

  311.                     "channel_id":"",

  312.                     "order_status":"",

  313.                     "commissioner_id":"",

  314.                     "user_name":"",

  315.                     "user_phone":"",

  316.                     "create_id":"",

  317.                     "startMoney":"",

  318.                     "endMoney":"",

  319.                     "startTime":"",

  320.                     "endTime":"",

  321.                     "pageNum":1,

  322.                     "pageSize":10

  323.                 },

  324.                 orderMainTotal:0,

  325.                 orderMainList:[],

  326.                 inReceipt:[

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

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

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

  330.                 ],

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

  332.                 orderMainStatus:[

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

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

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

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

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

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

  339.                 ],

  340.                 channelList:[],

  341.                 multipleSelection: [],

  342.                 pickerOptions: {

  343.                     shortcuts: [{

  344.                         text: '今天',

  345.                         onClick(picker) {

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

  347.                         }

  348.                     }, {

  349.                         text: '昨天',

  350.                         onClick(picker) {

  351.                             const date = new Date();

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

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

  354.                         }

  355.                     }, {

  356.                         text: '一周前',

  357.                         onClick(picker) {

  358.                             const date = new Date();

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

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

  361.                         }

  362.                     }]

  363.                 },

  364.             }

  365.         },

  366.         created() {

  367.             this.getAdminUser();

  368.             this.getChannelList();

  369.             this.getData(1)

  370. 

  371.         },

  372.         methods: {

  373.             checkSelect(row,index){

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

  375.                     return false;

  376.                 }

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

  378.                     return true;

  379.                 }

  380.                 return false;

  381.             },

  382.             handleSelectionChange(val) {

  383.                 this.multipleSelection = val;

  384.             },

  385.             getChannelList(){

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

  387.                     console.log(response)

  388.                     let data = response.data;

  389.                     this.channelList = data.list;

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

  391.                     console.log(error);

  392.                 });

  393.             },

  394.             getStatusName(info) {

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

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

  397.                         return this.status[i].value

  398.                     }

  399.                 }

  400.                 return "-"

  401.             },

  402.             getUserName(info) {

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

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

  405.                         return this.userList[i].name

  406.                     }

  407.                 }

  408.                 return "-"

  409.             },

  410.             getOrderMainStatus(info){

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

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

  413.                         return this.orderMainStatus[i].name

  414.                     }

  415.                 }

  416.                 return "-"

  417.             },

  418.             sizeChange(pageSize) {

  419.                 this.search.pageSize = pageSize;

  420.                 this.getData(this.search.pageNum)

  421.             },

  422.             sizeOrderMainChange(pageSize) {

  423.                 this.orderMainListSearch.pageSize = pageSize;

  424.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  425.             },

  426.             //獲取列表

  427.             getData(page) {

  428.                 this.search.pageNum = page;

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

  430.                     let data = response.data;

  431.                     console.log(this.tableData);

  432.                     if (data.flag) {

  433.                         this.tableData = data.data.list;

  434.                         this.total = data.data.total;

  435.                         console.log(this.tableData);

  436.                     } else {

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

  438.                     }

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

  440.                     console.log(error);

  441.                 });

  442.             },

  443.             getAdminUser() {

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

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

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

  447.                     console.log(error);

  448.                 });

  449.             },

  450.             edit(info) {

  451.                 if (info == null) {

  452.                     this.editType = false;

  453.                     this.editData = {

  454.                         name: ""

  455.                     }

  456.                 } else {

  457.                     this.editType = true;

  458.                     this.editData = {

  459.                         id:info.id,

  460.                         name: info.name,

  461.                         status:info.status

  462.                     }

  463.                 }

  464.                 this.editShow = true;

  465.             },

  466.             editDoing(){

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

  468.                     let data = response.data;

  469.                     console.log(this.tableData);

  470.                     if (data.flag) {

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

  472.                         this.editShow = false;

  473.                         this.getData(1);

  474.                     } else {

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

  476.                     }

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

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

  479.                     console.log(error);

  480.                 });

  481.             },

  482.             setStatus(info){

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

  484.                     confirmButtonText: '确定',

  485.                     cancelButtonText: '取消',

  486.                     type: 'warning'

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

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

  489.                         let data = response.data;

  490.                         if (data.flag) {

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

  492.                         } else {

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

  494.                             this.getData(this.search.pageNum)

  495.                         }

  496. 

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

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

  499.                         console.log(error);

  500.                         this.getData(this.search.pageNum)

  501.                     });

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

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

  504.                     this.getData(this.search.pageNum)

  505.                 })

  506. 

  507.             },

  508.             editOrderDivShow(info){

  509.                 console.log(info);

  510.                 this.editOrder = info;

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

  512.                 this.orderMainList=[];

  513.                 this.getOrderMainData(1);

  514.                 this.editOrderShow = true;

  515.             },

  516.             getOrderMainData(page){

  517.                 this.orderMainListSearch.pageNum = page;

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

  519.                     let data = response.data;

  520.                     console.log(this.tableData);

  521.                     if (data.flag) {

  522.                         this.orderMainList = data.data.list;

  523.                         this.orderMainTotal = data.data.total;

  524.                         console.log(this.orderMainList);

  525.                     } else {

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

  527.                     }

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

  529.                     console.log(error);

  530.                 });

  531.             },

  532.             addOrderMain(order_id){

  533.                 let param = {

  534.                     order_id:order_id,

  535.                     id:this.editOrder.id

  536.                 }

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

  538.                     let data = response.data;

  539.                     if (data.flag) {

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

  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.success("移除成功");

  571.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  572.                         this.getData(this.search.pageNum)

  573.                     } else {

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

  575.                     }

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

  577.                     console.log(error);

  578.                 });

  579.             },

  580.             delAll(id){

  581.                 let param = {

  582.                     id:id

  583.                 }

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

  585.                     confirmButtonText: '确定',

  586.                     cancelButtonText: '取消',

  587.                     type: 'warning'

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

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

  590.                         let data = response.data;

  591.                         if (data.flag) {

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

  593.                             this.getData(this.search.pageNum)

  594.                         } else {

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

  596.                         }

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

  598.                         console.log(error);

  599.                     });

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

  601.                     this.$message.info("保存成功");

  602.                 });

  603.             }

  604. 

  605.         }

  606.     })

  607. </script>

  608. <style lang="scss" scoped>

  609.     .el-table thead {

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

  611.     }

  612. 

  613.     .header-search {

  614.         font-size: 14px;

  615.         font-weight: 900;

  616.     }

  617. 

  618.     body {

  619.         background-color: white;

  620.     }

  621. 

  622.     .table {

  623.         width: 100%;

  624.         font-size: 12px;

  625.         margin-top: 12px;

  626.         background-color: white;

  627.     }

  628.     .el-form-item{

  629.         margin-bottom: 5px !important;

  630.     }

  631. </style>

  632. </html>