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.
270 Commits
2 Branches
25 MiB
 
 
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
hbp/application/admin/view/payment_order/index.html

995 lines
45 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

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

  5.     <!-- import CSS -->

  6.     <link rel="stylesheet" href="/assets/theme-chalk/index.css">

  7. </head>

  8. <body>

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

  10.     <div>

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

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

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

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

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

  16.             <span>状态</span>

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

  18.                 <el-option

  19.                         v-for="item in status"

  20.                         :key="item.id"

  21.                         :label="item.value"

  22.                         :value="item.id">

  23.                 </el-option>

  24.             </el-select>

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

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

  27.                 <el-option

  28.                         v-for="item in userList"

  29.                         :key="item.id"

  30.                         :label="item.name"

  31.                         :value="item.id">

  32.                 </el-option>

  33.             </el-select>

  34.         </div>

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

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

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

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

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

  40.             <span>成本</span>

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

  42.             ~

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

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

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

  46.         </div>

  47. 

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

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

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

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

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

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

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

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

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

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

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

  59.                     </el-radio-group>

  60.                 </template>

  61.             </el-table-column>

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

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

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

  65.                 </template>

  66.             </el-table-column>

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

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

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

  70.                 </template>

  71.             </el-table-column>

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

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

  74.             <el-table-column label="操作" min-width="140">

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

  76.                     <el-button-group>

  77.                         <el-button type="primary" size="mini" @click="edit(scope.row)" icon="el-icon-edit" style="margin: 5px;">编辑</el-button>

  78.                         <el-button type="success" size="mini" @click="editOrderDivShow(scope.row)" icon="el-icon-share"  style="margin: 5px;">订单</el-button>

  79.                         <el-button type="danger" size="mini" v-if="scope.row.status==0" icon="el-icon-delete" @click="delAll(scope.row.id)"  style="margin: 5px;">删除</el-button>

  80.                         <el-button type="primary" size="mini" icon="el-icon-search" @click="showFile(scope.row.id)"  style="margin: 5px;">附件</el-button>

  81.                     </el-button-group>

  82.                 </template>

  83.             </el-table-column>

  84.         </el-table>

  85.         <el-pagination

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

  87.                 :pager-count="11"

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

  89.                 :total="total"

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

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

  92.                 @size-change="sizeChange"

  93.                 @current-change="getData"

  94.                 @prev-click="getData"

  95.                 @next-click="getData"

  96.         ></el-pagination>

  97.     </div>

  98. 

  99. 

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

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

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

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

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

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

  106.                     </el-form-item>

  107.                 </div>

  108.                 <div>

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

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

  111.                     </el-form-item>

  112.                 </div>

  113.                 <div>

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

  115.                         <el-radio-group v-model="editData.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.                 <div>

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

  124.                 </div>

  125.             </el-form>

  126.         </el-dialog>

  127.     </transition>

  128. 

  129. 

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

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

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

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

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

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

  136.                     </el-form-item>

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

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

  139.                     </el-form-item>

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

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

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

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

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

  145.                         </el-radio-group>

  146.                     </el-form-item>

  147.                 </div>

  148.             </el-form>

  149.             <div>

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

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

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

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

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

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

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

  157.                         <el-option

  158.                                 v-for="item in prodTypeList"

  159.                                 :key="item.id"

  160.                                 :label="item.name"

  161.                                 :value="item.id">

  162.                         </el-option>

  163.                     </el-select>

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

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

  166.                 </div>

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

  168. 

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

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

  171.                         <el-option

  172.                                 v-for="item in itemList"

  173.                                 :key="item.id"

  174.                                 :label="item.name"

  175.                                 :value="item.id">

  176.                         </el-option>

  177.                     </el-select>

  178.                     <span>酒店</span>

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

  180.                         <el-option

  181.                                 v-for="item in hotelList"

  182.                                 :key="item.id"

  183.                                 :label="item.name"

  184.                                 :value="item.id">

  185.                         </el-option>

  186.                     </el-select>

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

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

  189.                         <el-option

  190.                                 v-for="item in confirmStatusList"

  191.                                 :key="item.id"

  192.                                 :label="item.name"

  193.                                 :value="item.id">

  194.                         </el-option>

  195.                     </el-select>

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

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

  198.                         <el-option

  199.                                 v-for="item in inPaymentList"

  200.                                 :key="item.id"

  201.                                 :label="item.name"

  202.                                 :value="item.id">

  203.                         </el-option>

  204.                     </el-select>

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

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

  207.                         <el-option

  208.                                 v-for="item in supplierList"

  209.                                 :key="item.id"

  210.                                 :label="item.name"

  211.                                 :value="item.id">

  212.                         </el-option>

  213.                     </el-select>

  214.                 </div>

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

  216.                     <span>成本</span>

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

  218.                     ~

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

  220.                     <span>时间</span>

  221.                     <el-date-picker

  222.                             style="width: 180px;"

  223.                             v-model="orderMainListSearch.startTime"

  224.                             type="date"

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

  226.                             :picker-options="pickerOptions"

  227.                             placeholder="选择日期">

  228.                     </el-date-picker>

  229.                     ~

  230.                     <el-date-picker

  231.                             style="width: 180px;"

  232.                             v-model="orderMainListSearch.endTime"

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

  234.                             type="date"

  235.                             :picker-options="pickerOptions"

  236.                             placeholder="选择日期">

  237.                     </el-date-picker>

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

  239.                 </div>

  240.                 <div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  255.                             </template>

  256.                         </el-table-column>

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

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

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

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

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

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

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

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

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

  266.                             </template>

  267.                         </el-table-column>

  268.                         <el-table-column  label="财务备注" min-width="40" >

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

  270.                                 <el-popover

  271.                                         placement="left"

  272.                                         placement="top-start"

  273.                                         title="备注："

  274.                                         width="500"

  275.                                         trigger="hover">

  276.                                     <div>

  277.                                         <div>

  278.                                             <el-input

  279.                                                     style="margin: 5px"

  280.                                                     type="textarea"

  281.                                                     :rows="2"

  282.                                                     placeholder="无"

  283.                                                     v-model="scope.row.finance_memo">

  284.                                             </el-input>

  285.                                         </div>

  286.                                         <div>

  287.                                             <el-button type="primary" slot="reference" @click="setFinanceMemo(scope.row)" size="small" style="margin: 5px">变更提交</el-button>

  288.                                         </div>

  289.                                     </div>

  290.                                     <el-button slot="reference" size="small" >查看</el-button>

  291.                                 </el-popover>

  292. 

  293.                             </template>

  294.                         </el-table-column>

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

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

  297.                                 <el-button-group>

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

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

  300.                                 </el-button-group>

  301.                             </template>

  302.                         </el-table-column>

  303. 

  304.                     </el-table>

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

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

  307.                     </div>

  308.                     <el-pagination

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

  310.                             :pager-count="11"

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

  312.                             :total="orderMainTotal"

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

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

  315.                             @size-change="sizeOrderMainChange"

  316.                             @current-change="getOrderMainData"

  317.                             @prev-click="getOrderMainData"

  318.                             @next-click="getOrderMainData"

  319.                     ></el-pagination>

  320.                 </div>

  321.             </div>

  322.         </el-dialog>

  323.     </transition>

  324. 

  325.     <transition name="bounce" v-if="showFileFlag">

  326.         <el-dialog title="附件详情" :visible.sync="showFileFlag" width="90%" top="15px">

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

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

  329.                     <el-form-item  label="账单ID：" style="width: 80%">

  330.                         <div v-html="fileData.id"></div>

  331.                     </el-form-item>

  332.                 </div>

  333.                 <div>

  334.                     <el-form-item  label="名称标识：" style="width: 80%">

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

  336.                     </el-form-item>

  337.                 </div>

  338.                 <div>

  339.                     <el-form-item  label="文件：" style="width: 80%">

  340.                         <div>

  341.                             <el-upload

  342.                                     :multiple="false"

  343.                                     :limit="1"

  344.                                     class="upload-demo"

  345.                                     action="/hotel.php/ajax/upload"

  346.                                     :on-change="handleChange"

  347.                                     :on-exceed="handleExceed"

  348.                                     :file-list="fileList">

  349.                                 <el-button size="small" type="primary">点击上传</el-button>

  350.                             </el-upload>

  351.                         </div>

  352.                     </el-form-item>

  353.                 </div>

  354.                 <div>

  355.                     <el-button type="primary"  @click="fileSubmit()" >提交</el-button>

  356.                 </div>

  357.             </el-form>

  358.             <el-table ref="multipleTable" :data="fileTable" border tooltip-effect="dark" style="font-size:12px;width: 100%;margin-top: 12px">

  359.                 <el-table-column prop="name" label="名称标识" min-width="140" ></el-table-column>

  360.                 <el-table-column prop="create_name" label="创建人" min-width="70" ></el-table-column>

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

  362.                 <el-table-column  label="点击下载" min-width="40" >

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

  364.                         <el-link :href="scope.row.file" target="_blank" style="color: #0a568c">下载</el-link>

  365.                     </template>

  366.                 </el-table-column>

  367. 

  368.             </el-table>

  369.         </el-dialog>

  370.     </transition>

  371. </div>

  372. </body>

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

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

  375. <!-- import JavaScript -->

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

  377. <script src="/assets/js/axios/dist/axios.min.js"></script>

  378. <script>

  379.     new Vue({

  380.         el: '#app',

  381.         data: function () {

  382.             return {

  383.                 search: {

  384.                     sub_order_id:"",

  385.                     order_id:"",

  386.                     id:"",

  387.                     create_id:"",

  388.                     name: "",

  389.                     status: "all",

  390.                     startCost:"",

  391.                     endCost:"",

  392.                     pageSize: 10,

  393.                     pageNum: 1

  394.                 },

  395.                 status: [

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

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

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

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

  400.                 ],

  401.                 total: 0,

  402.                 tableData: [],

  403.                 userList: [],

  404.                 info: {

  405.                     id: null,

  406.                     name: "",

  407.                     status: 0,

  408.                     list: []

  409.                 },

  410.                 editShow: false,

  411.                 editType: false,

  412.                 editData: {},

  413.                 editOrderShow:false,

  414.                 editOrder:{},

  415.                 orderMainListSearch:{

  416.                     "payment_order_id":"",

  417.                     "order_id":"",

  418.                     "sub_order_id":"",

  419.                     "prod_type":"hotel",

  420.                     "supplier_id":"",

  421.                     "inPayment":"",

  422.                     "confirm_status":"",

  423.                     "customer_name":"",

  424.                     "startMoney":"",

  425.                     "endMoney":"",

  426.                     "startTime":"",

  427.                     "endTime":"",

  428.                     "pageNum":1,

  429.                     "pageSize":10,

  430.                     "item_id":"",

  431.                     "hotel_id":"",

  432.                     "room_id":"",

  433.                     "plan_id":""

  434.                 },

  435.                 orderMainTotal:0,

  436.                 orderMainList:[],

  437.                 inPaymentList:[

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

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

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

  441.                 ],

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

  443.                 confirmStatusList:[

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

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

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

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

  448.                 ],

  449.                 prodTypeList:[

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

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

  452.                 ],

  453.                 supplierList:[],

  454.                 multipleSelection: [],

  455.                 hotelList:[],

  456.                 itemList:[],

  457.                 type_list:[],

  458.                 pickerOptions: {

  459.                     shortcuts: [{

  460.                         text: '今天',

  461.                         onClick(picker) {

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

  463.                         }

  464.                     }, {

  465.                         text: '昨天',

  466.                         onClick(picker) {

  467.                             const date = new Date();

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

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

  470.                         }

  471.                     }, {

  472.                         text: '一周前',

  473.                         onClick(picker) {

  474.                             const date = new Date();

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

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

  477.                         }

  478.                     }]

  479.                 },

  480.                 showFileFlag:false,

  481.                 fileData:{

  482.                     "id":"",

  483.                     "name":"",

  484.                     "file":"",

  485.                     "type":"pay"

  486.                 },

  487.                 fileTable:[],

  488.                 fileList:[]

  489.             }

  490.         },

  491.         created() {

  492.             this.getAdminUser();

  493.             this.getSupplierList();

  494.             this.getData(1)

  495.             this.getHotelList()

  496.             this.getConfig()

  497.             this.getItemList()

  498. 

  499.         },

  500.         watch: {

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

  502.                 this.getOrderMainData(1)

  503.             }

  504.         },

  505.         methods: {

  506.             setFinanceMemo(info){

  507.                 let param = {

  508.                     "type": info["prod_type"],

  509.                     "finance_memo":info["finance_memo"],

  510.                     "order_id":info["id"]

  511.                 }

  512.                 axios.post("/hotel.php/order_main/setFinanceMemo",  param).then((response) => {

  513.                     let data = response.data;

  514.                     if (data.flag) {

  515.                         this.$message({

  516.                             offset:0,

  517.                             showClose:true,duration:1500,

  518.                             type: 'success',

  519.                             message: '成功'

  520.                         });

  521.                     } else {

  522.                         this.$message({

  523.                             offset:0,

  524.                             showClose:true,duration:1500,

  525.                             type: 'error',

  526.                             message:response.msg});

  527.                     }

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

  529.                     console.log(error);

  530.                 });

  531. 

  532.             },

  533.             handleChange(file, fileList) {

  534.                 this.fileList = fileList.slice(-3);

  535.             },

  536.             showFile(id){

  537.                 this.fileData["id"]=id;

  538.                 this.showFileFlag = true

  539.                 axios.post("/hotel.php/order_main/getFileList",  this.fileData).then((response) => {

  540.                     let data = response.data;

  541.                     if (data.flag) {

  542.                         this.fileTable = data.data

  543.                     } else {

  544.                         this.$message({

  545.                             offset:0,

  546.                             showClose:true,duration:1500,

  547.                             type: 'error',

  548.                             message:response.msg});

  549.                     }

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

  551.                     console.log(error);

  552.                 });

  553.             },

  554.             handleExceed(files, fileList) {

  555.                 this.$message.warning({

  556.                     offset:0,

  557.                     showClose:true,duration:1500,

  558.                     type: 'success',

  559.                     message:`当前限制选择 1 个文件`});

  560.             },

  561.             fileSubmit(){

  562.                 if (this.fileList.length==0) {

  563.                     this.$message({

  564.                         offset:0,

  565.                         showClose:true,duration:1500,

  566.                         type: 'error',

  567.                         message:`请选择文件`});

  568.                     return false;

  569.                 }

  570.                 if (this.fileData["name"]=="") {

  571.                     this.$message({

  572.                         offset:0,

  573.                         showClose:true,duration:1500,

  574.                         type: 'error',

  575.                         message:`请输入名称标识`});

  576.                     return false;

  577.                 }

  578.                 let file = this.fileList[0].response.data.url;

  579.                 this.fileData["file"]=file;

  580.                 axios.post("/hotel.php/order_main/addFileInfo",  this.fileData).then((response) => {

  581.                     let data = response.data;

  582.                     if (data.flag) {

  583.                         this.fileList=[]

  584.                         this.showFile(this.fileData["id"])

  585.                     } else {

  586.                         this.$message({

  587.                             offset:0,

  588.                             showClose:true,duration:1500,

  589.                             type: 'error',

  590.                             message:response.msg});

  591.                     }

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

  593.                     console.log(error);

  594.                 });

  595. 

  596.             },

  597.             getTypeName(info) {

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

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

  600.                         return this.type_list[i].name

  601.                     }

  602.                 }

  603.                 return info.hotel_name

  604.             },

  605.             getConfig(){

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

  607.                     let data = response.data;

  608.                     this.type_list = data.list;

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

  610.                     console.log(error);

  611.                 });

  612.             },

  613.             getProdTypeName(info){

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

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

  616.                         return this.prodTypeList[i].name

  617.                     }

  618.                 }

  619.                 return "-"

  620.             },

  621.             getHotelList(){

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

  623.                     console.log(response)

  624.                     let data = response.data;

  625.                     this.hotelList = data.list;

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

  627.                     console.log(error);

  628.                 });

  629.             },

  630.             getItemList(){

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

  632.                     console.log(response)

  633.                     let data = response.data;

  634.                     this.itemList = data.list;

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

  636.                     console.log(error);

  637.                 });

  638.             },

  639.             checkSelect(row,index){

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

  641.                     return false;

  642.                 }

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

  644.                     return true;

  645.                 }

  646.                 return false;

  647.             },

  648.             handleSelectionChange(val) {

  649.                 this.multipleSelection = val;

  650.             },

  651.             getSupplierList(){

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

  653.                     console.log(response)

  654.                     let data = response.data;

  655.                     this.supplierList = data.list;

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

  657.                     console.log(error);

  658.                 });

  659.             },

  660.             getStatusName(info) {

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

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

  663.                         return this.status[i].value

  664.                     }

  665.                 }

  666.                 return "-"

  667.             },

  668.             getUserName(info) {

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

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

  671.                         return this.userList[i].name

  672.                     }

  673.                 }

  674.                 return "-"

  675.             },

  676.             confirmStatusName(info){

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

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

  679.                         return this.confirmStatusList[i].name

  680.                     }

  681.                 }

  682.                 return "-"

  683.             },

  684.             sizeChange(pageSize) {

  685.                 this.search.pageSize = pageSize;

  686.                 this.getData(this.search.pageNum)

  687.             },

  688.             sizeOrderMainChange(pageSize) {

  689.                 this.orderMainListSearch.pageSize = pageSize;

  690.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  691.             },

  692.             //獲取列表

  693.             getData(page) {

  694.                 this.search.pageNum = page;

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

  696.                     let data = response.data;

  697.                     console.log(this.tableData);

  698.                     if (data.flag) {

  699.                         this.tableData = data.data.list;

  700.                         this.total = data.data.total;

  701.                         console.log(this.tableData);

  702.                     } else {

  703.                         this.$message({

  704.                             offset:0,

  705.                             showClose:true,duration:1500,

  706.                             type: 'error',

  707.                             message:response.msg});

  708.                     }

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

  710.                     console.log(error);

  711.                 });

  712.             },

  713.             getAdminUser() {

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

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

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

  717.                     console.log(error);

  718.                 });

  719.             },

  720.             edit(info) {

  721.                 if (info == null) {

  722.                     this.editType = false;

  723.                     this.editData = {

  724.                         name: ""

  725.                     }

  726.                 } else {

  727.                     this.editType = true;

  728.                     this.editData = {

  729.                         id:info.id,

  730.                         name: info.name,

  731.                         status:info.status

  732.                     }

  733.                 }

  734.                 this.editShow = true;

  735.             },

  736.             editDoing(){

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

  738.                     let data = response.data;

  739.                     console.log(this.tableData);

  740.                     if (data.flag) {

  741.                         this.$message({

  742.                             offset:0,

  743.                             showClose:true,duration:1500,

  744.                             type: 'success',

  745.                             message: '成功'

  746.                         });

  747.                         this.editShow = false;

  748.                         this.getData(1);

  749.                     } else {

  750.                         this.$message({

  751.                             offset:0,

  752.                             showClose:true,duration:1500,

  753.                             type: 'error',

  754.                             message:data.msg});

  755.                     }

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

  757.                     this.$message({

  758.                         offset:0,

  759.                         showClose:true,duration:1500,

  760.                         type: 'error',

  761.                         message:"保存失败"});

  762.                     console.log(error);

  763.                 });

  764.             },

  765.             setStatus(info){

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

  767.                     confirmButtonText: '确定',

  768.                     cancelButtonText: '取消',

  769.                     type: 'warning'

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

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

  772.                         let data = response.data;

  773.                         if (data.flag) {

  774.                             this.$message({

  775.                                 offset:0,

  776.                                 showClose:true,duration:1500,

  777.                                 type: 'success',

  778.                                 message: '成功'

  779.                             });

  780.                         } else {

  781.                             this.$message({

  782.                                 offset:0,

  783.                                 showClose:true,duration:1500,

  784.                                 type: 'error',

  785.                                 message:data.msg});

  786.                             this.getData(this.search.pageNum)

  787.                         }

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

  789.                         this.$message({

  790.                             offset:0,

  791.                             showClose:true,duration:1500,

  792.                             type: 'error',

  793.                             message:"保存失败"});

  794.                         console.log(error);

  795.                         this.getData(this.search.pageNum)

  796.                     });

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

  798.                     this.$message({

  799.                         offset:0,

  800.                         showClose:true,duration:1500,

  801.                         type: 'success',

  802.                         message: '已取消'

  803.                     });

  804.                     this.getData(this.search.pageNum)

  805.                 })

  806. 

  807.             },

  808.             editOrderDivShow(info){

  809.                 console.log(info);

  810.                 this.editOrder = info;

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

  812.                 this.orderMainList=[];

  813.                 this.getOrderMainData(1);

  814.                 this.editOrderShow = true;

  815.             },

  816.             getOrderMainData(page){

  817.                 this.orderMainListSearch.pageNum = page;

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

  819.                     let data = response.data;

  820.                     console.log(this.tableData);

  821.                     if (data.flag) {

  822.                         this.orderMainList = data.data.list;

  823.                         this.orderMainTotal = data.data.total;

  824.                         console.log(this.orderMainList);

  825.                     } else {

  826.                         this.$message({

  827.                             offset:0,

  828.                             showClose:true,duration:1500,

  829.                             type: 'error',

  830.                             message:data.msg});

  831.                     }

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

  833.                     console.log(error);

  834.                 });

  835.             },

  836.             addOrderInfo(info){

  837.                 let param = {

  838.                     hotel_id:[],

  839.                     item_id:[],

  840.                     id:this.editOrder.id

  841.                 }

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

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

  844.                 }else{

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

  846.                 }

  847.                 this.addOrderMain(param)

  848.             },

  849.             addOrderMain(param){

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

  851.                     let data = response.data;

  852.                     if (data.flag) {

  853.                         this.$message({

  854.                             offset:0,

  855.                             showClose:true,duration:1500,

  856.                             type: 'success',

  857.                             message: '成功'

  858.                         });

  859.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  860.                         this.getData(this.search.pageNum)

  861.                     } else {

  862.                         this.$message({

  863.                             offset:0,

  864.                             showClose:true,duration:1500,

  865.                             type: 'error',

  866.                             message:data.msg});

  867.                     }

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

  869.                     console.log(error);

  870.                 });

  871.             },

  872.             addOrderAll(){

  873.                 let param = {

  874.                     hotel_id:[],

  875.                     item_id:[],

  876.                     id:this.editOrder.id

  877.                 }

  878.                 let length = this.multipleSelection.length;

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

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

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

  882.                     }else{

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

  884.                     }

  885.                 }

  886.                 this.addOrderMain(param);

  887.             },

  888.             removeOrderMain(info){

  889.                 let param = {

  890.                     hotel_id:[],

  891.                     item_id:[],

  892.                     id:this.editOrder.id

  893.                 }

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

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

  896.                 }else{

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

  898.                 }

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

  900.                     let data = response.data;

  901.                     if (data.flag) {

  902.                         this.$message({

  903.                             offset:0,

  904.                             showClose:true,duration:1500,

  905.                             type: 'success',

  906.                             message: '成功'

  907.                         });

  908.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  909.                         this.getData(this.search.pageNum)

  910.                     } else {

  911.                         this.$message({

  912.                             offset:0,

  913.                             showClose:true,duration:1500,

  914.                             type: 'error',

  915.                             message:data.msg});

  916.                     }

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

  918.                     console.log(error);

  919.                 });

  920.             },

  921.             delAll(id){

  922.                 let param = {

  923.                     id:id

  924.                 }

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

  926.                     confirmButtonText: '确定',

  927.                     cancelButtonText: '取消',

  928.                     type: 'warning'

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

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

  931.                         let data = response.data;

  932.                         if (data.flag) {

  933.                             this.$message({

  934.                                 offset:0,

  935.                                 showClose:true,duration:1500,

  936.                                 type: 'success',

  937.                                 message: '成功'

  938.                             });

  939.                             this.getData(this.search.pageNum)

  940.                         } else {

  941.                             this.$message({

  942.                                 offset:0,

  943.                                 showClose:true,duration:1500,

  944.                                 type: 'error',

  945.                                 message:data.msg});

  946.                         }

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

  948.                         console.log(error);

  949.                     });

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

  951.                     this.$message({

  952.                         offset:0,

  953.                         showClose:true,duration:1500,

  954.                         type: 'success',

  955.                         message: '已取消'

  956.                     });

  957.                 });

  958.             }

  959. 

  960.         }

  961.     })

  962. </script>

  963. <style lang="scss" scoped>

  964.     .upload .el-upload__input {

  965.         display: none !important;

  966.     }

  967. 

  968.     input[type="file"] {

  969.         display: none !important;

  970.     }

  971.     .el-table thead {

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

  973.     }

  974. 

  975.     .header-search {

  976.         font-size: 14px;

  977.         font-weight: 900;

  978.     }

  979. 

  980.     body {

  981.         background-color: white;

  982.     }

  983. 

  984.     .table {

  985.         width: 100%;

  986.         font-size: 12px;

  987.         margin-top: 12px;

  988.         background-color: white;

  989.     }

  990.     .el-form-item{

  991.         margin-bottom: 5px !important;

  992.     }

  993. </style>

  994. </html>