Browse Source

Merge branch 'dev' of http://git.echepei.com/caojunjie/Smart_platform_ui into dev

QuKatie 3 years ago
parent
commit
5db0d1dcbd

+ 157 - 0
src/components/trackPlayback.vue

@@ -0,0 +1,157 @@
+<template>
+  <el-dialog
+      title="车辆轨迹"
+      append-to-body
+      custom-class="dialog_two"
+      :visible.sync="dialogVisible"
+      lock-scroll
+      width="80%">
+    <div id="container" v-if="dialogVisible"></div>
+    <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-if="this.lineArr.length>0">
+      <h4>轨迹回放控制</h4>
+      <div class="input-item">
+        <input type="button" class="btn" value="开始动画" id="start" @click="startAnimation()"/>
+        <input type="button" class="btn" value="暂停动画" id="pause" @click="pauseAnimation()"/>
+      </div>
+      <div class="input-item">
+        <input type="button" class="btn" value="继续动画" id="resume" @click="resumeAnimation()"/>
+        <input type="button" class="btn" value="停止动画" id="stop" @click="stopAnimation()"/>
+      </div>
+    </div>
+    <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-else>
+      <span style="color: red">暂无该车辆轨迹信息</span>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "trackPlayback",
+  props: {
+    dialogVisible: {
+      type: Boolean
+    },
+    lineArr:Object,
+  },
+  data(){
+    return{
+      map: null,
+      marker: null
+    }
+  },
+  beforeDestroy() {
+    this.map && this.map.destroy();
+  },
+  methods:{
+    initMap() {
+      this.map = new AMap.Map("container", {
+        resizeEnable: true,
+        center: this.lineArr.length >0 ?this.lineArr[this.lineArr.length - 1]:[120.382891,36.066460],
+        zoom: 17
+      });
+      let icon = new AMap.Icon({
+        size: new AMap.Size(52, 26), // 图标尺寸
+        image: 'https://webapi.amap.com/images/car.png',
+        imageSize: new AMap.Size(52, 26), // 根据所设置的大小拉伸或压缩图片
+      });
+      this.marker = new AMap.Marker({
+        map: this.map,
+        position: this.lineArr.length >0 ?this.lineArr[this.lineArr.length - 1]:[120.382891,36.066460],
+        // icon: "https://webapi.amap.com/images/car.png",
+        icon: icon,
+        markerMeta: new AMap.Size(28, 28),
+        offset: new AMap.Pixel(-26, -15),
+        autoRotation: true,
+        angle: -15
+      });
+      // 绘制轨迹
+      let polyline = new AMap.Polyline({
+        map: this.map,
+        path: this.lineArr,
+        showDir: true,
+        strokeColor: "#28F", //线颜色
+        // strokeOpacity: 1,     //线透明度
+        strokeWeight: 6 //线宽
+        // strokeStyle: "solid"  //线样式
+      });
+      let passedPolyline = new AMap.Polyline({
+        map: this.map,
+        path: this.lineArr,
+        strokeColor: "#AF5", //线颜色
+        // strokeOpacity: 1,     //线透明度
+        strokeWeight: 6 //线宽
+        // strokeStyle: "solid"  //线样式
+      });
+
+      this.marker.on("moving", function (e) {
+        passedPolyline.setPath(e.passedPath);
+      });
+
+      this.map.setFitView();
+    },
+    startAnimation() {
+      this.marker.moveAlong(this.lineArr, 100000);
+    },
+    pauseAnimation() {
+      this.marker.pauseMove();
+    },
+    resumeAnimation() {
+      this.marker.resumeMove();
+    },
+    stopAnimation() {
+      this.marker.stopMove();
+    },
+  }
+}
+</script>
+
+<style scoped src="../styles/demo-center.css"></style>
+<style scoped>
+#container {
+  height: 80vh;
+  width: 100%;
+}
+
+.input-card .btn {
+  margin-right: 1.2rem;
+  width: 9rem;
+}
+
+.input-card .btn:last-child {
+  margin-right: 0;
+}
+</style>
+<style lang="scss" scoped>
+.home-container {
+  padding: 0px 5px 5px 0px;
+  box-sizing: border-box;
+  height: 100%;
+
+  ::v-deep .el-card__body {
+    padding: 10px 15px;
+    font-size: 14px;
+  }
+
+  &__card {
+    width: 100%;
+    height: 100%;
+  }
+
+  .title {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+.content {
+}
+
+::v-deep .el-dialog {
+  margin-top: 5vh !important;
+  margin-bottom: 0 !important;
+}
+
+::v-deep .el-dialog__body {
+  padding: 0 20px 10px 20px !important;
+}
+</style>

+ 4 - 0
src/main.js

@@ -30,6 +30,9 @@ import {
 } from '@/api/system/dictbiz'
 import { checkLock, onLock, unLock } from "@/api/lock/lock"
 import './util/directives.js'
+
+//地图回放
+import trackPlayback from "@/components/trackPlayback"
 //客户选择组件
 import selectComponent from '@/components/selectComponent/customerSelect';
 // 仓库选择组件
@@ -71,6 +74,7 @@ import '@/assets/css/form.css'
 import {corpAddr} from "@/components/function/corpAddrSelect"
 //获取浏览器指纹并生成ID
 import Fingerprint2 from 'fingerprintjs2'
+Vue.component('trackPlayback', trackPlayback);
 Vue.component('selectComponent', selectComponent);
 Vue.component('warehouseSelect', warehouseSelect);
 Vue.component('goodsSelect', goodsSelect);

+ 37 - 11
src/views/landTransportation/dispatchingCars/detailPage.vue

@@ -200,6 +200,10 @@
                      :disabled="selectionList.length === 0">批量调度
           </el-button>
         </template>
+        <template slot="plateNo" slot-scope="{row}">
+                <span class="el-button--text" style="cursor: pointer"
+                      @click="openTrack(row)">{{ row.plateNo }}</span>
+        </template>
         <template slot-scope="{row}" slot="fleetId">
           <crop-select
               v-if="row.$cellEdit"
@@ -551,6 +555,7 @@
           <el-button type="primary" @click="saveAnnex" size="small">保 存</el-button>
         </span>
     </el-dialog>
+    <track-playback :dialogVisible="dialogVisibleTwo" :lineArr="lineArr" ref="playback"></track-playback>
   </div>
 </template>
 
@@ -572,6 +577,7 @@ import {
 import website from "@/config/website";
 import {getDeptTree} from "@/api/system/dept";
 import {customerList} from "@/api/basicData/basicFeesDesc";
+import {gaude, location} from "@/api/gaude";
 
 export default {
   props: {
@@ -586,6 +592,8 @@ export default {
     return {
       formData: {},
       enclosure: false,
+      dialogVisibleTwo:false,
+      lineArr: [],
       formAnnex: {},
       key: 0,
       formDataList: {},
@@ -822,7 +830,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index: 2,
           width: 140,
@@ -864,7 +872,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index: 9,
           width: 140,
@@ -1395,7 +1403,6 @@ export default {
           prop: 'fleetId',
           type: "select",
           cascader: ['plateNo'],
-          dicUrl: "/api/blade-land/order-fee/fleet?orderId=" + this.id,
           props: {
             label: "fleetName",
             value: "fleetId"
@@ -1414,18 +1421,10 @@ export default {
             label: '车号',
             cell: true,
             prop: 'plateNo',
-            dicUrl: "api/blade-land/order-fee/plate-no?orderId=" + this.id + '&fleetId={{key}}',
             type: "select",
             props: {
               label: "label",
               value: "label"
-            },
-            dicFormatter:(data)=>{
-              let list = []
-              data.data.forEach(ele=>{
-                list.push({label:ele})
-              })
-              return list
             }
           }, {
             label: '费用名称',
@@ -1483,6 +1482,15 @@ export default {
     this.entrustOptionTwoT = await this.getColumnData(this.getColumnName(86.1), this.entrustOptionTwoTBackup);
     this.collectionOption = await this.getColumnData(this.getColumnName(86.4), this.collectionOptionBackup);
     this.paymentOption = await this.getColumnData(this.getColumnName(86.5), this.paymentOptionBackup);
+    this.findObject(this.paymentOption.column, "fleetId").dicUrl = "/api/blade-land/order-fee/fleet?orderId=" + this.id
+    this.findObject(this.paymentOption.column, "plateNo").dicUrl = "api/blade-land/order-fee/plate-no?orderId=" + this.id + '&fleetId={{key}}'
+    this.findObject(this.paymentOption.column, "plateNo").dicFormatter = (data)=>{
+      let list = []
+      data.data.forEach(ele=>{
+        list.push({label:ele})
+      })
+      return list
+    }
     // price
     // quantity
     this.findObject(this.collectionOption.column, "price").change = (data) => {
@@ -1557,6 +1565,20 @@ export default {
     }
   },
   methods: {
+    openTrack(row){
+      gaude({itemId: row.id,plateNo:row.plateNo,tenantId:'234557'}).then(res => {
+        this.lineArr = res.data.data
+        this.dialogVisibleTwo = true
+        let this_=this
+        setTimeout(function(){
+          this_.$refs.playback.initMap();
+        },100)
+      })
+      // location({itemId: row.id,plateNo:'陕YH0008'}).then(res => {
+      //   // console.log(res.data.data)
+      //   // console.log(this.lineArr[this.lineArr.length - 1])
+      // })
+    },
     //自定义列保存
     async saveColumnBoxTwo() {
       /**
@@ -1612,6 +1634,8 @@ export default {
        */
       const inSave = await this.saveColumnData(this.getColumnName(86.5), this.paymentOption);
       if (inSave) {
+        this.findObject(this.paymentOption.column, "fleetId").dicUrl = "/api/blade-land/order-fee/fleet?orderId=" + this.id
+        this.findObject(this.paymentOption.column, "plateNo").dicUrl = "api/blade-land/order-fee/plate-no?orderId=" + this.id + '&fleetId={{key}}'
         this.$message.success("保存成功");
         //关闭窗口
         this.$refs.payment.$refs.dialogColumn.columnBox = false;
@@ -1623,6 +1647,8 @@ export default {
       const inSave = await this.delColumnData(this.getColumnName(86.5), this.paymentOptionBackup);
       if (inSave) {
         this.$message.success("重置成功");
+        this.findObject(this.paymentOption.column, "fleetId").dicUrl = "/api/blade-land/order-fee/fleet?orderId=" + this.id
+        this.findObject(this.paymentOption.column, "plateNo").dicUrl = "api/blade-land/order-fee/plate-no?orderId=" + this.id + '&fleetId={{key}}'
         this.$refs.payment.$refs.dialogColumn.columnBox = false;
       }
     },

+ 1 - 1
src/views/landTransportation/dispatchingCars/index.vue

@@ -262,7 +262,7 @@ export default {
             type: "date",
             searchRange: true,
             defaultTime:['00:00:00', '23:59:59'],
-            format: "yyyy-MM-dd HH:mm:ss",
+            format: "yyyy-MM-dd HH:mm",
             valueFormat: "yyyy-MM-dd HH:mm:ss",
             index: 15,
             width: 140,

+ 4 - 4
src/views/landTransportation/driver/index.vue

@@ -367,7 +367,7 @@ export default {
         },{
           label: '受理日期',
           type: "datetime",
-          format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm',
           valueFormat: 'yyyy-MM-dd HH:mm:ss',
           width: 200,
           index: 14,
@@ -375,7 +375,7 @@ export default {
         },{
           label: '提箱时间',
           type: "borrowTime",
-          format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm',
           valueFormat: 'yyyy-MM-dd HH:mm:ss',
           width: 200,
           index: 15,
@@ -387,7 +387,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index:16,
           width: 140,
@@ -509,7 +509,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index: 31,
           width: 140,

+ 4 - 4
src/views/landTransportation/motorcadeDriver/index.vue

@@ -502,14 +502,14 @@ export default {
             type: "date",
             searchRange: true,
             defaultTime: ['00:00:00', '23:59:59'],
-            format: "yyyy-MM-dd HH:mm:ss",
+            format: "yyyy-MM-dd HH:mm",
             valueFormat: "yyyy-MM-dd HH:mm:ss",
             index: 13,
             width: 140
           },{
             label: '受理日期',
             type: "datetime",
-            format: 'yyyy-MM-dd HH:mm:ss',
+            format: 'yyyy-MM-dd HH:mm',
             valueFormat: 'yyyy-MM-dd HH:mm:ss',
             width: 200,
             index: 14,
@@ -521,7 +521,7 @@ export default {
             type: "date",
             searchRange: true,
             defaultTime: ['00:00:00', '23:59:59'],
-            format: "yyyy-MM-dd HH:mm:ss",
+            format: "yyyy-MM-dd HH:mm",
             valueFormat: "yyyy-MM-dd HH:mm:ss",
             index:15,
             width: 140,
@@ -666,7 +666,7 @@ export default {
             type: "date",
             searchRange: true,
             defaultTime: ['00:00:00', '23:59:59'],
-            format: "yyyy-MM-dd HH:mm:ss",
+            format: "yyyy-MM-dd HH:mm",
             valueFormat: "yyyy-MM-dd HH:mm:ss",
             index: 30,
             width: 145,

+ 32 - 6
src/views/landTransportation/placeAnOrder/detailPage.vue

@@ -359,6 +359,10 @@
           @resetColumn="resetColumnContact"
           @saveColumn="saveColumnContact"
           :option="vehicleOption">
+        <template slot="plateNo" slot-scope="{row}">
+                <span class="el-button--text" style="cursor: pointer"
+                      @click="openTrack(row)">{{ row.plateNo }}</span>
+        </template>
       </avue-crud>
     </basic-container>
     <containerTitle title="杂费明细"></containerTitle>
@@ -515,6 +519,7 @@
           <el-button @click="enclosure = false" size="small">取 消</el-button>
         </span>
     </el-dialog>
+    <track-playback :dialogVisible="dialogVisible" :lineArr="lineArr" ref="playback"></track-playback>
   </div>
 </template>
 
@@ -529,8 +534,13 @@ import {
 } from "@/api/landTransportation";
 import {getDeptTree} from "@/api/system/dept";
 import website from "@/config/website";
-
+import {gaude, location} from "@/api/gaude";
+//地图回放
+import trackPlayback from "@/components/trackPlayback"
 export default {
+  comments:{
+    trackPlayback
+  },
   props: {
     id: {
       type: String
@@ -541,6 +551,8 @@ export default {
   },
   data() {
     return {
+      dialogVisible:false,
+      lineArr:[],
       activeIndex: '1',
       KeyBox: 0,
       KeyBoxTwo: 0,
@@ -646,7 +658,7 @@ export default {
         column: [{
           label: '货运日期',
           type: "datetime",
-          format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm',
           valueFormat: 'yyyy-MM-dd HH:mm:ss',
           width: 200,
           index: 1,
@@ -654,7 +666,7 @@ export default {
         }, {
           label: '受理日期',
           type: "datetime",
-          format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm',
           valueFormat: 'yyyy-MM-dd HH:mm:ss',
           width: 200,
           index: 2,
@@ -666,7 +678,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index: 3,
           width: 140,
@@ -692,7 +704,7 @@ export default {
           type: "date",
           searchRange: true,
           defaultTime: ['00:00:00', '23:59:59'],
-          format: "yyyy-MM-dd HH:mm:ss",
+          format: "yyyy-MM-dd HH:mm",
           valueFormat: "yyyy-MM-dd HH:mm:ss",
           index: 7,
           width: 140,
@@ -845,7 +857,7 @@ export default {
         column: [{
           label: '货运日期',
           type: "datetime",
-          format: 'yyyy-MM-dd HH:mm:ss',
+          format: 'yyyy-MM-dd HH:mm',
           valueFormat: 'yyyy-MM-dd HH:mm:ss',
           index: 1,
           cell: true,
@@ -1508,6 +1520,20 @@ export default {
     this.$refs.other.show = false
   },
   methods: {
+    openTrack(row){
+      gaude({itemId: row.id,plateNo:row.plateNo,tenantId:'234557'}).then(res => {
+        this.lineArr = res.data.data
+        this.dialogVisible = true
+        let this_=this
+        setTimeout(function(){
+          this_.$refs.playback.initMap();
+        },100)
+      })
+      // location({itemId: row.id,plateNo:'陕YH0008'}).then(res => {
+      //   // console.log(res.data.data)
+      //   // console.log(this.lineArr[this.lineArr.length - 1])
+      // })
+    },
     changeSelect(val) {
       for (let item of this.salesmanList) {
         if (item.id == val) {

+ 1 - 1
src/views/landTransportation/placeAnOrder/index.vue

@@ -327,7 +327,7 @@ export default {
             type: "date",
             searchRange: true,
             defaultTime:['00:00:00', '23:59:59'],
-            format: "yyyy-MM-dd HH:mm:ss",
+            format: "yyyy-MM-dd HH:mm",
             valueFormat: "yyyy-MM-dd HH:mm:ss",
             index: 15,
             width: 140,

+ 44 - 12
src/views/wel/home/landTransportation/components/quick-launch.vue

@@ -7,27 +7,27 @@
         </span>
       </div>
       <div class="content">
-        <div class="content-icon" @click="inPage('wt')">
+        <div v-if="entrust" class="content-icon" @click="inPage('wt')">
           <i class="tradingIcon icon-purchase" style="color:#75CD28"></i>
           <span>委托</span>
         </div>
-        <div class="content-icon" @click="inPage('dd')">
+        <div v-if="dispatch" class="content-icon" @click="inPage('dd')">
           <i class="tradingIcon icon-receipt" style="color:#409EFF"></i>
           <span>调度</span>
         </div>
-        <div class="content-icon" @click="inPage('pc')">
+        <div v-if="sendACar" class="content-icon" @click="inPage('pc')">
           <i class="tradingIcon icon-ship" style="color:#921939"></i>
           <span>派车</span>
         </div>
-        <div class="content-icon" @click="inPage('gz')">
+        <div v-if="track" class="content-icon" @click="inPage('gz')">
           <i class="tradingIcon icon-ship" style="color:#7db4ff"></i>
           <span>跟踪</span>
         </div>
-        <div class="content-icon" @click="inPage('lytz')">
+        <div v-if="sBook" class="content-icon" @click="inPage('lytz')">
           <i class="tradingIcon icon-sales" style="color:#143056"></i>
           <span>台账</span>
         </div>
-        <div class="content-icon" @click="inPage('dqtx')">
+        <div v-if="reminder" class="content-icon" @click="inPage('dqtx')">
           <div style="width: 36px;height: 36px;background-color: #3a8ee6;border-radius: 5px;line-height: 36px;text-align: center;padding-top: 4px">
             <i class="el-icon-bell" style="color:#fff;font-size: 28px;"></i>
           </div>
@@ -91,21 +91,53 @@ export default {
       },
       entrust:false,
       dispatch:false,
+      sBook:false,
+      reminder:false,
+      sendACar:false,
+      track:false,
     };
   },
   props: {
     sysType: Number
   },
   mounted() {
-    if (this.roleName.indexOf('总经理') !== -1 || this.roleName.indexOf('部门经理') !== -1 || this.roleName.indexOf('业务员') !== -1){
-      // 委托、台账
+    if (this.roleName.indexOf('平台') !== -1){
+      if (this.roleName.indexOf('总经理') !== -1 || this.roleName.indexOf('部门经理') !== -1 || this.roleName.indexOf('业务员') !== -1){
+        // 委托、台账
+        this.entrust = true //委托
+        this.sBook = true //台账
+      }
+      if (this.roleName.indexOf('总调度') !== -1 || this.roleName.indexOf('分管调度') !== -1){
+        // 调度、台账、到期提醒
+        this.dispatch = true //调度
+        this.sBook = true //台账
+        this.reminder = true //到期提醒
+      }
+      if (this.roleName.indexOf('admin') !== -1){
+        this.entrust = true
+        this.dispatch = true
+        this.sBook = true
+        this.reminder = true
+        this.sendACar = true
+        this.track = true
+      }
+    }
+    if (this.roleName.indexOf('客户') !== -1){
       this.entrust = true
+      this.dispatch = false
+      this.sBook = false
+      this.reminder = false
+      this.sendACar = false
+      this.track = false
     }
-    if (this.roleName.indexOf('总调度') !== -1 || this.roleName.indexOf('分管调度') !== -1){
-      // 调度、台账、到期提醒
-      this.dispatch = true
+    if (this.roleName.indexOf('车队') !== -1){
+      this.entrust = false
+      this.dispatch = false
+      this.sBook = false
+      this.reminder = false
+      this.sendACar = true
+      this.track = false
     }
-    if (this.roleName.indexOf('车队') !== -1){}
   },
   methods: {
     inPage(type) {

+ 6 - 7
src/views/wel/home/landTransportation/components/sales-trend.vue

@@ -278,7 +278,7 @@ export default {
           query: {id:row.orderId},
         });
       }else {
-        gaude({itemId: row.id,plateNo:row.plateNo}).then(res => {
+        gaude({itemId: row.id,plateNo:row.plateNo,tenantId:'234557'}).then(res => {
           this.lineArr = res.data.data
           this.dialogVisible = true
           let this_=this
@@ -286,10 +286,10 @@ export default {
             this_.initMap();
           },100)
         })
-        location({itemId: row.id,plateNo:'陕YH0008'}).then(res => {
-          // console.log(res.data.data)
-          // console.log(this.lineArr[this.lineArr.length - 1])
-        })
+        // location({itemId: row.id,plateNo:'陕YH0008'}).then(res => {
+        //   // console.log(res.data.data)
+        //   // console.log(this.lineArr[this.lineArr.length - 1])
+        // })
       }
     },
     initMap() {
@@ -313,7 +313,6 @@ export default {
         autoRotation: true,
         angle: -15
       });
-      return
       // 绘制轨迹
       let polyline = new AMap.Polyline({
         map: this.map,
@@ -327,7 +326,7 @@ export default {
 
       let passedPolyline = new AMap.Polyline({
         map: this.map,
-        // path: this.lineArr,
+        path: this.lineArr,
         strokeColor: "#AF5", //线颜色
         // strokeOpacity: 1,     //线透明度
         strokeWeight: 6 //线宽

+ 5 - 3
src/views/wel/home/landTransportation/landTransportation.vue

@@ -2,8 +2,8 @@
   <div class="container">
     <quick-launch class="item1" :sysType="sysType" />
 <!--    <audit-data class="item2" :sysType="sysType"/>-->
-    <sales-reached @handleMousedown="handleMousedown" class="item2" :sysType="sysType"/>
-    <sales-trend ref="trend" class="item3" :sysType="sysType"/>
+    <sales-reached v-if="!(this.roleName.indexOf('车队') !== -1)" @handleMousedown="handleMousedown" class="item2" :sysType="sysType"/>
+    <sales-trend v-if="!(this.roleName.indexOf('车队') !== -1)" ref="trend" class="item3" :sysType="sysType"/>
   </div>
 </template>
 
@@ -18,7 +18,9 @@ import payToday from "./components/pay-today";
 export default {
   name: "wel",
   data() {
-    return {};
+    return {
+      roleName: localStorage.getItem("roleName").split(','),
+    };
   },
   props:{
     sysType:Number