Add more permissions

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

@@ -16,6 +16,7 @@
               <el-select
                 class="add-text"
                 v-model="form.groupPk"
+                :disabled="form.onlyView"
                 placeholder="Select with search">
                 <el-option
                   v-for="(item, index) in options.group"
@@ -30,7 +31,8 @@
               <el-select
                 class="add-text"
                 v-model="form.providerPk"
-                placeholder="Select">
+                placeholder="Select"
+                :disabled="form.onlyView">
                 <el-option
                   v-for="(item, index) in options.provider"
                   :key="index"
@@ -47,7 +49,8 @@
                 type="daterange"
                 format="dd/MM/yyyy"
                 value-format="dd/MM/yyyy"
-                placeholder="Select date"/>
+                placeholder="Select date"
+                :disabled="form.onlyView"/>
             </el-form-item>
             <el-form-item
               label="Monthly Credit Limit:"
@@ -57,7 +60,8 @@
                 class="add-text"
                 v-model="form.creditLimitAmount"
                 placeholder=""
-                maxlength="10"/>
+                maxlength="10"
+                :readonly="form.onlyView"/>
             </el-form-item>
           </div>
           <div class="form-right" v-if="isEdit">
@@ -127,6 +131,7 @@
         <plans
           :id="form.groupCreditPk"
           :groupPk="form.groupPk"
+          :canDelete="form.canDelete"
           v-if="form.groupCreditPk"
           @refresh="getLimitInfo"/>
         <p></p>
@@ -140,6 +145,7 @@
             Cancel
           </el-button>
           <el-button
+            v-if="!form.onlyView"
             style="margin-left: 20px;"
             type="primary"
             :loading="loading.save"
@@ -181,7 +187,9 @@ export default {
         groupPk: "",
         providerPk: "",
         effectivePeriod: ["", ""],
-        creditLimitAmount: ""
+        creditLimitAmount: "",
+        onlyView: false,
+        canDelete: true
       },
       rules: {
         groupPk: {

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

@@ -46,7 +46,7 @@
           <span
             class="link-type"
             @click="editLimit(row)"
-            v-if="!$route.meta.onlyView && row.auditStatusName != 'Approved'">
+            v-if="!$route.meta.onlyView">
             {{ row.groupName }}
           </span>
           <span v-else>{{ row.groupName }}</span>
@@ -108,6 +108,11 @@
                 v-if="row.auditStatusName != 'Approved'">
                 Edit
               </el-dropdown-item>
+              <el-dropdown-item
+                command="editLimit"
+                v-else>
+                View
+              </el-dropdown-item>
               <el-dropdown-item
                 command="viewApproval">
                 View Approval

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

@@ -25,12 +25,16 @@
         align="center"
         label="Assigned Users"
         prop="assignedUsers"
-        min-width="120"/>
+        min-width="150">
+        <template slot-scope="{row}">
+          <span class="link-type" @click="assignPlan(row)">{{row.assignedUsers}}</span>
+        </template>
+      </el-table-column>
       <el-table-column
         align="center"
         label="Current Consumption"
         prop="currentConsumptionCredit"
-        min-width="140"/>
+        min-width="170"/>
       <el-table-column
         align="center"
         label="Action"
@@ -46,7 +50,8 @@
                 Assign Users
               </el-dropdown-item>
               <el-dropdown-item
-                command="deletePlan">
+                command="deletePlan"
+                v-if="canDelete">
                 Delete
               </el-dropdown-item>
             </el-dropdown-menu>
@@ -110,6 +115,10 @@ export default {
     groupPk: {
       type: Number|String,
       default: ""
+    },
+    canDelete: {
+      type: Boolean,
+      default: false
     }
   },
   data() {