sohelp-eleplus 1.1.22 → 1.1.25

package/sohelp-workflow-drawer/index.vue

@@ -63,9 +63,8 @@
 
       <template #footer>
         <el-button @click="userModal = false">取消</el-button>
-        <el-button type="primary" @click="saveByUser(todoType, users)" v-loading="loading" :disabled="!users.length">{{
-            moreOption[todoType]
-          }}
+        <el-button type="primary" @click="saveByUser(todoType, users)" v-loading="loading" :disabled="!users.length"
+          >{{ moreOption[todoType] }}
         </el-button>
       </template>
     </ele-modal>
@@ -74,10 +73,10 @@
       <el-button plain size="small" @click="updateModelValue(false)">关闭</el-button>
       <span v-if="showOpera">
         <el-button type="primary" size="small" @click="openModal('agree')" v-permission="'todo.wf.agree'"
-        >同意</el-button
+          >同意</el-button
         >
         <el-button type="danger" size="small" @click="openModal('reject')" v-permission="'todo.wf.reject'"
-        >拒绝</el-button
+          >拒绝</el-button
         >
         <ele-dropdown trigger="click" :items="getMore" @command="onOperate($event)" v-if="getMore.length > 0">
           <el-button plain="" size="small" title="更多" :icon="MoreFilled"></el-button>
@@ -88,224 +87,214 @@
 </template>
 
 <script setup>
-import { buttonAuth, getTodoDetail, moreOption, todoOperate } from "@/api/todo/index.js";
-import { EleMessage } from "@/components/ele-admin-plus/components";
-import { MoreFilled } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus/es";
-import { usePermission } from "@/utils/use-permission";
-import { computed, reactive, ref, watch } from "vue";
-import FormTab from "./components/form.vue";
-import TableTab from "./components/table.vue";
-import TimelineTab from "./components/timeline.vue";
-import WorkflowTab from "./components/workflow.vue";
-import ApprovalModal from "./components/approval-modal.vue";
+  import { buttonAuth, getTodoDetail, moreOption, todoOperate } from '@/api/todo/index.js';
+  import { EleMessage } from '@/components/ele-admin-plus/components';
+  import { MoreFilled } from '@element-plus/icons-vue';
+  import { ElMessageBox } from 'element-plus/es';
+  import { usePermission } from '@/utils/use-permission';
+  import { computed, reactive, ref, watch } from 'vue';
+  import FormTab from './components/form.vue';
+  import TableTab from './components/table.vue';
+  import TimelineTab from './components/timeline.vue';
+  import WorkflowTab from './components/workflow.vue';
+  import ApprovalModal from './components/approval-modal.vue';
 
-const permission = usePermission();
+  const permission = usePermission();
 
-const props = defineProps({
-  modelValue: Boolean,
-  data: Object,
-  showOpera: {
-    type: Boolean,
-    default: true
-  }
-});
+  const props = defineProps({
+    modelValue: Boolean,
+    data: Object,
+    showOpera: {
+      type: Boolean,
+      default: true
+    }
+  });
 
-const emit = defineEmits(["opera","update:data","update:showOpera","update:modelValue", "reload", "close"]);
+  const emit = defineEmits(['opera', 'update:data', 'update:showOpera', 'update:modelValue', 'reload', 'close']);
 
-const tabs = reactive([
-  { label: "表单", name: "form" },
-  { label: "流程图", name: "workflow" },
-  { label: "表格", name: "table" },
-  { label: "时间轴", name: "timeline" }
-]);
-const active = ref("form");
-const detail = ref();
+  const tabs = reactive([
+    { label: '表单', name: 'form' },
+    { label: '流程图', name: 'workflow' },
+    { label: '表格', name: 'table' },
+    { label: '时间轴', name: 'timeline' }
+  ]);
+  const active = ref('form');
+  const detail = ref();
 
-const todoType = ref(null);
-const userModal = ref(false);
-const drawerVisible = ref(false);
-const loading = ref(false);
-const users = ref([]);
+  const todoType = ref(null);
+  const userModal = ref(false);
+  const drawerVisible = ref(false);
+  const loading = ref(false);
+  const users = ref([]);
 
-const approvalModalVisible = ref(false);
-const approvalData = reactive({
-  id: "",
-  refid: ""
-});
+  const approvalModalVisible = ref(false);
+  const approvalData = reactive({
+    id: '',
+    refid: ''
+  });
 
+  /**
+   * 显示详情
+   * @param params
+   */
+  const show = (params = {}) => {
+    emit('update:data', params);
+    emit('update:modelValue', true);
+  };
 
-/**
- * 显示详情
- * @param params
- */
-const show = (params = {}) => {
-  emit("update:data",params);
-  emit("update:modelValue", true);
-};
+  /** 更新modelValue */
+  const updateModelValue = (value) => {
+    emit('update:modelValue', value);
+  };
 
-/** 更新modelValue */
-const updateModelValue = (value) => {
-  emit("update:modelValue", value);
-};
+  /**
+   * 打开抽屉
+   */
+  const open = async () => {
+    emit('update:showOpera', false);
+    const { id, refid } = props.data;
+    if (id && refid) {
+      await getDetail({ refid, id });
+      // //获取可审批的任务
+      SohelpHttp.get('/engine/web/workflow/getMyTask', { refid: refid, id: id }).then((res) => {
+        if (res.meta.success) {
+          emit('update:showOpera', res.data?.id !== '');
+        }
+      });
+    }
+  };
 
-/**
- * 打开抽屉
- */
-const open = async () => {
-  const { id, refid } = props.data;
-  if (id && refid) {
-    await getDetail({ refid, id });
-  } else {
-    EleMessage.error("缺少id或refid参数");
-  }
-};
+  /**
+   * 关闭抽屉
+   */
+  const close = () => {
+    active.value = 'form';
+    emit('close');
+  };
 
-/**
- * 关闭抽屉
- */
-const close = () => {
-  active.value = "form";
-  emit("close");
-};
+  /**
+   * 获取详情
+   * @param params
+   */
+  const getDetail = async (params) => {
+    loading.value = true;
+    const res = await getTodoDetail(params);
+    loading.value = false;
+    if (res) {
+      detail.value = res;
+    } else {
+      EleMessage.error('获取详情失败');
+    }
+  };
 
-/**
- * 获取详情
- * @param params
- */
-const getDetail = async (params) => {
-  loading.value = true;
-  const res = await getTodoDetail(params);
-  loading.value = false;
-  if (res) {
-    detail.value = res;
-  } else {
-    EleMessage.error("获取详情失败");
-  }
-};
+  /**
+   * 更多操作按钮
+   */
+  const getMore = computed(() => {
+    const exclude = ['agree', 'reject', 'batchAgree', 'batchReject', 'submit'];
+    return Object.entries(moreOption)
+      .filter(([key]) => !exclude.includes(key) && permission.hasPermission(buttonAuth[key]))
+      ?.map(([key, value]) => ({ title: value, command: key }));
+  });
 
-/**
- * 更多操作按钮
- */
-const getMore = computed(() => {
-  const exclude = ["agree", "reject", "batchAgree", "batchReject", "submit"];
-  return Object.entries(moreOption)
-    .filter(([key]) => !exclude.includes(key) && permission.hasPermission(buttonAuth[key]))
-    ?.map(([key, value]) => ({ title: value, command: key }));
-});
+  /**
+   * 同意、拒绝弹窗
+   * @param type
+   */
+  const openModal = (type) => {
+    todoType.value = type;
+    const id = props.data.id;
+    Object.assign(approvalData, {
+      id: id,
+      refid: props.data.refid
+    });
+    approvalModalVisible.value = true;
+  };
 
-/**
- * 同意、拒绝弹窗
- * @param type
- */
-const openModal = (type) => {
-  todoType.value = type;
-  const id = props.data.id;
-  Object.assign(approvalData, {
-    id: id,
-    refid: props.data.refid
-  });
-  approvalModalVisible.value = true;
-};
+  /**
+   * 选择用户弹窗
+   */
+  const openUserModal = () => {
+    users.value = todoType.value === 'delegate' ? '' : [];
+  };
 
-/**
- * 选择用户弹窗
- */
-const openUserModal = () => {
-  users.value = todoType.value === "delegate" ? "" : [];
-};
+  /**
+   * 更多操作
+   * @param type 类型
+   * @param row
+   */
+  const onOperate = (type) => {
+    todoType.value = type;
 
-/**
- * 更多操作
- * @param type 类型
- * @param row
- */
-const onOperate = (type) => {
-  todoType.value = type;
+    // 委派、加签、减签
+    if (['delegate', 'addSign', 'removeSign'].includes(type)) {
+      userModal.value = true;
+      return false;
+    }
 
-  // 委派、加签、减签
-  if (["delegate", "addSign", "removeSign"].includes(type)) {
-    userModal.value = true;
-    return false;
-  }
+    let data = {
+      taskId: props.data.taskId
+    };
+    // 跳转
+    if (type === 'jump') {
+      data.nodeKey = props.data.nodeKey;
+    }
 
-  let data = {
-    taskId: props.data.taskId
+    ElMessageBox.confirm(`确定要${moreOption[type]}吗?`, '系统提示', {
+      type: 'danger',
+      draggable: false
+    })
+      .then(async () => {
+        save(type, data);
+      })
+      .catch((e) => {});
   };
-  // 跳转
-  if (type === "jump") {
-    data.nodeKey = props.data.nodeKey;
-  }
 
-  ElMessageBox.confirm(`确定要${moreOption[type]}吗?`, "系统提示", {
-    type: "danger",
-    draggable: false
-  })
-    .then(async () => {
-      save(type, data);
-    })
-    .catch((e) => {
+  // 更新table
+  const done = () => {
+    updateModelValue(false);
+    emit('reload');
+  };
+
+  /**
+   * 委派，加签，减签保存
+   * @param type
+   */
+  const saveByUser = (type) => {
+    save(type, {
+      id: props.data.id,
+      [type === 'delegate' ? 'userId' : 'users']: users.value
     });
-};
+  };
 
-// 更新table
-const done = () => {
-  updateModelValue(false);
-  emit("reload");
-};
+  /**
+   * 保存
+   * @param type
+   * @param data
+   */
+  const save = (type, data) => {
+    loading.value = true;
+    todoOperate(type, data)
+      .then((msg) => {
+        loading.value = false;
+        EleMessage.success(msg);
+        done();
+        if (type == 'agree' || type == 'reject') {
+          todoDrawerRef.value?.closeModal();
+        }
+        if (['delegate', 'addSign', 'removeSign'].includes(type)) {
+          userModal.value = false;
+        }
+      })
+      .catch((e) => {
+        loading.value = false;
+        EleMessage.error(e.message);
+      });
+  };
 
-/**
- * 委派，加签，减签保存
- * @param type
- */
-const saveByUser = (type) => {
-  save(type, {
-    id: props.data.id,
-    [type === "delegate" ? "userId" : "users"]: users.value
+  defineExpose({
+    show,
+    close
   });
-};
-
-/**
- * 保存
- * @param type
- * @param data
- */
-const save = (type, data) => {
-  loading.value = true;
-  todoOperate(type, data)
-    .then((msg) => {
-      loading.value = false;
-      EleMessage.success(msg);
-      done();
-      if (type == "agree" || type == "reject") {
-        todoDrawerRef.value?.closeModal();
-      }
-      if (["delegate", "addSign", "removeSign"].includes(type)) {
-        userModal.value = false;
-      }
-    })
-    .catch((e) => {
-      loading.value = false;
-      EleMessage.error(e.message);
-    });
-};
-
-defineExpose({
-  show,
-  close
-});
-watch(
-  () => props.modelValue,
-  (val) => {
-    drawerVisible.value = val;
-    emit("update:showOpera",false);
-    //获取可审批的任务
-    SohelpHttp.get("/engine/web/workflow/getMyTasks", { refid: props.data.refid, id: props.data.id }).then(res => {
-      if (res.meta.success) {
-      // emit("update:showOpera",res.data.length > 0)
-      }
-    });
-  }
-);
 </script>
 <style lang="scss" scoped></style>