分组

src/pages/platformapplications/platformapplications.vue

@@ -70,6 +70,12 @@
                     <q-field :count="255">
                         <q-input v-model="temp.title" float-label="名称" />
                     </q-field>
+                    <q-field>
+                        <div class="row no-wrap">
+                            <q-select class="col" v-model="temp.groupCode" float-label="应用分组" radio :options="applicationsGroupOptions"/>
+                            <q-btn color="negative" flat round dense icon="add" @click="openAddApplicationsGroup" />
+                        </div>
+                    </q-field>
                     <q-field :count="255">
                         <q-input v-model="temp.href" float-label="连接" />
                     </q-field>
@@ -95,9 +101,9 @@
                         <q-input v-model="temp.mailtype" float-label="待办标识（待办唯一标识，需要给到对方系统）" />
                     </q-field>
                     <q-field>
-                        <q-input v-model="temp.img" float-label="上传图标" disable v-if="subtype=='edit'"/>
+                        <q-input v-model="temp.img" float-label="图标路径" disable v-if="subtype=='edit'"/>
                         <q-uploader
-                            float-label="图标路径" 
+                            float-label="上传图标" 
                             ref="attachmentUploader"
                             name="file"
                             @uploaded="attachmentUploaded"
@@ -105,7 +111,6 @@
                             :url="uploadurl"
                             auto-expand
                             clearable
-                           
                             hide-upload-button
                             @add="$refs['attachmentUploader'].upload()"
                         ></q-uploader>
@@ -122,11 +127,12 @@
 
 <script>
     import { getPlatformApplicationsPagedList,saveapp,delapp } from "@/service/permission/platformapplications";
+    import { getApplicationsGroupList,addApplicationsGroup,updateApplicationsGroup,delApplicationsGroup } from "@/service/permission/platformapplicationsGroup";
     const uploadpath="http://nw.sy-metro.com:6104/uploadfileadmin/manager";
     export default {
         data() {
             return {
-                uploadurl: uploadpath+"/znzl/file/upload/videoandimgurl?uploadPar=adv&",
+                uploadurl: "manager/znzl/file/upload/videoandimgurl?uploadPar=adv&",
                 selectOptions:[
                     {
                         label: '启用',
@@ -218,6 +224,7 @@
                 appidflag:true,
                 subtype: "add",
                 fileCount: 0,
+                applicationsGroupOptions: [] // 应用分组下拉选项
             }
         },
         mounted() {
@@ -225,6 +232,9 @@
                 pagination: this.serverPagination,
                 filter: this.filter
             });
+
+            // 获取应用分组选项
+            this.getApplicationsGroupOptions();
         },
         methods: {
             async request(props) {
@@ -342,8 +352,46 @@
                         position: "top-right"
                     });
                 }
+            },
+            // 获取应用分组选项
+            async getApplicationsGroupOptions() {
+                try {
+                    const response = await getApplicationsGroupList({});
+                    this.applicationsGroupOptions = response.data.data.map(group => ({
+                        label: group.groupName,
+                        value: group.groupCode
+                    }));
+                } catch (error) {
+                    console.error("Failed to fetch applications group options:", error);
+                }
+            },
+            // 点击添加应用分组按钮
+            async openAddApplicationsGroup() {
+                try {
+                    const name = await this.$q.dialog({
+                        title: '添加应用分组',
+                        prompt: {
+                            model: '',
+                            type: 'text',
+                            isValid: val => val && val.trim().length > 0
+                        },
+                        ok: { label: '添加', push: true },
+                        cancel: { label: '取消', push: true }
+                    });
+                    console.log(name);
+                    // `name` contains the input string in this Quasar version
+                    if (name) {
+                        const groupName = name; // be defensive across versions
+                        await addApplicationsGroup({ groupName: groupName });
+                        this.$q.notify({ type: 'positive', message: '添加成功', position: 'bottom-right' });
+                        // refresh options
+                        await this.getApplicationsGroupOptions();
+                    }
+                } catch (e) {
+                    // user cancelled or error
                 }
             },
+        },
     }
 </script>
 

src/router/routes.js

@@ -155,6 +155,11 @@ const appRouter = [{
         name: 'platformapplications',
         component: () => import('pages/platformapplications/platformapplications.vue')
       },
+      {
+        path: 'platformapplicationsGroup',
+        name: 'platformapplicationsGroup',
+        component: () => import('pages/platformapplicationsGroup/platformapplicationsGroup.vue')
+      },
     ]
   },
   {

src/service/permission/platformapplicationsGroup.js

+import request from '@/libs/request'
+
+export function getApplicationsGroupList(query) {
+    return request({
+        url: '/applicationsGroup/list',
+        method: 'get',
+        params: query
+    })
+}
+
+export function addApplicationsGroup(data) {
+    return request({
+        url: '/applicationsGroup/add',
+        method: 'post',
+        data: data,
+        loading:"hourglass"
+    })
+}
+
+export function updateApplicationsGroup(data) {
+    return request({
+        url: '/applicationsGroup/update',
+        method: 'post',
+        data: data,
+        loading:"hourglass"
+    })
+}
+
+export function delApplicationsGroup(data) {
+    return request({
+        url: '/applicationsGroup/delete',
+        method: 'post',
+        data: data,
+        loading:"hourglass"
+    })
+}
\ No newline at end of file