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
 
 
 
 
 
 
Tree: 14ce0a989c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '14ce0a989c'
${ noResults }
hbp/application/admin/view/receipt_order/index.html

882 lines
40 KiB
Raw 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: 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>订单ID：</span>

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

  39.             <span>金额</span>

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

  41.             ~

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

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

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

  45.         </div>

  46. 

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

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

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

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

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

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

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

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

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

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

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

  58.                     </el-radio-group>

  59.                 </template>

  60.             </el-table-column>

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

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

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

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

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

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

  67.                     <el-button-group>

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

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

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

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

  72.                     </el-button-group>

  73.                 </template>

  74.             </el-table-column>

  75.         </el-table>

  76.         <el-pagination

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

  78.                 :pager-count="11"

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

  80.                 :total="total"

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

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

  83.                 @size-change="sizeChange"

  84.                 @current-change="getData"

  85.                 @prev-click="getData"

  86.                 @next-click="getData"

  87.         ></el-pagination>

  88.     </div>

  89. 

  90. 

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

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

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

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

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

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

  97.                     </el-form-item>

  98.                 </div>

  99.                 <div>

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

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

  102.                     </el-form-item>

  103.                 </div>

  104.                 <div>

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

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

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

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

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

  110.                         </el-radio-group>

  111.                     </el-form-item>

  112.                 </div>

  113.                 <div>

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

  115.                 </div>

  116.             </el-form>

  117.         </el-dialog>

  118.     </transition>

  119. 

  120. 

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

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

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

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

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

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

  127.                     </el-form-item>

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

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

  130.                     </el-form-item>

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

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

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

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

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

  136.                         </el-radio-group>

  137.                     </el-form-item>

  138.                 </div>

  139.             </el-form>

  140.             <div>

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

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

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

  144.                         <el-option

  145.                                 v-for="item in orderMainStatus"

  146.                                 :key="item.id"

  147.                                 :label="item.name"

  148.                                 :value="item.id">

  149.                         </el-option>

  150.                     </el-select>

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

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

  153.                         <el-option

  154.                                 v-for="item in inReceipt"

  155.                                 :key="item.id"

  156.                                 :label="item.name"

  157.                                 :value="item.id">

  158.                         </el-option>

  159.                     </el-select>

  160.                 </div>

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

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

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

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

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

  166.                         <el-option

  167.                                 v-for="item in channelList"

  168.                                 :key="item.id"

  169.                                 :label="item.name"

  170.                                 :value="item.id">

  171.                         </el-option>

  172.                     </el-select>

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

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

  175.                     <span>专员</span>

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

  177.                         <el-option

  178.                                 v-for="item in userList"

  179.                                 :key="item.id"

  180.                                 :label="item.name"

  181.                                 :value="item.id">

  182.                         </el-option>

  183.                     </el-select>

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

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

  186.                         <el-option

  187.                                 v-for="item in userList"

  188.                                 :key="item.id"

  189.                                 :label="item.name"

  190.                                 :value="item.id">

  191.                         </el-option>

  192.                     </el-select>

  193.                 </div>

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

  195.                     <span>订单号</span>

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

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

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

  199.                     <span>金额</span>

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

  201.                     ~

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

  203.                     <span>时间</span>

  204.                     <el-date-picker

  205.                             style="width: 150px;"

  206.                             v-model="orderMainListSearch.startTime"

  207.                             type="date"

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

  209.                             :picker-options="pickerOptions"

  210.                             placeholder="选择日期">

  211.                     </el-date-picker>

  212.                     ~

  213.                     <el-date-picker

  214.                             style="width: 150px;"

  215.                             v-model="orderMainListSearch.endTime"

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

  217.                             type="date"

  218.                             :picker-options="pickerOptions"

  219.                             placeholder="选择日期">

  220.                     </el-date-picker>

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

  222.                 </div>

  223.                 <div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  240.                                 <el-popover

  241.                                         placement="left"

  242.                                         placement="top-start"

  243.                                         title="备注："

  244.                                         width="500"

  245.                                         trigger="hover">

  246.                                     <div>

  247.                                         <div>

  248.                                             <el-input

  249.                                                     style="margin: 5px"

  250.                                                     type="textarea"

  251.                                                     :rows="2"

  252.                                                     placeholder="无"

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

  254.                                             </el-input>

  255.                                         </div>

  256.                                         <div>

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

  258.                                         </div>

  259.                                     </div>

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

  261.                                 </el-popover>

  262. 

  263.                             </template>

  264.                         </el-table-column>

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

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

  267.                                 <el-button-group>

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

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

  270.                                 </el-button-group>

  271.                             </template>

  272.                         </el-table-column>

  273. 

  274.                     </el-table>

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

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

  277.                     </div>

  278.                     <el-pagination

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

  280.                             :pager-count="11"

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

  282.                             :total="orderMainTotal"

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

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

  285.                             @size-change="sizeOrderMainChange"

  286.                             @current-change="getOrderMainData"

  287.                             @prev-click="getOrderMainData"

  288.                             @next-click="getOrderMainData"

  289.                     ></el-pagination>

  290.                 </div>

  291.             </div>

  292.         </el-dialog>

  293.     </transition>

  294. 

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

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

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

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

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

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

  301.                     </el-form-item>

  302.                 </div>

  303.                 <div>

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

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

  306.                     </el-form-item>

  307.                 </div>

  308.                 <div>

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

  310.                         <div>

  311.                             <el-upload

  312.                                     :multiple="false"

  313.                                     :limit="1"

  314.                                     class="upload-demo"

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

  316.                                     :on-change="handleChange"

  317.                                     :on-exceed="handleExceed"

  318.                                     :file-list="fileList">

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

  320.                             </el-upload>

  321.                         </div>

  322.                     </el-form-item>

  323.                 </div>

  324.                 <div>

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

  326.                 </div>

  327.             </el-form>

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

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

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

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

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

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

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

  335.                     </template>

  336.                 </el-table-column>

  337. 

  338.             </el-table>

  339.         </el-dialog>

  340.     </transition>

  341. </div>

  342. </body>

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

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

  345. <!-- import JavaScript -->

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

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

  348. <script>

  349.     new Vue({

  350.         el: '#app',

  351.         data: function () {

  352.             return {

  353.                 search: {

  354.                     order_id:"",

  355.                     id:"",

  356.                     create_id:"",

  357.                     name: "",

  358.                     status: "all",

  359.                     startMoney:0,

  360.                     endMoney:0,

  361.                     pageSize: 10,

  362.                     pageNum: 1

  363.                 },

  364.                 status: [

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

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

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

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

  369.                 ],

  370.                 total: 0,

  371.                 tableData: [],

  372.                 userList: [],

  373.                 info: {

  374.                     id: null,

  375.                     name: "",

  376.                     status: 0,

  377.                     list: []

  378.                 },

  379.                 editShow: false,

  380.                 editType: false,

  381.                 editData: {},

  382.                 editOrderShow:false,

  383.                 editOrder:{},

  384.                 orderMainListSearch:{

  385.                     "receipt_order_id":"",

  386.                     "inReceipt":"",

  387.                     "order_id":"",

  388.                     "channel_order_no":"",

  389.                     "channel_id":"",

  390.                     "order_status":"",

  391.                     "commissioner_id":"",

  392.                     "user_name":"",

  393.                     "user_phone":"",

  394.                     "create_id":"",

  395.                     "startMoney":"",

  396.                     "endMoney":"",

  397.                     "startTime":"",

  398.                     "endTime":"",

  399.                     "pageNum":1,

  400.                     "pageSize":10

  401.                 },

  402.                 orderMainTotal:0,

  403.                 orderMainList:[],

  404.                 inReceipt:[

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

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

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

  408.                 ],

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

  410.                 orderMainStatus:[

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

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

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

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

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

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

  417.                 ],

  418.                 channelList:[],

  419.                 multipleSelection: [],

  420.                 pickerOptions: {

  421.                     shortcuts: [{

  422.                         text: '今天',

  423.                         onClick(picker) {

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

  425.                         }

  426.                     }, {

  427.                         text: '昨天',

  428.                         onClick(picker) {

  429.                             const date = new Date();

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

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

  432.                         }

  433.                     }, {

  434.                         text: '一周前',

  435.                         onClick(picker) {

  436.                             const date = new Date();

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

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

  439.                         }

  440.                     }]

  441.                 },

  442.                 showFileFlag:false,

  443.                 fileData:{

  444.                     "id":"",

  445.                     "name":"",

  446.                     "file":"",

  447.                     "type":"receipt"

  448.                 },

  449.                 fileTable:[],

  450.                 fileList:[]

  451.             }

  452.         },

  453.         created() {

  454.             this.getAdminUser();

  455.             this.getChannelList();

  456.             this.getData(1)

  457. 

  458.         },

  459.         methods: {

  460.             setFinanceMemo(info){

  461.                 let param = {

  462.                     "type": "order",

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

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

  465.                 }

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

  467.                     let data = response.data;

  468.                     if (data.flag) {

  469.                         this.$message({

  470.                             offset:0,

  471.                             showClose:true,duration:1500,

  472.                             type: 'success',

  473.                             message: '备注成功'

  474.                         });

  475.                     } else {

  476.                         this.$message({

  477.                             offset:0,

  478.                             showClose:true,duration:1500,

  479.                             type: 'error',

  480.                             message:response.msg});

  481.                     }

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

  483.                     console.log(error);

  484.                 });

  485. 

  486.             },

  487.             handleChange(file, fileList) {

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

  489.             },

  490.             showFile(id){

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

  492.                 this.showFileFlag = true

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

  494.                     let data = response.data;

  495.                     if (data.flag) {

  496.                         this.fileTable = data.data

  497.                     } else {

  498.                         this.$message({

  499.                             offset:0,

  500.                             showClose:true,duration:1500,

  501.                             type: 'error',

  502.                             message:response.msg});

  503.                     }

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

  505.                     console.log(error);

  506.                 });

  507.             },

  508.             handleExceed(files, fileList) {

  509.                 this.$message({

  510.                     offset:0,

  511.                     showClose:true,duration:1500,

  512.                     type: 'warning',

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

  514.             },

  515.             fileSubmit(){

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

  517.                     this.$message({

  518.                         offset:0,

  519.                         showClose:true,duration:1500,

  520.                         type: 'error',

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

  522.                     return false;

  523.                 }

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

  525.                     this.$message({

  526.                         offset:0,

  527.                         showClose:true,duration:1500,

  528.                         type: 'error',

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

  530.                     return false;

  531.                 }

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

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

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

  535.                     let data = response.data;

  536.                     if (data.flag) {

  537.                         this.fileList=[]

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

  539.                     } else {

  540.                         this.$message({

  541.                             offset:0,

  542.                             showClose:true,duration:1500,

  543.                             type: 'error',

  544.                             message:response.msg});

  545.                     }

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

  547.                     console.log(error);

  548.                 });

  549. 

  550.             },

  551.             checkSelect(row,index){

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

  553.                     return false;

  554.                 }

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

  556.                     return true;

  557.                 }

  558.                 return false;

  559.             },

  560.             handleSelectionChange(val) {

  561.                 this.multipleSelection = val;

  562.             },

  563.             getChannelList(){

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

  565.                     console.log(response)

  566.                     let data = response.data;

  567.                     this.channelList = data.list;

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

  569.                     console.log(error);

  570.                 });

  571.             },

  572.             getStatusName(info) {

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

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

  575.                         return this.status[i].value

  576.                     }

  577.                 }

  578.                 return "-"

  579.             },

  580.             getUserName(info) {

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

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

  583.                         return this.userList[i].name

  584.                     }

  585.                 }

  586.                 return "-"

  587.             },

  588.             getOrderMainStatus(info){

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

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

  591.                         return this.orderMainStatus[i].name

  592.                     }

  593.                 }

  594.                 return "-"

  595.             },

  596.             sizeChange(pageSize) {

  597.                 this.search.pageSize = pageSize;

  598.                 this.getData(this.search.pageNum)

  599.             },

  600.             sizeOrderMainChange(pageSize) {

  601.                 this.orderMainListSearch.pageSize = pageSize;

  602.                 this.getOrderMainData(this.orderMainListSearch.pageNum)

  603.             },

  604.             //獲取列表

  605.             getData(page) {

  606.                 this.search.pageNum = page;

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

  608.                     let data = response.data;

  609.                     console.log(this.tableData);

  610.                     if (data.flag) {

  611.                         this.tableData = data.data.list;

  612.                         this.total = data.data.total;

  613.                         console.log(this.tableData);

  614.                     } else {

  615.                         this.$message({

  616.                             offset:0,

  617.                             showClose:true,duration:1500,

  618.                             type: 'error',

  619.                             message:response.msg});

  620.                     }

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

  622.                     console.log(error);

  623.                 });

  624.             },

  625.             getAdminUser() {

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

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

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

  629.                     console.log(error);

  630.                 });

  631.             },

  632.             edit(info) {

  633.                 if (info == null) {

  634.                     this.editType = false;

  635.                     this.editData = {

  636.                         name: ""

  637.                     }

  638.                 } else {

  639.                     this.editType = true;

  640.                     this.editData = {

  641.                         id:info.id,

  642.                         name: info.name,

  643.                         status:info.status

  644.                     }

  645.                 }

  646.                 this.editShow = true;

  647.             },

  648.             editDoing(){

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

  650.                     let data = response.data;

  651.                     console.log(this.tableData);

  652.                     if (data.flag) {

  653.                         this.$message({

  654.                             offset:0,

  655.                             showClose:true,duration:1500,

  656.                             type: 'success',

  657.                             message:"保存成功"});

  658.                         this.editShow = false;

  659.                         this.getData(1);

  660.                     } else {

  661.                         this.$message({

  662.                             offset:0,

  663.                             showClose:true,duration:1500,

  664.                             type: 'error',

  665.                             message:data.msg});

  666.                     }

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

  668.                     this.$message({

  669.                         offset:0,

  670.                         showClose:true,duration:1500,

  671.                         type: 'error',

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

  673.                     console.log(error);

  674.                 });

  675.             },

  676.             setStatus(info){

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

  678.                     confirmButtonText: '确定',

  679.                     cancelButtonText: '取消',

  680.                     type: 'warning'

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

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

  683.                         let data = response.data;

  684.                         if (data.flag) {

  685.                             this.$message({

  686.                                 offset:0,

  687.                                 showClose:true,duration:1500,

  688.                                 type: 'success',

  689.                                 message:"保存成功"});

  690.                         } else {

  691.                             this.$message({

  692.                                 offset:0,

  693.                                 showClose:true,duration:1500,

  694.                                 type: 'error',

  695.                                 message:data.msg});

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

  697.                         }

  698. 

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

  700.                         this.$message({

  701.                             offset:0,

  702.                             showClose:true,duration:1500,

  703.                             type: 'error',

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

  705.                         console.log(error);

  706.                         this.getData(this.search.pageNum)

  707.                     });

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

  709.                     this.$message({

  710.                         offset:0,

  711.                         showClose:true,duration:1500,

  712.                         type: 'success',

  713.                         message:"已取消"});

  714.                     this.getData(this.search.pageNum)

  715.                 })

  716. 

  717.             },

  718.             editOrderDivShow(info){

  719.                 console.log(info);

  720.                 this.editOrder = info;

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

  722.                 this.orderMainList=[];

  723.                 this.getOrderMainData(1);

  724.                 this.editOrderShow = true;

  725.             },

  726.             getOrderMainData(page){

  727.                 this.orderMainListSearch.pageNum = page;

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

  729.                     let data = response.data;

  730.                     console.log(this.tableData);

  731.                     if (data.flag) {

  732.                         this.orderMainList = data.data.list;

  733.                         this.orderMainTotal = data.data.total;

  734.                         console.log(this.orderMainList);

  735.                     } else {

  736.                         this.$message({

  737.                             offset:0,

  738.                             showClose:true,duration:1500,

  739.                             type: 'error',

  740.                             message:data.msg});

  741.                     }

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

  743.                     console.log(error);

  744.                 });

  745.             },

  746.             addOrderMain(order_id){

  747.                 let param = {

  748.                     order_id:order_id,

  749.                     id:this.editOrder.id

  750.                 }

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

  752.                     let data = response.data;

  753.                     if (data.flag) {

  754.                         this.$message({

  755.                             offset:0,

  756.                             showClose:true,duration:1500,

  757.                             type: 'success',

  758.                             message:"保存成功"});

  759.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  760.                         this.getData(this.search.pageNum)

  761.                     } else {

  762.                         this.$message({

  763.                             offset:0,

  764.                             showClose:true,duration:1500,

  765.                             type: 'error',

  766.                             message: data.msg});

  767.                     }

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

  769.                     console.log(error);

  770.                 });

  771.             },

  772.             addOrderAll(){

  773.                 let orderId = "";

  774.                 let length = this.multipleSelection.length;

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

  776.                     if (orderId == "") {

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

  778.                         continue;

  779.                     }

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

  781.                 }

  782.                 this.addOrderMain(orderId);

  783.             },

  784.             removeOrderMain(order_id){

  785.                 let param = {

  786.                     order_id:order_id,

  787.                     id:this.editOrder.id

  788.                 }

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

  790.                     let data = response.data;

  791.                     if (data.flag) {

  792.                         this.$message({

  793.                             offset:0,

  794.                             showClose:true,duration:1500,

  795.                             type: 'success',

  796.                             message:"移除成功"});

  797.                         this.getOrderMainData(this.orderMainListSearch.pageNum)

  798.                         this.getData(this.search.pageNum)

  799.                     } else {

  800.                         this.$message({

  801.                             offset:0,

  802.                             showClose:true,duration:1500,

  803.                             type: 'error',

  804.                             message: data.msg});

  805.                     }

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

  807.                     console.log(error);

  808.                 });

  809.             },

  810.             delAll(id){

  811.                 let param = {

  812.                     id:id

  813.                 }

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

  815.                     confirmButtonText: '确定',

  816.                     cancelButtonText: '取消',

  817.                     type: 'warning'

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

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

  820.                         let data = response.data;

  821.                         if (data.flag) {

  822.                             this.$message({

  823.                                 offset:0,

  824.                                 showClose:true,duration:1500,

  825.                                 type: 'success',

  826.                                 message:"移除成功"});

  827.                             this.getData(this.search.pageNum)

  828.                         } else {

  829.                             this.$message({

  830.                                 offset:0,

  831.                                 showClose:true,duration:1500,

  832.                                 type: 'error',

  833.                                 message:data.msg});

  834.                         }

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

  836.                         console.log(error);

  837.                     });

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

  839.                     this.$message({

  840.                         offset:0,

  841.                         showClose:true,duration:1500,

  842.                         type: 'success',

  843.                         message:"已取消"});

  844.                 });

  845.             }

  846. 

  847.         }

  848.     })

  849. </script>

  850. <style lang="scss" scoped>

  851.     .upload .el-upload__input {

  852.         display: none !important;

  853.     }

  854. 

  855.     input[type="file"] {

  856.         display: none !important;

  857.     }

  858.     .el-table thead {

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

  860.     }

  861. 

  862.     .header-search {

  863.         font-size: 14px;

  864.         font-weight: 900;

  865.     }

  866. 

  867.     body {

  868.         background-color: white;

  869.     }

  870. 

  871.     .table {

  872.         width: 100%;

  873.         font-size: 12px;

  874.         margin-top: 12px;

  875.         background-color: white;

  876.     }

  877.     .el-form-item{

  878.         margin-bottom: 5px !important;

  879.     }

  880. </style>

  881. </html>