mooho-base-admin-plus 2.5.8 → 2.5.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mooho-base-admin-plus",
   "description": "MOOHO basic framework for admin by Vue3",
-  "version": "2.5.8",
+  "version": "2.5.10",
   "author": "jinyifan <jinyifan@mooho.com.cn>",
   "license": "MIT",
   "private": false,

package/src/components/home/shortcut.vue

@@ -84,7 +84,7 @@
         }
       },
       // 拖动完成
-      dragDrop({ index1, index2 }) {
+      dragDrop(index1, index2) {
         if (index1 != index2) {
           let columns = this.$refs.shortcutSetting.data;
           let row = columns[index1];

package/src/components/input/dialog-select.vue

@@ -14,7 +14,7 @@
         <Button :size="size" custom-icon="fa fa-search" @click="dialogSelectOpen()"></Button>
       </template>
     </Input>
-    <modal-table ref="dialogTable" :view-code="source" :autoLoad="false" :selectEnable="multi" :check-cross-page="true" :footer-enable="multi">
+    <modal-table ref="dialogTable" :view-code="source" :autoLoad="false" :select-enable="multi" :check-cross-page="true" :footer-enable="multi">
       <template #command="{ row }">
         <Button size="small" v-if="!multi" type="primary" custom-icon="fa fa-check" @click="dialogCheck(row)">{{ $t('Front_Btn_Select') }}</Button>
       </template>

package/src/components/view/filter-setting.vue

@@ -89,7 +89,7 @@
         }
       },
       // 拖动完成
-      dragDrop({ index1, index2 }) {
+      dragDrop(index1, index2) {
         if (index1 != index2) {
           let columns = this.$refs.table.data;
           let row = columns[index1];

package/src/components/view/form-setting.vue

@@ -99,7 +99,7 @@
         }
       },
       // 拖动完成
-      dragDrop({ index1, index2 }) {
+      dragDrop(index1, index2) {
         if (index1 != index2) {
           let columns = this.$refs.table.data;
           let row = columns[index1];

package/src/components/view/modal-table.vue

@@ -58,13 +58,15 @@
         :span-method="spanMethod"
         :load-data-enable="loadDataEnable"
         :row-class-name="rowClassName"
+        :highlight-row="highlightRow"
         @create="create"
         @edit="edit"
         @show="show"
         @on-ready="onReady"
         @on-load-data="onLoadData"
         @after-init="afterInit"
-        @on-drag-drop="dragDrop"
+        @on-drag-drop="(index1, index2) => this.$emit('on-drag-drop', index1, index2)"
+        @on-current-change="(currentRow, oldCurrentRow) => $emit('on-current-change', currentRow, oldCurrentRow)"
       >
         <template #top>
           <!--
@@ -351,6 +353,13 @@
        */
       rowClassName: {
         type: Function
+      },
+      /**
+       * 是否支持高亮选中的行，即单选
+       */
+      highlightRow: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -532,14 +541,6 @@
       clear() {
         this.$refs.table.clear();
       },
-      // 拖拽完成
-      dragDrop(args) {
-        /**
-         * 拖动完成事件
-         * @property {object} args { index1 来源行序号, index2 目标行序号 }
-         */
-        this.$emit('on-drag-drop', args);
-      },
       // 点击关闭按钮
       clickClose() {
         if (typeof this.beforeClose == 'function') {

package/src/components/view/table-setting.vue

@@ -294,7 +294,7 @@
         }
       },
       // 拖动完成
-      dragDrop({ index1, index2 }) {
+      dragDrop(index1, index2) {
         if (index1 != index2) {
           let columns = this.$refs.table.data;
           let row = columns[index1];

package/src/components/view/view-table.vue

@@ -105,10 +105,12 @@
         :summary-method="summaryMethod"
         :page-size-opts="pageSizeOpts"
         :row-class-name="rowClassName"
+        :highlight-row="highlightRow"
         @on-column-width-resize="columnWidthResize"
         @on-sort-change="sortChange"
         @on-selection-change="onSelectionChange"
-        @on-drag-drop="dragDrop"
+        @on-drag-drop="(index1, index2) => this.$emit('on-drag-drop', index1, index2)"
+        @on-current-change="(currentRow, oldCurrentRow) => $emit('on-current-change', currentRow, oldCurrentRow)"
       >
         <template #normal="{ row, column, index }">
           <template v-if="isShow(rowData(row, index), column)">
@@ -928,6 +930,13 @@
        */
       rowClassName: {
         type: Function
+      },
+      /**
+       * 是否支持高亮选中的行，即单选
+       */
+      highlightRow: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -2383,14 +2392,6 @@
           callback(data);
         }
       },
-      // 拖动事件
-      dragDrop(index1, index2) {
-        /**
-         * 拖动完成事件
-         * @property {object} args { index1 来源行序号, index2 目标行序号 }
-         */
-        this.$emit('on-drag-drop', { index1, index2 });
-      },
       // // 转换为日期类型
       // parseDateTime(value) {
       //     if (value && typeof value === 'string') {

package/src/pages/system/applicationType.vue

@@ -4,13 +4,34 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="ApplicationType" @create="$refs.form.open()" @edit="({ row }) => edit(row)">
+      <view-table
+        ref="table"
+        view-code="ApplicationType"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row }) => edit(row)"
+      >
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_NotificationSetting')" type="primary" custom-icon="fa fa-mail-bulk" @click="notificationSetting(row)"></Button>
+          <Button
+            v-if="allow('notivicationSetting')"
+            size="small"
+            :title="$t('Front_Btn_NotificationSetting')"
+            type="primary"
+            custom-icon="fa fa-mail-bulk"
+            @click="notificationSetting(row)"
+          ></Button>
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="ApplicationTypeEdit" @on-after-save="$refs.table.loadData()" @on-change="formChange">
+    <modal-form
+      ref="form"
+      view-code="ApplicationTypeEdit"
+      :create-enable="allow('create')"
+      :edit-enable="allow('edit')"
+      @on-after-save="$refs.table.loadData()"
+      @on-change="formChange"
+    >
       <template #column="{ code }">
         <div v-if="code == 'titleColumn'">
           <Input type="text" :readonly="true" v-model="$refs.form.data.titleColumn" @on-focus="openTitleColumnSelect()">

package/src/pages/system/customPage.vue

@@ -4,10 +4,18 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="CustomPage" :selectEnable="true" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+      <view-table
+        ref="table"
+        view-code="CustomPage"
+        :select-enable="allow('export')"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/CustomPage/importFile" accept=".cp" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/CustomPage/importFile" accept=".cp" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
@@ -27,7 +35,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="CustomPageEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="CustomPageEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
     <!-- <modal-table ref="componentTable"
             view-code="CustomPageComponent"
             @create="(param)=>$refs.componentForm.openDefault(param)"

package/src/pages/system/dictType.vue

@@ -4,10 +4,18 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="DictType" :selectEnable="true" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+      <view-table
+        ref="table"
+        view-code="DictType"
+        :select-enable="allow('export')"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/DictType/importFile" accept=".dict" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/DictType/importFile" accept=".dict" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
@@ -15,7 +23,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="DictTypeEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="DictTypeEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/formView.vue

@@ -4,10 +4,19 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="FormView" :filter="filter" :selectEnable="true" @create="create" @edit="edit">
+      <view-table
+        ref="table"
+        view-code="FormView"
+        :filter="filter"
+        :select-enable="allow('export')"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="create"
+        @edit="edit"
+      >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/DataView/importFile" accept=".view" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/DataView/importFile" accept=".view" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
@@ -18,7 +27,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="FormViewEdit" @on-change="formChange" @on-after-save="$refs.table.loadData()">
+    <modal-form ref="form" view-code="FormViewEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-change="formChange" @on-after-save="$refs.table.loadData()">
       <template #footer>
         <Button type="primary" custom-icon="fa fa-save" @click="() => $refs.form.onSave()">{{ $t('Front_Btn_Save') }}</Button>
         <Button type="primary" v-if="canCopy" custom-icon="fa fa-copy" @click="copy">{{ $t('Front_Btn_Copy') }}</Button>

package/src/pages/system/mailTemplate.vue

@@ -4,10 +4,18 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="MailTemplate" :selectEnable="true" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+      <view-table
+        ref="table"
+        view-code="MailTemplate"
+        :select-enable="export"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/MailTemplate/importFile" accept=".mt" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/MailTemplate/importFile" accept=".mt" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
@@ -15,7 +23,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="MailTemplateEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="MailTemplateEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/notice.vue

@@ -4,9 +4,16 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="Notice" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+      <view-table
+        ref="table"
+        view-code="Notice"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      ></view-table>
     </Card>
-    <modal-form ref="form" view-code="NoticeEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="NoticeEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/openApi.vue

@@ -4,9 +4,16 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="OpenApi" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)" />
+      <view-table
+        ref="table"
+        view-code="OpenApi"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      />
     </Card>
-    <modal-form ref="form" view-code="OpenApiEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="OpenApiEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/openUser.vue

@@ -4,13 +4,20 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="OpenUser" @create="$refs.form.open()" @edit="edit">
+      <view-table ref="table" view-code="OpenUser" :create-enable="allow('create')" :remove-enable="allow('remove')" @create="$refs.form.open()" @edit="edit">
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_API_Permission')" type="primary" custom-icon="fa fa-atom" @click="openApiTableOpen(row)"></Button>
+          <Button
+            v-if="allow('apiPermission')"
+            size="small"
+            :title="$t('Front_Btn_API_Permission')"
+            type="primary"
+            custom-icon="fa fa-atom"
+            @click="openApiTableOpen(row)"
+          ></Button>
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="OpenUserEdit" @on-after-save="$refs.table.loadData()">
+    <modal-form ref="form" view-code="OpenUserEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()">
       <template #column="{ data, column, code }">
         <template v-if="code == 'password'">
           <Input

package/src/pages/system/organization.vue

@@ -15,11 +15,13 @@
             return row.hasChildren;
           }
         "
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
         @create="create()"
         @edit="({ row, index }) => edit(row)"
       >
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_Create_Child')" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
+          <Button v-if="allow('create')" size="small" :title="$t('Front_Btn_Create_Child')" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
         </template>
         <template #column="{ row, column, code }">
           <template v-if="code == 'name'">
@@ -28,7 +30,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="OrganizationEdit" @on-after-save="formAfterSave" />
+    <modal-form ref="form" view-code="OrganizationEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="formAfterSave" />
   </div>
 </template>
 <script>

package/src/pages/system/organizationType.vue

@@ -4,9 +4,16 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="OrganizationType" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+      <view-table
+        ref="table"
+        view-code="OrganizationType"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      ></view-table>
     </Card>
-    <modal-form ref="form" view-code="OrganizationTypeEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="OrganizationTypeEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/permission.vue

@@ -7,7 +7,7 @@
       <view-table
         ref="table"
         view-code="Permission"
-        :selectEnable="true"
+        :select-enable="allow('export')"
         :tree-enable="true"
         :tree-load="row => onTreeLoad(row)"
         :has-children="
@@ -16,20 +16,22 @@
           }
         "
         :before-load-data="beforeLoadData"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
         @on-load-data="onLoadData"
         @create="create()"
         @edit="({ row, index }) => edit(row)"
       >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/Permission/importFile" accept=".pms" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/Permission/importFile" accept=".pms" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
           </file-upload>
         </template>
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_Create_Child')" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
+          <Button v-if="allow('create')" size="small" :title="$t('Front_Btn_Create_Child')" type="primary" custom-icon="fa fa-plus" @click="create(row)"></Button>
         </template>
         <template #column="{ row, column, code }">
           <template v-if="code == 'name'">
@@ -38,7 +40,7 @@
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="PermissionEdit" @on-change="formChange" @on-after-save="formAfterSave" />
+    <modal-form ref="form" view-code="PermissionEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-change="formChange" @on-after-save="formAfterSave" />
   </div>
 </template>
 <script>

package/src/pages/system/planJob.vue

@@ -4,13 +4,20 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="PlanJob" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+      <view-table
+        ref="table"
+        view-code="PlanJob"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      >
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_Start_Immediately')" type="primary" custom-icon="fa fa-bolt" @click="execute(row)"></Button>
+          <Button v-if="allow('start')" size="small" :title="$t('Front_Btn_Start_Immediately')" type="primary" custom-icon="fa fa-bolt" @click="execute(row)"></Button>
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="PlanJobEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="PlanJobEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>

package/src/pages/system/printTemplate.vue

@@ -4,9 +4,23 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="PrintTemplate" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+      <view-table
+        ref="table"
+        view-code="PrintTemplate"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      ></view-table>
     </Card>
-    <modal-form ref="form" view-code="PrintTemplateEdit" @on-change="formChange" @on-after-save="$refs.table.loadData()" />
+    <modal-form
+      ref="form"
+      view-code="PrintTemplateEdit"
+      :create-enable="allow('create')"
+      :edit-enable="allow('edit')"
+      @on-change="formChange"
+      @on-after-save="$refs.table.loadData()"
+    />
   </div>
 </template>
 <script>

package/src/pages/system/process.vue

@@ -4,26 +4,48 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="Process" :selectEnable="true" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)">
+      <view-table
+        ref="table"
+        view-code="Process"
+        :select-enable="true"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      >
         <template #filterCommand>
-          <Button size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
-          <file-upload url="api/Process/importFile" accept=".proc" @on-success="importFileSuccess">
+          <Button v-if="allow('export')" size="small" type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">{{ $t('Front_Btn_Export') }}</Button>
+          <file-upload v-if="allow('import')" url="api/Process/importFile" accept=".proc" @on-success="importFileSuccess">
             <template #>
               <Button type="primary" custom-icon="fa fa-cloud-upload-alt" size="small">{{ $t('Front_Btn_Import') }}</Button>
             </template>
           </file-upload>
         </template>
         <template #command="{ row }">
-          <Button size="small" :title="$t('Front_Btn_Process_Def')" type="primary" custom-icon="fa fa-route" @click="$refs.flowChart.open({ processID: row.id })"></Button>
+          <Button
+            v-if="allow('processDef')"
+            size="small"
+            :title="$t('Front_Btn_Process_Def')"
+            type="primary"
+            custom-icon="fa fa-route"
+            @click="$refs.flowChart.open({ processID: row.id })"
+          ></Button>
           <Button size="small" :title="$t('Front_Btn_Version')" type="info" custom-icon="fa fa-bars" @click="$refs.processDefTable.open({ processID: row.id })"></Button>
         </template>
       </view-table>
     </Card>
-    <modal-form ref="form" view-code="ProcessEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="ProcessEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
     <modal-table ref="processDefTable" view-code="ProcessDefModal">
       <template #command="{ row }">
-        <Button size="small" :title="$t('Front_Btn_Process_Def')" type="primary" custom-icon="fa fa-route" @click="$refs.flowChart.open({ id: row.id })"></Button>
-        <Button size="small" v-if="!row.isActive" :title="$t('Front_Btn_Active')" type="primary" custom-icon="fa fa-star" @click="active(row)"></Button>
+        <Button
+          size="small"
+          v-if="allow('processDef')"
+          :title="$t('Front_Btn_Process_Def')"
+          type="primary"
+          custom-icon="fa fa-route"
+          @click="$refs.flowChart.open({ id: row.id })"
+        ></Button>
+        <Button size="small" v-if="allow('active') && !row.isActive" :title="$t('Front_Btn_Active')" type="primary" custom-icon="fa fa-star" @click="active(row)"></Button>
       </template>
     </modal-table>
     <flow-chart ref="flowChart" />

package/src/pages/system/processType.vue

@@ -4,9 +4,16 @@
       <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
-      <view-table ref="table" view-code="ProcessType" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+      <view-table
+        ref="table"
+        view-code="ProcessType"
+        :create-enable="allow('create')"
+        :remove-enable="allow('remove')"
+        @create="$refs.form.open()"
+        @edit="({ row, index }) => $refs.form.open(row)"
+      ></view-table>
     </Card>
-    <modal-form ref="form" view-code="ProcessTypeEdit" @on-after-save="$refs.table.loadData()" />
+    <modal-form ref="form" view-code="ProcessTypeEdit" :create-enable="allow('create')" :edit-enable="allow('edit')" @on-after-save="$refs.table.loadData()" />
   </div>
 </template>
 <script>