ui-process-h5 2.1.0-beta → 2.1.1-beta

package/src/packages/tab/index.scss

@@ -1,177 +0,0 @@
-.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;
-}
-
-.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:nth-last-child(2) {
-    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;
-}
-.tops-tab-body {
-    height: calc(100% - 45px);
-    overflow-y: auto;
-}
-
-.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: 15px;
-}
-
-.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 span:last-child {
-    max-width: 144px;
-    /* overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis; */
-    color: #888;
-}
-
-.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;
-}
-
-.textnone {
-    text-align: center;
-    padding-top: 30px;
-    color: #999;
-    font-size: 14px;
-}
-
-.tops-tab-body-taskcommentlist{
-    overflow-y: auto;
-}

package/src/packages/tab/index.vue

@@ -1,155 +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)"
-                >
-                    {{ 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: 100%;"
-                :class="[item.key === 'c' && 'tops-tab-body-taskcommentlist']"
-            >
-                <!--  :taskNode="getTaskNode()" -->
-                <slot
-                    v-if="item.key === 'a' && item.type === 'default'"
-                    name="default"
-                ></slot>
-                <div style="height:100%;"
-                    v-if="item.key === 'b' && item.type === 'default'"
-                    :name="item.slot"
-                >
-                    <div
-                        style="padding: 10px 20px; color: #1389ff;"
-                        v-if="trackUrl"
-                        @click="() => (visibleTack = true)"
-                    >
-                        查看流程节点信息
-                    </div>
-                    <iframe
-                        v-if="trackUrl"
-                        :src="trackUrl"
-                        style="
-                            width: 100%;
-                            height: calc(100% - 41px);
-                            border: none;
-                        "
-                        scrolling="no"
-                        frameborder="0"
-                    ></iframe>
-                    <div v-else class="textnone">
-                        暂无流程图
-                    </div>
-                </div>
-                <div style="height:100%;"
-                    v-if="item.key === 'c' && item.type === 'default'"
-                >
-                    <template v-if="taskCommentList.length > 0">
-                        <div
-                            v-for="(item, index) in taskCommentList"
-                            :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="viewList(item.metaAnnexList)"
-                                >
-                                    <span>查看附件</span>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                    <div v-else class="textnone">暂无数据</div>
-                </div>
-                <slot v-if="item.type == 'slot'" :name="item.slot"></slot>
-            </div>
-        </div>
-        <TopPopup
-            v-bind:visible="visible"
-            v-on:update:visible="(val) => (visible = val)"
-            ref="TopPopup"
-            titleText="附件列表"
-            isDrawer
-            :isIndex="5"
-        >
-            <ViewAttchList :inList="inList"></ViewAttchList>
-        </TopPopup>
-        <TopPopup
-            v-bind:visible="visibleTack"
-            v-on:update:visible="(val) => (visibleTack = val)"
-            ref="TopPopups"
-            titleText="流程信息"
-            isDrawer
-            width="60vw"
-        >
-            <template v-if="trackListss && trackListss.length">
-                <div
-                    v-for="(item, index) in trackListss"
-                    :key="item.id"
-                    class="seal-list__item"
-                >
-                    <div>
-                        <div class="seal-list__item--option">
-                            <span>序号</span>
-                            <span style="max-width: 100px;">{{ item.no }}</span>
-                        </div>
-                        <div class="seal-list__item--option">
-                            <span>节点名称</span>
-                            <span style="max-width: 100px;"
-                                >{{ item.name
-                                }}{{
-                                    item.type !== "普通" ? `[${item.type}]` : ""
-                                }}</span
-                            >
-                        </div>
-                        <div class="seal-list__item--option">
-                            <span>审批人</span>
-                            <span style="max-width: 100px;">{{
-                                item.assigneeNames
-                            }}</span>
-                        </div>
-                    </div>
-                </div>
-            </template>
-        </TopPopup>
-    </div>
-</template>
-<script src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

package/src/packages/tip/index.js

@@ -1,80 +0,0 @@
-import { defineComponent } from "vue-demi";
-import error from "@/assets/status/error.png";
-import loading from "@/assets/status/loading.png";
-import success from "@/assets/status/success.png";
-
-export default defineComponent({
-    name: "TopTips",
-    props: {
-        text: { default: "", type: String }, // tips文本展示
-        type: { default: "default", type: String }, // tips 类型 (success, error, loading)
-        statusTips: { default: false, type: Boolean }, // 开启状态展示
-        domNode: { default: "", type: String },
-        visible: { default: false, type: Boolean },
-    },
-    data() {
-        return {
-            show: false,
-            status: "",
-            timeOut: null,
-        };
-    },
-    computed: {
-        error() {
-            return error;
-        },
-        loading() {
-            return loading;
-        },
-        success() {
-            return success;
-        },
-    },
-    watch: {
-        type: {
-            handler(val, preVal) {
-                if (val == "loading") {
-                    clearInterval(this.timeOut);
-                    return;
-                } else {
-                    this.timeOut = setTimeout(() => {
-                        this.show = false;
-                    }, 1500);
-                }
-            },
-            immediate: true,
-            deep: true,
-        },
-    },
-    mounted() {
-        this.$nextTick(() => {
-            const body = document.getElementsByClassName("process-warp")[0]
-                ? document.getElementsByClassName("process-warp")[0]
-                : document
-                      .getElementsByClassName("sumbmitPopup-index-sumbit")[0]
-                      .getElementsByClassName("top-popup")[0];
-            if (body.append) {
-                body.append(this.$el);
-            } else {
-                body.appendChild(this.$el);
-            }
-        });
-    },
-    methods: {
-        handleOpen() {
-            if (!this.show) {
-                this.show = true;
-                if (this.type == "loading") {
-                    clearInterval(this.timeOut);
-                } else {
-                    this.timeOut = setTimeout(() => {
-                        this.show = false;
-                    }, 1500);
-                }
-            }
-        },
-        handleClose() {
-            this.show = false;
-        },
-    },
-});

package/src/packages/tip/index.scss

@@ -1,121 +0,0 @@
-.top-tipss {
-    position: absolute;
-    z-index: 2999;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    text-align: center;
-    max-width: 80%;
-    transition: all 0.3s ease;
-    visibility: hidden;
-    opacity: 0;
-}
-
-.top-tipss-animal {
-    animation: shows 1.5s ease;
-}
-
-.top-tipss-mask {
-    position: fixed;
-    width: 100vw;
-    height: 100vh;
-    background-color: #000;
-    opacity: 0.7;
-    top: 0;
-    left: 0;
-    z-index: 1999;
-    transition: all 0.3s ease;
-}
-
-.top-tipss-text {
-    display: inline-block;
-    vertical-align: middle;
-    color: #fff;
-    padding: 10px 20px;
-    border-radius: 5px;
-    font-size: 13px;
-    text-align: center;
-    max-width: 100%;
-    word-break: break-all;
-    white-space: normal;
-    background-color: rgba(17, 17, 17, 0.7);
-}
-.top-tipss-status {
-    width: 120px;
-    height: 120px;
-    border-radius: 12px;
-    background-color: rgba(17, 17, 17, 0.7);
-    display: flex;
-}
-
-.top-tipss-loadinig,
-.top-tipss-success,
-.top-tipss-error {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-}
-
-.top-tipss-loadinig img,
-.top-tipss-success img,
-.top-tipss-error img {
-    width: 40px;
-    height: 40px;
-}
-
-.top-tipss-loadinig img {
-    -webkit-animation: rotation 0.8s linear infinite;
-    animation: rotation 0.8s linear infinite;
-}
-
-.top-tipss-status-text {
-    color: #fff;
-    font-size: 12px;
-    padding: 10px 5px 0;
-}
-
-@-webkit-keyframes rotation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-.fade-enter,
-.fade-leave-to {
-    visibility: hidden;
-    opacity: 0;
-}
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 2s;
-}
-
-@keyframes shows {
-    0% {
-        visibility: hidden;
-        opacity: 0;
-    }
-    25% {
-        visibility: hidden;
-        opacity: 0.5;
-    }
-    50% {
-        visibility: visible;
-        opacity: 1;
-    }
-    75% {
-        visibility: hidden;
-        opacity: 0.5;
-    }
-    100% {
-        visibility: hidden;
-        opacity: 0.5;
-    }
-}

package/src/packages/tip/index.vue

@@ -1,57 +0,0 @@
-<template>
-    <div v-if="show">
-        <div
-            v-if="!statusTips"
-            class="top-tipss"
-            :style="
-                show
-                    ? 'visibility: visible; opacity: 1;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        >
-            <div v-if="text" class="top-tipss-text">{{ text }}</div>
-        </div>
-        <div
-            v-else
-            class="top-tipss"
-            :style="
-                show
-                    ? 'visibility: visible; opacity: 1;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        >
-            <div class="top-tipss-status">
-                <div class="top-tipss-loadinig" v-if="type == 'loading'">
-                    <img :src="loading" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div class="top-tipss-success" v-if="type == 'success'">
-                    <img :src="success" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-                <div class="top-tipss-error" v-if="type == 'error'">
-                    <img :src="error" />
-                    <div v-if="text" class="top-tipss-status-text">
-                        {{ text }}
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div
-            class="top-tipss-mask"
-            :style="
-                show && statusTips
-                    ? 'visibility: visible; opacity: .7;'
-                    : 'visibility: hidden; opacity: 0;'
-            "
-        ></div>
-    </div>
-</template>
-<script src="./index.js"></script>
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>