Prechádzať zdrojové kódy

style:工作流管理模块,表格占比高度优化

lihao16 2 mesiacov pred
rodič
commit
e4f3f3010b

+ 1 - 1
smsb-plus-ui/src/views/workflow/formManage/index.vue

@@ -20,7 +20,7 @@
       </div>
     </transition>
 
-    <el-card shadow="never">
+    <el-card shadow="never" style="height: calc(100vh - 20px);">
       <div class="table-content">
         <el-table v-loading="loading" :data="formManageList" @selection-change="handleSelectionChange">
           <el-table-column label="表单名称" align="center" prop="formName"/>

+ 2 - 2
smsb-plus-ui/src/views/workflow/model/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <!-- 流程分类树 -->
       <el-col :lg="4" :xs="24" style="">
-        <el-card shadow="hover" style="height: 93vh;margin-top: 10px">
+        <el-card shadow="hover" style="height: calc(100vh - 65px);">
           <el-input v-model="categoryName" placeholder="请输入流程分类名" prefix-icon="Search" clearable/>
           <el-tree
             ref="categoryTreeRef"
@@ -40,7 +40,7 @@
           </div>
         </transition>
         <el-card shadow="hover" style="border: none">
-          <div class="table-content" style="height: 75vh;">
+          <div class="table-content" style="height: calc(100vh - 225px)">
             <el-table v-loading="loading" :data="modelList" @selection-change="handleSelectionChange">
               <el-table-column fixed align="center" type="index" label="序号" width="80"></el-table-column>
               <el-table-column align="left" :show-overflow-tooltip="true" prop="name" label="模型名称"

+ 2 - 2
smsb-plus-ui/src/views/workflow/processDefinition/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <!-- 流程分类树 -->
       <el-col :lg="4" :xs="24">
-        <el-card shadow="hover" style="height: 93vh;margin-top: 10px">
+        <el-card shadow="hover" style="height: calc(100vh - 65px);">
           <el-input v-model="categoryName" placeholder="请输入流程分类名" prefix-icon="Search" clearable/>
           <el-tree
             ref="categoryTreeRef"
@@ -40,7 +40,7 @@
           </div>
         </transition>
         <el-card shadow="hover" style="border: none">
-          <div class="table-content" style="height: 75vh;">
+          <div class="table-content" style="height: calc(100vh - 225px)">
             <el-table v-loading="loading" :data="processDefinitionList" @selection-change="handleSelectionChange">
               <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
               <el-table-column align="left" prop="name" label="流程定义名称"

+ 3 - 3
smsb-plus-ui/src/views/workflow/processInstance/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <!-- 流程分类树 -->
       <el-col :lg="4" :xs="24" style="">
-        <el-card shadow="hover" style="height: 92vh;margin-top: 10px">
+        <el-card shadow="hover" style="height: calc(100vh - 65px);">
           <el-input v-model="categoryName" placeholder="请输入流程分类名" prefix-icon="Search" clearable/>
           <el-tree
             ref="categoryTreeRef"
@@ -47,7 +47,7 @@
           </div>
         </transition>
         <el-card shadow="hover" style="border: none">
-          <div class="table-content" style="height: 68vh;">
+          <div class="table-content" style="height: calc(100vh - 285px);">
             <el-table v-loading="loading" :data="processInstanceList" @selection-change="handleSelectionChange">
               <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
               <el-table-column :show-overflow-tooltip="true" align="left" label="流程定义名称">
@@ -187,7 +187,7 @@ const deleteReason = ref('');
 // 查询参数
 const queryParams = ref<ProcessInstanceQuery>({
   pageNum: 1,
-  pageSize: 10,
+  pageSize: 20,
   name: undefined,
   key: undefined,
   categoryCode: undefined

+ 1 - 1
smsb-plus-ui/src/views/workflow/task/allTaskWaiting.vue

@@ -31,7 +31,7 @@
       </div>
     </transition>
     <el-card shadow="hover">
-      <div class="table-content" style="height: 68vh;">
+      <div class="table-content" style="height: calc(100vh - 285px);">
         <el-table v-loading="loading" :data="taskList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center"/>
           <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>

+ 2 - 2
smsb-plus-ui/src/views/workflow/task/myDocument.vue

@@ -3,7 +3,7 @@
     <el-row>
       <!-- 流程分类树 -->
       <el-col :lg="4" :xs="24" style="">
-        <el-card shadow="hover" style="height: 93vh;margin-top: 10px">
+        <el-card shadow="hover" style="height: calc(100vh - 65px);">
           <el-input v-model="categoryName" placeholder="请输入流程分类名" prefix-icon="Search" clearable/>
           <el-tree
             ref="categoryTreeRef"
@@ -36,7 +36,7 @@
           </div>
         </transition>
         <el-card shadow="hover" style="border: none;">
-          <div class="table-content" style="height: 75vh;">
+          <div class="table-content" style="height: calc(100vh - 225px)">
             <el-table v-loading="loading" :data="processInstanceList" @selection-change="handleSelectionChange">
               <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
               <el-table-column v-if="false" align="center" prop="id" label="id"></el-table-column>

+ 2 - 2
smsb-plus-ui/src/views/workflow/task/taskFinish.vue

@@ -22,7 +22,7 @@
       </div>
     </transition>
     <el-card shadow="hover">
-      <div class="table-content" style="height: 75vh">
+      <div class="table-content" style="height: calc(100vh - 220px);">
         <el-table v-loading="loading" :data="taskList" @selection-change="handleSelectionChange">
           <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
           <el-table-column :show-overflow-tooltip="true" align="left" label="流程定义名称">
@@ -83,7 +83,7 @@ const taskList = ref([]);
 // 查询参数
 const queryParams = ref<TaskQuery>({
   pageNum: 1,
-  pageSize: 10,
+  pageSize: 20,
   name: undefined,
   processDefinitionName: undefined,
   processDefinitionKey: undefined

+ 1 - 1
smsb-plus-ui/src/views/workflow/task/taskWaiting.vue

@@ -22,7 +22,7 @@
       </div>
     </transition>
     <el-card shadow="hover">
-      <div class="table-content" style="height: 75vh">
+      <div class="table-content" style="height: calc(100vh - 220px);">
         <el-table v-loading="loading" :data="taskList" @selection-change="handleSelectionChange">
           <el-table-column align="center" type="index" label="序号" width="60"></el-table-column>
           <el-table-column :show-overflow-tooltip="true" align="left" label="流程定义名称">