ui-process-h5 0.1.33 → 1.0.5

package/packages/components/process/src/tab.vue

@@ -1,467 +0,0 @@
-<template>
-    <div class="tops-tab">
-        <div class="tops-tab-header">
-            <template v-for="(item, i) of isTapList">
-                <div
-                    class="tops-tab-header-items"
-                    :class="[item.key === active ? 'active' : '']"
-                    @click="handleActive(item.key, i)"
-                    ref="label"
-                >
-                    {{ item.label }}
-                </div>
-            </template>
-            <div class="bottom-line" v-if="isTapList.length"></div>
-        </div>
-        <div class="tops-tab-body">
-            <div
-                v-for="item in isTapList"
-                :key="item.key"
-                v-show="active === item.key"
-                style="height: calc(100% - 45px);"
-            >
-                <!--  :taskNode="getTaskNode()" -->
-                <slot
-                    v-if="item.key === 'a' && item.type === 'default'"
-                    name="default"
-                ></slot>
-                <slot
-                    v-if="item.key === 'b' && item.type === 'default'"
-                    :name="item.slot"
-                >
-                    <iframe
-                        v-if="trackUrl"
-                        :src="trackUrl"
-                        style="width: 100%; min-height: 500px; border: none;"
-                        scrolling="no"
-                        frameborder="0"
-                    ></iframe>
-                    <div v-else class="textnone">
-                        暂无流程图
-                    </div>
-                </slot>
-                <slot
-                    v-if="item.key === 'c' && item.type === 'default'"
-                    :name="item.slot"
-                >
-                    <div
-                        v-if="taskCommentList?.length > 0"
-                        v-for="(item, index) in taskCommentList"
-                        :key="item.id"
-                        class="seal-list__item"
-                    >
-                        <!-- <div v-for="item in list" :key="item.id" class="seal-list__item"> -->
-                        <div>
-                            <div class="seal-list__item--option">
-                                <span>节点名称</span>
-                                <span>{{ item.activityName }}</span>
-                            </div>
-                            <div class="seal-list__item--option">
-                                <span>审批人</span>
-                                <span>{{ item.createUserName }}</span>
-                            </div>
-                            <div class="seal-list__item--option">
-                                <span>审批操作</span>
-                                <span>{{ item.actionName }}</span>
-                            </div>
-                            <div class="seal-list__item--option">
-                                <span>审批意见</span>
-                                <span v-html="item.msg"></span>
-                            </div>
-                            <div class="seal-list__item--option">
-                                <span>审批时间</span>
-                                <span>{{ item.createDate }}</span>
-                            </div>
-                            <div
-                                v-if="
-                                    item.metaAnnexList &&
-                                    item.metaAnnexList.length
-                                "
-                                class="seal-list__item--attch"
-                            >
-                                <!-- @click="linkUrl(item.metaAnnexList, index)" -->
-                                <span>查看附件</span>
-                            </div>
-                        </div>
-                    </div>
-                    <div v-else class="textnone">暂无数据</div>
-                </slot>
-                <slot v-if="item.type == 'slot'" :name="item.slot"></slot>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script >
-import { defineComponent, ref, watch, onMounted, computed } from "vue-demi";
-// import { getProcessStatus } from "../../utils/request/api";
-
-export default defineComponent({
-    name: "TopTab",
-    props: {
-        /**
-         * 根据参数插入自定义tab
-         * label:选项卡title
-         * key:选项卡ID 请勿重复defaultTabList内已拥有的默认key
-         * type:插槽类型 "slot" "default"
-         * sort:排序参数,无参数默认插入末尾
-         * slot:插槽name
-         */
-        tapList: {
-            type: Array,
-            default: () => [],
-        },
-        // 自定义tab (传入后  默认tab,tapList,失效)
-        selfTapList: {
-            type: Array,
-            default: () => [],
-        },
-    },
-    setup(props) {
-        // 流程图
-        const trackUrl = ref(
-            "http://59.53.91.231:8088/portal/r/w?sid=6f714ec1-7570-4525-ac51-b092402d8295&cmd=CLIENT_BPM_FORM_TRACK_OPEN&processInstId=1f6e7196-e1ea-428e-b295-aa23a54a2402&supportCanvas=true&formInfo="
-        );
-
-        // 审批信息
-        const taskCommentList = ref([
-            {
-                actionName: "提交",
-                activityName: "部门负责人",
-                createDate: "2023-04-20 14:47:35",
-                createUser: "18ccbf63229f0c79f39940ae284c111e",
-                createUserName: "朱鸿飞",
-                customUniqueId: "",
-                departmentName: "测试部",
-                id: "88df38c8-9756-4b4a-a9b0-dcb0ec1b57d5",
-                metaAnnexList: null,
-                msg: "同意",
-                positionName: "测试部119147",
-                processInstId: "1f6e7196-e1ea-428e-b295-aa23a54a2402",
-                taskInstId: "38bbef1c-efbb-456d-bd79-08ed9d96b4b3",
-            },
-        ]);
-
-        // 选中
-        const active = ref("");
-
-        // tab 渲染
-        const defaultTabList = ref([
-            {
-                label: "基本信息",
-                key: "a",
-                type: "default",
-                slot: "default",
-            },
-            {
-                label: "流程图",
-                key: "b",
-                type: "default",
-                slot: "tab2",
-            },
-            {
-                label: "审批记录",
-                key: "c",
-                type: "default",
-                slot: "tab3",
-            },
-        ]);
-
-        const isTapList = ref([
-            {
-                label: "基本信息",
-                key: "a",
-                type: "default",
-                slot: "default",
-            },
-            {
-                label: "流程图",
-                key: "b",
-                type: "default",
-                slot: "tab2",
-            },
-            {
-                label: "审批记录",
-                key: "c",
-                type: "default",
-                slot: "tab3",
-            },
-        ]);
-
-        const label = ref();
-
-        // taskNode taskObj
-
-        /* method */
-        // 选中方法
-        const handleActive = (e, i) => {
-            if (e === active.value) {
-                return;
-            }
-
-            active.value = e;
-            tabAnimation(i);
-        };
-
-        const tabAnimation = (i) => {
-            if (label.value.length) {
-                let doc = (
-                    document.getElementsByClassName("bottom-line")[0]
-                );
-                let left;
-                if (doc.offsetWidth < label.value[i].offsetWidth - 10) {
-                    let num =
-                        (label.value[i].offsetWidth - doc.offsetWidth - 10) / 2;
-                    left = `${label.value[i].offsetLeft + num}px`;
-                } else if (doc.offsetWidth > label.value[i].offsetWidth - 10) {
-                    let num =
-                        (doc.offsetWidth - label.value[i].offsetWidth + 10) / 2;
-                    left = `${label.value[i].offsetLeft - num}px`;
-                } else {
-                    left = `${label.value[i].offsetLeft}px`;
-                }
-                doc.style.transition = ".3s";
-                doc.style.transform = `translateX(${left})`;
-            }
-        };
-
-        /* watch */
-        watch(
-            () => props.selfTapList,
-            (val, preVal) => {
-                if (val.length) {
-                    isTapList.value = [].concat(val);
-                    active.value = isTapList.value[0].key;
-                }
-            },
-            {
-                //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-                //那么首次执行，val为默认值,preVal为undefined
-                immediate: true,
-                //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-                deep: true,
-            }
-        );
-
-        watch(
-            () => props.tapList,
-            (val, preVal) => {
-                if (!props.selfTapList.length) {
-                    isTapList.value = [].concat(defaultTabList.value);
-                    if (val.length > 0) {
-                        /* return [] */
-                        val.forEach((v, i) => {
-                            if (v.sort && v.sort > 1) {
-                                isTapList.value.splice(v.sort - 1, 0, v);
-                            } else if (v.sort == 1) {
-                                isTapList.value.unshift(v);
-                            } else {
-                                isTapList.value.push(v);
-                            }
-                        });
-                    }
-                    active.value = isTapList.value[0].key;
-                }
-            },
-            {
-                //如果加了这个参数，值为true的话，就消除了惰性，watch会在创建后立即执行一次
-                //那么首次执行，val为默认值,preVal为undefined
-                immediate: true,
-                //这个参数代表监听对象时，可以监听深度嵌套的对象属性
-                deep: true,
-            }
-        );
-
-        /* mounted */
-        onMounted(() => {
-            // 渲染后初始化为第一个位置
-            tabAnimation(0);
-        });
-
-        return {
-            isTapList,
-            active,
-            handleActive,
-            label,
-            taskCommentList,
-            trackUrl,
-        };
-    },
-});
-</script>
-
-<style scoped>
-.tops-tab {
-    height: 100%;
-}
-.tops-tab-header {
-    display: flex;
-    width: 100%;
-    height: 45px;
-    font-size: 14px;
-    color: #333;
-    padding: 10px 17px;
-    font-weight: 500;
-    box-sizing: border-box;
-    overflow-x: auto;
-    white-space: nowrap;
-    flex-wrap: nowrap;
-    flex-shrink: 0;
-    -ms-overflow-style: none;
-    position: relative;
-    background-color: #fff;
-}
-
-.tops-tab-header::after {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 1px;
-    background-color: #f2f2f2;
-    left: 0;
-    bottom: 0;
-    z-index: 10;
-}
-
-.tops-tab-header::-webkit-scrollbar {
-    display: none;
-}
-
-.tops-tab-header-items {
-    white-space: nowrap;
-    padding-right: 10px;
-    box-sizing: border-box;
-    display: inline-block;
-    height: 100%;
-    text-align: center;
-    margin-right: 32px;
-    font-weight: 400;
-    font-size: 15px;
-    text-align: left;
-    color: #333;
-    display: flex;
-    align-items: center;
-}
-
-.tops-tab-header-items:last-child {
-    padding-right: 0;
-    margin-right: 0;
-}
-
-.tops-tab-header .active {
-    position: relative;
-    color: #1389ff;
-    font-family: "PingFang SC Bold";
-    font-weight: 700;
-    font-size: 15px;
-    text-align: left;
-}
-
-.tops-tab-header .bottom-line {
-    width: 30px;
-    height: 3px;
-    border-radius: 1.5px;
-    background-color: #1389ff;
-    position: absolute;
-    bottom: 1px;
-    left: 0;
-    z-index: 12;
-}
-.tops-tab-body {
-    height: 100%;
-}
-
-.seal-list__item {
-    padding: 6px 10px;
-    margin: 10px;
-    margin-bottom: 0px;
-    padding-bottom: 0px;
-    background-color: #ffffff;
-    border-radius: 10px;
-    box-sizing: border-box;
-}
-
-.seal-list__item:last-child {
-    margin-bottom: 70px;
-}
-
-.seal-list__item .seal-list__item--header {
-    margin-bottom: 6px;
-    display: flex;
-    align-items: center;
-}
-
-.seal-list__item .seal-list__item--header span:first-of-type {
-    font-size: 15px;
-    margin-right: 6px;
-    font-weight: bold;
-}
-
-.seal-list__item .seal-list__item--option {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-size: 14px;
-    padding: 10px 0;
-    color: #333;
-}
-
-.seal-list__item .seal-list__item--option {
-}
-
-.seal-list__item .seal-list__item--option span:last-child {
-    max-width: 144px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    color: #888;
-}
-
-.seal-list__item .seal-list__item--option :last-child {
-    /* padding-bottom: 14px; */
-}
-.seal-list__item .seal-list__item--attch {
-    font-size: 14px;
-    padding: 10px 0;
-    color: #333;
-    text-align: right;
-    color: #1389ff;
-}
-
-.seal-list__item .seal-list__item--actions {
-    margin-top: 12px;
-    position: relative;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-}
-
-.seal-list__item .seal-list__item--actions ::before {
-    content: "";
-    top: 0;
-    width: 100%;
-    transform: scaleY(0.5);
-    transform-origin: top;
-    border-top: 1px #e8e8e8 solid;
-    position: absolute;
-}
-
-.seal-list__item .seal-list__item--actions .van-button {
-    width: 50%;
-}
-
-.seal-list__item .seal-list__item--actions .van-button ::after {
-    content: "";
-    height: 60%;
-    border-left: 1px #e8e8e8 solid;
-    position: absolute;
-    left: 100%;
-    top: 50%;
-    transform: translate(-50%, -50%) scaleX(0.5);
-    transform-origin: left;
-}
-
-.seal-list__item .seal-list__item--actions .van-button:last-child ::after {
-    content: none;
-}
-</style>

package/packages/components/utils/request/api.ts

@@ -1,11 +0,0 @@
-import request from "./request";
-
-const proxyStr = "/prod-api/aws";
-
-export function getProcessStatus(query: any) {
-    return request({
-        url: proxyStr + "/pis/getProcessStatus",
-        method: "get",
-        params: query,
-    });
-}

package/packages/components/utils/request/cache.d.ts

@@ -1,52 +0,0 @@
-
-export const ACCESS_TOKEN :string
-export const SUBJECTID :string
-export const TASK_JSON :string
-
-/**
- * 设置cookie
- * @param key
- * @param value
- * @param options
- * @returns {*}
- */
-export function saveCookie(key: string, value: string, options: any): void
-
-/**
- * 获取cookie
- * @param key  cookie的key
- * @param defaultValue
- * @returns {*}
- */
-export function loadCookie(key: string, defaultValue: string): string
-
-
-/**
- * 删除cookie
- * @param key
- * @returns {string}
- */
- export function removeCookie (key: string): string
-
- 
-/**
- * 设置本地存储
- * @param key
- * @param value
- * @returns {*}
- */
-export function saveStorage (key: string, value: string) : string
-  
-  /**
-   * 获取本地存储
-   * @param key
-   * @param defaultValue
-   * @returns {*}
-   */
-  export function loadStorage (key: string, defaultValue: string) : string
-  /**
-   * 删除本地存储
-   * @param key
-   * @returns {string}
-   */
-  export function removeStorage (key: string) : string

package/packages/components/utils/request/cache.js

@@ -1,99 +0,0 @@
-import Cookies from 'js-cookie'
-import storage from 'good-storage'
-
-export const ACCESS_TOKEN = 'Access_Token'// accessToken String
-export const SUBJECTID = 'SUBJECTID'// accessToken String
-export const TASK_JSON = "TASK_JSON"
-/**
- * 设置cookie
- * @param key
- * @param value
- * @param options
- * @returns {*}
- */
-export function saveCookie(key, value, options) {
-  Cookies.set(key, value, options)
-  return value
-}
-
-/**
- * 获取cookie
- * @param key
- * @param defaultValue
- * @returns {*}
- */
-export function loadCookie(key, defaultValue) {
-  return Cookies.get(key) || defaultValue
-}
-
-/**
- * 删除cookie
- * @param key
- * @returns {string}
- */
-export function removeCookie(key) {
-  Cookies.remove(key)
-  return ''
-}
-
-/**
- * 设置本地存储
- * @param key
- * @param value
- * @returns {*}
- */
-export function saveStorage(key, value) {
-  storage.set(key, value)
-  return value
-}
-
-/**
- * 获取本地存储
- * @param key
- * @param defaultValue
- * @returns {*}
- */
-export function loadStorage(key, defaultValue) {
-  return storage.get(key, defaultValue)
-}
-
-/**
- * 删除本地存储
- * @param key
- * @returns {string}
- */
-export function removeStorage(key) {
-  storage.remove(key)
-  return ''
-}
-
-/**
- * 保存会话存储
- * @param key
- * @param value
- * @returns {*}
- */
-export function saveSessionStorage(key, value) {
-  storage.session.set(key, value)
-  return value
-}
-
-/**
- * 获取会话存储
- * @param key
- * @param defaultValue
- * @returns {*}
- */
-export function loadSessionStorage(key, defaultValue) {
-  return storage.session.get(key, defaultValue)
-}
-
-/**
- * 删除会话存储
- * @param key
- * @returns {string}
- */
-export function removeSessionStorage(key) {
-  storage.session.remove(key)
-  return ''
-}

package/packages/components/utils/request/request.ts

@@ -1,62 +0,0 @@
-import axios, {
-    AxiosRequestConfig,
-    AxiosResponse,
-    AxiosError,
-    InternalAxiosRequestConfig,
-} from "axios";
-import { ACCESS_TOKEN, loadStorage } from "./cache";
-
-const host = process.env.VUE_APP_BASE_URL;
-const base = process.env.VUE_APP_BASE_API;
-// const host = "http://59.53.91.231:2106";
-
-axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
-
-const opts = {
-    baseURL: `${host}${base}`,
-    timeout: 999999999,
-    errorTip: true,
-    transformResponse: [
-        function (data: any, headers: any) {
-            if (typeof data === "string") {
-                try {
-                    data = JSON.parse(data);
-                } catch (e) {}
-            }
-            return data;
-        },
-    ],
-};
-
-const service = axios.create(opts);
-
-service.interceptors.request.use((config)=> {
-    const isToken = (config.headers || {}).isToken === false;
-    if (loadStorage("token", "") && !isToken) {
-        config.headers["Authorization"] = "Bearer " + loadStorage("token", ""); // 让每个请求携带自定义token 请根据实际情况自行修改 15c572f2-1fff-4ef2-94dc-728fc8d6fe14
-    }
-    /* config.headers["Authorization"] =
-        "Bearer " + "15c572f2-1fff-4ef2-94dc-728fc8d6fe14"; */
-    return config;
-});
-
-service.interceptors.response.use((response) => {
-    if (Object.prototype.toString.call(response.data) === "[object Blob]") {
-        return response;
-    }
-    const { data, config } = response;
-    const { code, success } = data;
-    const message = response.data.msg;
-    // 增加失败判断
-    data.fail = code !== 200 && success !== true;
-    if (code === 401) {
-        console.log("登录状态已过期");
-        return data;
-    } else if (code !== 200) {
-        console.log("错误");
-        return data;
-    }
-    return data;
-});
-
-export default service;

package/packages/index.js

@@ -1,4 +0,0 @@
-import TopProcess from "./components/process/index";
-
-export default [TopProcess];
-// export { TopProcess };