ui-process-h5 0.1.40 → 1.0.1

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

@@ -1,5 +1,14 @@
 <template>
     <div class="process-popup-content">
+        <div v-if="param.isMsg">
+            <div
+                class="process-radio-item"
+                @click="handleOpenMsg()"
+                style="color: #1389ff; font-size: 14px;"
+            >
+                常用意见
+            </div>
+        </div>
         <div class="process-pc-label">
             加签理由：<span class="process-pc-label--re">*</span>
         </div>
@@ -14,6 +23,11 @@
                     maxlength="200"
                 ></textarea>
             </div>
+            <div class="msg-btn" v-if="param.isMsg">
+                <span class="msg-btn-click" @click="handleMakeMsg()"
+                    >设置为常用意见</span
+                >
+            </div>
         </div>
 
         <template
@@ -23,18 +37,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 }}
+                    <template v-if="item.type != 'endEvent'">
+                        <div>
                             <br />
-                            审批人:
+                            审批人
+                            <span class="process-pc-label--re">*</span>
                         </div>
                         <div
                             class="process-pc-value"
@@ -126,9 +133,9 @@
             :isDrawer="true"
         >
             <departPerson
+                :isTitle="false"
                 :visible.sync="visible"
                 :request="param.request"
-                :businessId="param.formData.businessKey"
                 v-bind="entity"
                 @callback="handleCallback"
                 @cancel="handleCancel"
@@ -145,6 +152,32 @@
             :linkUrl="param.linkUrl"
             @getValue="getValues"
         />
+        <TopPopup
+            v-bind:visible="visibleListMsg"
+            v-on:update:visible="(val) => (visibleListMsg = val)"
+            ref="TopPopup"
+            titleText="常用意见"
+            :isDrawer="true"
+        >
+            <MsgList
+                :visible="visibleListMsg"
+                :request="param.request"
+                :useInfo="param.userInfo"
+                @handleTips="handleTips"
+                @handleMsg="handleMsg"
+            ></MsgList>
+        </TopPopup>
+
+        <TopPopup
+            titleText="操作消息提示"
+            :isTips="true"
+            :context="`将${commentMsg}设置为常用意见`"
+            :cancel="handleTipsCancel"
+            :comfig="handleTipsComfig"
+            v-bind:visible="visibleMsgComfig"
+            v-on:update:visible="(val) => (visibleMsgComfig = val)"
+        >
+        </TopPopup>
     </div>
 </template>
 <script>
@@ -152,6 +185,7 @@ import TopTips from "../../tip/index.vue";
 import attchViews from "../../attchUpload/index.vue";
 import TopPopup from "../../popup/index.vue";
 import { departPerson } from "checked-pick-app";
+import MsgList from "./msgList.vue";
 export default {
     name: "counterSign",
     props: {
@@ -165,6 +199,7 @@ export default {
         attchViews,
         TopPopup,
         departPerson,
+        MsgList,
     },
     data() {
         return {
@@ -195,9 +230,9 @@ export default {
                 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, // 是否多选
+                checkedArray: [],
             },
             /* {
                 source: "0",
@@ -213,6 +248,10 @@ export default {
             partObjId: [],
             // 选中人员信息
             partNode: {},
+            actionName: "",
+
+            visibleListMsg: false,
+            visibleMsgComfig: false,
         };
     },
     watch: {
@@ -221,8 +260,9 @@ export default {
                 this.nextNodeData = val.nextNodeData;
                 this.taskNode = val.taskNode;
                 this.outGatewayUserTaskModel = val.outGatewayUserTaskModel;
+                this.actionName = val.actionName;
                 if (val.nextNodeData.length) {
-                    console.log("handler::::", this.nextNodeData[0]);
+                    // console.log("handler::::", this.nextNodeData[0]);
                     if (
                         this.nextNodeData[0].type == "userTask" ||
                         this.nextNodeData[0].type == "UserTaskModel"
@@ -230,6 +270,7 @@ export default {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
                         this.entity.source = "1";
+                        this.entity.checkedArray = [];
                     } else if (
                         this.nextNodeData[0].type == "ExclusiveGatewayModel"
                     ) {
@@ -242,6 +283,7 @@ export default {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
                         this.entity.source = "1";
+                        this.entity.checkedArray = [];
                     } else if (
                         val.outGatewayUserTaskModel[0].type ==
                         "ExclusiveGatewayModel"
@@ -255,6 +297,7 @@ export default {
                     ) {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
+                        this.entity.checkedArray = [];
                         this.entity.source = "1";
                     }
                 }
@@ -264,10 +307,47 @@ export default {
         },
     },
     created() {
-        console.log("isVue2", this.param);
+        // console.log("isVue2", this.param);
         this.makeDelegateTaskButtonAnnex();
     },
     methods: {
+        // 设置msg
+        handleMakeMsg() {
+            if (this.commentMsg == "" && !this.commentMsg.length) {
+                this.handleTips("请输入审批意见!", false, "success");
+                this.visibleMsgComfig = false;
+            } else {
+                this.visibleMsgComfig = true;
+            }
+        },
+        handleOpenMsg() {
+            this.visibleListMsg = true;
+        },
+        handleTipsCancel() {
+            this.visibleMsgComfig = false;
+        },
+        handleTipsComfig() {
+            this.handleTips("", true, "loading");
+            this.visibleMsgComfig = false;
+            this.param.request
+                .post("/auth//user/opinion/save", {
+                    opinionName: this.commentMsg,
+                })
+                .then((res) => {
+                    if (res.code === 200) {
+                        this.handleTips("设置成功!", true, "success");
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                })
+                .catch((error) => {
+                    this.handleTips(error.msg, true, "error");
+                });
+        },
+        handleMsg(val) {
+            this.commentMsg = val;
+            this.visibleListMsg = false;
+        },
         handleOpenPopup(id) {
             this.visible = true;
             this.partObjId = id;
@@ -303,6 +383,7 @@ export default {
                     if (res.code == 200) {
                         this.$emit("handleClosePopup1");
                         this.handleTips("提交成功!", false, "success");
+                        this.handleFinal();
                         this.commentMsg = "";
                     } else {
                         this.handleTips(res.msg, true, "error");
@@ -316,31 +397,37 @@ export default {
                 this.limit = str[2];
                 this.requires = JSON.parse(str[1]);
                 this.labels = str[0];
-                console.log(
+                /*  console.log(
                     "makeDelegateTaskButtonAnnex",
                     this.otherList,
                     this.limit,
                     this.requires,
                     this.labels
-                );
+                ); */
             }
         },
 
         handleCallback(res) {
+            console.log("111:::", 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);
+                this.entity.checkedArray.push({
+                    type: 3,
+                    uid: v.uid,
+                });
             });
-            console.log("callback_OK", res, this.multiNodeParticipant);
+            // console.log("callback_OK", res, this.multiNodeParticipant);
         },
         handleCancel() {
-            console.log("cancel_No");
+            // console.log("cancel_No");
         },
 
         getValues(data) {
-            console.log("获取当前附件信息::::", data);
+            // console.log("获取当前附件信息::::", data);
             this.attchLists = data;
         },
 
@@ -364,11 +451,11 @@ export default {
                         saveMetaAnnexCmdList: param,
                     }
                 );
-                console.log("asd", ress);
+                // console.log("asd", ress);
                 if (ress.success) {
                     this.$emit("handleClosePopup1");
                     this.handleTips("提交成功!", false, "success");
-                    this.handleFinal()
+                    this.handleFinal();
                     this.commentMsg = "";
                 } else {
                     this.handleTips("上传失败", true, "error");
@@ -392,10 +479,10 @@ export default {
             this.typeTips = type;
             this.$refs.topTips.handleOpen();
         },
-        
+
         handleFinal() {
             if (this.param.endFunction) {
-                this.param.endFunction();
+                this.param.endFunction("counterSign");
             }
         },
     },
@@ -460,6 +547,11 @@ export default {
     margin: 0;
     text-decoration: inherit;
     height: 100%;
+    font-size: 14px;
+}
+
+.process-popup-textarea .textarea-item::placeholder {
+    line-height: 4;
 }
 .process-pc-label--re {
     color: #ee0000;
@@ -467,10 +559,11 @@ export default {
 
 .process-pc-value--people {
     width: 100%;
-    height: 43px;
+    min-height: 43px;
     padding: 10px 26px 10px 0;
     box-sizing: border-box;
     position: relative;
+    font-size: 14px;
 }
 
 .process-pc-value--people::after {
@@ -482,4 +575,16 @@ export default {
     bottom: 0;
     left: 0;
 }
+
+::v-deep .departPerson-main {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.msg-btn {
+    font-size: 14px;
+    margin: 8px 0;
+    text-align: right;
+    color: #1890ff;
+}
 </style>

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

@@ -1,5 +1,14 @@
 <template>
     <div class="process-popup-content">
+        <div v-if="param.isMsg">
+            <div
+                class="process-radio-item"
+                @click="handleOpenMsg()"
+                style="color: #1389ff; font-size: 14px;"
+            >
+                常用意见
+            </div>
+        </div>
         <div class="process-pc-label">
             转审理由：<span class="process-pc-label--re">*</span>
         </div>
@@ -14,6 +23,11 @@
                     maxlength="200"
                 ></textarea>
             </div>
+            <div class="msg-btn" v-if="param.isMsg">
+                <span class="msg-btn-click" @click="handleMakeMsg()"
+                    >设置为常用意见</span
+                >
+            </div>
         </div>
 
         <template
@@ -23,18 +37,12 @@
         >
             <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">
+                    <template v-if="item.type != 'endEvent'">
+                        <div>
                             {{ item.userTaskModelDTO.name }}
                             <br />
-                            审批人:
+                            审批人
+                            <span class="process-pc-label--re">*</span>
                         </div>
                         <div
                             class="process-pc-value"
@@ -126,9 +134,9 @@
             :isDrawer="true"
         >
             <departPerson
+                :isTitle="false"
                 :visible.sync="visible"
                 :request="param.request"
-                :businessId="param.formData.businessKey"
                 v-bind="entity"
                 @callback="handleCallback"
                 @cancel="handleCancel"
@@ -145,6 +153,33 @@
             :linkUrl="param.linkUrl"
             @getValue="getValues"
         />
+
+        <TopPopup
+            v-bind:visible="visibleListMsg"
+            v-on:update:visible="(val) => (visibleListMsg = val)"
+            ref="TopPopup"
+            titleText="常用意见"
+            :isDrawer="true"
+        >
+            <MsgList
+                :visible="visibleListMsg"
+                :request="param.request"
+                :useInfo="param.userInfo"
+                @handleTips="handleTips"
+                @handleMsg="handleMsg"
+            ></MsgList>
+        </TopPopup>
+
+        <TopPopup
+            titleText="操作消息提示"
+            :isTips="true"
+            :context="`将${commentMsg}设置为常用意见`"
+            :cancel="handleTipsCancel"
+            :comfig="handleTipsComfig"
+            v-bind:visible="visibleMsgComfig"
+            v-on:update:visible="(val) => (visibleMsgComfig = val)"
+        >
+        </TopPopup>
     </div>
 </template>
 <script>
@@ -152,6 +187,7 @@ import TopTips from "../../tip/index.vue";
 import attchViews from "../../attchUpload/index.vue";
 import TopPopup from "../../popup/index.vue";
 import { departPerson } from "checked-pick-app";
+import MsgList from "./msgList.vue";
 export default {
     name: "delegateTask",
     props: {
@@ -165,6 +201,7 @@ export default {
         attchViews,
         TopPopup,
         departPerson,
+        MsgList,
     },
     data() {
         return {
@@ -195,9 +232,9 @@ export default {
                 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, // 是否多选
+                checkedArray: [],
             },
             /* {
                 source: "0",
@@ -213,6 +250,10 @@ export default {
             partObjId: [],
             // 选中人员信息
             partNode: {},
+            actionName: "",
+
+            visibleListMsg: false,
+            visibleMsgComfig: false,
         };
     },
     watch: {
@@ -221,8 +262,9 @@ export default {
                 this.nextNodeData = val.nextNodeData;
                 this.taskNode = val.taskNode;
                 this.outGatewayUserTaskModel = val.outGatewayUserTaskModel;
+                this.actionName = val.actionName;
                 if (val.nextNodeData.length) {
-                    console.log("handler::::", this.nextNodeData[0]);
+                    // console.log("handler::::", this.nextNodeData[0]);
                     if (
                         this.nextNodeData[0].type == "userTask" ||
                         this.nextNodeData[0].type == "UserTaskModel"
@@ -230,6 +272,7 @@ export default {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
                         this.entity.source = "1";
+                        this.entity.checkedArray = [];
                     } else if (
                         this.nextNodeData[0].type == "ExclusiveGatewayModel"
                     ) {
@@ -242,6 +285,7 @@ export default {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
                         this.entity.source = "1";
+                        this.entity.checkedArray = [];
                     } else if (
                         val.outGatewayUserTaskModel[0].type ==
                         "ExclusiveGatewayModel"
@@ -256,6 +300,7 @@ export default {
                         this.entity.multiple = true;
                         this.entity.codeType = [3];
                         this.entity.source = "1";
+                        this.entity.checkedArray = [];
                     }
                 }
             },
@@ -264,10 +309,47 @@ export default {
         },
     },
     created() {
-        console.log("isVue2", this.param);
+        // console.log("isVue2", this.param);
         this.makeDelegateTaskButtonAnnex();
     },
     methods: {
+        // 设置msg
+        handleMakeMsg() {
+            if (this.commentMsg == "" && !this.commentMsg.length) {
+                this.handleTips("请输入审批意见!", false, "success");
+                this.visibleMsgComfig = false;
+            } else {
+                this.visibleMsgComfig = true;
+            }
+        },
+        handleOpenMsg() {
+            this.visibleListMsg = true;
+        },
+        handleTipsCancel() {
+            this.visibleMsgComfig = false;
+        },
+        handleTipsComfig() {
+            this.handleTips("", true, "loading");
+            this.visibleMsgComfig = false;
+            this.param.request
+                .post("/auth//user/opinion/save", {
+                    opinionName: this.commentMsg,
+                })
+                .then((res) => {
+                    if (res.code === 200) {
+                        this.handleTips("设置成功!", true, "success");
+                    } else {
+                        this.handleTips(res.msg, true, "error");
+                    }
+                })
+                .catch((error) => {
+                    this.handleTips(error.msg, true, "error");
+                });
+        },
+        handleMsg(val) {
+            this.commentMsg = val;
+            this.visibleListMsg = false;
+        },
         handleOpenPopup(id) {
             this.visible = true;
             this.partObjId = id;
@@ -298,6 +380,7 @@ export default {
                     if (res.code == 200) {
                         this.$emit("handleClosePopup1");
                         this.handleTips("提交成功!", false, "success");
+                        this.handleFinal();
                         this.commentMsg = "";
                     } else {
                         this.handleTips(res.msg, true, "error");
@@ -311,31 +394,37 @@ export default {
                 this.limit = str[2];
                 this.requires = JSON.parse(str[1]);
                 this.labels = str[0];
-                console.log(
+                /* console.log(
                     "makeDelegateTaskButtonAnnex",
                     this.otherList,
                     this.limit,
                     this.requires,
                     this.labels
-                );
+                ); */
             }
         },
 
         handleCallback(res) {
+            console.log("111:::", 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);
+                this.entity.checkedArray.push({
+                    type: 3,
+                    uid: v.uid,
+                });
             });
-            console.log("callback_OK", res, this.multiNodeParticipant);
+            // console.log("callback_OK", res, this.multiNodeParticipant);
         },
         handleCancel() {
-            console.log("cancel_No");
+            // console.log("cancel_No");
         },
 
         getValues(data) {
-            console.log("获取当前附件信息::::", data);
+            // console.log("获取当前附件信息::::", data);
             this.attchLists = data;
         },
 
@@ -359,11 +448,11 @@ export default {
                         saveMetaAnnexCmdList: param,
                     }
                 );
-                console.log("asd", ress);
+                // console.log("asd", ress);
                 if (ress.success) {
                     this.$emit("handleClosePopup1");
                     this.handleTips("提交成功!", false, "success");
-                    this.handleFinal()
+                    this.handleFinal();
                     this.commentMsg = "";
                 } else {
                     this.handleTips("上传失败", true, "error");
@@ -390,7 +479,7 @@ export default {
 
         handleFinal() {
             if (this.param.endFunction) {
-                this.param.endFunction();
+                this.param.endFunction("delegateTask");
             }
         },
     },
@@ -455,6 +544,11 @@ export default {
     margin: 0;
     text-decoration: inherit;
     height: 100%;
+    font-size: 14px;
+}
+
+.process-popup-textarea .textarea-item::placeholder {
+    line-height: 4;
 }
 .process-pc-label--re {
     color: #ee0000;
@@ -462,10 +556,11 @@ export default {
 
 .process-pc-value--people {
     width: 100%;
-    height: 43px;
+    min-height: 43px;
     padding: 10px 26px 10px 0;
     box-sizing: border-box;
     position: relative;
+    font-size: 14px;
 }
 
 .process-pc-value--people::after {
@@ -477,4 +572,16 @@ export default {
     bottom: 0;
     left: 0;
 }
+
+::v-deep .departPerson-main {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.msg-btn {
+    font-size: 14px;
+    margin: 8px 0;
+    text-align: right;
+    color: #1890ff;
+}
 </style>