sale-client 4.2.105 → 4.2.107

package/src/filiale/ronghao/MachineChargeService.js

@@ -1,149 +1,149 @@
-import Vue from 'vue'
-
-let MachineChargeService = {
-  install (Vue, options) {
-    // 给vue增添对话框显示方法
-    Vue.MachineChargeService = Vue.prototype.$MachineChargeService = MachineChargeService
-  },
-
-  // 按表收费
-  async marchineCharge (model, model2, row, floor) {
-    console.log('保存收费。。。', model, model2, row)
-    let f_serial_number = ''
-    if (model.f_serial_number) {
-      f_serial_number = model.f_serial_number
-    }
-    let f_serial_id = ''
-    if (model2 && model2.f_serial_id) {
-      f_serial_id = model2.f_serial_id
-    }
-    if (!model2 || !model2.garbage_number) {
-      model2 = {
-        // garbage_number: 0,
-        // garbage_money: 0
-      }
-    }
-    let param = {
-      garbage_number: model2.garbage_number,
-      garbage_money: model2.garbage_money,
-      f_serial_id: f_serial_id,
-      f_userinfo_id: row.f_userinfo_id,
-      f_user_id: row.f_user_id,
-      handids: model.handids,
-      f_serial_number: f_serial_number,
-      f_balance: row.f_balance,
-      f_overdue: model.f_overdue,
-      userinfo_version: row.userinfo_version,
-      version: row.version,
-      f_collection: model.f_collection - model.f_garbage_fee,
-      f_preamount: model.f_totalcost,
-      f_payment: model.f_payment[0],
-      f_print: model.f_print[0],
-      f_comments: model.f_comments,
-      // 优惠金额
-      f_privilege_money: model.f_privilege_money,
-      f_after_discount: model.f_after_discount,
-      isBreakOverdue: model.isBreakOverdue,
-      floor: floor,
-      operInfo: {
-        f_operator: model.f_operator ? model.f_operator : Vue.$login.f.name,
-        f_operatorid: Vue.$login.f.id,
-        f_orgid: Vue.$login.f.orgid,
-        f_orgname: Vue.$login.f.orgs,
-        f_depid: Vue.$login.f.depids,
-        f_depname: Vue.$login.f.deps,
-        f_zoneid: Vue.$login.f.zoneid,
-        f_zones: Vue.$login.f.zones
-      },
-      other: {
-        f_grade_type: row.f_grade_fee,
-        f_collection: model.f_garbage_fee,
-        f_comments: model.f_comments,
-        f_payment: model.f_payment[0],
-        f_voucher_number: '',
-        f_print: model.f_print[0],
-        f_service_person: Vue.$login.f.name,
-        t_userfees: '',
-        f_fee_type: ['0'],
-        f_fee_time: ['12'],
-        otherdetail: [{f_brand_spec: ['生活垃圾'], f_unitprice: '5', f_number: model.f_garbage_fee / 5}]
-      }
-    }
-    if (model.selectedids) {
-      param.selectedids = model.selectedids
-    }
-    if (model.f_serial_id) {
-      param.f_serial_id = model.f_serial_id
-    }
-    if (model.isBreakOverdue) {
-      param.breakOverdue = model.breakOverdue
-    }
-    // if (model.f_collection - model.f_garbage_fee <= 0 && (model.f_totalcost - (model.f_collection + row.f_balance)) >= 0) {
-    //   param.f_collection = 0
-    // }
-    try {
-      return await Vue.resetpost('api/af-revenue/logic/machineChargePay', {data: param}, {resolveMsg: '机表收费成功', rejectMsg: '收费失败'})
-    } catch (error) {
-      console.log('这里进来了吗？', param)
-      if (param.f_payment.indexOf('扫码枪支付') > -1) {
-        Vue.resetpost('weixin2/rs/pay/jsApiRefund', {
-          data: {
-            out_trade_no: param.f_serial_id,
-            f_total_fee: param.f_collection,
-            flag: 'microPayRongHaoJsbc'
-          }
-        }, {resolveMsg: null, rejectMsg: '调用银行退费接口失败'})
-      }
-      throw error
-    }
-  },
-  // 保存预存收费
-  async depositCharge (model, row, floor) {
-    console.log('保存收费。。。', model, row)
-    let param = {
-      f_serial_id: model.f_serial_id,
-      f_userinfo_id: row.f_userinfo_id,
-      f_userfiles_id: row.f_userfiles_id,
-      f_balance: row.f_balance,
-      f_meter_type: row.f_meter_type,
-      f_overdue: model.f_overdue,
-      f_collection: model.f_collection - model.f_garbage_fee,
-      f_preamount: model.f_totalcost,
-      f_payment: model.f_payment[0],
-      f_print: model.f_print[0],
-      f_comments: model.f_comments,
-      // 优惠金额
-      f_privilege_money: model.f_privilege_money,
-      f_after_discount: model.f_after_discount,
-      isBreakOverdue: model.isBreakOverdue,
-      f_serial_number: model.f_serial_number,
-      floor: floor,
-      operInfo: {
-        f_operator: Vue.$login.f.name,
-        f_operatorid: Vue.$login.f.id,
-        f_orgid: Vue.$login.f.orgid,
-        f_orgname: Vue.$login.f.orgs,
-        f_depid: Vue.$login.f.depids,
-        f_depname: Vue.$login.f.deps,
-        f_zoneid: Vue.$login.f.zoneid,
-        f_zones: Vue.$login.f.zones
-      }
-    }
-    try {
-      return await Vue.resetpost('api/af-revenue/logic/depositCharge', {data: param}, {resolveMsg: '预存收费成功', rejectMsg: '预存收费失败'})
-    } catch (error) {
-      if (param.f_payment.indexOf('扫码枪支付') > -1) {
-        Vue.resetpost('weixin2/rs/pay/jsApiRefund', {
-          data: {
-            out_trade_no: param.f_serial_id,
-            f_total_fee: param.f_collection,
-            flag: 'microPayRongHaoJsbc'
-          }
-        }, {resolveMsg: null, rejectMsg: '调用银行退费接口失败'})
-      }
-      throw error
-    }
-  }
-}
-
-export default MachineChargeService
+import Vue from 'vue'
+
+let MachineChargeService = {
+  install (Vue, options) {
+    // 给vue增添对话框显示方法
+    Vue.MachineChargeService = Vue.prototype.$MachineChargeService = MachineChargeService
+  },
+
+  // 按表收费
+  async marchineCharge (model, model2, row, floor) {
+    console.log('保存收费。。。', model, model2, row)
+    let f_serial_number = ''
+    if (model.f_serial_number) {
+      f_serial_number = model.f_serial_number
+    }
+    let f_serial_id = ''
+    if (model2 && model2.f_serial_id) {
+      f_serial_id = model2.f_serial_id
+    }
+    if (!model2 || !model2.garbage_number) {
+      model2 = {
+        // garbage_number: 0,
+        // garbage_money: 0
+      }
+    }
+    let param = {
+      garbage_number: model2.garbage_number,
+      garbage_money: model2.garbage_money,
+      f_serial_id: f_serial_id,
+      f_userinfo_id: row.f_userinfo_id,
+      f_user_id: row.f_user_id,
+      handids: model.handids,
+      f_serial_number: f_serial_number,
+      f_balance: row.f_balance,
+      f_overdue: model.f_overdue,
+      userinfo_version: row.userinfo_version,
+      version: row.version,
+      f_collection: model.f_collection - model.f_garbage_fee,
+      f_preamount: model.f_totalcost,
+      f_payment: model.f_payment[0],
+      f_print: model.f_print[0],
+      f_comments: model.f_comments,
+      // 优惠金额
+      f_privilege_money: model.f_privilege_money,
+      f_after_discount: model.f_after_discount,
+      isBreakOverdue: model.isBreakOverdue,
+      floor: floor,
+      operInfo: {
+        f_operator: model.f_operator ? model.f_operator : Vue.$login.f.name,
+        f_operatorid: Vue.$login.f.id,
+        f_orgid: Vue.$login.f.orgid,
+        f_orgname: Vue.$login.f.orgs,
+        f_depid: Vue.$login.f.depids,
+        f_depname: Vue.$login.f.deps,
+        f_zoneid: Vue.$login.f.zoneid,
+        f_zones: Vue.$login.f.zones
+      },
+      other: {
+        f_grade_type: row.f_grade_fee,
+        f_collection: model.f_garbage_fee,
+        f_comments: model.f_comments,
+        f_payment: model.f_payment[0],
+        f_voucher_number: '',
+        f_print: model.f_print[0],
+        f_service_person: Vue.$login.f.name,
+        t_userfees: '',
+        f_fee_type: ['0'],
+        f_fee_time: ['12'],
+        otherdetail: [{f_brand_spec: ['生活垃圾'], f_unitprice: '5', f_number: model.f_garbage_fee / 5}]
+      }
+    }
+    if (model.selectedids) {
+      param.selectedids = model.selectedids
+    }
+    if (model.f_serial_id) {
+      param.f_serial_id = model.f_serial_id
+    }
+    if (model.isBreakOverdue) {
+      param.breakOverdue = model.breakOverdue
+    }
+    // if (model.f_collection - model.f_garbage_fee <= 0 && (model.f_totalcost - (model.f_collection + row.f_balance)) >= 0) {
+    //   param.f_collection = 0
+    // }
+    try {
+      return await Vue.resetpost('api/af-revenue/logic/machineChargePay', {data: param}, {resolveMsg: '机表收费成功', rejectMsg: '收费失败'})
+    } catch (error) {
+      console.log('这里进来了吗？', param)
+      if (param.f_payment.indexOf('扫码枪支付') > -1) {
+        Vue.resetpost('weixin2/rs/pay/jsApiRefund', {
+          data: {
+            out_trade_no: param.f_serial_id,
+            f_total_fee: param.f_collection,
+            flag: 'microPayRongHaoJsbc'
+          }
+        }, {resolveMsg: null, rejectMsg: '调用银行退费接口失败'})
+      }
+      throw error
+    }
+  },
+  // 保存预存收费
+  async depositCharge (model, row, floor) {
+    console.log('保存收费。。。', model, row)
+    let param = {
+      f_serial_id: model.f_serial_id,
+      f_userinfo_id: row.f_userinfo_id,
+      f_userfiles_id: row.f_userfiles_id,
+      f_balance: row.f_balance,
+      f_meter_type: row.f_meter_type,
+      f_overdue: model.f_overdue,
+      f_collection: model.f_collection - model.f_garbage_fee,
+      f_preamount: model.f_totalcost,
+      f_payment: model.f_payment[0],
+      f_print: model.f_print[0],
+      f_comments: model.f_comments,
+      // 优惠金额
+      f_privilege_money: model.f_privilege_money,
+      f_after_discount: model.f_after_discount,
+      isBreakOverdue: model.isBreakOverdue,
+      f_serial_number: model.f_serial_number,
+      floor: floor,
+      operInfo: {
+        f_operator: Vue.$login.f.name,
+        f_operatorid: Vue.$login.f.id,
+        f_orgid: Vue.$login.f.orgid,
+        f_orgname: Vue.$login.f.orgs,
+        f_depid: Vue.$login.f.depids,
+        f_depname: Vue.$login.f.deps,
+        f_zoneid: Vue.$login.f.zoneid,
+        f_zones: Vue.$login.f.zones
+      }
+    }
+    try {
+      return await Vue.resetpost('api/af-revenue/logic/depositCharge', {data: param}, {resolveMsg: '预存收费成功', rejectMsg: '预存收费失败'})
+    } catch (error) {
+      if (param.f_payment.indexOf('扫码枪支付') > -1) {
+        Vue.resetpost('weixin2/rs/pay/jsApiRefund', {
+          data: {
+            out_trade_no: param.f_serial_id,
+            f_total_fee: param.f_collection,
+            flag: 'microPayRongHaoJsbc'
+          }
+        }, {resolveMsg: null, rejectMsg: '调用银行退费接口失败'})
+      }
+      throw error
+    }
+  }
+}
+
+export default MachineChargeService

package/src/filiale/ronghao/PaymentCode.vue

@@ -1,174 +1,174 @@
-<template>
-  <div id='PaymentCode'>
-    <modal :show.sync="paymentCodeShow" backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <h4 class="modal-title">请扫描用户付款码</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div class="form-horizontal">
-          <div class="form-group">
-            <input type="text" class="form-control" @keyup.enter="ConfirmCode" @blur="paycodefocus"
-                   v-model="paymentCode" placeholder="请扫描用户付款码" v-el:paycode>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-default" @click='closeCode'>取消</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'PaymentCode',
-    props: {
-      // 付款方式
-      payment: {},
-      // 用户信息
-      row: {},
-      type: {
-        type: String,
-        default: '燃气收费'
-      },
-      // 付款金额
-      money: {}
-    },
-    data () {
-      return {
-        ip:null,
-        // 付款码弹框显示
-        paymentCodeShow: false,
-        // 付款码值
-        paymentCode: null,
-        // 付款码流程控制
-        paycoderesolve: null,
-        // 付款码返回数据
-        paymentCodeReturnData: {},
-        // 定时器
-        timer: null,
-        // 收费成功id
-        sellinggasId: null
-      }
-    },
-    created () {
-    },
-    ready () {
-      console.log(this.$login.f)
-    },
-    methods: {
-      // 返回结果为true意味着可以通行
-      flowPath () {
-        return new Promise((resolve) => {
-          this.paycoderesolve = resolve
-          // 如果是付款码支付则显示界面扫用户付款码收钱
-          if (this.payment.toString().indexOf('扫码枪支付') !== -1) {
-            this.paymentCodeShow = true
-            this.paycodefocus()
-          } else {
-            this.paycoderesolve({msg: '不是扫码枪支付', result: true})
-          }
-        })
-      },
-      // 付款码框获得焦点
-      paycodefocus () {
-        this.$nextTick(() => {
-          this.$els.paycode.focus()
-        })
-      },
-      // 付款码支付流程
-      async ConfirmCode () {
-        // 付款码支付之前取本机mac号对应的柜台号进行下单
-        let equipment = await this.$resetpost('api/af-system/sql/equipmentQuery',
-          {data: {condition: `f_equipment_type = 'PC' and f_state = '正常' and f_orgid = '${this.$login.f.orgid}' and f_user_operatorid = '${this.$login.f.id}'`}},
-          {resolveMsg: null, rejectMsg: '获取柜台号失败'})
-        // console.log('柜台号: ', equipment.data)
-        if (equipment.data.length != 1) {
-          this.$showMessage(equipment.data.length ? `获取到多个设备, 请核实! ` : `当前设备没有对应的柜台号, 请核实!}`)
-          return
-        }
-        let data = {
-          filiale: this.$login.f.dir,
-          flag: 'microPayRongHaoJsbc',
-          auth_code: this.paymentCode,
-          money: this.money,
-          posid: equipment.data[0].f_mac_outlets,
-          proinfo: `${this.type}(${this.row.f_userinfo_id})`,
-          f_userinfo_id: this.row ? this.row.f_userinfo_id : null,
-          f_user_id: this.row ? this.row.f_user_id : null,
-          f_userfiles_id: this.row ? this.row.f_userfiles_id : null
-        }
-        let res = await this.$resetpost('weixin2/rs/pay/jsApiPay', data, {resolveMsg: null, rejectMsg: '服务器内部出错,'})
-        this.paymentCodeReturnData = res = res.data
-        if (res.result_msg == '支付确认成功') {
-          this.paycoderesolve({msg: '支付完成', result: true})
-          this.$closeAlert()
-        } else if (res.result_msg == '支付确认未知') {
-          // 支付结果未知, 根据商户订单号继续查询
-          this.$showAlert(`正在查询用户付款状态,请勿进行任何操作,耐心等待,如长时间未响应可手动取消`, 'warning')
-          let self = this
-          // 启动定时器之前先关闭定时器,防止之前的定时器未关闭
-          if (this.timer) {
-            this.closeTimer()
-          }
-          let times = 1
-          this.timer = setInterval(async () => {
-            times++
-            res.filiale = this.$login.f.dir
-            res.flag = 'microPayRongHaoJsbc'
-            let res1 = await self.$resetpost('weixin2/rs/pay/microPayOrderStatus', res, {resolveMsg: null, rejectMsg: '付款码支付查询出错,'})
-            this.paymentCodeReturnData = res1.data
-            res1 = res1.data
-            // 支付成功关闭定时器
-            if (res1.trade_state == '已支付') {
-              self.paycoderesolve({msg: '支付完成', result: true})
-              self.closeTimer()
-              return
-            }
-            if (res1.result_msg == '扣款失败') {
-              this.$showAlert(`支付失败, 请提醒用户重新付款`, 'danger')
-              this.closeTimer()
-              this.paymentCodeShow = false
-              return
-            }
-            if (times > 24) {
-              self.$showAlert(`多次查询未成功，请重新扫描用户付款码`, 'danger')
-              self.closeTimer()
-            }
-          }, 9000)
-        } else {
-          this.$showAlert(`${res.result_msg}, 请重新扫描用户付款码`, 'danger')
-        }
-        // 清空付款码
-        this.paymentCode = ''
-      },
-      // 付款成功更新收费记录订单号
-      async updateSellinggas () {
-        if (this.payment.toString().indexOf('&') !== -1) {
-          let sqldata = `update t_sellinggas set f_serial_id = '${this.paymentCodeReturnData.f_out_trade_no}' where id = '${this.sellinggasId}'`
-          await this.$resetpost('api/af-revenue/logic/runSQL', {data: {sql: sqldata}}, {resolveMsg: null, rejectMsg: '更新收费记录订单号失败'})
-        }
-      },
-      // 关闭定时器
-      closeTimer () {
-        console.log('关闭定时器')
-        clearInterval(this.timer)
-        this.timer = null
-      },
-      closeCode () {
-        this.$showMessage('取消后无法继续收款,确定取消吗?', ['confirm', 'cancel']).then((res) => {
-          if (res == 'confirm') {
-            this.paymentCodeShow = false
-            this.$closeAlert()
-            this.paycoderesolve({msg: '支付取消', result: false})
-            this.closeTimer()
-          }
-        })
-      }
-    }
-  }
-</script>
-
-<style lang="less">
-
-</style>
+<template>
+  <div id='PaymentCode'>
+    <modal :show.sync="paymentCodeShow" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">请扫描用户付款码</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-horizontal">
+          <div class="form-group">
+            <input type="text" class="form-control" @keyup.enter="ConfirmCode" @blur="paycodefocus"
+                   v-model="paymentCode" placeholder="请扫描用户付款码" v-el:paycode>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-default" @click='closeCode'>取消</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'PaymentCode',
+    props: {
+      // 付款方式
+      payment: {},
+      // 用户信息
+      row: {},
+      type: {
+        type: String,
+        default: '燃气收费'
+      },
+      // 付款金额
+      money: {}
+    },
+    data () {
+      return {
+        ip:null,
+        // 付款码弹框显示
+        paymentCodeShow: false,
+        // 付款码值
+        paymentCode: null,
+        // 付款码流程控制
+        paycoderesolve: null,
+        // 付款码返回数据
+        paymentCodeReturnData: {},
+        // 定时器
+        timer: null,
+        // 收费成功id
+        sellinggasId: null
+      }
+    },
+    created () {
+    },
+    ready () {
+      console.log(this.$login.f)
+    },
+    methods: {
+      // 返回结果为true意味着可以通行
+      flowPath () {
+        return new Promise((resolve) => {
+          this.paycoderesolve = resolve
+          // 如果是付款码支付则显示界面扫用户付款码收钱
+          if (this.payment.toString().indexOf('扫码枪支付') !== -1) {
+            this.paymentCodeShow = true
+            this.paycodefocus()
+          } else {
+            this.paycoderesolve({msg: '不是扫码枪支付', result: true})
+          }
+        })
+      },
+      // 付款码框获得焦点
+      paycodefocus () {
+        this.$nextTick(() => {
+          this.$els.paycode.focus()
+        })
+      },
+      // 付款码支付流程
+      async ConfirmCode () {
+        // 付款码支付之前取本机mac号对应的柜台号进行下单
+        let equipment = await this.$resetpost('api/af-system/sql/equipmentQuery',
+          {data: {condition: `f_equipment_type = 'PC' and f_state = '正常' and f_orgid = '${this.$login.f.orgid}' and f_user_operatorid = '${this.$login.f.id}'`}},
+          {resolveMsg: null, rejectMsg: '获取柜台号失败'})
+        // console.log('柜台号: ', equipment.data)
+        if (equipment.data.length != 1) {
+          this.$showMessage(equipment.data.length ? `获取到多个设备, 请核实! ` : `当前设备没有对应的柜台号, 请核实!}`)
+          return
+        }
+        let data = {
+          filiale: this.$login.f.dir,
+          flag: 'microPayRongHaoJsbc',
+          auth_code: this.paymentCode,
+          money: this.money,
+          posid: equipment.data[0].f_mac_outlets,
+          proinfo: `${this.type}(${this.row.f_userinfo_id})`,
+          f_userinfo_id: this.row ? this.row.f_userinfo_id : null,
+          f_user_id: this.row ? this.row.f_user_id : null,
+          f_userfiles_id: this.row ? this.row.f_userfiles_id : null
+        }
+        let res = await this.$resetpost('weixin2/rs/pay/jsApiPay', data, {resolveMsg: null, rejectMsg: '服务器内部出错,'})
+        this.paymentCodeReturnData = res = res.data
+        if (res.result_msg == '支付确认成功') {
+          this.paycoderesolve({msg: '支付完成', result: true})
+          this.$closeAlert()
+        } else if (res.result_msg == '支付确认未知') {
+          // 支付结果未知, 根据商户订单号继续查询
+          this.$showAlert(`正在查询用户付款状态,请勿进行任何操作,耐心等待,如长时间未响应可手动取消`, 'warning')
+          let self = this
+          // 启动定时器之前先关闭定时器,防止之前的定时器未关闭
+          if (this.timer) {
+            this.closeTimer()
+          }
+          let times = 1
+          this.timer = setInterval(async () => {
+            times++
+            res.filiale = this.$login.f.dir
+            res.flag = 'microPayRongHaoJsbc'
+            let res1 = await self.$resetpost('weixin2/rs/pay/microPayOrderStatus', res, {resolveMsg: null, rejectMsg: '付款码支付查询出错,'})
+            this.paymentCodeReturnData = res1.data
+            res1 = res1.data
+            // 支付成功关闭定时器
+            if (res1.trade_state == '已支付') {
+              self.paycoderesolve({msg: '支付完成', result: true})
+              self.closeTimer()
+              return
+            }
+            if (res1.result_msg == '扣款失败') {
+              this.$showAlert(`支付失败, 请提醒用户重新付款`, 'danger')
+              this.closeTimer()
+              this.paymentCodeShow = false
+              return
+            }
+            if (times > 24) {
+              self.$showAlert(`多次查询未成功，请重新扫描用户付款码`, 'danger')
+              self.closeTimer()
+            }
+          }, 9000)
+        } else {
+          this.$showAlert(`${res.result_msg}, 请重新扫描用户付款码`, 'danger')
+        }
+        // 清空付款码
+        this.paymentCode = ''
+      },
+      // 付款成功更新收费记录订单号
+      async updateSellinggas () {
+        if (this.payment.toString().indexOf('&') !== -1) {
+          let sqldata = `update t_sellinggas set f_serial_id = '${this.paymentCodeReturnData.f_out_trade_no}' where id = '${this.sellinggasId}'`
+          await this.$resetpost('api/af-revenue/logic/runSQL', {data: {sql: sqldata}}, {resolveMsg: null, rejectMsg: '更新收费记录订单号失败'})
+        }
+      },
+      // 关闭定时器
+      closeTimer () {
+        console.log('关闭定时器')
+        clearInterval(this.timer)
+        this.timer = null
+      },
+      closeCode () {
+        this.$showMessage('取消后无法继续收款,确定取消吗?', ['confirm', 'cancel']).then((res) => {
+          if (res == 'confirm') {
+            this.paymentCodeShow = false
+            this.$closeAlert()
+            this.paycoderesolve({msg: '支付取消', result: false})
+            this.closeTimer()
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="less">
+
+</style>