ui-process-h5 0.1.36 → 1.0.1

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

@@ -0,0 +1,174 @@
+<template>
+    <div>
+        <div class="top-msg" v-if="visible">
+            <div
+                v-for="v in listData"
+                class="top-msg-items"
+                @click="handleMsg(v)"
+            >
+                <div class="top-msg-items-text">{{ v.opinionName }}</div>
+                <div class="top-msg-items-del" @click.stop="handleOpenMsg(v)">
+                    <img :src="Del" />
+                </div>
+            </div>
+
+            <!--   -->
+        </div>
+        <TopPopup
+            :isIndex="2299"
+            titleText="操作消息提示"
+            :isTips="true"
+            :context="`将常用意见'${opinion.opinionName}'删除`"
+            :cancel="handleTipsCancel"
+            :comfig="handleDel"
+            v-bind:visible="visibleListMsg"
+            v-on:update:visible="(val) => (visibleListMsg = val)"
+        >
+        </TopPopup>
+    </div>
+</template>
+<script>
+import TopPopup from "../../popup/index.vue";
+import del from "@/assets/status/del.png";
+
+export default {
+    name: "msgList",
+    components: {
+        TopPopup,
+    },
+    props: {
+        visible: {
+            type: Boolean,
+            default: false,
+        },
+        request: {
+            default: null,
+        },
+        useInfo: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            listData: [],
+            visibleListMsg: false,
+            opinion: {},
+            textTips: "",
+            statusTips: false,
+            typeTips: "",
+        };
+    },
+    computed: {
+        Del() {
+            return del;
+        },
+    },
+    watch: {
+        visible: {
+            handler(val, preVal) {
+                // console.log("当前展示:::", val);
+                if (val) {
+                    this.request.get("/auth/user/opinion/my").then((res) => {
+                        // console.log("当前展示:::", this.useInfo);
+                        if (res.code === 200) {
+                            this.listData = res.data;
+                        }
+                    });
+                }
+            },
+        },
+    },
+    methods: {
+        handleMsg(val) {
+            this.$emit("handleMsg", val.opinionName);
+        },
+        handleOpenMsg(val) {
+            this.opinion = val;
+            this.visibleListMsg = true;
+        },
+        handleTipsCancel() {
+            this.visibleListMsg = false;
+        },
+        async handleDel() {
+            if (this.opinion.opinionId) {
+                this.visibleListMsg = false;
+                this.$emit("handleTips", "", true, "loading");
+                await this.request
+                    .get(`/auth/user/opinion/del/${this.opinion.opinionId}`)
+                    .then((res) => {
+                        // console.log("当前展示:::", this.useInfo);
+                        if (res.code === 200) {
+                            this.$emit(
+                                "handleTips",
+                                "删除成功",
+                                true,
+                                "success"
+                            );
+                            this.request
+                                .get("/auth/user/opinion/my")
+                                .then((res) => {
+                                    // console.log("当前展示:::", this.useInfo);
+                                    if (res.code === 200) {
+                                        this.listData = res.data;
+                                    }
+                                });
+                        } else {
+                            this.$emit("handleTips", res.msg, true, "error");
+                        }
+                    })
+                    .catch((error) => {
+                        this.$emit("handleTips", error.msg, true, "error");
+                    });
+            }
+        },
+    },
+};
+</script>
+<style scoped>
+.top-msg {
+    height: 100%;
+    width: 100%;
+}
+
+.top-msg-items {
+    width: 100%;
+    height: 44px;
+    box-sizing: border-box;
+    padding: 16px 20px;
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    position: relative;
+}
+
+.top-msg-items::after {
+    content: "";
+    width: 100%;
+    height: 1px;
+    background-color: #f2f2f2;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+
+.top-msg-items-text {
+    font-size: 14px;
+    color: #333;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    flex: 1;
+}
+
+.top-msg-items-del {
+    width: 20px;
+    height: 20px;
+    margin-left: 20px;
+}
+
+.top-msg-items-del img {
+    width: 100%;
+    height: 100%;
+}
+</style>

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

@@ -0,0 +1,316 @@
+<template>
+    <div class="process-popup-content">
+        <template>
+            <div class="process-pc-label">
+                <div>
+                    {{ getFirstProcessNode.name }}
+                    <br />
+                    <div>审批人<span class="process-pc-label--re">*</span></div>
+                </div>
+            </div>
+            <div
+                class="process-pc-value"
+                @click="handleOpenPopup(getFirstProcessNode.id)"
+            >
+                <div class="process-pc-value--people">
+                    <div
+                        class="process-pc-value--data"
+                        v-if="
+                            partNode[getFirstProcessNode.id] &&
+                            partNode[getFirstProcessNode.id].length
+                        "
+                    >
+                        <span
+                            v-for="(v, i) in partNode[getFirstProcessNode.id]"
+                        >
+                            {{ i == 0 ? v : `,${v}` }}
+                        </span>
+                    </div>
+                    <div
+                        v-else
+                        class="process-pc-value--data"
+                        style="color: #888;"
+                    >
+                        <span>
+                            请选择审批人
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </template>
+        <TopTips
+            ref="topTips"
+            :text="textTips"
+            :statusTips="statusTips"
+            :type="typeTips"
+        />
+        <TopPopup
+            v-bind:visible="visible"
+            v-on:update:visible="(val) => (visible = val)"
+            titleText="选人"
+            :isDrawer="true"
+        >
+            <departPerson
+                :isTitle="false"
+                :visible.sync="visible"
+                :request="param.request"
+                :businessId="param.formData.businessKey"
+                v-bind="entity"
+                @callback="handleCallback"
+                @cancel="handleCancel"
+            >
+            </departPerson>
+        </TopPopup>
+    </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: "restart",
+    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", //'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: {},
+            getFirstProcessNode: {},
+        };
+    },
+    watch: {
+        param: {
+            handler(val, preVal) {
+                console.log("handler::::", val);
+                this.getFirstProcessNode = val.getFirstProcessNode;
+                if (val.getFirstProcessNode && this.getFirstProcessNode) {
+                    if (
+                        val.getFirstProcessNode.type == "userTask" ||
+                        val.getFirstProcessNode.type == "UserTaskModel"
+                    ) {
+                        this.entity.multiple = false;
+                        this.entity.codeType = [3];
+                        this.entity.source = "1";
+                    } else if (
+                        val.getFirstProcessNode.type == "ExclusiveGatewayModel"
+                    ) {
+                    } else if (
+                        val.getFirstProcessNode.type == "InclusiveGatewayModel"
+                    ) {
+                    }
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+    },
+    created() {
+        console.log("isVue2", this.param);
+    },
+    methods: {
+        handleOpenPopup(id) {
+            this.visible = true;
+            this.partObjId = id;
+        },
+        async confirm() {
+            let params = {
+                isClearHistory: false,
+                processInstId: this.param.processInstId,
+                reactivateReason: "重新提交",
+                multiNodeParticipant: this.multiNodeParticipant,
+            };
+            this.handleTips("", true, "loading");
+            await this.param.request
+                .post("/aws/pis/reactivate", params)
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.$emit("handleClosePopup1");
+                        this.handleTips("提交成功!", false, "success");
+                        this.handleFinal();
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                });
+        },
+
+        handleCallback(res) {
+            this.visible = false;
+            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");
+        },
+
+        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%;
+    font-size: 14px;
+}
+.process-pc-label--re {
+    color: #ee0000;
+}
+
+.process-pc-value--people {
+    width: 100%;
+    min-height: 43px;
+    padding: 10px 26px 10px 0;
+    box-sizing: border-box;
+    position: relative;
+    font-size: 14px;
+}
+
+.process-pc-value--people::after {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 1px;
+    background-color: #e8e8e8;
+    bottom: 0;
+    left: 0;
+}
+
+::v-deep .departPerson-main {
+    width: 100% !important;
+    height: 100% !important;
+}
+</style>