eoss-ui 0.7.20 → 0.7.22

package/packages/flow/src/form.vue

@@ -1,121 +1,121 @@
-<template>
-  <div class="es-from" v-loading="loading">
-    <el-form
-      ref="dynamicValidateForm"
-      :label-position="labelPosition"
-      :model="newData"
-      :label-width="labelWidth"
-      class="demo-dynamic"
-    >
-      <el-form-item
-        prop="sort"
-        label="排序号"
-        :rules="[{ required: true, message: `请输入排序号`, trigger: 'blur' }]"
-      >
-        <el-input
-          v-model="newData.sort"
-          :placeholder="`请输入入排序号`"
-        ></el-input>
-      </el-form-item>
-      <el-form-item
-        prop="content"
-        label="内容"
-        :rules="[{ required: true, message: `请输入内容`, trigger: 'blur' }]"
-      >
-        <el-input
-          v-model="newData.content"
-          :placeholder="`请输入内容`"
-        ></el-input>
-      </el-form-item>
-      <!-- <el-form-item> -->
-      <!-- </el-form-item> -->
-    </el-form>
-    <div style="text-align: right">
-      <el-button
-        v-show="showSubBtn"
-        type="primary"
-        size="small"
-        @click="submitForm('dynamicValidateForm')"
-      >
-        保存
-      </el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { addCommonOpion, editCommonOpion } from 'eoss-ui/src/config/api';
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'ideas',
-  componentName: 'ideas',
-  props: {
-    data: {
-      type: Object,
-      default: () => {}
-    },
-    formItemList: {
-      type: Array,
-      default: () => []
-    },
-    labelWidth: {
-      type: String,
-      default: '100px'
-    },
-    showSubBtn: {
-      type: Boolean,
-      default: true
-    },
-    labelPosition: {
-      type: String,
-      default: 'left'
-    }
-  },
-  data() {
-    return {
-      formList: [],
-      loading: false,
-      newData: {},
-      index: 0
-    };
-  },
-  mounted() {
-    this.data.id ? this.add(this.data.id) : this.add();
-  },
-  methods: {
-    add(id) {
-      this.loading = true;
-      util
-        .ajax({
-          url: id ? editCommonOpion : addCommonOpion,
-          params: { id }
-        })
-        .then((res) => {
-          const { status, message, data } = res;
-          if (status == 'success') {
-            this.newData = data.bean;
-          } else {
-            this.$message.error(message || '系统错误，请联系管理员！');
-          }
-          this.loading = false;
-        })
-        .catch((err) => {
-          this.loading = false;
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    submitForm(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.$emit('subMit', { addVisible: false, data: this.newData });
-          this.$emit('sub-mit', { addVisible: false, data: this.newData });
-        } else {
-          return false;
-        }
-      });
-    }
-  }
-};
-</script>
+<template>
+  <div class="es-from" v-loading="loading">
+    <el-form
+      ref="dynamicValidateForm"
+      :label-position="labelPosition"
+      :model="newData"
+      :label-width="labelWidth"
+      class="demo-dynamic"
+    >
+      <el-form-item
+        prop="sort"
+        label="排序号"
+        :rules="[{ required: true, message: `请输入排序号`, trigger: 'blur' }]"
+      >
+        <el-input
+          v-model="newData.sort"
+          :placeholder="`请输入入排序号`"
+        ></el-input>
+      </el-form-item>
+      <el-form-item
+        prop="content"
+        label="内容"
+        :rules="[{ required: true, message: `请输入内容`, trigger: 'blur' }]"
+      >
+        <el-input
+          v-model="newData.content"
+          :placeholder="`请输入内容`"
+        ></el-input>
+      </el-form-item>
+      <!-- <el-form-item> -->
+      <!-- </el-form-item> -->
+    </el-form>
+    <div style="text-align: right">
+      <el-button
+        v-show="showSubBtn"
+        type="primary"
+        size="small"
+        @click="submitForm('dynamicValidateForm')"
+      >
+        保存
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { addCommonOpion, editCommonOpion } from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'ideas',
+  componentName: 'ideas',
+  props: {
+    data: {
+      type: Object,
+      default: () => {}
+    },
+    formItemList: {
+      type: Array,
+      default: () => []
+    },
+    labelWidth: {
+      type: String,
+      default: '100px'
+    },
+    showSubBtn: {
+      type: Boolean,
+      default: true
+    },
+    labelPosition: {
+      type: String,
+      default: 'left'
+    }
+  },
+  data() {
+    return {
+      formList: [],
+      loading: false,
+      newData: {},
+      index: 0
+    };
+  },
+  mounted() {
+    this.data.id ? this.add(this.data.id) : this.add();
+  },
+  methods: {
+    add(id) {
+      this.loading = true;
+      util
+        .ajax({
+          url: id ? editCommonOpion : addCommonOpion,
+          params: { id }
+        })
+        .then((res) => {
+          const { status, message, data } = res;
+          if (status == 'success') {
+            this.newData = data.bean;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.loading = false;
+        })
+        .catch((err) => {
+          this.loading = false;
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('subMit', { addVisible: false, data: this.newData });
+          this.$emit('sub-mit', { addVisible: false, data: this.newData });
+        } else {
+          return false;
+        }
+      });
+    }
+  }
+};
+</script>

package/packages/flow/src/main.vue

@@ -129,7 +129,7 @@
       :appId="resetAppId"
       :params="param"
       :showOther="showOther"
-          :selectorParams="selectorParams"
+      :selectorParams="selectorParams"
       :formLabelPosition="formLabelPosition"
       :simpleTips="simpleTips"
     />
@@ -245,6 +245,7 @@
           ref="nextNode"
           :model="isFlow ? nodeInfo : nextNode"
           class="demo-dynamic"
+          :rules="rules"
           :label-width="
             startFlowPageEmbeddedIntoStartFlowIndex ? '100px' : '120px'
           "
@@ -483,40 +484,7 @@
                     :tabs="nextUserTabs"
                   />
                 </el-form-item>
-                <el-form-item
-                  v-if="enableCustomLimitTimeSetting"
-                  prop="customLimitTime"
-                  label="限时办理"
-                >
-                  <el-input
-                    v-model="nextNode.customLimitTime"
-                    placeholder="请输入限时办理的天数"
-                    @change="changeCustomLimitTime"
-                    class="input-with-select custom-limit-time"
-                  >
-                    <es-select
-                      v-if="!showCustomLimitTimeText"
-                      v-model="nextNode.customLimitTime"
-                      placeholder="请选择"
-                      slot="prepend"
-                      sysCode="bpm_custom_limit_time"
-                    ></es-select>
-                    <es-button
-                      type="primary"
-                      slot="append"
-                      @click="
-                        () => {
-                          nextNode.customLimitTime = '';
-                          showCustomLimitTimeText = !showCustomLimitTimeText;
-                        }
-                      "
-                      >切换{{
-                        showCustomLimitTimeText ? '选择框' : '文本框'
-                      }}</es-button
-                    >
-                  </el-input>
-                </el-form-item>
-
+               
                 <el-form-item
                   v-if="isHideCurrentOrg && nextNode.isReturnSubmitter != 1"
                   prop="nextCurrentOrgObj"
@@ -610,6 +578,41 @@
                     :tabs="tabs"
                   />
                 </el-form-item>
+                 <el-form-item
+                  v-if="enableCustomLimitTimeSetting"
+                  prop="customLimitTime"
+                  label="限时办理"
+                  style="margin-bottom: 10px"
+                >
+                  <el-input
+                    v-model="nextNode.customLimitTime"
+                    placeholder="请输入限时办理的天数"
+                    @change="changeCustomLimitTime"
+                    class="input-with-select custom-limit-time"
+                  >
+                    <es-select
+                      v-if="!showCustomLimitTimeText"
+                      v-model="nextNode.customLimitTime"
+                      placeholder="请选择"
+                      slot="prepend"
+                      sysCode="bpm_custom_limit_time"
+                    ></es-select>
+                    <es-button
+                      type="primary"
+                      slot="append"
+                      @click="
+                        () => {
+                          nextNode.customLimitTime = '';
+                          showCustomLimitTimeText = !showCustomLimitTimeText;
+                        }
+                      "
+                      >切换{{
+                        showCustomLimitTimeText ? '选择框' : '文本框'
+                      }}</es-button
+                    >
+                  </el-input>
+                </el-form-item>
+
                 <el-form-item
                   v-if="isHandleExplain == 1"
                   prop="handleExplain"
@@ -1239,7 +1242,12 @@ export default {
       type: Object,
       default: () => {}
     },
-    selectorParams: { type: Object, default: () => {return {}} },
+    selectorParams: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
     width: {
       type: String
     },
@@ -1467,8 +1475,8 @@ export default {
     this.currentOrgSelectorParams.filid = JSON.parse(
       util.getStorage('mainConfig')
     ).userModel.orgId;
-    this.foreignOrgSelectorParams.roleid = this.currentOrgSelectorParams.roleid =
-      this.selectorParams.roleid;
+    this.foreignOrgSelectorParams.roleid =
+      this.currentOrgSelectorParams.roleid = this.selectorParams.roleid;
     this.nextNode.nextNodeId = this.nextNodeId;
     if (!this.isFlow) {
       this.getInfo();
@@ -1545,6 +1553,18 @@ export default {
     }
   },
   computed: {
+    rules() {
+      return {
+        customLimitTime: [
+          {
+            required:this.enableCustomLimitTimeSetting,
+            message: this.showCustomLimitTimeText?'请输入限时办理天数' : '请选择限时办理天数',
+            trigger: 'blur'
+          },
+          {required:this.enableCustomLimitTimeSetting, validator: this.checkCustomLimitTime, trigger: 'change' }
+        ]
+      };
+    },
     tabs() {
       return {
         employee: {
@@ -1586,6 +1606,25 @@ export default {
     }
   },
   methods: {
+       limitTimevalidate() {
+      let validSate = true;
+      this.$refs.nextNode.validate((valid) => {
+        if (valid) {
+          validSate = true;
+        } else {
+          validSate = false;
+        }
+      });
+      return validSate;
+    },
+    checkCustomLimitTime(rule, value, callback){
+      if (!Number(value) || value.indexOf('.') != -1 || Number(value) < 0) {
+        callback(new Error('请输入正确的天数'))
+        this.nextNode.customLimitTime = '';
+      }else{
+        callback()
+      }
+    },
     getAdminMsgType() {
       let params = {
         url: getUrgencyLevelChangedNotificationType,
@@ -1675,7 +1714,7 @@ export default {
           //   });
           // }
           this.optionsKey++;
-          this.isOpinionRequired = res.data.nodeExtAttr.isOpinionRequired == 1;
+          this.isOpinionRequired = res.data.nodeExtAttr.isOpinionRequired;
           this.showOpinion = false;
           setTimeout(() => {
             this.showOpinion = true;
@@ -2590,6 +2629,9 @@ export default {
               data.nodeExtAttr.currentNodeEnableItemHandleDescription == 1;
             this.enableCustomLimitTimeSetting =
               data.nodeExtAttr.enableCustomLimitTimeSetting == 1;
+            if(this.enableCustomLimitTimeSetting && data.nodeMoreInfo.defaultCustomLimitDays){
+              this.nextNode.customLimitTime = data.nodeMoreInfo.defaultCustomLimitDays + ''
+            }
             data.otherOrgDisabledObjId &&
               (this.otherOrgDisabledObjId =
                 data.otherOrgDisabledObjId.split(','));
@@ -3082,7 +3124,6 @@ export default {
               }
               this.isCurrentNodeForbiddenChangeCandidate =
                 nodeInfoMap.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
-              console.log(opinion,'opinionopinionopinion')
               this.value = opinion || '';
               this.nodeDefaultSubmitOpinion =
                 nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;

package/packages/flow/src/processForm.vue

@@ -11,6 +11,7 @@
       :model="nextNode"
       class="demo-dynamic"
       label-width="100px"
+      :rules="rules"
       :label-position="labelPosition"
     >
       <div
@@ -76,7 +77,7 @@
           prop="nextNode"
           label="下步节点"
           :rules="[
-            { required: true, message: `请选择下步节点`, trigger: 'blur' }
+            { required: false, message: `请选择下步节点`, trigger: 'blur' }
           ]"
         >
           <el-select
@@ -209,12 +210,26 @@
           v-if="enableCustomLimitTimeSetting"
           prop="customLimitTime"
           label="限时办理"
+          :rules="[
+            {
+              required: enableCustomLimitTimeSetting,
+              message: showCustomLimitTimeText
+                ? '请输入限时办理天数'
+                : '请选择限时办理天数',
+              trigger: 'blur'
+            },
+            {
+              required: enableCustomLimitTimeSetting,
+              validator: checkCustomLimitTime,
+              trigger: 'blur'
+            }
+          ]"
         >
           <el-input
             v-model="nextNode.customLimitTime"
             placeholder="请输入限时办理的天数"
-            @change="changeCustomLimitTime"
             class="input-with-select custom-limit-time"
+            @change="changeCustomLimitTime"
           >
             <es-select
               v-if="!showCustomLimitTimeText"
@@ -248,7 +263,11 @@
             v-model="nextNode.handleExplain"
           />
         </el-form-item>
-        <el-form-item prop="noticeType" label="通知方式" v-show="showBtn && nextNode.noticeList.length>0">
+        <el-form-item
+          prop="noticeType"
+          label="通知方式"
+          v-show="showBtn && nextNode.noticeList.length > 0"
+        >
           <el-checkbox-group v-model="nextNode.noticeType">
             <el-checkbox
               v-for="item of nextNode.noticeList"
@@ -327,7 +346,10 @@
         </div>
       </el-form-item>
     </el-form>
-    <div v-if="!showBtn && nextNode.noticeList.length>0" style="padding: 5px; background: #fff">
+    <div
+      v-if="!showBtn && nextNode.noticeList.length > 0"
+      style="padding: 5px; background: #fff"
+    >
       <div class="news" @click="showNews = !showNews">
         <span class="news-item">消息通知</span>
         <span :class="showNews ? 'show' : 'sj'"></span>
@@ -444,18 +466,18 @@ export default {
       default: ''
     },
     showBtn: { type: Boolean, default: true },
-    messageType:{
-      type:Array,
+    messageType: {
+      type: Array,
       default: () => []
     },
-    urgencyLevel:{
-      type:[Number,String],
-      default:''
-    },
-    keyCount:{
-      type:[Number,String],
-      default:0
+    urgencyLevel: {
+      type: [Number, String],
+      default: ''
     },
+    keyCount: {
+      type: [Number, String],
+      default: 0
+    }
   },
   data() {
     return {
@@ -547,12 +569,12 @@ export default {
         userInfo: [],
         handleExplain: '',
         noticeList: [],
-        msgTypeCount:0
+        msgTypeCount: 0
       }
     };
   },
   watch: {
-    messageType:{
+    messageType: {
       handler(val) {
         if (this.urgencyLevel) {
           this.nextNode.noticeList = val;
@@ -565,8 +587,8 @@ export default {
             });
           });
           this.nextNode.noticeType = arr;
-        }else{
-          this.msgTypeCount++
+        } else {
+          this.msgTypeCount++;
         }
       }
     },
@@ -596,6 +618,24 @@ export default {
     }
   },
   computed: {
+    rules() {
+      return {
+        customLimitTime: [
+          {
+            required: this.enableCustomLimitTimeSetting,
+            message: this.showCustomLimitTimeText
+              ? '请输入限时办理天数'
+              : '请选择限时办理天数',
+            trigger: 'blur'
+          },
+          {
+            required: this.enableCustomLimitTimeSetting,
+            validator: this.checkCustomLimitTime,
+            trigger: 'blur'
+          }
+        ]
+      };
+    },
     types() {
       if (this.isCdjxjTaskHandle == 'true') {
         return ['employee', 'enterprise', 'department'];
@@ -608,7 +648,7 @@ export default {
     this.getUserInfo();
   },
   mounted() {
-    if(!this.urgencyLevel){
+    if (!this.urgencyLevel) {
       this.getNodeType();
     }
     this.getStartFlow(this.processDefinitionId);
@@ -619,8 +659,27 @@ export default {
     }
   },
   methods: {
+    limitTimevalidate() {
+      let validSate = true;
+      this.$refs.nextNode.validate((valid) => {
+        if (valid) {
+          validSate = true;
+        } else {
+          validSate = false;
+        }
+      });
+      return validSate;
+    },
+    checkCustomLimitTime(rule, value, callback) {
+      if (!Number(value) || value.indexOf('.') != -1 || Number(value) < 0) {
+        callback(new Error('请输入正确的天数'));
+        this.nextNode.customLimitTime = '';
+      } else {
+        callback();
+      }
+    },
     handleChange() {
-      this.isChangeMessage = true
+      this.isChangeMessage = true;
     },
     changeCustomLimitTime(val) {
       if (!Number(val) || val.indexOf('.') != -1 || Number(val) < 0) {
@@ -783,7 +842,10 @@ export default {
           if (res.status === 'success') {
             if (!this.showBtn) {
               this.oldMessage = res.message;
-              this.nextNode.noticeInfo = res.message.replace('{title}', this.formTitle);
+              this.nextNode.noticeInfo = res.message.replace(
+                '{title}',
+                this.formTitle
+              );
             } else {
               this.nextNode.noticeInfo = res.message;
             }
@@ -847,7 +909,6 @@ export default {
           let params = {
             processDefinitionId: this.processDefinitionId,
             nextUserId: this.multiple ? newNextUser.join(',') : nextUser,
-            customLimitTime,
             nextNodeId: nextNode,
             businessId: this.businessId,
             notificationType: newNoticeType,
@@ -870,6 +931,22 @@ export default {
                 : presetReadUserId.join(','),
             opinion: this.newOpinion || newOpinion
           };
+          if (this.enableCustomLimitTimeSetting) {
+            params.customLimitTime = customLimitTime;
+            if (!customLimitTime) {
+              this.$message.warning('请选择或输入限时办理的天数');
+              this.nextNode.customLimitTime = '';
+              return;
+            } else if (
+              !Number(customLimitTime) ||
+              val.indexOf('.') != -1 ||
+              Number(customLimitTime) < 0
+            ) {
+              this.$message.warning('请输入正确的天数');
+              this.nextNode.customLimitTime = '';
+              return;
+            }
+          }
           if (this.activeNames != '1') delete params.customPresetUserJson;
           if (this.isFreeStartFlow || this.formType === 'readTransfer') {
             let newParm = {};
@@ -890,7 +967,7 @@ export default {
                     : '';
               }
             }
-            
+
             newParm.submitTaskParamJson = JSON.stringify(this.taskParams);
             if (this.formType == 'readTransfer') {
               newParm.readTransferHandleStartFlowParamJson =
@@ -902,17 +979,19 @@ export default {
             }
             params = newParm;
           }
-          if(this.copyHistory && !this.isFreeStartFlow){
-              params.pendingId = this.pendingId
-              delete params.businessId;
-            }
+          if (this.copyHistory && !this.isFreeStartFlow) {
+            params.pendingId = this.pendingId;
+            delete params.businessId;
+          }
           util
             .ajax({
               url: this.isFreeStartFlow
                 ? freeStartFlowWithSubmitTask
                 : this.formType == 'readTransfer'
                 ? startReadTransferHandleFlowWithTaskReadEnd
-                : this.copyHistory? freeStartFlow : register,
+                : this.copyHistory
+                ? freeStartFlow
+                : register,
               method: 'post',
               data: params
             })