ui-process-h5 0.1.32 → 0.1.36

package/packages/components/process/src/operation/counterSign.vue

@@ -0,0 +1,178 @@
+<template>
+    <div class="process-popup-content">
+        <div class="process-pc-label">加签理由：</div>
+        <div class="process-pc-value">
+            <div v-if="VueVersion">
+                <uni-easyinput
+                    :clearable="false"
+                    placeholder="请输入加签理由(200字以内)"
+                    :styles="style"
+                    type="textarea"
+                    v-model="commentMsg"
+                />
+            </div>
+            <div v-else>
+                <!--  <van-field
+                    v-model="commentMsg"
+                    rows="2"
+                    label=""
+                    type="textarea"
+                    show-word-limit
+                    placeholder="请输入加签理由(200字以内)"
+                /> -->
+                <div class="process-popup-textarea">
+                    <textarea
+                        v-model="commentMsg"
+                        class="textarea-item"
+                        name="description"
+                        cols="40"
+                        placeholder="请输入加签理由(200字以内)"
+                        maxlength="200"
+                    ></textarea>
+                </div>
+            </div>
+        </div>
+        <TopTips
+            ref="topTips"
+            :text="textTips"
+            :statusTips="statusTips"
+            :type="typeTips"
+        />
+        <!--  <attchViews
+            v-if="labels == '1'"
+            :limit="limit ? limit : -1"
+            :require="require"
+            @getValue="getValues"
+            ref="attchViewsa"
+        /> -->
+    </div>
+</template>
+<script>
+import { isVue2 } from "vue-demi";
+import TopTips from "../tip.vue";
+export default {
+    name: "counterSign",
+    props: {
+        param: {
+            defalut: () => {},
+        },
+    },
+    components: {
+        TopTips,
+    },
+    data() {
+        return {
+            VueVersion: isVue2,
+            commentMsg: "",
+            style: {
+                color: "#333",
+                disableColor: "#F7F6F6",
+            },
+            textTips: "",
+            statusTips: false,
+            typeTips: "success",
+        };
+    },
+    created() {
+        console.log("isVue2", isVue2);
+    },
+    methods: {
+        confirm() {
+            if (!this.commentMsg) {
+                this.textTips = "请输入加签理由!";
+                this.$refs.topTips.handleOpen();
+                return false;
+            }
+            this.handleTips("", true, "loading");
+            this.param.api
+                .createDynamicTask({
+                    title:
+                        this.param.formData.title ||
+                        this.param.formData.reason ||
+                        this.param.formData.meetingTheme,
+                    participant: "87026a8df81e0749ae153c5729357b67",
+                    processInstId: this.param.processInstId,
+                    adHocType: 2,
+                    parentTaskInstId: this.param.taskInstId,
+                    reason: this.commentMsg,
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.$emit("handleClosePopup1");
+                        this.handleTips("提交成功!", false, "success");
+                        this.commentMsg = "";
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                });
+        },
+        handleTips(text, status, type) {
+            this.textTips = text;
+            this.statusTips = status;
+            this.typeTips = type;
+            this.$refs.topTips.handleOpen();
+        },
+    },
+};
+</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;
+}
+
+/deep/ .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%;
+}
+</style>

package/packages/components/process/src/operation/delegateTask.vue

@@ -0,0 +1,168 @@
+<template>
+    <div class="process-popup-content">
+        <div class="process-pc-label">转审理由：</div>
+        <div class="process-pc-value">
+            <div v-if="VueVersion">
+                <uni-easyinput
+                    :clearable="false"
+                    placeholder="请输入转审理由(200字以内)"
+                    :styles="style"
+                    type="textarea"
+                    v-model="commentMsg"
+                />
+            </div>
+            <div v-else>
+                <!--  <van-field
+                    v-model="commentMsg"
+                    rows="2"
+                    label=""
+                    type="textarea"
+                    show-word-limit
+                    placeholder="请输入转审理由(200字以内)"
+                /> -->
+                <div class="process-popup-textarea">
+                    <textarea
+                        v-model="commentMsg"
+                        class="textarea-item"
+                        name="description"
+                        cols="40"
+                        placeholder="请输入转审理由(200字以内)"
+                        maxlength="200"
+                    ></textarea>
+                </div>
+            </div>
+        </div>
+        <TopTips ref="topTips" :text="textTips" />
+        <!--  <attchViews
+            v-if="labels == '1'"
+            :limit="limit ? limit : -1"
+            :require="require"
+            @getValue="getValues"
+            ref="attchViewsa"
+        /> -->
+    </div>
+</template>
+<script>
+import { isVue2 } from "vue-demi";
+import TopTips from "../tip.vue";
+export default {
+    name: "delegateTask",
+    props: {
+        param: {
+            defalut: () => {},
+        },
+    },
+    components: {
+        TopTips,
+    },
+    data() {
+        return {
+            VueVersion: isVue2,
+            commentMsg: "",
+            style: {
+                color: "#333",
+                disableColor: "#F7F6F6",
+            },
+            textTips: "",
+            statusTips: false,
+            typeTips: "success",
+        };
+    },
+    created() {
+        console.log("isVue2", isVue2, this.param);
+    },
+    methods: {
+        async confirm() {
+            if (!this.commentMsg) {
+                this.textTips = "请输入转审理由!";
+                this.$refs.topTips.handleOpen();
+                return;
+            }
+
+            this.handleTips("", true, "loading");
+            await this.param.api
+                .delegate({
+                    delegateReason: this.commentMsg,
+                    taskInstId: this.param.taskInstId,
+                    targetUID: "87026a8df81e0749ae153c5729357b67",
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.$emit("handleClosePopup1");
+                        this.handleTips("提交成功!", false, "success");
+                        this.commentMsg = "";
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                });
+        },
+        handleTips(text, status, type) {
+            this.textTips = text;
+            this.statusTips = status;
+            this.typeTips = type;
+            this.$refs.topTips.handleOpen();
+        },
+    },
+};
+</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;
+}
+
+/deep/ .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%;
+}
+</style>

package/packages/components/process/src/operation/index.js

@@ -0,0 +1,9 @@
+import counterSign from "./counterSign.vue"
+import delegateTask from "./delegateTask.vue"
+import complete from "./complete.vue"
+import cancel from "./cancel.vue"
+import backNode from "./backNode.vue"
+import ccTask from "./ccTask.vue"
+import restart from "./restart.vue"
+
+export { counterSign, delegateTask, complete, cancel, backNode, ccTask, restart }

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

@@ -0,0 +1,172 @@
+<template>
+    <div class="process-popup-content">
+        <div class="process-pc-label">重新提交</div>
+        <div class="process-pc-value">
+            <div v-if="VueVersion">
+                <uni-easyinput
+                    :clearable="false"
+                    placeholder="重新提交"
+                    :styles="style"
+                    type="textarea"
+                    v-model="commentMsg"
+                />
+            </div>
+            <div v-else>
+                <!--  <van-field
+                    v-model="commentMsg"
+                    rows="2"
+                    label=""
+                    type="textarea"
+                    show-word-limit
+                    placeholder="请输入拒绝理由(200字以内)"
+                /> -->
+                <div class="process-popup-textarea">
+                    <textarea
+                        v-model="commentMsg"
+                        class="textarea-item"
+                        name="description"
+                        cols="40"
+                        placeholder="重新提交"
+                        maxlength="200"
+                    ></textarea>
+                </div>
+            </div>
+        </div>
+        <TopTips
+            ref="topTips"
+            :text="textTips"
+            :statusTips="statusTips"
+            :type="typeTips"
+        />
+        <!--  <attchViews
+            v-if="labels == '1'"
+            :limit="limit ? limit : -1"
+            :require="require"
+            @getValue="getValues"
+            ref="attchViewsa"
+        /> -->
+    </div>
+</template>
+<script>
+import { isVue2 } from "vue-demi";
+import TopTips from "../tip.vue";
+export default {
+    name: "restart",
+    props: {
+        param: {
+            defalut: () => {},
+        },
+    },
+    components: {
+        TopTips,
+    },
+    data() {
+        return {
+            VueVersion: isVue2,
+            commentMsg: "",
+            style: {
+                color: "#333",
+                disableColor: "#F7F6F6",
+            },
+            textTips: "",
+            statusTips: false,
+            typeTips: "success",
+        };
+    },
+    created() {
+        console.log("isVue2", isVue2, this.param);
+    },
+    methods: {
+        async confirm() {
+            let params = {
+                isClearHistory: true,
+                processInstId: this.param.processInstId,
+                reactivateReason: "重新提交",
+                multiNodeParticipant: {
+                    obj_41d255cb314942188d3b1ab7d82daf19: [
+                        "87026a8df81e0749ae153c5729357b67",
+                    ],
+                },
+            };
+            this.handleTips("", true, "loading");
+            await this.param.api
+                .reactivate(params)
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.$emit("handleClosePopup1")
+                        this.handleTips("提交成功!", false, "success");
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                })
+        },
+        handleTips(text, status, type) {
+            this.textTips = text;
+            this.statusTips = status;
+            this.typeTips = type;
+            this.$refs.topTips.handleOpen();
+        },
+    },
+};
+</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;
+}
+
+/deep/ .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%;
+}
+</style>