🎉 前端修改

src/api/oa/leave-bill.ts

@@ -30,10 +30,11 @@ export function submit(id) {
     })
 }
 
-export function delObj(id) {
+export function delObj(ids?: Object) {
     return request({
-    url: '/admin/leave-bill/' + id,
-    method: 'delete'
+        url: '/admin/leave-bill',
+        method: 'delete',
+        data: ids
     })
 }
 

src/api/oa/process.ts

@@ -8,10 +8,11 @@ export function fetchList(query) {
     })
 }
 
-export function delObj(id) {
+export function delObj(ids?: Object) {
     return request({
-    url: '/admin/process/' + id,
-    method: 'delete'
+        url: '/admin/process',
+        method: 'delete',
+        data: ids
     })
 }
 

src/views/oa/leave_bill/index.vue

@@ -1,134 +1,144 @@
 <template>
     <div class="layout-padding">
         <el-card class="layout-padding-auto">
-      <el-row v-show="showSearch" class="mb8">
-        <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
+            <el-row class="mb8" v-show="showSearch">
+                <el-form :inline="true" :model="state.queryForm" @keyup.enter="getDataList" ref="queryRef">
                     <el-form-item :label="$t('leave.username')" prop="username">
-            <el-input :placeholder="t('leave.inputUsernameTip')" v-model="state.queryForm.username"
-              style="max-width: 180px" />
+                        <el-input :placeholder="t('leave.inputUsernameTip')" style="max-width: 180px"
+                                  v-model="state.queryForm.username"/>
                     </el-form-item>
-          <el-form-item :label="t('leave.state')" prop="state" class="ml2">
-            <el-select v-model="state.queryForm.state" :placeholder="t('leave.inputStateTip')">
-              <el-option :label="item.label" :value="item.value" v-for="(item, index) in leave_status"
-                :key="index"></el-option>
+                    <el-form-item :label="t('leave.state')" class="ml2" prop="state">
+                        <el-select :placeholder="t('leave.inputStateTip')" v-model="state.queryForm.state">
+                            <el-option :key="index" :label="item.label" :value="item.value"
+                                       v-for="(item, index) in leave_status"></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item class="ml2">
-            <el-button formDialogRef icon="search" type="primary" @click="getDataList">
+                        <el-button @click="getDataList" formDialogRef icon="search" type="primary"
+                                   v-auth="'oa_leave_bill_view'">
                             {{ $t('common.queryBtn') }}
                         </el-button>
-            <el-button icon="Refresh" formDialogRef @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+                        <el-button @click="resetQuery" formDialogRef icon="Refresh">{{ $t('common.resetBtn') }}
+                        </el-button>
                     </el-form-item>
                 </el-form>
             </el-row>
             <el-row>
                 <div class="mb8" style="width: 100%">
-          <el-button formDialogRef icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()">
+                    <el-button @click="formDialogRef.openDialog()" class="ml10" formDialogRef icon="folder-add"
+                               type="primary">
                         {{ $t('common.addBtn') }}
                     </el-button>
-          <el-button formDialogRef icon="Download" type="primary" class="ml10" @click="exportExcel">
+                    <el-button @click="exportExcel" class="ml10" formDialogRef icon="Download" type="primary">
                         {{ $t('common.exportBtn') }}
                     </el-button>
-          <el-button formDialogRef :disabled="multiple" icon="Delete" type="primary" class="ml10"
-            @click="handleDelete(selectObjs)">
+                    <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" formDialogRef icon="Delete"
+                               type="primary" v-auth="'oa_leave_bill_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
-          <right-toolbar v-model:showSearch="showSearch" class="ml10" style="float: right;margin-right: 20px"
-            @queryTable="getDataList"></right-toolbar>
+                    <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
+                                   v-model:showSearch="showSearch"></right-toolbar>
                 </div>
             </el-row>
-      <el-table :data="state.dataList" v-loading="state.loading" style="width: 100%"
-        @selection-change="handleSelectionChange" @sort-change="sortChangeHandle">
-        <el-table-column type="selection" width="60" align="center" />
-        <el-table-column type="index" :label="t('leave.index')" width="80" />
-        <el-table-column prop="leaveId" :label="t('leave.leaveId')" show-overflow-tooltip />
-        <el-table-column prop="username" :label="t('leave.username')" show-overflow-tooltip />
-        <el-table-column prop="days" :label="t('leave.days')" show-overflow-tooltip />
-        <el-table-column prop="state" :label="t('leave.state')" show-overflow-tooltip>
+            <el-table :data="state.dataList" @selection-change="handleSelectionChange" @sort-change="sortChangeHandle"
+                      style="width: 100%" v-loading="state.loading">
+                <el-table-column align="center" type="selection" width="60"/>
+                <el-table-column :label="t('leave.index')" type="index" width="80"/>
+                <el-table-column :label="t('leave.leaveId')" prop="leaveId" show-overflow-tooltip/>
+                <el-table-column :label="t('leave.username')" prop="username" show-overflow-tooltip/>
+                <el-table-column :label="t('leave.days')" prop="days" show-overflow-tooltip/>
+                <el-table-column :label="t('leave.state')" prop="state" show-overflow-tooltip>
                     <template #default="scope">
                         <dict-tag :options="leave_status" :value="scope.row.state"></dict-tag>
                     </template>
                 </el-table-column>
-        <el-table-column prop="leaveTime" :label="t('leave.leaveTime')" show-overflow-tooltip />
+                <el-table-column :label="t('leave.leaveTime')" prop="leaveTime" show-overflow-tooltip/>
                 <el-table-column :label="$t('common.action')" width="150">
                     <template #default="scope">
-            <el-button text type="primary" @click="handleSubmit(scope.row)" v-if="scope.row.state === '0'">提交</el-button>
-            <el-button text type="primary" @click="formDialogRef.openDialog(scope.row.leaveId)">{{ $t('common.editBtn')
-            }}</el-button>
-            <el-button text type="primary" @click="handleDelete([scope.row.leaveId])">{{
+                        <el-button @click="handleSubmit(scope.row)" text type="primary" v-if="scope.row.state === '0'">
+                            提交
+                        </el-button>
+                        <el-button @click="formDialogRef.openDialog(scope.row.leaveId)" text type="primary">{{
+                            $t('common.editBtn')
+                            }}
+                        </el-button>
+                        <el-button @click="handleDelete([scope.row.leaveId])" text type="primary">{{
                             $t('common.delBtn')
-            }}</el-button>
+                            }}
+                        </el-button>
                     </template>
                 </el-table-column>
             </el-table>
-      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+            <pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle"
+                        v-bind="state.pagination"/>
         </el-card>
 
         <!-- 编辑、新增  -->
-    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+        <form-dialog @refresh="getDataList(false)" ref="formDialogRef"/>
     </div>
 </template>
 
-<script setup lang="ts" name="systemOaLeaveBill">
-import { BasicTableProps, useTable } from "/@/hooks/table";
-import { fetchList, delObj, submit } from "/@/api/oa/leave-bill";
-import { useMessage, useMessageBox } from "/@/hooks/message";
-import { useDict } from '/@/hooks/dict';
-import { useI18n } from "vue-i18n";
+<script lang="ts" name="systemOaLeaveBill" setup>
+    import {BasicTableProps, useTable} from "/@/hooks/table";
+    import {delObj, fetchList, submit} from "/@/api/oa/leave-bill";
+    import {useMessage, useMessageBox} from "/@/hooks/message";
+    import {useDict} from '/@/hooks/dict';
+    import {useI18n} from "vue-i18n";
 
-// 引入组件
-const FormDialog = defineAsyncComponent(() => import('./form.vue'));
-const { t } = useI18n()
-// 定义查询字典
+    // 引入组件
+    const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+    const {t} = useI18n()
+    // 定义查询字典
 
-const { leave_status } = useDict('leave_status')
-// 定义变量内容
-const formDialogRef = ref()
-// 搜索变量
-const queryRef = ref()
-const showSearch = ref(true)
-// 多选变量
-const selectObjs = ref([]) as any
-const multiple = ref(true)
+    const {leave_status} = useDict('leave_status')
+    // 定义变量内容
+    const formDialogRef = ref()
+    // 搜索变量
+    const queryRef = ref()
+    const showSearch = ref(true)
+    // 多选变量
+    const selectObjs = ref([]) as any
+    const multiple = ref(true)
 
-const state: BasicTableProps = reactive<BasicTableProps>({
+    const state: BasicTableProps = reactive<BasicTableProps>({
         queryForm: {},
         pageList: fetchList
-})
+    })
 
-//  table hook
-const {
+    //  table hook
+    const {
         getDataList,
         currentChangeHandle,
         sizeChangeHandle,
         sortChangeHandle,
         downBlobFile
-} = useTable(state)
+    } = useTable(state)
 
-// 清空搜索条件
-const resetQuery = () => {
+    // 清空搜索条件
+    const resetQuery = () => {
         // 清空搜索条件
         queryRef.value.resetFields()
         // 清空多选
         selectObjs.value = []
         getDataList()
-}
+    }
 
-// 导出excel
-const exportExcel = () => {
+    // 导出excel
+    const exportExcel = () => {
         downBlobFile('/admin/leave/export', state.queryForm, 'leave.xlsx')
-}
+    }
 
-// 多选事件
-const handleSelectionChange = (objs: any) => {
+    // 多选事件
+    const handleSelectionChange = (objs: any) => {
+        selectObjs.value = []
         objs.forEach((val: any) => {
             selectObjs.value.push(val.leaveId)
         });
         multiple.value = !objs.length
-}
+    }
 
-// 删除操作
-const handleDelete = (ids: string[]) => {
+    // 删除操作
+    const handleDelete = (ids: string[]) => {
         useMessageBox().confirm(t('common.delConfirmText'))
             .then(() => {
                 delObj(ids).then(() => {
@@ -138,9 +148,9 @@ const handleDelete = (ids: string[]) => {
                     useMessage().error(err.msg)
                 })
             })
-};
+    };
 
-const handleSubmit = (row) => {
+    const handleSubmit = (row) => {
         useMessageBox().confirm(t('common.optConfirmText'))
             .then(() => {
                 submit(row.leaveId).then(() => {
@@ -150,5 +160,5 @@ const handleSubmit = (row) => {
                     useMessage().error(err.msg)
                 })
             })
-}
+    }
 </script>

src/views/oa/model/index.vue

@@ -43,13 +43,13 @@
                                  show-overflow-tooltip></el-table-column>
                 <el-table-column :label="$t('common.action')" width="200">
                     <template #default="scope">
-                        <el-button @click="handleView(scope.row.id)" text type="primary" v-auth="'app_approle_edit'">模型图
+                        <el-button @click="handleView(scope.row.id)" text type="primary" v-auth="'oa_model_view'">模型图
                         </el-button>
-                        <el-button @click="handleDeploy(scope.row.id)" text type="primary" v-auth="'app_approle_edit'">
+                        <el-button @click="handleDeploy(scope.row.id)" text type="primary" v-auth="'oa_model_add'">
                             部署
                         </el-button>
                         <el-button @click="handleDelete([scope.row.roleId])" text type="primary"
-                                   v-auth="'app_approle_del'">{{
+                                   v-auth="'oa_model_del'">{{
                             $t('common.delBtn')
                             }}
                         </el-button>

src/views/oa/process/index.vue

@@ -8,7 +8,7 @@
                             v-model="state.queryForm.category" />
                     </el-form-item>
                     <el-form-item class="ml2">
-                        <el-button @click="getDataList" icon="search" type="primary">
+                        <el-button @click="getDataList" icon="search" type="primary" v-auth="'oa_process_view'">
                             {{ $t('common.queryBtn') }}
                         </el-button>
                         <el-button @click="resetQuery" icon="Refresh">{{ $t('common.resetBtn') }}</el-button>
@@ -18,7 +18,7 @@
             <el-row>
                 <div class="mb8" style="width: 100%">
                     <el-button :disabled="multiple" @click="handleDelete(selectObjs)" class="ml10" icon="Delete"
-                        type="primary" v-auth="'app_approle_del'">
+                        type="primary" v-auth="'oa_process_del'">
                         {{ $t('common.delBtn') }}
                     </el-button>
                     <right-toolbar @queryTable="getDataList" class="ml10" style="float: right;margin-right: 20px"
@@ -77,7 +77,7 @@ import { BasicTableProps, useTable } from "/@/hooks/table";
 import { delObj, fetchList, status } from "/@/api/oa/process";
 import { useMessage, useMessageBox } from "/@/hooks/message";
 import { useI18n } from "vue-i18n";
-import { parseTime } from "/@/utils/formatTime";
+
 
 // 引入组件
 const { t } = useI18n()