Enhance filters and table

Strides-Admin/src/views/charging/ChargingProfiles.vue

@@ -25,7 +25,8 @@
     <el-table
       v-loading="listLoading"
       :data="tableList"
-      style="width: 100%;">
+      style="width: 100%;"
+      class="no-border">
       <el-table-column
         :label="item.label"
         align="center"
@@ -98,6 +99,10 @@
           width: 100,
           key: 'stackLevel',
           label: 'Stack Level'
+        },{
+          width: 150,
+          key: 'profilePurpose',
+          label: 'Purpose'
         },{
           key: 'description',
           label: 'Description',

Strides-Admin/src/views/financial/index.vue

@@ -71,7 +71,7 @@
       v-loading="loading">
       <el-table-column
         min-width="120"
-        label="Transaction ID"
+        label="Payment ID"
         align="center">
         <template slot-scope="{row}">
           <span
@@ -130,7 +130,17 @@
         label="Rate"
         align="center"
         prop="rate"
-        min-width="200"/>
+        min-width="200">
+        <template slot-scope="{row}" v-if="row.rates">
+          <span
+            v-for="(item, idx) in row.rates"
+            :key="idx"
+            style="display: block;"
+            :title="item">
+            {{item}}
+          </span>
+        </template>
+      </el-table-column>
       <el-table-column
         label="Charges"
         align="center"

Strides-Admin/src/views/rfid/index.vue

@@ -90,14 +90,37 @@
         label="User Type"
         align="center"
         prop="userType"
-        min-width="140">
+        min-width="120">
+        <template slot-scope="{row}" v-if="row.userTypes">
+          <span
+            v-for="(item, idx) in row.userTypes"
+            :key="idx"
+            style="display: block;"
+            :title="item">
+            {{item}}
+          </span>
+        </template>
       </el-table-column>
       <el-table-column
         label="Group"
         align="center"
         prop="groupName"
-        min-width="140">
+        min-width="160">
+        <template slot-scope="{row}" v-if="row.groupNames">
+          <span
+            v-for="(item, idx) in row.groupNames"
+            :key="idx"
+            style="display: block;"
+            :title="item">
+            {{item}}
+          </span>
+        </template>
       </el-table-column>
+      <el-table-column
+        label="Valid Date"
+        align="center"
+        prop="validDate"
+        min-width="120"/>
       <el-table-column
         label="Status"
         align="center"

Strides-Admin/src/views/transaction/transactions.vue

@@ -169,9 +169,9 @@
         label="Rate"
         align="center"
         min-width="150">
-        <template slot-scope="{row}" v-if="row.rate">
+        <template slot-scope="{row}" v-if="row.rates">
           <span
-            v-for="(item, idx) in row.rate.split(';')"
+            v-for="(item, idx) in row.rates"
             :key="idx"
             style="display: block;"
             :title="item">