@utogether/udp-core 2.0.0-beta.26 → 2.0.0-beta.28

package/src/views/uhome/components/home-todo.vue

@@ -1,178 +1,191 @@
-<!--
- * @Author: levi7754 levi7754@163.com
- * @Date: 2025-11-05 18:11:29
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2026-02-25 11:03:39
- * @FilePath: \udp-crm\packages\udp-crm\src\views\uflow\todo\flow-todo.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<template>
-  <div>
-    <vxe-tabs v-model="activeName" type="border-card" @tab-change="onTabChange">
-      <vxe-tab-pane name="todo" :title="$t('message.t_todoFlow')">
-        <div class="flex items-center w-full pl-2 pr-3 pt-1">
-          <vxe-input v-model="keywords" class="flex-1 w-full" placeholder="请输入任务编码或名称或标题查询" />
-          <div class="pl-1">
-            <ut-button content="search" icon="ri-search-line" @tap="onSearch" />
-            <ut-button content="reset" status="info" icon="ri-cycle-line" @tap="onReset" />
-          </div>
-        </div>
-        <ut-grid
-          ref="xgrid"
-          :columns="columns"
-          :data="data.todo"
-          :events="events"
-          :editable="false"
-          :need-export="false"
-          :proxy-config="{ enabled: false }"
-          :toolbar-config="{ enabled: false }"
-          height="360"
-        />
-      </vxe-tab-pane>
-      <vxe-tab-pane name="finish" lazy :title="$t('message.t_finishFlow')">
-        <div class="flex items-center w-full pl-2 pr-3 pt-1">
-          <vxe-input v-model="keywords" class="flex-1 w-full" placeholder="请输入任务编码或名称或标题查询" />
-          <div class="pl-1">
-            <ut-button content="search" icon="ri-search-line" @tap="onSearch" />
-            <ut-button content="reset" status="info" icon="ri-cycle-line" @tap="onReset" />
-          </div>
-        </div>
-        <ut-grid
-          ref="ygrid"
-          :columns="columns"
-          :data="data.finish"
-          :events="events"
-          :editable="false"
-          :need-export="false"
-          :proxy-config="{ enabled: false }"
-          :toolbar-config="{ enabled: false }"
-          height="360"
-        />
-        />
-      </vxe-tab-pane>
-    </vxe-tabs>
-    <vxe-modal v-model="showModal" :loading="loading" :title="flowTitle" height="360">
-      <vxe-image :src="imageUrl" :height="520" width="75%" />
-    </vxe-modal>
-  </div>
-</template>
-
-<script setup lang="tsx">
-import { useRouter } from 'vue-router';
-import { ref, onMounted, nextTick } from 'vue';
-
-import { cookies } from '@utogether/utils';
-import { isEmpty } from 'xe-utils';
-import to from 'await-to-js';
-import { getServiceApi } from '../../../api';
-import { kLOGINER } from '../../../contant';
-const router = useRouter();
-
-const xgrid = ref(null);
-const ygrid = ref(null);
-const activeName = ref('todo');
-const showModal = ref(false);
-const loading = ref(false);
-const imageUrl = ref('');
-const keywords = ref(null);
-const flowTitle = ref(null);
-const data = ref({ todo: [], finish: [], todoPage: {}, finishPage: {} });
-
-const url = '/uwfl/activiti';
-
-const pagination = { pageNum: 1, pageSize: 20 };
-
-const columns = [
-  { field: 'taskId' },
-  { field: 'taskName' },
-  { field: 'taskTitle' },
-  { field: 'createDate' },
-  { field: 'createBy', title: 'message.creator' },
-  {
-    field: 'operate',
-    width: 90,
-    fixed: 'right',
-    slots: {
-      default: ({ row }) => {
-        return [
-          <>
-            <ut-button
-              visible={activeName.value === 'todo'}
-              content="todoTask"
-              icon="ri-send-plane-line"
-              onTap={() => handleTodo(row, 'edit')}
-            />
-            <ut-button
-              visible={activeName.value === 'finish'}
-              content="look"
-              status="info"
-              onTap={() => handleTodo(row)}
-            />
-          </>
-        ];
-      }
-    }
-  }
-];
-
-const events = {
-  pageChange({ pageSize, currentPage }) {
-    data.value[`${activeName.value}Page`] = { pageNum: currentPage, pageSize };
-    getDataList(activeName.value, keywords.value);
-  }
-};
-
-const onSearch = () => {
-  data.value[`${activeName.value}Page`] = pagination;
-  getDataList(activeName.value, keywords.value);
-};
-
-const onReset = () => {
-  keywords.value = null;
-  onSearch();
-};
-
-const getDataList = async (type, searchField) => {
-  console.log(type);
-  const uri = type === 'todo' ? '/listTasksToBeHandle' : '/listHandledTask';
-  const params = {
-    ...data.value[`${activeName.value}Page`],
-    searchField,
-    userName: cookies.get(kLOGINER)
-  };
-  const [err, res]: any = await to(getServiceApi().post(url + uri, params));
-  if (err) return;
-  data.value[type] = res.list;
-  data.value[type + 'Page'].total = res.total;
-
-  const grid = type === 'todo' ? xgrid : ygrid;
-  grid.value.getInstance().loadData(res.list);
-  grid.value.setPagerConfig({ ...data.value[type + 'Page'] });
-};
-
-const onTabChange = async ({ value }) => {
-  const grid = value === 'todo' ? xgrid : ygrid;
-  const operate = columns.find(f => f.field === 'operate');
-  operate.width = value === 'todo' ? 160 : 80;
-  await nextTick();
-  grid.value.getInstance().reloadColumn(columns);
-  const page = data.value[`${activeName.value}Page`];
-  data.value[`${activeName.value}Page`] = isEmpty(page) ? page : pagination;
-  getDataList(activeName.value, keywords.value);
-};
-
-const handleTodo = (row, dataStatus = 'detail') => {
-  console.log(row);
-  const data = Object.assign(
-    { dataStatus, workflowCode: row.sourceKey, businessKey: row.sourceId, processInstanceId: row.processInstId },
-    row
-  );
-  sessionStorage.setItem('kPROCESSKEY', JSON.stringify(data));
-  router.push({ name: 'FlowApproval' });
-};
-
-onMounted(() => {
-  data.value[`${activeName.value}Page`] = pagination;
-  getDataList('todo', null);
-});
-</script>
+<!--
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2025-11-05 18:11:29
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2026-08-13 16:23:03
+ * @FilePath: \udp-crm\packages\udp-crm\src\views\uflow\todo\flow-todo.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div>
+    <vxe-tabs v-model="activeName" type="border-card" @tab-change="onTabChange">
+      <vxe-tab-pane name="todo" :title="$t('message.t_todoFlow')">
+        <div class="flex items-center w-full pl-2 pr-3 pt-1">
+          <vxe-input v-model="keywords" class="flex-1 w-full" placeholder="请输入任务编码或名称或标题查询" />
+          <div class="pl-1">
+            <ut-button content="search" icon="ri-search-line" @tap="onSearch" />
+            <ut-button content="reset" status="info" icon="ri-cycle-line" @tap="onReset" />
+          </div>
+        </div>
+        <ut-grid
+          ref="xgrid"
+          :columns="columns"
+          :data="data.todo"
+          :events="events"
+          :editable="false"
+          :need-export="false"
+          :proxy-config="{ enabled: false }"
+          :toolbar-config="{ enabled: false }"
+          height="360"
+        />
+      </vxe-tab-pane>
+      <vxe-tab-pane name="finish" lazy :title="$t('message.t_finishFlow')">
+        <div class="flex items-center w-full pl-2 pr-3 pt-1">
+          <vxe-input v-model="keywords" class="flex-1 w-full" placeholder="请输入任务编码或名称或标题查询" />
+          <div class="pl-1">
+            <ut-button content="search" icon="ri-search-line" @tap="onSearch" />
+            <ut-button content="reset" status="info" icon="ri-cycle-line" @tap="onReset" />
+          </div>
+        </div>
+        <ut-grid
+          ref="ygrid"
+          :columns="columns"
+          :data="data.finish"
+          :events="events"
+          :editable="false"
+          :need-export="false"
+          :proxy-config="{ enabled: false }"
+          :toolbar-config="{ enabled: false }"
+          height="360"
+        />
+        />
+      </vxe-tab-pane>
+    </vxe-tabs>
+    <vxe-modal v-model="showModal" :loading="loading" :title="flowTitle" height="360">
+      <vxe-image :src="imageUrl" :height="520" width="75%" />
+    </vxe-modal>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { useRouter, useRoute } from 'vue-router';
+import { ref, onMounted, nextTick, watch } from 'vue';
+
+import { cookies } from '@utogether/utils';
+import { isEmpty } from 'xe-utils';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+import { kLOGINER } from '../../../contant';
+
+const router = useRouter();
+const route = useRoute();
+
+const xgrid = ref(null);
+const ygrid = ref(null);
+const activeName = ref('todo');
+const showModal = ref(false);
+const loading = ref(false);
+const imageUrl = ref('');
+const keywords = ref(null);
+const flowTitle = ref(null);
+const data = ref({ todo: [], finish: [], todoPage: {}, finishPage: {} });
+
+const url = '/uwfl/activiti';
+
+const pagination = { pageNum: 1, pageSize: 20 };
+
+const columns = [
+  { field: 'taskId' },
+  { field: 'taskName' },
+  { field: 'taskTitle' },
+  { field: 'createDate' },
+  { field: 'createBy', title: 'message.creator' },
+  {
+    field: 'operate',
+    width: 90,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        return [
+          <>
+            <ut-button
+              visible={activeName.value === 'todo'}
+              content="todoTask"
+              icon="ri-send-plane-line"
+              onTap={() => handleTodo(row, 'edit')}
+            />
+            <ut-button
+              visible={activeName.value === 'finish'}
+              content="look"
+              status="info"
+              onTap={() => handleTodo(row)}
+            />
+          </>
+        ];
+      }
+    }
+  }
+];
+
+const events = {
+  pageChange({ pageSize, currentPage }) {
+    data.value[`${activeName.value}Page`] = { pageNum: currentPage, pageSize };
+    getDataList(activeName.value, keywords.value);
+  }
+};
+
+const onSearch = () => {
+  data.value[`${activeName.value}Page`] = pagination;
+  getDataList(activeName.value, keywords.value);
+};
+
+const onReset = () => {
+  keywords.value = null;
+  onSearch();
+};
+
+const getDataList = async (type, searchField) => {
+  console.log(type);
+  const uri = type === 'todo' ? '/listTasksToBeHandle' : '/listHandledTask';
+  const params = {
+    ...data.value[`${activeName.value}Page`],
+    searchField,
+    userName: cookies.get(kLOGINER)
+  };
+  const [err, res]: any = await to(getServiceApi().post(url + uri, params));
+  if (err) return;
+  data.value[type] = res.list;
+  data.value[type + 'Page'].total = res.total;
+
+  const grid = type === 'todo' ? xgrid : ygrid;
+  grid.value.getInstance().loadData(res.list);
+  grid.value.setPagerConfig({ ...data.value[type + 'Page'] });
+};
+
+const onTabChange = async ({ value }) => {
+  const grid = value === 'todo' ? xgrid : ygrid;
+  const operate = columns.find(f => f.field === 'operate');
+  operate.width = value === 'todo' ? 160 : 80;
+  await nextTick();
+  grid.value.getInstance().reloadColumn(columns);
+  const page = data.value[`${activeName.value}Page`];
+  data.value[`${activeName.value}Page`] = isEmpty(page) ? page : pagination;
+  getDataList(activeName.value, keywords.value);
+};
+
+const handleTodo = (row, dataStatus = 'detail') => {
+  console.log(row);
+  const { sourceKey, sourceId, processInstId } = row;
+  const data = Object.assign(
+    { dataStatus, workflowCode: sourceKey, businessKey: sourceId, processInstanceId: processInstId },
+    row
+  );
+  sessionStorage.setItem('kPROCESSKEY', JSON.stringify(data));
+  router.push({ name: 'FlowApproval' });
+};
+
+// 监听路由跳转，返回首页时刷新列表
+watch(
+  () => route.fullPath,
+  () => {
+    if (route.name === 'UdpWelcome') {
+      getDataList(activeName.value, keywords.value);
+    }
+  }
+);
+
+onMounted(() => {
+  data.value[`${activeName.value}Page`] = pagination;
+  getDataList('todo', null);
+});
+</script>

package/src/views/uhome/dynamic-card.vue

@@ -1,31 +1,31 @@
-<!--
- * @Author: levi7754 levi7754@163.com
- * @Date: 2025-12-26 13:53:05
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-12-30 09:23:25
- * @FilePath: \udp-front\packages\udp-core\src\views\uhome\dynamic-card.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<template>
-  <div class="dynamic-card w-full">
-    <vxe-row :gutter="[10, 10]" wrap>
-      <vxe-col v-for="data in list" :key="data.id" :span="data.span">
-        <vxe-card :title="data.title" :height="data.height" shadow>
-          <dynamicComponent :data="data" />
-        </vxe-card>
-      </vxe-col>
-    </vxe-row>
-  </div>
-</template>
-<script setup lang="tsx">
-import dynamicComponent from './components/dynamic-component.vue';
-
-interface IProps {
-  list: IRecord;
-}
-withDefaults(defineProps<IProps>(), {
-  list: () => {
-    return [];
-  }
-});
-</script>
+<!--
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2025-12-26 13:53:05
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-12-30 09:23:25
+ * @FilePath: \udp-front\packages\udp-core\src\views\uhome\dynamic-card.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="dynamic-card w-full">
+    <vxe-row :gutter="[10, 10]" wrap>
+      <vxe-col v-for="data in list" :key="data.id" :span="data.span">
+        <vxe-card :title="data.title" :height="data.height" shadow>
+          <dynamicComponent :data="data" />
+        </vxe-card>
+      </vxe-col>
+    </vxe-row>
+  </div>
+</template>
+<script setup lang="tsx">
+import dynamicComponent from './components/dynamic-component.vue';
+
+interface IProps {
+  list: IRecord;
+}
+withDefaults(defineProps<IProps>(), {
+  list: () => {
+    return [];
+  }
+});
+</script>