feat(设备): 设备列表

src/views/account/lists.vue

@@ -23,6 +23,7 @@ import { userListSchema } from './data';
 import { useI18n } from '/@/hooks/web/useI18n';
 import { useRouter } from 'vue-router'
 import { otherInfoStore } from '/@/store/modules/other'
+import { usePermissionStore } from '/@/store/modules/permission';
 export default defineComponent({
 components: {
 BasicTable,
@@ -42,6 +43,8 @@ setup() {
 const { t } = useI18n();
 const { setOverviewInfo } = otherInfoStore();
 const router = useRouter()
+const permissionStore = usePermissionStore();
+const { getCheckPerm } = permissionStore;
 const searchForm: Partial<FormProps> = {
   labelWidth: 100,
   schemas: [
@@ -111,6 +114,7 @@ return {
   tabChange,
   reload,
   handleEdit,
+  getCheckPerm,
   t,
 };
 },

src/views/customer/index.vue

@@ -5,6 +5,7 @@
         <template #toolbar>
           <a-button
             type="primary"
+            v-if="getCheckPerm('company-add')"
             @click="
               () => {
                 openInfoModal(true);
@@ -29,11 +30,13 @@
               },
               {
                 label: '编辑',
+                ifShow: getCheckPerm('company-update'),
                 onClick: handleEdit.bind(null, record),
               },
               {
                 label: '删除',
                 color: 'error',
+                ifShow: getCheckPerm('company-delete'),
                 popConfirm: {
                   title: '是否删除？',
                   confirm: handleDelete.bind(null, record),
@@ -70,6 +73,7 @@
   import { message } from 'ant-design-vue';
   import InfoModal from './modal/InfoModal.vue';
   import { useModal } from '/@/components/Modal';
+  import { usePermissionStore } from '/@/store/modules/permission';
   export default defineComponent({
     components: {
       BasicTable,
@@ -83,6 +87,8 @@
     setup() {
       const [registerInfoModal, { openModal: openInfoModal }] = useModal();
       const { t } = useI18n();
+      const permissionStore = usePermissionStore();
+      const { getCheckPerm } = permissionStore;
       const { createMessage, createConfirm } = useMessage();
 
       const columns: BasicColumn[] = [
@@ -237,6 +243,7 @@
         handleDownload,
         handleReset,
         reload,
+        getCheckPerm,
       };
     },
   });

src/views/device/index.vue

@@ -3,8 +3,8 @@
     <div class="desc-wrap-BasicTable">
       <BasicTable @register="registerTable">
         <template #toolbar>
-          <a-button type="primary" @click="put"> 入库</a-button>
-          <a-button type="primary" @click="batchPut"> 批量入库</a-button>
+          <a-button type="primary" @click="put" v-if="getCheckPerm('camera-in')"> 入库</a-button>
+          <a-button type="primary" @click="batchPut" v-if="getCheckPerm('camera-insAndOuts')"> 批量入库</a-button>
           <a-button type="primary" @click="batchOutflow">批量出库</a-button>
         </template>
         <template #action="{ record }">
@@ -14,19 +14,19 @@
               {
                 label: '删除',
                 color: 'error',
-                ifShow: !Boolean(record.outType),
+                ifShow: getCheckPerm('camera-delete') && !Boolean(record.outType),
                 onClick: handleDelete.bind(null, record),
               },{
                 label: '出库',
-                ifShow: !Boolean(record.companyName),
+                ifShow: getCheckPerm('camera-out') && !Boolean(record.companyName),
                 onClick: handleCheckout.bind(null, record),
               },{
                 label: '编辑',
-                ifShow: Boolean(record.companyName),
+                ifShow: getCheckPerm('camera-update') && Boolean(record.companyName),
                 onClick: handleEdit.bind(null, record),
               },{
                 label: '解绑',
-                ifShow: Boolean(record.userName),
+                ifShow: getCheckPerm('camera-unbind') && Boolean(record.userName),
                 color: 'error',
                 onClick: handleUnbind.bind(null, record),
               },
@@ -64,6 +64,7 @@
   import { useModal } from '/@/components/Modal';
   import { useRouter } from 'vue-router';
   import { UnbindCameraApi } from '/@/api/account';
+  import { usePermissionStore } from '/@/store/modules/permission';
   export default defineComponent({
     components: {
       BasicTable,
@@ -80,6 +81,8 @@
     setup() {
       const { t } = useI18n();
       const { createMessage, createConfirm } = useMessage();
+      const permissionStore = usePermissionStore();
+      const { getCheckPerm } = permissionStore;
       const [registerLinkModal, { openModal: openLinkModal }] = useModal();
       const [register, { openModal }] = useModal();
       const [registerPut, { openModal:openModalPut }] = useModal();
@@ -337,6 +340,7 @@
         reload,
         handleDelete,
         registerPut,
+        getCheckPerm,
       };
     },
   });

src/views/product/app/index.vue

@@ -1,7 +1,7 @@
 <template>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="()=>{openAddModal(true)}"> 新建</a-button>
+        <a-button type="primary" v-if="getCheckPerm('app-add')" @click="()=>{openAddModal(true)}"> 新建</a-button>
       </template>
         <template #action="{ record }">
           <TableAction
@@ -9,6 +9,7 @@
               {
                 label: '删除',
                 icon: 'ic:outline-delete-outline',
+                ifShow: getCheckPerm('app-delete'),
                 onClick: handleDelete.bind(null, record),
               },
             ]"
@@ -28,6 +29,7 @@
   import { AppFileList,AppFileDelete } from '/@/api/product'
   import { useModal } from '/@/components/Modal';
   import AddModal from './AddModal.vue';
+  import { usePermissionStore } from '/@/store/modules/permission';
 
   export default defineComponent({
     components: { 
@@ -41,6 +43,8 @@
     },
     setup() {
       const { t } = useI18n();
+      const permissionStore = usePermissionStore();
+      const { getCheckPerm } = permissionStore;
       const { createMessage,createConfirm } = useMessage();
       const [registerAddModal, { openModal: openAddModal }] = useModal();
       const columns: BasicColumn[] = [
@@ -182,6 +186,7 @@
         openAddModal,
         exportExcel,
         reload,
+        getCheckPerm,
       };
     },
   });

src/views/product/firmware/index.vue

@@ -12,6 +12,7 @@
         <template #toolbar>
           <a-button
             type="primary"
+            v-if="getCheckPerm('version-add')"
             @click="
               () => {
                 openAddModal(true, searchInfo.type);
@@ -26,11 +27,13 @@
               {
                 label: '编辑',
                 icon: 'ep:edit',
+                ifShow: getCheckPerm('version-update'),
                 onClick: handleEdit.bind(null, record),
               },
               {
                 label: '删除',
                 icon: 'ic:outline-delete-outline',
+                ifShow: getCheckPerm('version-delete'),
                 popConfirm: {
                   title: '是否确认删除',
                   confirm: handleDelete.bind(null, record),
@@ -58,6 +61,7 @@ import EditModal from './EditModal.vue';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { Switch } from 'ant-design-vue';
 import { Time } from '/@/components/Time';
+import { usePermissionStore } from '/@/store/modules/permission';
 export default defineComponent({
   components: {
     BasicTable,
@@ -77,6 +81,8 @@ export default defineComponent({
   },
   setup() {
     const { t } = useI18n();
+    const permissionStore = usePermissionStore();
+    const { getCheckPerm } = permissionStore;
     const searchInfo = reactive<Recordable>({
       type: '1',
     });
@@ -123,6 +129,7 @@ export default defineComponent({
         title: '状态',
         dataIndex: 'status',
         width: 80,
+        ifShow: getCheckPerm('version-enable'),
         customRender: ({ record }) => {
           if (!Reflect.has(record, 'pendingStatus')) {
             record.pendingStatus = false;
@@ -222,6 +229,7 @@ export default defineComponent({
       registerEditModal,
       openAddModal,
       handleEdit,
+      getCheckPerm,
       t,
       searchInfo,
     };

src/views/product/sdk/index.vue

@@ -11,6 +11,7 @@
         <template #toolbar>
           <a-button
             type="primary"
+            v-if="getCheckPerm('sdk-add')"
             @click="
               () => {
                 openAddModal(true, searchInfo.type);
@@ -25,16 +26,18 @@
               {
                 label: '编辑',
                 icon: 'ep:edit',
+                ifShow: getCheckPerm('sdk-update'),
                 onClick: handleEdit.bind(null, record),
               },
               {
                 label: '下架',
-                ifShow:record.status == 1,
+                ifShow: getCheckPerm('sdk-update') && record.status == 1,
                 icon: 'akar-icons:statistic-down',
                 onClick: handleOff.bind(null, record),
               },
               {
                 label: '删除',
+                ifShow: getCheckPerm('sdk-delete'),
                 icon: 'ic:outline-delete-outline',
                 popConfirm: {
                   title: '是否确认删除',
@@ -63,6 +66,7 @@ import { useI18n } from '/@/hooks/web/useI18n';
 import AddModal from './AddModal.vue';
 import EditModal from './EditModal.vue';
 import { useMessage } from '/@/hooks/web/useMessage';
+import { usePermissionStore } from '/@/store/modules/permission';
 export default defineComponent({
   components: {
     BasicTable,
@@ -82,6 +86,8 @@ export default defineComponent({
   },
   setup() {
     const { t } = useI18n();
+    const permissionStore = usePermissionStore();
+    const { getCheckPerm } = permissionStore;
     const searchInfo = reactive<Recordable>({
       type: '1',
     });
@@ -155,6 +161,7 @@ export default defineComponent({
       },{
         title: '置顶',
         dataIndex: 'isTop',
+        ifShow: getCheckPerm('sdk-top'),
         width: 80,
         customRender: ({ record }) => {
           if (!Reflect.has(record, 'isTop')) {
@@ -253,6 +260,7 @@ export default defineComponent({
       registerEditModal,
       openAddModal,
       handleEdit,
+      getCheckPerm,
       t,
       searchInfo,
     };