酒店预订平台
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 
 

691 Zeilen
31 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <!-- import CSS -->
  6. <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  7. </head>
  8. <body>
  9. <div id="app" class="table">
  10. <div>
  11. <div class="header-search">
  12. <span>名称:</span>
  13. <el-input v-model="search.name" style="width: 120px;" placeholder="请输入内容"></el-input>
  14. <span>状态</span>
  15. <el-select v-model="search.status" placeholder="请选择" clearable>
  16. <el-option
  17. v-for="item in status"
  18. :key="item.id"
  19. :label="item.value"
  20. :value="item.id">
  21. </el-option>
  22. </el-select>
  23. <el-button type="primary" icon="el-icon-search" @click="getData(1)">搜索</el-button>
  24. <el-button type="primary" icon="el-icon-plus" @click="edit(null)">新增付款单</el-button>
  25. </div>
  26. <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark"
  27. style="font-size:12px;width: 100%;margin-top: 12px">
  28. <el-table-column prop="create_id" label="创建人" min-width="70" :formatter="getUserName"></el-table-column>
  29. <el-table-column prop="id" label="付款单号" min-width="50"></el-table-column>
  30. <el-table-column prop="name" label="付款单名称" min-width="120"></el-table-column>
  31. <el-table-column prop="status" label="付款单状态" :formatter="getStatusName" min-width="150">
  32. <template slot-scope="scope">
  33. <el-radio-group v-model="scope.row.status" size="mini" @change="setStatus(scope.row)">
  34. <el-radio-button label="0">未付款</el-radio-button>
  35. <el-radio-button label="1">付款中</el-radio-button>
  36. <el-radio-button label="2">已付款</el-radio-button>
  37. </el-radio-group>
  38. </template>
  39. </el-table-column>
  40. <el-table-column prop="order_ids" label="酒店" min-width="130">
  41. <template slot-scope="scope">
  42. <div v-html="scope.row.hotel"></div>
  43. </template>
  44. </el-table-column>
  45. <el-table-column prop="total_amount" label="附加项目" min-width="130">
  46. <template slot-scope="scope">
  47. <div v-html="scope.row.item"></div>
  48. </template>
  49. </el-table-column>
  50. <el-table-column prop="create_time" label="创建时间" min-width="80"></el-table-column>
  51. <el-table-column prop="update_time" label="更新时间" min-width="80"></el-table-column>
  52. <el-table-column label="操作" min-width="180">
  53. <template slot-scope="scope">
  54. <el-button-group>
  55. <el-button type="primary" size="mini" @click="edit(scope.row)" icon="el-icon-edit">编辑</el-button>
  56. <el-button type="success" size="mini" @click="editOrderDivShow(scope.row)" icon="el-icon-share">订单</el-button>
  57. <el-button type="danger" size="mini" icon="el-icon-delete" @click="delAll(scope.row.id)">删除</el-button>
  58. </el-button-group>
  59. </template>
  60. </el-table-column>
  61. </el-table>
  62. <el-pagination
  63. :page-size="search.pageSize"
  64. :pager-count="11"
  65. layout="total, sizes, prev, pager, next, jumper"
  66. :total="total"
  67. :current-page="search.pageNum"
  68. :page-sizes="[10, 20, 30, 40, 50]"
  69. @size-change="sizeChange"
  70. @current-change="getData"
  71. @prev-click="getData"
  72. @next-click="getData"
  73. ></el-pagination>
  74. </div>
  75. <transition name="bounce" v-if="editShow">
  76. <el-dialog title="付款单详情" :visible.sync="editShow" width="90%" top="15px">
  77. <el-form ref="form" label-width="100px" style="width: 100%;padding-bottom: 20px">
  78. <div style="display: flex;width: 100%">
  79. <el-form-item v-if="editType" label="付款单ID:" style="width: 80%">
  80. <div v-html="editData.id"></div>
  81. </el-form-item>
  82. </div>
  83. <div>
  84. <el-form-item label="付款单名称:" style="width: 80%">
  85. <el-input v-model="editData.name" style="width: 120px;" placeholder="请输入内容"></el-input>
  86. </el-form-item>
  87. </div>
  88. <div>
  89. <el-form-item v-if="editType" label="付款单状态:" style="width: 80%">
  90. <el-radio-group v-model="editData.status" size="mini" disabled>
  91. <el-radio-button label="0">未付款</el-radio-button>
  92. <el-radio-button label="1">付款中</el-radio-button>
  93. <el-radio-button label="2">已付款</el-radio-button>
  94. </el-radio-group>
  95. </el-form-item>
  96. </div>
  97. <div>
  98. <el-button type="primary" @click="editDoing()" >保存</el-button>
  99. </div>
  100. </el-form>
  101. </el-dialog>
  102. </transition>
  103. <transition name="bounce" v-if="editOrderShow">
  104. <el-dialog title="详情" :visible.sync="editOrderShow" width="100%" top="15px">
  105. <el-form ref="form" label-width="100px" style="width: 100%;padding-bottom: 10px">
  106. <div style="display: flex;width: 100%">
  107. <el-form-item label="付款单ID:" style="width: 80%">
  108. <div v-html="editOrder.id"></div>
  109. </el-form-item>
  110. <el-form-item label="付款单名称:" style="width: 80%">
  111. <div v-html="editOrder.name"></div>
  112. </el-form-item>
  113. <el-form-item label="付款单状态:" style="width: 80%">
  114. <el-radio-group v-model="editOrder.status" size="mini" disabled>
  115. <el-radio-button label="0">未付款</el-radio-button>
  116. <el-radio-button label="1">付款中</el-radio-button>
  117. <el-radio-button label="2">已付款</el-radio-button>
  118. </el-radio-group>
  119. </el-form-item>
  120. </div>
  121. </el-form>
  122. <div>
  123. <div class="header-search" style="width: 100%;margin-bottom: 10px">
  124. <span>订单类型:</span>
  125. <el-select v-model="orderMainListSearch.prod_type" style="width: 120px;" placeholder="请选择" >
  126. <el-option
  127. v-for="item in prodTypeList"
  128. :key="item.id"
  129. :label="item.name"
  130. :value="item.id">
  131. </el-option>
  132. </el-select>
  133. <span>子订单ID:</span>
  134. <el-input v-model="orderMainListSearch.order_id" style="width: 120px;" placeholder="请输入内容"></el-input>
  135. <span>用户名</span>
  136. <el-input v-model="orderMainListSearch.customer_name" style="width: 120px;" placeholder="请输入内容" clearable></el-input>
  137. </el-input>
  138. <span>确认单状态:</span>
  139. <el-select v-model="orderMainListSearch.confirm_status" style="width: 120px;" placeholder="请选择" clearable>
  140. <el-option
  141. v-for="item in confirmStatusList"
  142. :key="item.id"
  143. :label="item.name"
  144. :value="item.id">
  145. </el-option>
  146. </el-select>
  147. <span>付款单状态</span>
  148. <el-select v-model="orderMainListSearch.inPayment" style="width: 120px;" placeholder="请选择" clearable>
  149. <el-option
  150. v-for="item in inPaymentList"
  151. :key="item.id"
  152. :label="item.name"
  153. :value="item.id">
  154. </el-option>
  155. </el-select>
  156. <span>供应商:</span>
  157. <el-select v-model="orderMainListSearch.supplier_id" style="width: 120px;" placeholder="请选择" clearable>
  158. <el-option
  159. v-for="item in supplierList"
  160. :key="item.id"
  161. :label="item.name"
  162. :value="item.id">
  163. </el-option>
  164. </el-select>
  165. </div>
  166. <div class="header-search" style="width: 100%;margin-bottom: 10px">
  167. <span>成本</span>
  168. <el-input-number v-model="orderMainListSearch.startMoney" style="width: 120px;" placeholder="请输入内容" clearable></el-input-number>
  169. ~
  170. <el-input-number v-model="orderMainListSearch.endMoney" style="width: 120px;" placeholder="请输入内容" clearable></el-input-number>
  171. <span>时间</span>
  172. <el-date-picker
  173. style="width: 120px;"
  174. v-model="orderMainListSearch.startTime"
  175. type="date"
  176. value-format="yyyy-MM-dd"
  177. placeholder="选择日期">
  178. </el-date-picker>
  179. ~
  180. <el-date-picker
  181. style="width: 120px;"
  182. v-model="orderMainListSearch.endTime"
  183. value-format="yyyy-MM-dd"
  184. type="date"
  185. placeholder="选择日期">
  186. </el-date-picker>
  187. <span>附加项目</span>
  188. <el-select v-model="orderMainListSearch.item_id" style="width: 120px;" placeholder="请选择" clearable>
  189. <el-option
  190. v-for="item in itemList"
  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.hotel_id" style="width: 120px;" placeholder="请选择" clearable>
  198. <el-option
  199. v-for="item in hotelList"
  200. :key="item.id"
  201. :label="item.name"
  202. :value="item.id">
  203. </el-option>
  204. </el-select>
  205. <el-button type="primary" icon="el-icon-search" @click="getOrderMainData(1)">搜索</el-button>
  206. </div>
  207. <div>
  208. <el-table ref="multipleTable" :data="orderMainList" border tooltip-effect="dark" style="font-size:12px;width: 100%;margin-top: 12px" @selection-change="handleSelectionChange">
  209. <el-table-column type="selection" width="30" :selectable="checkSelect"></el-table-column>
  210. <el-table-column prop="order_id" label="主订单ID" min-width="20" ></el-table-column>
  211. <el-table-column prop="id" label="子订单ID" min-width="20" ></el-table-column>
  212. <el-table-column label="订单类型" min-width="30" :formatter="getProdTypeName" ></el-table-column>
  213. <el-table-column prop="supplier_name" label="供应商" min-width="40" ></el-table-column>
  214. <el-table-column prop="trade_order_number" label="第三方订单号" min-width="40" ></el-table-column>
  215. <el-table-column prop="hotel_name" label="酒店/附加项目" min-width="60" ></el-table-column>
  216. <el-table-column prop="room_name" label="房型/附加项目" min-width="60" ></el-table-column>
  217. <el-table-column prop="plan_name" label="价格方案/计价单位" min-width="40" ></el-table-column>
  218. <el-table-column prop="check_in_date" label="时间" min-width="40" >
  219. <template slot-scope="scope">
  220. <div v-html="scope.row.check_in_date"></div>
  221. <div v-html="scope.row.check_out_date"></div>
  222. </template>
  223. </el-table-column>
  224. <el-table-column prop="count" label="数量" min-width="20" ></el-table-column>
  225. <el-table-column prop="customer_name" label="出游人姓名" min-width="40" ></el-table-column>
  226. <el-table-column prop="total_cost" label="总成本" min-width="40" ></el-table-column>
  227. <el-table-column label="发单状态" min-width="30" :formatter="confirmStatusName"></el-table-column>
  228. <el-table-column prop="create_time" label="子订单生成时间" min-width="60" ></el-table-column>
  229. <el-table-column prop="payment_order_name" label="付款单" min-width="40" >
  230. <template slot-scope="scope">
  231. <div v-html="scope.row.payment_order_id"></div>
  232. <div v-html="scope.row.payment_order_name"></div>
  233. </template>
  234. </el-table-column>
  235. <el-table-column label="操作" >
  236. <template slot-scope="scope">
  237. <el-button-group>
  238. <el-button type="primary" size="mini" v-if="scope.row.payment_order_id==0 && editOrder.status==0" @click="addOrderInfo(scope.row)" icon="el-icon-edit">添加</el-button>
  239. <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>
  240. </el-button-group>
  241. </template>
  242. </el-table-column>
  243. </el-table>
  244. <div style="margin-top: 5px">
  245. <el-button type="primary" icon="el-icon-circle-plus" @click="addOrderAll()" :disabled="multipleSelection.length==0">添加到采购单</el-button>
  246. </div>
  247. <el-pagination
  248. :page-size="orderMainListSearch.pageSize"
  249. :pager-count="11"
  250. layout="total, sizes, prev, pager, next, jumper"
  251. :total="orderMainTotal"
  252. :current-page="orderMainListSearch.pageNum"
  253. :page-sizes="[10, 20, 30, 40, 50]"
  254. @size-change="sizeOrderMainChange"
  255. @current-change="getOrderMainData"
  256. @prev-click="getOrderMainData"
  257. @next-click="getOrderMainData"
  258. ></el-pagination>
  259. </div>
  260. </div>
  261. </el-dialog>
  262. </transition>
  263. </div>
  264. </body>
  265. <!-- import Vue before Element -->
  266. <script src="/assets/js/vue/vue.js"></script>
  267. <!-- import JavaScript -->
  268. <script src="/assets/js/vue/index.js"></script>
  269. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  270. <script>
  271. new Vue({
  272. el: '#app',
  273. data: function () {
  274. return {
  275. search: {
  276. name: "",
  277. status: "all",
  278. pageSize: 10,
  279. pageNum: 1
  280. },
  281. status: [
  282. {"id": "all", "value": "请选择"},
  283. {"id": 0, 'value': "未付款"},
  284. {"id": 1, 'value': "付款中"},
  285. {"id": 2, 'value': "已付款"}
  286. ],
  287. total: 0,
  288. tableData: [],
  289. userList: [],
  290. info: {
  291. id: null,
  292. name: "",
  293. status: 0,
  294. list: []
  295. },
  296. editShow: false,
  297. editType: false,
  298. editData: {},
  299. editOrderShow:false,
  300. editOrder:{},
  301. orderMainListSearch:{
  302. "payment_order_id":"",
  303. "order_id":"",
  304. "prod_type":"hotel",
  305. "supplier_id":"",
  306. "inPayment":"",
  307. "confirm_status":"",
  308. "customer_name":"",
  309. "startMoney":"",
  310. "endMoney":"",
  311. "startTime":"",
  312. "endTime":"",
  313. "pageNum":1,
  314. "pageSize":10,
  315. "item_id":"",
  316. "hotel_id":"",
  317. "room_id":"",
  318. "plan_id":""
  319. },
  320. orderMainTotal:0,
  321. orderMainList:[],
  322. inPaymentList:[
  323. {id:1,name:"在此付款单中"},
  324. {id:2,name:"不在此付款单中"},
  325. {id:3,name:"不在任何付款单中"}
  326. ],
  327. //1、未发单/ 2已发单、3已确认、4已取消
  328. confirmStatusList:[
  329. {id:1,name:"未发单"},
  330. {id:2,name:"已发单"},
  331. {id:3,name:"已确认"},
  332. {id:4,name:"已取消"}
  333. ],
  334. prodTypeList:[
  335. {id:"hotel",name:"酒店"},
  336. {id:"item",name:"附加项目"}
  337. ],
  338. supplierList:[],
  339. multipleSelection: [],
  340. hotelList:[],
  341. itemList:[]
  342. }
  343. },
  344. created() {
  345. this.getAdminUser();
  346. this.getSupplierList();
  347. this.getData(1)
  348. this.getHotelList()
  349. this.getItemList()
  350. },
  351. watch: {
  352. "orderMainListSearch.prod_type" : function (newVal,oldVal){
  353. this.getOrderMainData(1)
  354. }
  355. },
  356. methods: {
  357. getProdTypeName(info){
  358. for (let i = 0; i < this.prodTypeList.length; i++) {
  359. if (this.prodTypeList[i].id == info.prod_type) {
  360. return this.prodTypeList[i].name
  361. }
  362. }
  363. return "-"
  364. },
  365. getHotelList(){
  366. axios.post("/hotel.php/cf_hotel_info/getHotelList", this.search).then((response) => {
  367. console.log(response)
  368. let data = response.data;
  369. this.hotelList = data.list;
  370. }).catch(function (error) {
  371. console.log(error);
  372. });
  373. },
  374. getItemList(){
  375. axios.post("/hotel.php/cf_item/getList", this.search).then((response) => {
  376. console.log(response)
  377. let data = response.data;
  378. this.itemList = data.list;
  379. }).catch(function (error) {
  380. console.log(error);
  381. });
  382. },
  383. checkSelect(row,index){
  384. if (this.editOrder.status != 0) {
  385. return false;
  386. }
  387. if (row.payment_order_id ==0) {
  388. return true;
  389. }
  390. return false;
  391. },
  392. handleSelectionChange(val) {
  393. this.multipleSelection = val;
  394. },
  395. getSupplierList(){
  396. axios.post("/hotel.php/cf_suplier_info/getList", this.search).then((response) => {
  397. console.log(response)
  398. let data = response.data;
  399. this.supplierList = data.list;
  400. }).catch(function (error) {
  401. console.log(error);
  402. });
  403. },
  404. getStatusName(info) {
  405. for (let i = 0; i < this.status.length; i++) {
  406. if (this.status[i].id == info.status) {
  407. return this.status[i].value
  408. }
  409. }
  410. return "-"
  411. },
  412. getUserName(info) {
  413. for (let i = 0; i < this.userList.length; i++) {
  414. if (this.userList[i].id == info.create_id) {
  415. return this.userList[i].name
  416. }
  417. }
  418. return "-"
  419. },
  420. confirmStatusName(info){
  421. for (let i = 0; i < this.confirmStatusList.length; i++) {
  422. if (this.confirmStatusList[i].id == info.confirm_status) {
  423. return this.confirmStatusList[i].name
  424. }
  425. }
  426. return "-"
  427. },
  428. sizeChange(pageSize) {
  429. this.search.pageSize = pageSize;
  430. this.getData(this.search.pageNum)
  431. },
  432. sizeOrderMainChange(pageSize) {
  433. this.orderMainListSearch.pageSize = pageSize;
  434. this.getOrderMainData(this.orderMainListSearch.pageNum)
  435. },
  436. //獲取列表
  437. getData(page) {
  438. this.search.pageNum = page;
  439. axios.post("/hotel.php/payment_order/getList", this.search).then((response) => {
  440. let data = response.data;
  441. console.log(this.tableData);
  442. if (data.flag) {
  443. this.tableData = data.data.list;
  444. this.total = data.data.total;
  445. console.log(this.tableData);
  446. } else {
  447. this.$message.error(response.msg);
  448. }
  449. }).catch(function (error) {
  450. console.log(error);
  451. });
  452. },
  453. getAdminUser() {
  454. axios.post("/hotel.php/auth/admin/getList", this.search).then((response) => {
  455. this.userList = response.data.list;
  456. }).catch(function (error) {
  457. console.log(error);
  458. });
  459. },
  460. edit(info) {
  461. if (info == null) {
  462. this.editType = false;
  463. this.editData = {
  464. name: ""
  465. }
  466. } else {
  467. this.editType = true;
  468. this.editData = {
  469. id:info.id,
  470. name: info.name,
  471. status:info.status
  472. }
  473. }
  474. this.editShow = true;
  475. },
  476. editDoing(){
  477. axios.post("/hotel.php/payment_order/save", this.editData).then( (response)=> {
  478. let data = response.data;
  479. console.log(this.tableData);
  480. if (data.flag) {
  481. this.$message({
  482. message: '保存成功!',
  483. type: 'success'
  484. });
  485. this.editShow = false;
  486. this.getData(1);
  487. } else {
  488. this.$message.error(data.msg);
  489. }
  490. }).catch(function (error) {
  491. this.$message.error("保存失败");
  492. console.log(error);
  493. });
  494. },
  495. setStatus(info){
  496. this.$confirm('确定修改状态?', '提示', {
  497. confirmButtonText: '确定',
  498. cancelButtonText: '取消',
  499. type: 'warning'
  500. }).then(() => {
  501. axios.post("/hotel.php/payment_order/setStatus", info).then( (response)=> {
  502. let data = response.data;
  503. if (data.flag) {
  504. this.$message({
  505. message: '设置成功!',
  506. type: 'success'
  507. });
  508. } else {
  509. this.$message.error(data.msg);
  510. this.getData(this.search.pageNum)
  511. }
  512. }).catch(function (error) {
  513. this.$message.error("保存失败");
  514. console.log(error);
  515. this.getData(this.search.pageNum)
  516. });
  517. }).catch(() => {
  518. this.$message({
  519. type: 'info',
  520. message: '已取消'
  521. });
  522. this.getData(this.search.pageNum)
  523. })
  524. },
  525. editOrderDivShow(info){
  526. console.log(info);
  527. this.editOrder = info;
  528. this.orderMainListSearch.payment_order_id = info.id;
  529. this.orderMainList=[];
  530. this.getOrderMainData(1);
  531. this.editOrderShow = true;
  532. },
  533. getOrderMainData(page){
  534. this.orderMainListSearch.pageNum = page;
  535. axios.post("/hotel.php/payment_order/getSubOrderList", this.orderMainListSearch).then((response) => {
  536. let data = response.data;
  537. console.log(this.tableData);
  538. if (data.flag) {
  539. this.orderMainList = data.data.list;
  540. this.orderMainTotal = data.data.total;
  541. console.log(this.orderMainList);
  542. } else {
  543. this.$message.error(data.msg);
  544. }
  545. }).catch(function (error) {
  546. console.log(error);
  547. });
  548. },
  549. addOrderInfo(info){
  550. let param = {
  551. hotel_id:[],
  552. item_id:[],
  553. id:this.editOrder.id
  554. }
  555. if (info.prod_type=='hotel') {
  556. param.hotel_id.push(info.id)
  557. }else{
  558. param.item_id.push(info.id)
  559. }
  560. this.addOrderMain(param)
  561. },
  562. addOrderMain(param){
  563. axios.post("/hotel.php/payment_order/addOrderMain", param).then((response) => {
  564. let data = response.data;
  565. if (data.flag) {
  566. this.$message({
  567. message: '添加成功!',
  568. type: 'success'
  569. });
  570. this.getOrderMainData(this.orderMainListSearch.pageNum)
  571. this.getData(this.search.pageNum)
  572. } else {
  573. this.$message.error(data.msg);
  574. }
  575. }).catch(function (error) {
  576. console.log(error);
  577. });
  578. },
  579. addOrderAll(){
  580. let param = {
  581. hotel_id:[],
  582. item_id:[],
  583. id:this.editOrder.id
  584. }
  585. let length = this.multipleSelection.length;
  586. for (var k = 0; k < length; k++) {
  587. if (this.multipleSelection[k].prod_type=='hotel'){
  588. param.hotel_id.push(this.multipleSelection[k].id)
  589. }else{
  590. param.item_id.push(this.multipleSelection[k].id)
  591. }
  592. }
  593. this.addOrderMain(param);
  594. },
  595. removeOrderMain(info){
  596. let param = {
  597. hotel_id:[],
  598. item_id:[],
  599. id:this.editOrder.id
  600. }
  601. if (info.prod_type=='hotel') {
  602. param.hotel_id.push(info.id)
  603. }else{
  604. param.item_id.push(info.id)
  605. }
  606. axios.post("/hotel.php/payment_order/removeOrderMain", param).then((response) => {
  607. let data = response.data;
  608. if (data.flag) {
  609. this.$message({
  610. message: '移除成功!',
  611. type: 'success'
  612. });
  613. this.getOrderMainData(this.orderMainListSearch.pageNum)
  614. this.getData(this.search.pageNum)
  615. } else {
  616. this.$message.error(data.msg);
  617. }
  618. }).catch(function (error) {
  619. console.log(error);
  620. });
  621. },
  622. delAll(id){
  623. let param = {
  624. id:id
  625. }
  626. this.$confirm('确定删除采购单?', '提示', {
  627. confirmButtonText: '确定',
  628. cancelButtonText: '取消',
  629. type: 'warning'
  630. }).then(() => {
  631. axios.post("/hotel.php/payment_order/delAll", param).then((response) => {
  632. let data = response.data;
  633. if (data.flag) {
  634. this.$message({
  635. message: '移除成功!',
  636. type: 'success'
  637. });
  638. this.getData(this.search.pageNum)
  639. } else {
  640. this.$message.error(data.msg);
  641. }
  642. }).catch(function (error) {
  643. console.log(error);
  644. });
  645. }).catch(() => {
  646. this.$message({
  647. type: 'info',
  648. message: '已取消'
  649. });
  650. });
  651. }
  652. }
  653. })
  654. </script>
  655. <style lang="scss" scoped>
  656. .el-table thead {
  657. background-color: #5a5e66 !important;
  658. }
  659. .header-search {
  660. font-size: 14px;
  661. font-weight: 900;
  662. }
  663. body {
  664. background-color: white;
  665. }
  666. .table {
  667. width: 100%;
  668. font-size: 12px;
  669. margin-top: 12px;
  670. background-color: white;
  671. }
  672. .el-form-item{
  673. margin-bottom: 5px !important;
  674. }
  675. </style>
  676. </html>