ui-process-h5 0.1.40 → 1.0.6

package/src/packages/process/operation/complete.vue

@@ -1,488 +0,0 @@
-<template>
-    <div class="process-popup-content">
-        <div class="process-pc-label">
-            审批意见
-            <span class="process-pc-label--re">*</span>
-        </div>
-        <div class="process-pc-value">
-            <div class="process-popup-textarea">
-                <textarea
-                    v-model="commentMsg"
-                    class="textarea-item"
-                    name="description"
-                    cols="40"
-                    placeholder="请输入审批意见(200字以内)"
-                    maxlength="200"
-                ></textarea>
-            </div>
-        </div>
-
-        <template
-            v-if="
-                taskNode && taskNode.length > 0 && taskNode[0].taskState != 11
-            "
-        >
-            <template v-if="nextNodeData.length">
-                <template v-for="item in nextNodeData">
-                    <template
-                        v-if="
-                            item.type != 'endEvent' &&
-                            isOption(
-                                item?.userTaskModelDTO?.humanPerformer?.name
-                            )
-                        "
-                    >
-                        <div class="process-pc-label">
-                            {{ item.userTaskModelDTO.name }}
-                            <br />
-                            审批人:
-                        </div>
-                        <div
-                            class="process-pc-value"
-                            @click="handleOpenPopup(item.id)"
-                        >
-                            <div class="process-pc-value--people">
-                                <div
-                                    class="process-pc-value--data"
-                                    v-if="
-                                        partNode[item.id] &&
-                                        partNode[item.id].length
-                                    "
-                                >
-                                    <span v-for="(v, i) in partNode[item.id]">
-                                        {{ i == 0 ? v : `,${v}` }}
-                                    </span>
-                                </div>
-                                <div
-                                    v-else
-                                    class="process-pc-value--data"
-                                    style="color: #888;"
-                                >
-                                    <span>
-                                        请选择审批人
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                </template>
-            </template>
-
-            <template v-else-if="outGatewayUserTaskModel.length">
-                <template v-for="item in outGatewayUserTaskModel">
-                    <template
-                        v-if="
-                            item.type != 'endEvent' &&
-                            isOption(item.humanPerformerName)
-                        "
-                    >
-                        <div class="process-pc-label">
-                            {{ item.name }}
-                            <br />
-                            审批人
-                            <span class="process-pc-label--re">*</span>
-                        </div>
-                        <div
-                            class="process-pc-value"
-                            @click="handleOpenPopup(item.id)"
-                        >
-                            <div class="process-pc-value--people">
-                                <div
-                                    class="process-pc-value--data"
-                                    v-if="
-                                        partNode[item.id] &&
-                                        partNode[item.id].length
-                                    "
-                                >
-                                    <span v-for="(v, i) in partNode[item.id]">
-                                        {{ i == 0 ? v : `,${v}` }}
-                                    </span>
-                                </div>
-                                <div
-                                    v-else
-                                    class="process-pc-value--data"
-                                    style="color: #888;"
-                                >
-                                    <span>
-                                        请选择审批人
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                </template>
-            </template>
-        </template>
-        <TopTips
-            ref="topTips"
-            :text="textTips"
-            :statusTips="statusTips"
-            :type="typeTips"
-        />
-        <TopPopup
-            v-bind:visible="visible"
-            v-on:update:visible="(val) => (visible = val)"
-            ref="TopPopup"
-            titleText="选人"
-            :isDrawer="true"
-        >
-            <departPerson
-                :visible.sync="visible"
-                :request="param.request"
-                :businessId="param.formData.businessKey"
-                v-bind="entity"
-                @callback="handleCallback"
-                @cancel="handleCancel"
-            >
-            </departPerson>
-            <!-- 初始测试啊啊啊啊啊啊 -->
-        </TopPopup>
-
-        <attchViews
-            v-if="labels == '1'"
-            :limit="limit ? limit : -1"
-            :requires="requires"
-            :request="param.request"
-            :linkUrl="param.linkUrl"
-            @getValue="getValues"
-        />
-
-        <!--  -->
-    </div>
-</template>
-<script>
-import TopTips from "../../tip/index.vue";
-import attchViews from "../../attchUpload/index.vue";
-import TopPopup from "../../popup/index.vue";
-import { departPerson } from "checked-pick-app";
-export default {
-    name: "complete",
-    props: {
-        param: {
-            type: Object,
-            defalut: () => {},
-        },
-    },
-    components: {
-        TopTips,
-        attchViews,
-        TopPopup,
-        departPerson,
-    },
-    data() {
-        return {
-            commentMsg: "",
-            style: {
-                color: "#333",
-                disableColor: "#F7F6F6",
-            },
-            textTips: "",
-            statusTips: false,
-            typeTips: "success",
-            // annex 附件属性
-            limit: "",
-            requires: "",
-            labels: "",
-            otherList: "",
-            attchLists: [],
-            // next
-            nextNodeData: [],
-            taskNode: [],
-
-            outGatewayUserTaskModel: [],
-            formData: {},
-
-            // 选人组件
-            visible: false,
-            entity: {
-                source: "0",
-                type: "0",
-                request: this.param.request, //'http://59.53.91.231:2100' 0002
-                businessId: this.param.businessKey,
-                codeType: [3], // 可选类型 1-主体 2-部门 3-人员
-                multiple: true, // 是否多选
-            },
-            /* {
-                source: "0",
-                type: "0",
-                request: this.param.request, //'http://59.53.91.231:2100' 0002
-                businessId: "6a9aaf5742572e82b5d89d6f7e52e2f2",
-                codeType: [3], // 可选类型 1-主体 2-部门 3-人员
-                multiple: true, // 是否多选
-            } */
-            // 存储选人信息
-            multiNodeParticipant: {},
-            // 当前评估对象
-            partObjId: [],
-            // 选中人员信息
-            partNode: {},
-        };
-    },
-    watch: {
-        param: {
-            handler(val, preVal) {
-                this.nextNodeData = val.nextNodeData;
-                this.taskNode = val.taskNode;
-                this.outGatewayUserTaskModel = val.outGatewayUserTaskModel;
-                if (val.nextNodeData.length) {
-                    console.log("handler::::", this.nextNodeData[0]);
-                    if (
-                        this.nextNodeData[0].type == "userTask" ||
-                        this.nextNodeData[0].type == "UserTaskModel"
-                    ) {
-                        this.entity.multiple = false;
-                        this.entity.codeType = [3];
-                        this.entity.source = "1";
-                    } else if (
-                        this.nextNodeData[0].type == "ExclusiveGatewayModel"
-                    ) {
-                    } else if (
-                        this.nextNodeData[0].type == "InclusiveGatewayModel"
-                    ) {
-                    }
-                } else if (val.outGatewayUserTaskModel.length) {
-                    if (
-                        val.outGatewayUserTaskModel[0].type == "userTask" ||
-                        val.outGatewayUserTaskModel[0].type == "UserTaskModel"
-                    ) {
-                        this.entity.multiple = false;
-                        this.entity.codeType = [3];
-                        this.entity.source = "1";
-                    } else if (
-                        val.outGatewayUserTaskModel[0].type ==
-                        "ExclusiveGatewayModel"
-                    ) {
-                    } else if (
-                        val.outGatewayUserTaskModel[0].type ==
-                        "InclusiveGatewayModel"
-                    ) {
-                    }
-                }
-            },
-            immediate: true,
-            deep: true,
-        },
-    },
-    created() {
-        console.log("isVue2", this.param);
-        this.makeDelegateTaskButtonAnnex();
-    },
-    methods: {
-        handleOpenPopup(id) {
-            this.visible = true;
-            this.partObjId = id;
-        },
-
-        async confirm() {
-            if (!this.commentMsg) {
-                this.handleTips("请输入审批意见!", false, "success");
-                return;
-            }
-
-            if (this.requires && this.attchLists.length <= 0) {
-                this.handleTips("请上传附件!", false, "success");
-                return;
-            }
-
-            /*  let multiNodeParticipant =  {
-                [this.nextNodeData[0].id]:this.nextNodeData[0].
-            } */
-
-            this.handleTips("", true, "loading");
-            await this.param.request
-                .post("/aws/tis/complete", {
-                    actionName: "提交",
-                    commentMsg: this.commentMsg,
-                    taskInstId: this.param.taskInstId,
-                    vars: this.param.vars,
-                    multiNodeParticipant: this.multiNodeParticipant,
-                })
-                .then((res) => {
-                    if (res.code == 200) {
-                        if (this.attchLists.length > 0) {
-                            this.uploadAttch();
-                            return;
-                        }
-
-                        this.$emit("handleClosePopup1");
-                        this.handleTips("提交成功!", false, "success");
-                        this.handleFinal();
-                        this.commentMsg = "";
-                    } else {
-                        this.handleTips(res.msg, true, "error");
-                    }
-                });
-        },
-        makeDelegateTaskButtonAnnex() {
-            if (this.param.annex && this.param.annex.length) {
-                this.otherList = this.param.annex;
-                let str = this.otherList.split(";");
-                this.limit = str[2];
-                this.requires = JSON.parse(str[1]);
-                this.labels = str[0];
-                console.log(
-                    "makeDelegateTaskButtonAnnex",
-                    this.otherList,
-                    this.limit,
-                    this.requires,
-                    this.labels
-                );
-            }
-        },
-
-        handleCallback(res) {
-            this.multiNodeParticipant[this.partObjId] = [];
-            this.partNode[this.partObjId] = [];
-            res.map((v, i) => {
-                this.multiNodeParticipant[this.partObjId].push(v.uid);
-                this.partNode[this.partObjId].push(v.name);
-            });
-            console.log("callback_OK", res, this.multiNodeParticipant);
-        },
-        handleCancel() {
-            console.log("cancel_No");
-        },
-
-        getValues(data) {
-            console.log("获取当前附件信息::::", data);
-            this.attchLists = data;
-        },
-
-        async uploadAttch() {
-            if (this.attchLists.length > 0) {
-                this.attchLists.map((v, i) => {
-                    v.size = v.fileSize;
-                    v.format = v.originFileName.substring(
-                        v.originFileName.lastIndexOf(".") + 1
-                    );
-                    v.uploadTime = v.createTime;
-                    v.processInstId = this.param.processInstId;
-                    v.taskInstId = this.param.taskInstId;
-                    v.name = v.originFileName;
-                });
-
-                let param = this.attchLists;
-                const ress = await this.param.request.post(
-                    "/aws/meta/annex/patchSave",
-                    {
-                        saveMetaAnnexCmdList: param,
-                    }
-                );
-                console.log("asd", ress);
-                if (ress.success) {
-                    this.$emit("handleClosePopup1");
-                    this.handleTips("提交成功!", false, "success");
-                    this.commentMsg = "";
-                } else {
-                    this.handleTips("上传失败", true, "error");
-                }
-            }
-        },
-
-        isOption(humanPerformer) {
-            return (
-                humanPerformer == "任意指定" ||
-                humanPerformer == "固定部门" ||
-                humanPerformer == "固定单位" ||
-                humanPerformer == "与流程申请人所在组织结构的位置相关" ||
-                humanPerformer == "固定群组"
-            );
-        },
-
-        handleTips(text, status, type) {
-            this.textTips = text;
-            this.statusTips = status;
-            this.typeTips = type;
-            this.$refs.topTips.handleOpen();
-        },
-
-        handleFinal() {
-            if (this.param.endFunction) {
-                this.param.endFunction();
-            }
-        },
-    },
-};
-</script>
-<style scoped>
-.process-popup-content {
-    flex: 1;
-}
-
-.process-popup-content .process-pc-label {
-    font-size: 15px;
-    display: flex;
-    align-items: center;
-    font-weight: 400;
-    color: #333333;
-    padding-top: 20px;
-    padding-bottom: 5px;
-}
-
-.process-popup-content .process-pc-value .van-field {
-    border-bottom: 1px solid #e8e8e8;
-    padding: 0;
-}
-
-.input-padding {
-    padding: 0;
-}
-
-.process-popup-textarea {
-    position: relative;
-    width: 100%;
-    height: 62px;
-    min-height: 62px;
-}
-
-.process-popup-textarea::after {
-    position: absolute;
-    content: "";
-    width: 100%;
-    height: 1px;
-    background-color: #f2f2f2;
-    bottom: 0;
-    left: 0;
-}
-
-.process-popup-textarea .textarea-item {
-    resize: none;
-    background: none;
-    color: inherit;
-    opacity: 1;
-    font: inherit;
-    line-height: inherit;
-    letter-spacing: inherit;
-    text-align: inherit;
-    text-indent: inherit;
-    text-transform: inherit;
-    text-shadow: inherit;
-    outline: none;
-    border: none;
-    padding: 0;
-    margin: 0;
-    text-decoration: inherit;
-    height: 100%;
-}
-.process-pc-label--re {
-    color: #ee0000;
-}
-
-.process-pc-value--people {
-    width: 100%;
-    height: 43px;
-    padding: 10px 26px 10px 0;
-    box-sizing: border-box;
-    position: relative;
-}
-
-.process-pc-value--people::after {
-    position: absolute;
-    content: "";
-    width: 100%;
-    height: 1px;
-    background-color: #e8e8e8;
-    bottom: 0;
-    left: 0;
-}
-</style>