manage-client 4.1.54 → 4.1.56

package/build/dev-server.js

@@ -21,7 +21,7 @@ var qtx = 'http://123.57.3.66:31467/'
 // var fuwu = 'http://203.57.101.233:9001'
 var bendi = 'http://123.57.3.66:31467/'
 // var bendi = 'http://119.187.112.234:8400/'
-var wode = 'http://123.57.3.66:31467/'
+var wode = 'http://192.168.50.67:31567/'
 // 192.168.
 //  var str = 'http://127.0.0.1:8080/manage', str2 = 'http://192.168.50.199:8300'
 // var str = 'http://192.168.10.233:8300', str2 = 'http://192.168.10.14:8300'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "manage-client",
-    "version": "4.1.54",
+    "version": "4.1.56",
     "description": "经营管控模块前台组件",
     "main": "src/index.js",
     "directories": {

package/src/components/SellReport/ManageOtherChargeBeiFangShiYe.vue

@@ -42,6 +42,7 @@
             <!--</div>-->
             <div  style = "float:right;">
               <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
+              <button class="button_search" @click="$parent.$parent.pushAudit()">推送审核</button>
               <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
               <report-excel id='gasprice'></report-excel>
             </div>
@@ -112,6 +113,80 @@
         <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
       </footer>
     </modal>
+    <modal :show.sync="pushAuditShow" v-ref:pushAuditShowModal large backdrop="false" width="40%" >
+      <header slot="modal-header" class="modal-header" style="text-align: center">
+        <h4 class="modal-title">推送审核</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <validator name='v'>
+          <form class="form-horizontal select-overspread">
+            <div class="form-group" :class="[$v.f_audit_person.required ? 'has-error' : '']">
+              <label class="col-sm-4 font_normal_body">下一步审核人:</label>
+              <input type="text" v-show="false" v-model="$refs.f_audit_person.selectedItems"
+                     v-validate:f_audit_person='{required: true }'>
+              <div class="col-sm-8">
+                <v-select v-model="pushAuditData.f_audit_person"
+                          placeholder='请选择'
+                          :value.sync="pushAuditData.f_audit_person"
+                          :options='auditor'
+                          :value-single="true"
+                          close-on-select
+                          clear-button
+                          v-ref:f_audit_person>
+                </v-select>
+              </div>
+
+            </div>
+            <div class="form-group" >
+              <label class="col-sm-4 font_normal_body">报表审核人:</label>
+              <div class="col-sm-8">
+                <input class="input_search" style="width:60%"  type="text"
+                       v-model="pushAuditData.f_name" placeholder="报表审核人">
+              </div>
+            </div>
+            <div class="form-group" >
+              <label class="col-sm-4 font_normal_body">报表审核结果:</label>
+              <div class="col-sm-8">
+                <input class="input_search" style="width:60%"  type="text"
+                       v-model="pushAuditData.f_jieguo" placeholder="报表审核结果">
+              </div>
+            </div>
+            <div class="form-group" >
+              <label class="col-sm-4 font_normal_body">报表审核时间:</label>
+              <div class="col-sm-8">
+                <datepicker id="startDate" placeholder="报表审核时间" style="width: 60%"
+                            v-model="pushAuditData.f_date"
+                            :value.sync="pushAuditData.f_date"
+                            :disabled-days-of-Week="[]"
+                            :format="'yyyy-MM-dd HH:mm:ss'"
+                            :show-reset-button="reset">
+                </datepicker>
+              </div>
+            </div>
+          </form>
+        </validator>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button class="button_search" style="width: max-content" @click="uploadFiles()">上传/查看附件</button>
+        <button class="button_search" style="width: max-content" @click="uploadPictures()">拍照</button>
+        <button class="button_search" @click="auditConfirm()" :disabled="!$v.valid">提交审核</button>
+        <button class="button_clear" @click="cancel()">取消</button>
+      </footer>
+    </modal>
+    <modal :show.sync="showFiles" styles="margin-top:50px" v-ref:showFiles backdrop="false" width="80%" >
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="showFilesClose"><span class="glyphicon glyphicon-remove"></span></button>
+      </header>
+      <article slot="modal-body">
+        <upload-idcard :blodid="randomId" isremark="true" style="width:auto"
+                       fusetype="数据推送审核" v-ref:upload>
+        </upload-idcard>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+    <high-meter :show.sync="highMeterShow" v-if="highMeterShow" @photo-finish="newPhoto">
+    </high-meter>
   </div>
 </template>
 
@@ -128,8 +203,11 @@ let saveFile = function * (self) {
     return
   }
   let saveBack = yield self.$resetpost('api/af-revenue/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
-    f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
-    f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
+    f_files_name: self.filename,
+    f_files_type: self.data.f_report_type,
+    f_component_name: 'manage-bus-summary',
+    f_operator: this.$login.f.name,
+    f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
     f_outlets: this.$login.f.depname})
   if (saveBack.data.status === 'succeed') {
     self.show = false
@@ -147,10 +225,17 @@ export default {
       depresid: [],
       userresid: [],
       initres: {
-        org:[this.$login.f.orgid],
-        dep:[],
-        user:[]
+        org: [this.$login.f.orgid],
+        dep: [],
+        user: []
       },
+      pushAuditData: {},
+      auditor: [],
+      resid: [],
+      showFiles: false,
+      highMeterShow: false,
+      pushAuditShow: false,
+      randomId: '',
       f_orgid: this.$login.f.orgid,
       f_depid: this.$login.f.depids,
       f_operatorid: this.$login.f.id,
@@ -160,19 +245,117 @@ export default {
       depname: '',
       operatorname: '',
       orgCondtionStr: '1=1',
-      model: new DataModel('api/af-revenue/report/otherChargeBeiFangShiYe', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
-        f_orgid: 'this.model.f_orgid'}),
+      model: new DataModel('api/af-revenue/report/otherChargeBeiFangShiYe', {
+        startDate: 'this.model.startDate',
+        endDate: 'this.model.endDate',
+        f_orgid: 'this.model.f_orgid'
+      }),
       reportStr: null,
       show: false,
       spans: ''
     }
   },
   ready () {
+    this.getAuditor()
+    this.randomId = this.getRandomId()
     this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
     this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
     // this.$refs.paged.$refs.criteria.search()
   },
   methods: {
+    newPhoto (ImgBase64) {
+      this.$refs.upload.newPhoto(ImgBase64)
+    },
+    uploadFiles () {
+      this.showFiles = !this.showFiles
+    },
+    uploadPictures () {
+      this.highMeterShow = !this.highMeterShow
+    },
+    showFilesClose () {
+      this.showFiles = false
+    },
+    async getAuditor () {
+      await this.$MagGetSaleParam.initinputtor()
+      this.auditor = this.$MagGetSaleParam.getAudit(this.$login.f.orgid)
+    },
+    cancel () {
+      this.pushAuditShow = false
+    },
+    auditConfirm () {
+      if (this.$refs.upload.fileInfoData.length === 0) {
+        this.$showMessage('请至少上传一张附件')
+        return
+      }
+      let fileParam = []
+      for (let row of this.$refs.upload.fileInfoData) {
+        fileParam.push({id: row.id})
+      }
+      let param = {
+        // 业务参数
+        requestParam: {
+          f_operator: this.$login.f.name,
+          f_operatorid: this.$login.f.id,
+          f_orgid: this.$login.f.orgid,
+          f_orgname: this.$login.f.orgs,
+          f_depid: this.$login.f.depids,
+          f_depname: this.$login.f.deps,
+          type: '其他收费汇总报表推送',
+          ...this.pushAuditData
+        },
+        form: {
+          '业务描述': `${this.$login.f.name}对${this.pushAuditData.startDate}-${this.pushAuditData.endDate}其他收费汇总报表数据发起推送审核操作`,
+          '业务类型': `其他收费汇总报表推送审核`,
+          '报表审核人': this.pushAuditData.f_name,
+          '报表审核结果': this.pushAuditData.f_jieguo,
+          '报表审核时间': this.pushAuditData.f_date
+        },
+        // 审核人
+        f_audit_person: this.pushAuditData.f_audit_person,
+        // 描述
+        f_describe: `${this.$login.f.name}发起其他收费汇总报表推送审核操作`,
+        // 附件
+        fileParam: fileParam,
+        // 登录人信息
+        userBaseInfo: {
+          f_operator: this.$login.f.name,
+          f_operatorid: this.$login.f.id,
+          f_orgid: this.$login.f.orgid,
+          f_orgname: this.$login.f.orgs,
+          f_depid: this.$login.f.depids,
+          f_depname: this.$login.f.deps
+        },
+        // 业务类型
+        type: '其他收费汇总报表推送',
+        f_type: '其他收费汇总报表推送审核',
+        f_otherparam: [],
+        logicName: 'gasSalesReportReview'
+      }
+      console.log(param, this.pushAuditData)
+      this.$resetpost('api/af-revenue/logic/commonAuditLogic', param, {
+        warnMsg: `确定要对当前查询的报表数据进行推送审核吗？`,
+        resolveMsg: `提交审核完成！！`,
+        rejectMsg: `提交审核失败！！请重试！！`
+      }).then((res) => {
+        this.pushAuditShow = false
+        this.pushAuditData.f_audit_person = ''
+        this.pushAuditData.f_audit_person = ''
+        this.pushAuditData.f_name = ''
+        this.pushAuditData.f_jieguo = ''
+        this.pushAuditData.f_date = ''
+        this.randomId = this.getRandomId()
+      })
+    },
+    pushAudit () {
+      this.pushAuditShow = true
+    },
+    getRandomId () {
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        let res = Math.random() * 16 | 0
+        let v = c == 'x' ? res : (res & 0x3 | 0x8)
+        return v.toString(16)
+      })
+    },
     searchData () {
       this.$refs.paged.$refs.criteria.search()
     },
@@ -182,6 +365,9 @@ export default {
       args.condition = `${args.condition} ` + orgstr
       this.$refs.paged.$refs.criteria.model.f_orgid = orgstr
       this.$refs.paged.search(args)
+      this.pushAuditData.startDate = this.model.params.startDate
+      this.pushAuditData.endDate = this.model.params.endDate
+      this.pushAuditData.condition = args.condition.replace(/'/g, "''")
     },
     getRes (condition, obj) {
       this.orgCondtionStr = condition
@@ -235,7 +421,7 @@ export default {
       var num = 0
       for (let td of tds) {
         let span = td.getAttribute('colspan')
-        num = num + ((span ? span : 1) - 0)
+        num = num + ((span || 1) - 0)
       }
       this.spans = num
     }

package/src/components/SellReport/ruihua/DayFormReport.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="basic-main" style="height: 100%">
+    <criteria-paged :model="model" :pager='false' v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
+          <div class="row">
+            <div class="col-sm-2 form-group" >
+              <label class="font_normal_body" for="startDate">开始日期:</label>
+              <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <div class="col-sm-2 form-group" >
+              <label  class="font_normal_body" for="endDate">结束日期:</label>
+              <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <res-select-group :show-component="$parent.$parent.resshow"
+                              :selectin="true" :initres="$parent.$parent.initres"
+                              :cascade =true @re-res="$parent.$parent.getRes"
+                              v-ref:sel>
+            </res-select-group>
+          </div>
+          <div class="span" style = "float:right;">
+            <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
+            <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
+            <report-excel id='gasprice'></report-excel>
+          </div>
+        </div>
+      </criteria>
+      <div  partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
+        <table class='tableprint' style="margin: 0px auto">
+          <thead>
+          <tr>
+            <th :colspan='$parent.spans' style="font-weight: normal; text-align: left;">
+              <h3 style="text-align: center">日收费汇总报表</h3>
+            </th>
+          </tr>
+          <tr>
+            <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
+              开始时间：{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
+              结束时间：{{ model.model.endDate }}&nbsp;&nbsp;<br/>
+              <!--收费员：{{// $parent.operatorname}}-->
+            </th>
+          </tr>
+          <tr >
+            <th v-if="false" :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
+              <div>
+                <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.orgname">公司：{{$parent.orgname}}</span>
+                <span v-show="$parent.depname"> 部门：{{$parent.depname}}</span>
+                <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.operatorname">人员：{{$parent.operatorname}}</span>
+              </div>
+            </th>
+          </tr>
+          </thead>
+          <tr>
+            <td :colspan='$parent.spans' class="noborder">
+              {{{ model.data.substring(26,model.data.length-8) }}}
+            </td>
+          </tr>
+          <tfoot>
+<!--          <tr style="text-align: left">-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>财务审核：</th>-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>收款审核：</th>-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>收款员：</th>-->
+<!--          </tr>-->
+          </tfoot>
+        </table>
+        {{{ $parent.reportStr}}}
+      </div>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import { DataModel } from 'vue-client'
+import co from 'co'
+export default {
+  title: '日收费汇总报表',
+  props: ['data'],
+  data () {
+    return {
+      printTime: this.$login.toStandardTimeString(),
+      depresid: [],
+      userresid: [],
+      f_orgid: this.$login.f.orgid,
+      f_depid: this.$login.f.depids,
+      // f_operatorid: this.$login.f.id,
+      operatorid: [],
+      depid: [],
+      orgname: '',
+      depname: '',
+      criteriaShow: false,
+      operatorname: '',
+      orgCondtionStr: '1=1',
+      f_user_type: '',
+      f_state: ['有效'],
+      model: new DataModel('api/af-revenue/report/rh_df_report', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
+        f_orgid: 'this.model.f_orgid'}),
+      reportStr: null,
+      resshow: ['company', 'department', 'operator'],
+      spans: 0,
+      initres: {
+        org: [this.$login.f.orgid],
+        dep: [],
+        user: []
+      }
+    }
+  },
+  ready () {
+    this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString()
+    this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString()
+  },
+  methods: {
+    searchData () {
+      this.$refs.paged.$refs.criteria.search()
+    },
+    selfSearch (args) {
+      this.printTime = this.$login.toStandardTimeString()
+      let orgcondition = '1=1'
+      let orgstr = this.orgCondtionStr
+      orgcondition = orgcondition + orgstr
+      this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition
+      this.$refs.paged.search(args)
+    },
+
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    getRes (condition, obj) {
+      this.orgCondtionStr = condition
+      this.orgname = obj.orgnames[0]
+      this.depname = obj.depnames[0]
+      this.operatorname = obj.operatornames[0]
+    },
+    getdep (obj, val) {
+      this.depname = val[0]
+      this.userresid = obj
+      this.f_depid = obj
+    },
+    getuser ( obj, val) {
+      this.operatorname = val[0]
+      this.f_operatorid = obj
+    }
+  },
+  watch: {
+    'model.data' (val) {
+      let len=0
+      let a=val.split('</tr>')
+      for(let i=0;i<a.length;i++){
+        if(a[i].split('</td>').length-1>len){
+          len=a[i].split('</td>').length-1
+        }
+      }
+      this.spans = len
+    }
+  },
+  computed: {
+  }
+}
+</script>
+<style scoped>
+.noborder{
+  border: none;
+}
+</style>

package/src/components/SellReport/ruihua/DepmentPaymentReport.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="basic-main" style="height: 100%">
+    <criteria-paged :model="model" :pager='false' v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
+          <div class="row">
+            <div class="col-sm-2 form-group" >
+              <label class="font_normal_body" for="startDate">开始日期:</label>
+              <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <div class="col-sm-2 form-group" >
+              <label  class="font_normal_body" for="endDate">结束日期:</label>
+              <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <res-select-group :show-component="$parent.$parent.resshow"
+                              :selectin="true" :initres="$parent.$parent.initres"
+                              :cascade =true @re-res="$parent.$parent.getRes"
+                              v-ref:sel>
+            </res-select-group>
+          </div>
+          <div class="span" style = "float:right;">
+            <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
+            <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
+            <report-excel id='gasprice'></report-excel>
+          </div>
+        </div>
+      </criteria>
+      <div  partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
+        <table class='tableprint' style="margin: 0px auto">
+          <thead>
+          <tr>
+            <th :colspan='$parent.spans' style="font-weight: normal; text-align: left;">
+              <h3 style="text-align: center">收费结账报表</h3>
+            </th>
+          </tr>
+          <tr>
+            <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
+              开始时间：{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
+              结束时间：{{ model.model.endDate }}&nbsp;&nbsp;<br/>
+              <!--收费员：{{// $parent.operatorname}}-->
+            </th>
+          </tr>
+          <tr >
+            <th v-if="false" :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
+              <div>
+                <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.orgname">公司：{{$parent.orgname}}</span>
+                <span v-show="$parent.depname"> 部门：{{$parent.depname}}</span>
+                <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.operatorname">人员：{{$parent.operatorname}}</span>
+              </div>
+            </th>
+          </tr>
+          </thead>
+          <tr>
+            <td :colspan='$parent.spans' class="noborder">
+              {{{ model.data.substring(26,model.data.length-8) }}}
+            </td>
+          </tr>
+          <tfoot>
+<!--          <tr style="text-align: left">-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>财务审核：</th>-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>收款审核：</th>-->
+<!--            <th :colspan='Math.floor($parent.spans/3)'>收款员：</th>-->
+<!--          </tr>-->
+          </tfoot>
+        </table>
+        {{{ $parent.reportStr}}}
+      </div>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import { DataModel } from 'vue-client'
+import co from 'co'
+export default {
+  title: '收费结账报表',
+  props: ['data'],
+  data () {
+    return {
+      printTime: this.$login.toStandardTimeString(),
+      depresid: [],
+      userresid: [],
+      f_orgid: this.$login.f.orgid,
+      f_depid: this.$login.f.depids,
+      // f_operatorid: this.$login.f.id,
+      operatorid: [],
+      depid: [],
+      orgname: '',
+      depname: '',
+      criteriaShow: false,
+      operatorname: '',
+      orgCondtionStr: '1=1',
+      f_user_type: '',
+      f_state: ['有效'],
+      model: new DataModel('api/af-revenue/report/dp_pay_report', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
+        f_orgid: 'this.model.f_orgid'}),
+      reportStr: null,
+      resshow: ['company', 'department', 'operator'],
+      spans: 0,
+      initres: {
+        org: [this.$login.f.orgid],
+        dep: [],
+        user: []
+      }
+    }
+  },
+  ready () {
+    this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString()
+    this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString()
+  },
+  methods: {
+    searchData () {
+      this.$refs.paged.$refs.criteria.search()
+    },
+    selfSearch (args) {
+      this.printTime = this.$login.toStandardTimeString()
+      let orgcondition = '1=1'
+      let orgstr = this.orgCondtionStr
+      orgcondition = orgcondition + orgstr
+      this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition
+      this.$refs.paged.search(args)
+    },
+
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    getRes (condition, obj) {
+      this.orgCondtionStr = condition
+      this.orgname = obj.orgnames[0]
+      this.depname = obj.depnames[0]
+      this.operatorname = obj.operatornames[0]
+    },
+    getdep (obj, val) {
+      this.depname = val[0]
+      this.userresid = obj
+      this.f_depid = obj
+    },
+    getuser ( obj, val) {
+      this.operatorname = val[0]
+      this.f_operatorid = obj
+    }
+  },
+  watch: {
+    'model.data' (val) {
+      let len=0
+      let a=val.split('</tr>')
+      for(let i=0;i<a.length;i++){
+        if(a[i].split('</td>').length-1>len){
+          len=a[i].split('</td>').length-1
+        }
+      }
+      this.spans = len
+    }
+  },
+  computed: {
+  }
+}
+</script>
+<style scoped>
+.noborder{
+  border: none;
+}
+</style>