eoss-ui 0.7.20 → 0.7.21

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
             })

package/packages/handler/src/main.vue

@@ -365,7 +365,6 @@ export default {
       return len;
     },
     handleClick(res) {
-      console.log(res);
       const { type, event } = res;
       if (event) {
         event();

package/packages/theme-chalk/lib/flow.css

@@ -1 +1 @@
-@charset "UTF-8";.commonOpinion-set,.es-fenyue-buttons,.es-flow-content,.es-reset-flow{-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-fenyue-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.es-fenyue-buttons-yj{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.required .el-textarea__inner::-webkit-input-placeholder{color:red}.required .el-textarea__inner::-moz-placeholder{color:red}.required .el-textarea__inner:-ms-input-placeholder{color:red}.required .el-textarea__inner::-ms-input-placeholder{color:red}.required .el-textarea__inner::placeholder{color:red}.no-checked .el-checkbox__input{display:none!important}.es-reset-flow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%}.es-reset-flow-form-box{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;margin-bottom:10px}.es-flow-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.es-flow-index{height:100%}.es-flow-index .em-flow-more-btn{display:block;width:100%}.es-flow-index .el-checkbox-group{display:contents}.es-flow-index .es-eidt-title{font-size:13px;color:#333;line-height:20px}.es-flow-index .es-flow-top .es-flow-title{height:40px;line-height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{position:absolute;right:8px;top:4px}.es-flow-index .es-flow-top .es-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .es-flow-top .es-opinion .es-opinion-file{cursor:pointer;position:relative}.es-flow-index .es-flow-top .es-opinion .es-opinion-file .es-file-num{color:red}.es-flow-index .es-button-agree{width:calc(43% - 15px)}.es-flow-index .es-button-agree-save{margin-top:10px}.commonOpinion-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%}.commonOpinion-set .el-table__body-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-flow-index-shrink{width:24px}.es-flow-index-shrink img{cursor:pointer;width:24px;height:24px}.es-flow-btn:hover{background-color:#f5f5f5;color:#1890ff}.es-flow-btn:hover ::v-deep .el-popover{padding:12px 0!important}.es-flow-form .el-checkbox-group{display:contents}.es-flow-index .el-input-group--prepend>.el-input__inner,.es-flow-index .select-process>.el-input__inner{display:none!important}.es-flow-form .el-textarea:first-child,.es-flow-index .el-textarea{width:100%;margin-bottom:10px!important}.es-flow-form .es-opinions .el-select,.es-flow-index .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-select .el-input{width:100%;height:40px}.es-flow-index .process .el-select{width:calc(100% + 40px)!important}.es-flow-index .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-index .select-process .el-input-group__append{height:40px}.es-flow-index .hide-flow-char .el-input-group__append{padding:0}.es-flow-index button.el-button.sub.el-button--primary.el-button--medium{width:calc(100% - 85px)}.es-flow-index .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-index .demo-dynamic .el-select{width:100%!important}.es-flow-index .demo-dynamic .select-process .el-select,.es-flow-index .demo-dynamic .selectUser,.es-flow-index.task-union-examine .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-input.el-input-group.el-input-group--append.el-input-group--prepend{margin:0!important}.es-flow-index .demo-dynamic{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;margin-top:10px}.es-flow-index .es-footer-btn{margin-top:10px}.es-flow-index .es-footer-btn .el-button+.el-button{margin:10px 10px 0 0}.es-flow-index .el-input.is-disabled .el-input__inner{color:#606266}.es-flow-index .es-flow-btn{margin-right:10px}.es-flow-index .es-info{padding:0 8px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.es-flow-index .form-left .el-form-item{margin-bottom:22px!important}.es-flow-index .es-info .el-form-item{margin-bottom:0}.es-flow-index .es-info::-webkit-scrollbar{width:5px}.es-flow-index .news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 0}.es-flow-index .news .sj,.show{width:10px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000;margin-right:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.5s;transition:.5s}.es-flow-index .news .show{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.es-flow-index .el-checkbox{margin:0 10px 10px 0}.es-flow-index .info::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{right:5px!important}.es-flow-form .input-with-select{width:100%;margin-top:0}.custom-limit-time .el-input.el-input--suffix{width:calc(100% + 40px)!important}.custom-limit-time .el-input-group__append{background-color:#1890ff!important;color:#fff!important}.es-flow-form .el-select{width:100%}.es-flow-form .es-opinions .el-select{width:calc(100% + 40px)!important}.select-users .el-input-group__append .el-button span,.select-users .no-icon .el-input-group__append{display:none}.select-users .el-input-group__append{background-color:#1890ff}.select-users .el-input-group__append .el-button i{font-size:18px;color:#fff}.es-flow-form .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-form .el-input-group--prepend>.el-input__inner{display:none!important}.es-flow-form button.el-button.sub.el-button--danger.el-button--medium{width:calc(100% - 85px)}.es-flow-form .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-form .el-form-item__label{font-weight:700}.es-flow-form .el-input.is-disabled .el-input__inner{color:#000}.select-user{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-user .left{width:30%}.select-user .right{padding:3px;width:69%}.select-user .el-checkbox{width:170px;margin-top:11px;margin-bottom:11px}.select-user .all{margin:0!important}.es-flow-index .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.flow-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#1890ff!important;border-color:#1890ff!important}.es-flow-index .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.flow-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.es-flow-index .el-checkbox__input.is-disabled+span.el-checkbox__label,.flow-dialog .el-checkbox__input.is-disabled+span.el-checkbox__label{color:rgba(0,0,0,.85)}
+@charset "UTF-8";.commonOpinion-set,.es-fenyue-buttons,.es-flow-content,.es-reset-flow{-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-fenyue-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.es-fenyue-buttons-yj{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.required .el-textarea__inner::-webkit-input-placeholder{color:red}.required .el-textarea__inner::-moz-placeholder{color:red}.required .el-textarea__inner:-ms-input-placeholder{color:red}.required .el-textarea__inner::-ms-input-placeholder{color:red}.required .el-textarea__inner::placeholder{color:red}.no-checked .el-checkbox__input{display:none!important}.es-reset-flow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%}.es-reset-flow-form-box{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;margin-bottom:10px}.es-flow-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.es-flow-index{height:100%}.es-flow-index .em-flow-more-btn{display:block;width:100%}.es-flow-index .el-checkbox-group{display:contents}.es-flow-index .es-eidt-title{font-size:13px;color:#333;line-height:20px}.es-flow-index .es-flow-top .es-flow-title{height:40px;line-height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{position:absolute;right:8px;top:4px}.es-flow-index .es-flow-top .es-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .es-flow-top .es-opinion .es-opinion-file{cursor:pointer;position:relative}.es-flow-index .es-flow-top .es-opinion .es-opinion-file .es-file-num{color:red}.es-flow-index .es-button-agree{width:calc(43% - 15px)}.es-flow-index .es-button-agree-save{margin-top:10px}.commonOpinion-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%}.commonOpinion-set .el-table__body-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-flow-index-shrink{width:24px}.es-flow-index-shrink img{cursor:pointer;width:24px;height:24px}.es-flow-btn:hover{background-color:#f5f5f5;color:#1890ff}.es-flow-btn:hover ::v-deep .el-popover{padding:12px 0!important}.es-flow-form .el-checkbox-group{display:contents}.es-flow-index .el-input-group--prepend>.el-input__inner,.es-flow-index .select-process>.el-input__inner{display:none!important}.es-flow-form .el-textarea:first-child,.es-flow-index .el-textarea{width:100%;margin-bottom:10px!important}.es-flow-form .es-opinions .el-select,.es-flow-index .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-select .el-input{width:100%;height:40px}.es-flow-index .process .el-select{width:calc(100% + 40px)!important}.es-flow-index .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-index .select-process .el-input-group__append{height:40px}.es-flow-index .hide-flow-char .el-input-group__append{padding:0}.es-flow-index button.el-button.sub.el-button--primary.el-button--medium{width:calc(100% - 85px)}.es-flow-index .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-index .demo-dynamic .el-select{width:100%!important}.es-flow-index .demo-dynamic .select-process .el-select,.es-flow-index .demo-dynamic .selectUser,.es-flow-index.task-union-examine .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-input.el-input-group.el-input-group--append.el-input-group--prepend{margin:0!important}.es-flow-index .demo-dynamic{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;margin-top:10px}.es-flow-index .es-footer-btn{margin-top:10px}.es-flow-index .es-footer-btn .el-button+.el-button{margin:10px 10px 0 0}.es-flow-index .el-input.is-disabled .el-input__inner{color:#606266}.es-flow-index .es-flow-btn{margin-right:10px}.es-flow-index .es-info{padding:0 8px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.es-flow-index .form-left .el-form-item{margin-bottom:22px!important}.es-flow-index .es-info .el-form-item{margin-bottom:0}.es-flow-index .es-info::-webkit-scrollbar{width:5px}.es-flow-index .news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 0}.es-flow-index .news .sj,.show{width:10px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000;margin-right:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.5s;transition:.5s}.es-flow-index .news .show{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.es-flow-index .el-checkbox{margin:0 10px 10px 0}.es-flow-index .info::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{right:5px!important}.es-flow-form .input-with-select{width:100%;margin-top:0}.custom-limit-time .el-input.el-input--suffix{width:calc(100% + 40px)!important}.task-union-examine .custom-limit-time .el-input.el-input--suffix{width:unset!important}.custom-limit-time .el-input-group__append{background-color:#1890ff!important;color:#fff!important}.es-flow-form .el-select{width:100%}.es-flow-form .es-opinions .el-select{width:calc(100% + 40px)!important}.select-users .el-input-group__append .el-button span,.select-users .no-icon .el-input-group__append{display:none}.select-users .el-input-group__append{background-color:#1890ff}.select-users .el-input-group__append .el-button i{font-size:18px;color:#fff}.es-flow-form .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-form .el-input-group--prepend>.el-input__inner{display:none!important}.es-flow-form button.el-button.sub.el-button--danger.el-button--medium{width:calc(100% - 85px)}.es-flow-form .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-form .el-form-item__label{font-weight:700}.es-flow-form .el-input.is-disabled .el-input__inner{color:#000}.select-user{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-user .left{width:30%}.select-user .right{padding:3px;width:69%}.select-user .el-checkbox{width:170px;margin-top:11px;margin-bottom:11px}.select-user .all{margin:0!important}.es-flow-index .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.flow-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#1890ff!important;border-color:#1890ff!important}.es-flow-index .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after,.flow-dialog .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#fff}.es-flow-index .el-checkbox__input.is-disabled+span.el-checkbox__label,.flow-dialog .el-checkbox__input.is-disabled+span.el-checkbox__label{color:rgba(0,0,0,.85)}