@lambo-design/workflow-approve 1.0.0-beta.140 → 1.0.0-beta.141

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/workflow-approve",
-  "version": "1.0.0-beta.140",
+  "version": "1.0.0-beta.141",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/components/history.vue

@@ -361,6 +361,59 @@
     <Modal title="查看附件" v-model="modalDocx" fullscreen scrollable :mask="false">
       <div ref="file"></div>
     </Modal>
+    <Modal
+        v-model="remindModalVisible"
+        title="催办提醒"
+        width="640"
+        class-name="todo-remind-modal"
+        @on-cancel="closeRemindModal"
+    >
+      <div class="todo-remind-dialog">
+        <div class="todo-remind-row">
+          <div class="todo-remind-label">催办类型：</div>
+          <CheckboxGroup v-model="remindForm.types" class="todo-remind-type-group">
+            <Checkbox label="MESSAGE">系统消息</Checkbox>
+            <Checkbox label="SMS">短信提醒</Checkbox>
+          </CheckboxGroup>
+        </div>
+        <div class="todo-remind-row todo-remind-row-top">
+          <div class="todo-remind-label">催办内容：</div>
+          <div class="todo-remind-body">
+            <Input
+                ref="remindContent"
+                v-model="remindForm.content"
+                type="textarea"
+                :rows="6"
+                :maxlength="500"
+                show-word-limit
+                placeholder="请输入催办内容"
+                class="todo-remind-textarea"
+                @on-focus="syncRemindCursor"
+                @on-click="syncRemindCursor"
+                @on-keyup="syncRemindCursor"
+                @on-select="syncRemindCursor"
+            />
+          </div>
+        </div>
+        <div class="todo-remind-row todo-remind-row-top">
+          <div class="todo-remind-label">占位变量：</div>
+          <div class="todo-remind-body todo-remind-variable-list">
+            <button
+                v-for="item in remindVariableList"
+                :key="item.key"
+                type="button"
+                class="todo-remind-variable"
+                @mousedown.prevent="insertRemindVariable(item)"
+            >
+              {{ item.label }}
+            </button>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <Button type="primary" :loading="remindSubmitting" @click="submitRemind">催办</Button>
+      </template>
+    </Modal>
   </div>
 </template>
 
@@ -425,6 +478,53 @@ export default {
       itemList: [],
       auditNameList: [],
       displayPushButton: false,
+      remindModalVisible: false,
+      remindSubmitting: false,
+      currentRemindRow: null,
+      remindCursorStart: 0,
+      remindCursorEnd: 0,
+      remindForm: {
+        types: ['MESSAGE'],
+        content: ''
+      },
+      remindVariableList: [
+        {
+          key: 'applyId',
+          label: '申请编码'
+        },
+        {
+          key: 'applyUserName',
+          label: '发起人'
+        },
+        {
+          key: 'procName',
+          label: '流程名称'
+        },
+        {
+          key: 'procTypeName',
+          label: '流程类型'
+        },
+        {
+          key: 'startTime',
+          label: '发起时间'
+        },
+        {
+          key: 'businessTopic',
+          label: '业务主题'
+        },
+        {
+          key: 'busKeyDes',
+          label: '业务描述'
+        },
+        {
+          key: 'taskName',
+          label: '环节名称'
+        },
+        {
+          key: 'orgName',
+          label: '区域名称'
+        }
+      ],
       sortBy: this.historySortBy,
       pendingActiveName: [], // 控制待审批折叠面板的展开状态
     }
@@ -602,37 +702,142 @@ export default {
   },
   methods: {
     pushHim(item, auditName, index) {
-      if (this.isDebouncing) {
-        return;
+      this.openRemindModal(item, auditName, index)
+    },
+    getRemindContextRow(item, auditName, index) {
+      const applyUser = item && item.applyUser ? String(item.applyUser) : ''
+      const applyUserName = applyUser && applyUser.indexOf(':') > -1 ? applyUser.split(':')[1] : applyUser
+      const auditIds = item && item.auditId
+      const auditId = Array.isArray(auditIds) ? auditIds[index] : auditIds
+      return Object.assign({}, item, {
+        applyUserName,
+        auditName,
+        auditId,
+        startTime: this.formatDateTime(item && item.startDate),
+        procInstanceId: item && (item.procInstanceId || item.instanceId) ? (item.procInstanceId || item.instanceId) : ''
+      })
+    },
+    openRemindModal(item, auditName, index) {
+      this.currentRemindRow = this.getRemindContextRow(item || {}, auditName, index)
+      this.remindModalVisible = true
+    },
+    closeRemindModal() {
+      this.remindModalVisible = false
+      this.$nextTick(() => {
+        this.resetRemindForm()
+      })
+    },
+    resetRemindForm() {
+      this.currentRemindRow = null
+      this.remindCursorStart = 0
+      this.remindCursorEnd = 0
+      this.remindSubmitting = false
+      this.remindForm = {
+        types: ['MESSAGE'],
+        content: ''
       }
-
-      this.isDebouncing = true;
-      // 设置一个延时，例如 1 秒，之后重置防抖状态
-      setTimeout(() => {
-        this.isDebouncing = false;
-      }, 2000);
-
-      let self = this;
-      let applyUserName = item.applyUser.split(":")[1];
-      let params = {
-        applyUserName: applyUserName,
-        auditName: auditName,
-        auditId: item.auditId[index],
-        procName: item.procName,
-        effectTime: item.startDate,
-        expireTime: item.warningDate,
-        applyId: item.applyId,
-        taskNode: item.taskNode
-      };
-      let url = self.smartFlowServerContext + "/manage/processTodo/sendMessage";
-      ajax.post(url, params).then(function (resp) {
-        console.log("message  ", resp);
-        if (resp.data.code == 200) {
-          self.$Message.success("催办成功");
-        } else {
-          self.$Message.error("催办失败");
+    },
+    syncRemindCursor() {
+      this.$nextTick(() => {
+        const inputRef = this.$refs.remindContent
+        const textarea = inputRef && inputRef.$refs ? inputRef.$refs.textarea : null
+        if (!textarea) {
+          return
         }
-      });
+        this.remindCursorStart = typeof textarea.selectionStart === 'number' ? textarea.selectionStart : 0
+        this.remindCursorEnd = typeof textarea.selectionEnd === 'number' ? textarea.selectionEnd : this.remindCursorStart
+      })
+    },
+    insertRemindVariable(variable) {
+      const key = variable && variable.key ? variable.key : ''
+      const rawValue = key && this.currentRemindRow ? this.currentRemindRow[key] : ''
+      const value = rawValue === null || rawValue === undefined || rawValue === '--' ? '' : String(rawValue)
+      if (!value) {
+        return
+      }
+      const currentContent = this.remindForm.content || ''
+      const inputRef = this.$refs.remindContent
+      const textarea = inputRef && inputRef.$refs ? inputRef.$refs.textarea : null
+      const selectionStart = textarea && typeof textarea.selectionStart === 'number' ? textarea.selectionStart : this.remindCursorStart
+      const selectionEnd = textarea && typeof textarea.selectionEnd === 'number' ? textarea.selectionEnd : this.remindCursorEnd
+      const start = Math.max(0, Math.min(selectionStart, currentContent.length))
+      const end = Math.max(start, Math.min(selectionEnd, currentContent.length))
+      this.remindForm.content = `${currentContent.slice(0, start)}${value}${currentContent.slice(end)}`
+      this.$nextTick(() => {
+        const currentInputRef = this.$refs.remindContent
+        const currentTextarea = currentInputRef && currentInputRef.$refs ? currentInputRef.$refs.textarea : null
+        if (currentTextarea && typeof currentTextarea.focus === 'function') {
+          currentTextarea.focus()
+          const nextPosition = start + value.length
+          if (typeof currentTextarea.setSelectionRange === 'function') {
+            currentTextarea.setSelectionRange(nextPosition, nextPosition)
+          }
+          this.remindCursorStart = nextPosition
+          this.remindCursorEnd = nextPosition
+        }
+      })
+    },
+    submitRemind() {
+      if (this.remindSubmitting) {
+        return
+      }
+      if (!this.remindForm.types.length) {
+        this.$Message.warning('请选择至少一种催办类型')
+        return
+      }
+      const messageContent = (this.remindForm.content || '').trim()
+      if (!messageContent) {
+        this.$Message.warning('请输入催办内容')
+        return
+      }
+      const remindRow = this.currentRemindRow || {}
+      const taskNode = remindRow.taskNode
+      const procInstanceId = remindRow.procInstanceId
+      if (!taskNode || !procInstanceId) {
+        this.$Message.error('催办参数缺失，无法提交')
+        return
+      }
+      const actionTypes = this.remindForm.types.filter(Boolean)
+      if (!actionTypes.length) {
+        this.$Message.error('催办类型转换失败')
+        return
+      }
+      const requestUrl = this.smartFlowServerContext + '/manage/processTodo/urgeTask'
+      const actionType = actionTypes.join(',')
+      this.remindSubmitting = true
+      this.$Spin.show()
+      ajax.post(requestUrl, { taskNode, procInstanceId, actionType, messageContent }).then((resp) => {
+        const successCodes = ['200', 200]
+        if (!resp || !resp.data || successCodes.indexOf(resp.data.code) === -1) {
+          const message = resp && resp.data && resp.data.message ? resp.data.message : '催办失败'
+          this.$Message.error(message)
+          this.closeRemindModal()
+          return
+        }
+        this.$Message.success('催办成功')
+        this.closeRemindModal()
+      }).catch(() => {
+        this.$Message.error('催办失败')
+      }).finally(() => {
+        this.remindSubmitting = false
+        this.$Spin.hide()
+      })
+    },
+    formatDateTime(value) {
+      if (!value) {
+        return '--'
+      }
+      const date = new Date(value)
+      if (Number.isNaN(date.getTime())) {
+        return '--'
+      }
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
     },
     getAttach(row) {
       window.open(this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId, "_blank");
@@ -890,4 +1095,87 @@ export default {
   padding: 5px !important;
 }
 
+.todo-remind-dialog {
+  padding: 8px 8px 0;
+}
+
+.todo-remind-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.todo-remind-row-top {
+  align-items: flex-start;
+}
+
+.todo-remind-label {
+  width: 96px;
+  flex-shrink: 0;
+  color: #17233d;
+  line-height: 32px;
+  text-align: right;
+}
+
+.todo-remind-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.todo-remind-type-group {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 20px;
+  min-height: 32px;
+}
+
+.todo-remind-type-group .ivu-checkbox-wrapper {
+  margin-right: 0;
+}
+
+.todo-remind-textarea textarea {
+  resize: none;
+  min-height: 132px;
+}
+
+.todo-remind-variable-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.todo-remind-variable {
+  min-width: 72px;
+  height: 28px;
+  padding: 0 10px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background: #fff;
+  color: #515a6e;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 12px;
+  line-height: 28px;
+}
+
+.todo-remind-variable:hover {
+  color: #2d8cf0;
+  border-color: #2d8cf0;
+  background: #f0faff;
+}
+
+.todo-remind-modal .ivu-modal-header {
+  padding: 16px 24px;
+}
+
+.todo-remind-modal .ivu-modal-body {
+  padding: 20px 24px 12px;
+}
+
+.todo-remind-modal .ivu-modal-footer {
+  padding: 10px 24px 20px;
+  border-top: none;
+}
+
 </style>