Implement Audit Tables to Fix this issue [Part 1]

https://dev.wormwood.com.sg/zentao/task-view-428.html

Strides-Admin/src/views/article/detail.vue

@@ -155,15 +155,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -171,6 +163,7 @@
 
 <script>
 import api from '../../api/article.js'
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -213,6 +206,7 @@ export default {
       }
     };
   },
+  components: {AuditView},
   created() {
     this.loading = true;
     this.addLinkObj();

Strides-Admin/src/views/campaign/detail.vue

@@ -228,15 +228,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -245,6 +237,7 @@
 <script>
 import api from '../../api/campaign.js'
 import apiUser from '@/http/api/apiUser'
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -303,6 +296,7 @@ export default {
       }
     };
   },
+  components: {AuditView},
   created() {
     this.addLinkObj();
     this.addDiscountObj();

Strides-Admin/src/views/charge/AddStation.vue

@@ -344,15 +344,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + addForm.createdBy + " ON " + addForm.createdOn'>
-            LAST UPDATED BY {{addForm.updatedBy}} TIMESTAMP: {{addForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="addForm.audit"/>
       </div>
     </el-form>
   </div>
@@ -365,6 +357,7 @@
   import handleClipboard from '@/utils/clipboard'
   import settings from '../../settings'
   import {getServiceProviderOptions} from '../../utils'
+  import AuditView from "@/components/AuditView"
   export default {
     data() {
       return {
@@ -500,6 +493,7 @@
         this.getStationInfo();
       }
     },
+    components: {AuditView},
     methods: {
       async getChargeTypes() {
         const res = await site.getChargeTypeList()

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

@@ -264,13 +264,7 @@
             Save
           </el-button>
         </div>
-        <div class="update-by">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + editForm.createdBy + " ON " + editForm.createdOn'>
-            LAST UPDATED BY {{editForm.updatedBy}} TIMESTAMP: {{editForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="editForm.audit"/>
       </div>
     </el-form>
   </div>
@@ -279,6 +273,7 @@
 <script>
   import { mapState } from 'vuex'
   import api from '../../http/api/chargingProfile.js'
+  import AuditView from "@/components/AuditView"
   export default {
     data() {
       return {
@@ -378,6 +373,7 @@
     computed: {
       ...mapState('charge', ['profileId'])
     },
+    components: {AuditView},
     created() {
       this.editForm.chargingProfilePk = this.profileId;
       if (this.$route.params.id) {

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

@@ -54,13 +54,7 @@
           Save
         </el-button>
       </div>
-      <div class="update-by">
-        <span
-          class="add-text"
-          :title='"CREATED BY " + detailData.createdBy + " ON " + detailData.createdOn'>
-          LAST UPDATED BY {{detailData.updatedBy}} TIMESTAMP: {{detailData.updatedOn}}
-        </span>
-      </div>
+      <audit-view :audit="detailData.audit"/>
     </div>
   </div>
 </template>
@@ -70,6 +64,7 @@ import api from '@/http/api/apiBalancing.js';
 import Balancing from '../site/components/Balancing';
 import LineChart from '../dashboard/chart/LineChart.vue';
 import CircleChart from '../dashboard/chart/CircleChart.vue';
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -96,7 +91,7 @@ export default {
       },
     };
   },
-  components: {Balancing,CircleChart,LineChart},
+  components: {Balancing,CircleChart,LineChart,AuditView},
   created() {
     if (this.$route.params.id) {
       this.getBalanceDetail();

Strides-Admin/src/views/company/detail.vue

@@ -159,15 +159,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -181,8 +173,9 @@ import setting from '../../settings.js'
 import {getCountryList} from '../../utils/index.js'
 import Summary from './summary.vue'
 import discounts from './discounts.vue'
+import AuditView from "@/components/AuditView"
 export default {
-  name: "GroupDetail",
+  name: "CompanyDetail",
   data() {
     return {
       loading: false,
@@ -256,7 +249,7 @@ export default {
       }
     }
   },
-  components: {Summary, discounts},
+  components: {Summary, discounts,AuditView},
   created() {
     this.getCountryList()
     this.getGroupType()

Strides-Admin/src/views/group/detail.vue

@@ -182,13 +182,7 @@
            Save 
         </el-button>
       </div>
-      <div class="update-by" v-if="isEdit || isView">
-        <span
-          class="add-text"
-          :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-          LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-        </span>
-      </div>
+      <audit-view :audit="form.audit" v-if="isEdit || isView"/>
     </div>
   </div>
 </template>
@@ -199,6 +193,7 @@ import site from '@/http/api/site'
 import { baseURL } from '@/http/http'
 import { getToken } from '@/utils/auth'
 import settings from '../../settings.js'
+import AuditView from "@/components/AuditView"
 import {getCountryList} from '../../utils/index.js'
 export default {
   data() {
@@ -269,6 +264,7 @@ export default {
       isEdit: false
     }
   },
+  components: {AuditView},
   computed: {
     action() {
       return baseURL + process.env.VUE_APP_API_PREFIX + '/picture/upload'

Strides-Admin/src/views/limit/Add.vue

@@ -161,26 +161,19 @@
             Save
           </el-button>
         </div>
-        <div
-          class="flex1"
-          style="margin-left: 20px;"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + addForm.createdBy + " ON " + addForm.createdOn'>
-            LAST UPDATED BY {{addForm.updatedBy}} TIMESTAMP: {{addForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="addForm.audit"/>
       </div>
     </el-form>
   </div>
 </template>
 
 <script>
+  import AuditView from "@/components/AuditView"
   import {getServiceProviderOptions} from '../../utils'
   import limit from '../../http/api/limit.js'
   import group from '@/http/api/group'
   export default {
+    name: "LimitAddV1",
     data() {
       return {
         loading: false,
@@ -253,6 +246,7 @@
         isEdit: false
       }
     },
+    components: {AuditView},
     created() {
       this.loading = true;
       this.getCompanyList()

Strides-Admin/src/views/limit/Detail.vue

@@ -155,26 +155,19 @@
             Back
           </el-button>
         </div>
-        <div
-          class="flex1"
-          style="margin-left: 20px;"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + addForm.createdBy + " ON " + addForm.createdOn'>
-            LAST UPDATED BY {{addForm.updatedBy}} TIMESTAMP: {{addForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="addForm.audit"/>
       </div>
     </el-form>
   </div>
 </template>
 
 <script>
+  import AuditView from "@/components/AuditView"
   import {getServiceProviderOptions} from '../../utils'
   import limit from '../../http/api/limit.js'
   import group from '@/http/api/group'
   export default {
+    name: "LimitDetailV1",
     data() {
       return {
         loading: false,
@@ -202,6 +195,7 @@
         isEdit: false
       }
     },
+    components: {AuditView},
     created() {
       this.loading = true;
       this.getCompanyList()

Strides-Admin/src/views/limit2/detail.vue

@@ -172,16 +172,7 @@
              Save 
           </el-button>
         </div>
-        <div
-          class="flex1"
-          style="margin-left: 20px;"
-          v-if="isEdit && !form.onlyView">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -193,7 +184,9 @@ import limit from '@/api/limit.js'
 import provider from '@/http/api/provider'
 import group from '@/http/api/group'
 import plans from './plans.vue'
+import AuditView from "@/components/AuditView"
 export default {
+  name: "LimitDetailV2",
   data() {
     return {
       isEdit: false,
@@ -260,7 +253,7 @@ export default {
       },
     };
   },
-  components: {plans},
+  components: {AuditView, plans},
   created() {
     this.getGroupOptions();
     if (this.$route.params.id) {

Strides-Admin/src/views/ocpi/views/DetailOperators.vue

@@ -100,13 +100,6 @@
             Back
           </el-button>
         </div>
-        <!-- <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div> -->
       </div>
     </el-form>
     <DialogAssignment

Strides-Admin/src/views/points/detail.vue

@@ -185,13 +185,7 @@
                SAVE   
           </el-button>
         </div>
-        <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -201,6 +195,7 @@
 import apiBase from '@/api/apiBase';
 import points from '@/api/points';
 import settings from '../../settings';
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -264,6 +259,7 @@ export default {
       }
     };
   },
+  components: {AuditView},
   created() {
     this.getCountryOptions(() => {
       if (this.$route.params.id) {

Strides-Admin/src/views/provider/detail.vue

@@ -103,15 +103,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -122,6 +114,7 @@
   import site from '@/http/api/site'
   import provider from '../../http/api/provider'
   import setting from '../../settings.js'
+  import AuditView from "@/components/AuditView"
   export default {
     data() {
       return {
@@ -153,6 +146,7 @@
         isEdit: false
       }
     },
+    components: {AuditView},
     created() {
       this.loading = true;
       this.getCountryList()

Strides-Admin/src/views/provider2/detail.vue

@@ -165,15 +165,7 @@
              Save 
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createByName + " ON " + form.createTime'>
-            LAST UPDATED BY {{form.updateByName}} TIMESTAMP: {{form.updateTime}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -183,6 +175,7 @@
 import setting from '../../settings.js';
 import apiBase from '../../api/apiBase.js';
 import provider from '../../api/provider.js';
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -269,6 +262,7 @@ export default {
       }
     };
   },
+  components: {AuditView},
   created() {
     if (this.$route.params.id) {
       this.isEdit = true;

Strides-Admin/src/views/rate-base/detail.vue

@@ -145,13 +145,7 @@
              Save 
           </el-button>
         </div>
-        <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -161,6 +155,7 @@
 import site from '../../http/api/site'
 import api from '../../http/api/rates'
 import settings from '../../settings.js'
+import AuditView from "@/components/AuditView"
 import ChargeRate from '../site/components/ChargeRate'
 export default {
   data() {
@@ -234,7 +229,7 @@ export default {
       
     }
   },
-  components: {ChargeRate},
+  components: {ChargeRate,AuditView},
   created() {
     this.loading = true;
     this.getCountryOptions();

Strides-Admin/src/views/rate-dynamic/detail.vue

@@ -163,13 +163,7 @@
              Save 
           </el-button>
         </div>
-        <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -179,6 +173,7 @@
 import site from '../../http/api/site'
 import api from '../../http/api/rates'
 import settings from '../../settings.js'
+import AuditView from "@/components/AuditView"
 import ChargeRate from '../site/components/ChargeRate'
 export default {
   data() {
@@ -255,7 +250,7 @@ export default {
       
     }
   },
-  components: {ChargeRate},
+  components: {ChargeRate,AuditView},
   created() {
     this.loading = true;
     this.getRateTypeOptions();

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

@@ -97,15 +97,7 @@
             Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -113,6 +105,7 @@
 
 <script>
 import api from '../../http/api/rfid.js'
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -151,6 +144,7 @@ export default {
       isEdit: false
     }
   },
+  components: {AuditView},
   async created() {
     this.loading = true;
     this.getCardTypeOptions();

Strides-Admin/src/views/site/detail.vue

@@ -340,15 +340,7 @@
               Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + siteForm.createdBy + " ON " + siteForm.createdOn'>
-            LAST UPDATED BY {{siteForm.updatedBy}} TIMESTAMP: {{siteForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="siteForm.audit"/>
       </div>
     </el-form>
   </div>
@@ -365,6 +357,7 @@ import Reservation from './components/Reservations'
 import WhiteListFleet from './components/WhiteListFleet'
 import WhiteListUser from './components/WhiteListUser'
 import SiteTypeWithTime from './components/SiteTypeWithTime'
+import AuditView from "@/components/AuditView"
 import waves from '@/directive/waves' // waves directive
 import site from '../../http/api/site'
 import { getRoleName } from '@/utils/auth'
@@ -379,7 +372,8 @@ export default {
     WhiteListUser,
     WhiteListFleet,
     SiteTypeWithTime,
-    Summary
+    Summary,
+    AuditView
   },
   data() {
     return {

Strides-Admin/src/views/site2/detail.vue

@@ -377,15 +377,7 @@
               Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + siteForm.createdBy + " ON " + siteForm.createdOn'>
-            LAST UPDATED BY {{siteForm.updatedBy}} TIMESTAMP: {{siteForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="siteForm.audit"/>
       </div>
     </el-form>
   </div>
@@ -393,6 +385,7 @@
 
 <script>
 import settings from '../../settings.js'
+import AuditView from "@/components/AuditView"
 import Summary from '../site/components/Summary'
 import Dashboard from '../site/components/Dashboard'
 import ChargeRate from '../site/components/ChargeRate'
@@ -417,7 +410,8 @@ export default {
     WhiteListUser,
     WhiteListFleet,
     SiteTypeWithTime,
-    Summary
+    Summary,
+    AuditView
   },
   data() {
     return {

Strides-Admin/src/views/user/detail.vue

@@ -206,13 +206,7 @@
               Save
           </el-button>
         </div>
-        <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + userForm.createdBy + " ON " + userForm.createdOn'>
-            LAST UPDATED BY {{userForm.updatedBy}} TIMESTAMP: {{userForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="userForm.audit"/>
       </div>
     </el-form>
     <TopUp
@@ -231,8 +225,9 @@ import TopUp from './views/TopUp.vue'
 import settings from '../../settings.js'
 import ListMember from './views/ListMember.vue'
 import ListVehicle from './views/ListVehicle.vue'
+import AuditView from "@/components/AuditView"
 export default {
-  components: {ListMember,ListVehicle,TopUp},
+  components: {AuditView,ListMember,ListVehicle,TopUp},
   data() {
     return {
       loading: false,

Strides-Admin/src/views/voucher/detail.vue

@@ -276,13 +276,7 @@
                SAVE   
           </el-button>
         </div>
-        <div class="update-by" v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + form.createdBy + " ON " + form.createdOn'>
-            LAST UPDATED BY {{form.updatedBy}} TIMESTAMP: {{form.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="form.audit"/>
       </div>
     </el-form>
   </div>
@@ -293,6 +287,7 @@ import api from '../../http/api/voucher.js';
 import site from '../../http/api/site'
 import settings from '../../settings.js'
 import apiBase from '@/api/apiBase.js';
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -412,6 +407,7 @@ export default {
       }
     };
   },
+  components: {AuditView},
   created() {
     this.getCountryOptions();
     if (this.$route.params.id) {

Strides-Admin/src/views/zetting/ChargeType.vue

@@ -18,7 +18,7 @@
               label-width="93px">
               <el-select
                 v-model="item.plugType"
-                class="rate-text">
+                class="rate-text2">
                 <el-option
                   v-for="i in plugTypeOptions"
                   :key="i"
@@ -126,15 +126,7 @@
               Save
           </el-button>
         </div>
-        <div
-          class="update-by"
-          v-if="isEdit">
-          <span
-            class="add-text"
-            :title='"CREATED BY " + settingsForm.createdBy + " ON " + settingsForm.createdOn'>
-            LAST UPDATED BY {{settingsForm.updatedBy}} TIMESTAMP: {{settingsForm.updatedOn}}
-          </span>
-        </div>
+        <audit-view :audit="settingsForm.audit"/>
       </div>
     </el-form>
   </div>
@@ -143,6 +135,7 @@
 <script>
 import api from '@/http/api/settings'
 import site from '@/http/api/site'
+import AuditView from "@/components/AuditView"
 export default {
   data() {
     return {
@@ -197,6 +190,7 @@ export default {
       chargeTypeOptions: []
     }
   },
+  components: {AuditView},
   created() {
     this.getPlugTypeOptions();
     this.getChargeTypeOptions();
@@ -365,7 +359,11 @@ export default {
     align-items: center;
   }
   .rate-text {
-    max-width: 100px;
+    max-width: 90px;
+    padding-right: 14px;
+  }
+  .rate-text2 {
+    max-width: 120px;
     padding-right: 14px;
   }
   .list-item-icon {