瀏覽代碼

feat: 优化审批管理列表样式问题

luoyali 1 年之前
父節點
當前提交
3582f0ea4c
共有 1 個文件被更改,包括 10 次插入3 次删除
  1. 10 3
      src/views/flow/group/components/listGroup.vue

+ 10 - 3
src/views/flow/group/components/listGroup.vue

@@ -95,7 +95,7 @@
 <script lang="tsx" setup>
 import Draggable from 'vuedraggable'
 import { Delete, CircleClose, EditPen, CopyDocument } from '@element-plus/icons-vue'
-import { ref, onActivated } from 'vue'
+import { ref, onActivated, nextTick, onMounted } from 'vue'
 import flowGroup from '@/api/flow/group'
 import flowDefinition from '@/api/flow/definition'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -213,6 +213,13 @@ const updateEv = async (id: any) => {
 onActivated(() => {
 	flowGroupListAll()
 })
+
+onMounted(() => {
+	nextTick(() => {
+		flowGroupListAll()
+	})
+})
+
 // 父组件使用的话需要导出
 defineExpose({
 	showAddInput,
@@ -274,7 +281,7 @@ defineExpose({
 		.group_list_ul {
 			box-sizing: border-box;
 			padding: 0;
-			width: 1000px;
+			//width: 1000px;
 		}
 		.group_item {
 			justify-content: flex-start;
@@ -298,7 +305,7 @@ defineExpose({
 			}
 			.group_itemLeft {
 				width: 426px;
-				flex-shrink: 0;
+				//flex-shrink: 0;
 				padding-right: 8px;
 			}
 			.group_itemSeeable {