eoss-ui 0.4.80 → 0.4.82

package/packages/flow/src/main.vue

@@ -432,14 +432,15 @@
       <div
         class="es-user-defined"
         v-if="
-          nodeInfos.length > 0 ||
-          nodeInfo.option.length > 0 ||
-          operationList.length > 0
+          (nodeInfos.length > 0 ||
+            nodeInfo.option.length > 0 ||
+            operationList.length > 0) &&
+          btnList.length <= 2
         "
       >
         <el-button
           v-show="isSubmitButtonShowAgreeAndDisagree != 1"
-          v-for="item of btnList"
+          v-for="item of btnList.slice(0, 1)"
           :key="item.name"
           :type="item.type"
           :style="btnStyle"
@@ -447,29 +448,78 @@
         >
           {{ item.text }}
         </el-button>
-      </div>
-      <div v-if="!isFlow" class="es-footer-btn">
-        <el-button
-          v-if="rejectObj.fun"
-          type="danger"
-          @click="rejectBtn"
-          class="btn"
-        >
-          驳回
-        </el-button>
 
-        <!-- v-if="pointsReadingObj.fun" -->
-        <el-button v-if="pointsReadingObj.fun" class="btn" @click="taskReadBtn"
-          >分阅</el-button
-        >
-        <el-button
-          class="btn"
-          v-for="item of moreList"
-          :key="item.key"
-          @click="goView(item)"
+        <div
+          v-if="
+            btnList.length > 2 ||
+            (!isFlow && (rejectObj.fun || pointsReadingObj.fun || moreList))
+          "
+          placement="top"
+          trigger="click"
         >
-          {{ item.value }}
-        </el-button>
+          <!-- <div v-if="!isFlow" class="es-footer-btn">
+            <div
+              class="es-flow-btn"
+              style="color: red"
+              v-if="rejectObj.fun"
+              @click="rejectBtn"
+            >
+              驳回
+            </div>
+            <el-button
+              v-if="pointsReadingObj.fun"
+              class="btn"
+              @click="taskReadBtn"
+              >分阅</el-button
+            >
+            <el-button
+              class="btn"
+              v-for="item of moreList"
+              :key="item.key"
+              @click="goView(item)"
+            >
+              {{ item.value }}
+            </el-button>
+          </div> -->
+          <el-button-group slot="reference" style="margin: 0px 10px">
+            <el-button
+              v-show="isSubmitButtonShowAgreeAndDisagree != 1"
+              v-for="item of btnList.slice(1)"
+              :key="item.name"
+              :type="item.type"
+              :style="btnStyle"
+              @click.stop="
+                item.event === 'sub' ? subProcess() : saveInfo(false, item)
+              "
+            >
+              {{ item.text }}
+            </el-button>
+            <el-dropdown
+              v-if="
+                !isFlow &&
+                (rejectObj.fun || pointsReadingObj.fun || moreList.length > 0)
+              "
+              trigger="click"
+              placement="top"
+              style="border-left:1px solid #d9d9d9"
+            >
+              <el-button>...</el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item v-for="item of moreList" :key="item.key">
+                  <div class="btn" @click="goView(item)">
+                    {{ item.value }}
+                  </div>
+                </el-dropdown-item>
+                <el-dropdown-item v-if="pointsReadingObj.fun">
+                  <div class="btn" @click="taskReadBtn">分阅</div>
+                </el-dropdown-item>
+                <el-dropdown-item v-if="rejectObj.fun">
+                  <div style="color: red" @click="rejectBtn">驳回</div>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </el-button-group>
+        </div>
       </div>
     </div>
     <div v-else-if="!shrink" class="es-fenyue-buttons">
@@ -815,6 +865,7 @@ export default {
       nextFlowNode: '',
       currentOrgName: '', //本单位名称
       otherOrgName: '', //外单位名称
+      needRetrialAuth: false, //是否二次鉴权
       nodeInfo: {
         nextNode: '',
         nextUser: '',
@@ -1922,6 +1973,8 @@ export default {
             }
 
             if (nodeInfoMap && JSON.stringify(nodeInfoMap) != '{}') {
+              this.needRetrialAuth =
+                !!nodeInfoMap.nodeExtAttr.isCurrentNodeSubmitNeedRetrialAuth;
               if (nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList) {
                 let notice = JSON.parse(
                   nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList
@@ -2202,6 +2255,7 @@ export default {
             this.value = this.value.replace(RegExp('同意。', 'g'), '');
             this.value = val + this.value;
           }
+          if(!this.validInfo()) return
           if (this.beforeSubmit == undefined) {
             this.subFun(this.sendData);
           } else {
@@ -2214,12 +2268,8 @@ export default {
         }
       });
     },
-    validInfo() {},
-    sendData() {
-      this.$refs['nextNode'].validate(async (valid) => {
-        if (valid) {
-          if (this.isFlow) return (this.handleVisible = true);
-          if (
+    validInfo() {
+       if (
             !this.endFlow &&
             this.newTypeCode != 'fenyue' &&
             !this.shrink &&
@@ -2235,33 +2285,52 @@ export default {
                 this.nextNode.nextUserId == '' ||
                 (this.multiple && this.nextNode.nextUserId.length == 0)
               ) {
-                return this.$message.warning('请选择下步办理人');
+              this.$message.warning('请选择下步办理人');
+                return false
               }
             } else {
               if (
                 this.nextNode.nextOrgId == '' ||
                 (this.multiple && this.nextNode.nextOrgId.length == 0)
               ) {
-                return this.$message.warning('请选择办理对象');
+                 this.$message.warning('请选择办理对象');
+                return false
               }
             }
           }
 
-          let nextUserId = [];
-          if (this.multiple) {
-            this.nextNode.nextUserId &&
-              this.nextNode.nextUserId.map((item) => nextUserId.push(item));
-          }
           if (
             this.nextNode.isAddSign == '1' &&
             this.nextNode.addSignUserId.length == 0
           )
-            return this.$message.warning('请选择加签办理人');
+            {this.$message.warning('请选择加签办理人');
+                return false}
           if (
             this.nextNode.isRemoveSign == '1' &&
             this.nextNode.removeSignUserId.length == 0
-          )
-            return this.$message.warning('请选择减签办理人');
+          ){
+           this.$message.warning('请选择减签办理人');
+                return false
+            }
+          if (!this.value && this.isOpinionRequired === 1) {
+            this.$message.warning('请选择输入审批意见');
+            return false;
+          }
+          if (this.isHideCurrentOrg && !this.nextNode.nextCurrentOrgObjJson) {
+            this.$message.warning(`请选择${this.currentOrgName || '本单位'}`);
+            return false;
+          }
+          return true
+    },
+    sendData() {
+      this.$refs['nextNode'].validate(async (valid) => {
+        if (valid) {
+          if (this.isFlow) return (this.handleVisible = true);
+          let nextUserId = [];
+          if (this.multiple) {
+            this.nextNode.nextUserId &&
+              this.nextNode.nextUserId.map((item) => nextUserId.push(item));
+          }
           let addSignUserId = [];
           if (this.isCanAddSign && this.nextNode.isAddSign == '1') {
             this.nextNode.addSignUserId.map((item) => {
@@ -2274,14 +2343,6 @@ export default {
               removeSignUserId.push(item);
             });
           }
-          if (!this.value && this.isOpinionRequired === 1) {
-            this.$message.warning('请选择输入审批意见');
-            return;
-          }
-          if (this.isHideCurrentOrg && !this.nextNode.nextCurrentOrgObjJson) {
-            this.$message.warning(`请选择${this.currentOrgName || '本单位'}`);
-            return;
-          }
           let str = '';
           if (this.value) {
             str = this.value.replace(/\s+/g, '');
@@ -2350,7 +2411,8 @@ export default {
             choiceOrgId,
             choiceDeptId,
             pOrgId,
-            taskExamineInfo
+            taskExamineInfo,
+            needRetrialAuth
           } = this;
           params.isEndUserTask = isEndUserTask;
           params.choiceOrgId = choiceOrgId;
@@ -2362,6 +2424,7 @@ export default {
           params.processDefinitionId = taskExamineInfo.processDefinitionId;
           params.isSubFlow = taskExamineInfo.isSubFlow;
           params.nodeId = taskExamineInfo.nodeId;
+          params.needRetrialAuth = needRetrialAuth;
           return util
             .ajax({ url: taskHandleHtml, method: 'post', data: params })
             .then((res) => {

package/packages/form/src/main.vue

@@ -4845,7 +4845,10 @@ export default {
                   .then((res) => {
                     loading && loading.close();
                     if (res.rCode === 0) {
-                      this.$message.success(res.msg || res.message || '成功！');
+                      this.showMsg &&
+                        this.$message.success(
+                          res.msg || res.message || '成功！'
+                        );
                       this.$emit('success', res, models);
                       this.models = {};
                       if (this.esTabs) {

package/packages/label/src/main.vue

@@ -77,18 +77,51 @@ export default {
       e.stopPropagation();
       e.preventDefault();
       if (type) {
-        if (
-          this.events &&
-          this.events[type] &&
-          typeof this.events[type] === 'function'
-        ) {
-          let params = obj ? [obj, e] : [e];
-          this.events[type](...params);
+        if (this.events && this.events[type]) {
+          let params = obj ? [obj, e, this] : [e, this];
+          if (typeof this.events[type] === 'function') {
+            this.events[type]('click', ...params);
+          } else if (
+            this.events[type]['click'] &&
+            typeof this.events[type]['click'] === 'function'
+          ) {
+            this.events[type]['click'](...params);
+          }
         }
       } else {
         this.event && this.event(this, e);
         this.$emit('click', this, e);
       }
+    },
+    handleMouseenter(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type && this.events && this.events[type]) {
+        let params = obj ? [obj, e, this] : [e, this];
+        if (typeof this.events[type] === 'function') {
+          this.events[type]('mouseenter', ...params);
+        } else if (
+          this.events[type]['mouseenter'] &&
+          typeof this.events[type]['mouseenter'] === 'function'
+        ) {
+          this.events[type]['mouseenter'](...params);
+        }
+      }
+    },
+    handleMouseleave(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type && this.events && this.events[type]) {
+        let params = obj ? [obj, e, this] : [e, this];
+        if (typeof this.events[type] === 'function') {
+          this.events[type]('mouseleave', ...params);
+        } else if (
+          this.events[type]['mouseleave'] &&
+          typeof this.events[type]['mouseleave'] === 'function'
+        ) {
+          this.events[type]['mouseleave'](...params);
+        }
+      }
     }
   },
   render(h) {
@@ -116,6 +149,12 @@ export default {
                 on: {
                   click: (e) => {
                     this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
                   }
                 }
               })
@@ -133,6 +172,12 @@ export default {
                   on: {
                     click: (e) => {
                       this.handleClick(e, 'icon');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'icon');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'icon');
                     }
                   }
                 },
@@ -140,16 +185,26 @@ export default {
               )
             );
           } else {
+            let icon =
+              this.icon.indexOf('es-') > -1
+                ? 'es-icon-' + this.icon.replace('es-', '')
+                : 'el-icon-' + this.icon.replace('el-', '');
             doms.push(
-              h('el-icon', {
+              h('i', {
                 class: [
+                  icon,
                   'es-label-icon',
                   this.events && this.events['icon'] ? 'es-pointer' : ''
                 ],
-                props: { name: this.icon },
                 on: {
                   click: (e) => {
                     this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
                   }
                 }
               })
@@ -169,6 +224,12 @@ export default {
               on: {
                 click: (e) => {
                   this.handleClick(e, this.image ? 'image' : 'img');
+                },
+                mouseenter: (e) => {
+                  this.handleMouseenter(e, this.image ? 'image' : 'img');
+                },
+                mouseleave: (e) => {
+                  this.handleMouseleave(e, this.image ? 'image' : 'img');
                 }
               }
             })
@@ -227,6 +288,12 @@ export default {
                     on: {
                       click: (e) => {
                         this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
                       }
                     }
                   })
@@ -244,6 +311,12 @@ export default {
                       on: {
                         click: (e) => {
                           this.handleClick(e, 'icon');
+                        },
+                        mouseenter: (e) => {
+                          this.handleMouseenter(e, 'icon');
+                        },
+                        mouseleave: (e) => {
+                          this.handleMouseleave(e, 'icon');
                         }
                       }
                     },
@@ -251,16 +324,26 @@ export default {
                   )
                 );
               } else {
+                let icon =
+                  this.contents[i].indexOf('es-') > -1
+                    ? 'es-icon-' + this.contents[i].replace('es-', '')
+                    : 'el-icon-' + this.contents[i].replace('el-', '');
                 doms.push(
-                  h('el-icon', {
+                  h('i', {
                     class: [
+                      icon,
                       'es-label-icon',
                       this.events && this.events['icon'] ? 'es-pointer' : ''
                     ],
-                    props: { name: this.contents[i] },
                     on: {
                       click: (e) => {
                         this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
                       }
                     }
                   })
@@ -278,6 +361,12 @@ export default {
                   on: {
                     click: (e) => {
                       this.handleClick(e, 'img');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'img');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'img');
                     }
                   }
                 })
@@ -293,7 +382,13 @@ export default {
                   attrs: { src: this.contents[i] },
                   on: {
                     click: (e) => {
-                      this.handleClick(e, 'img');
+                      this.handleClick(e, 'image');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'image');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'image');
                     }
                   }
                 })

package/packages/layout/src/item.vue

@@ -103,14 +103,22 @@ export default {
     });
     this.interaction.resizable({
       modifiers: [
+        // keep the edges inside the parent
+        interact.modifiers.restrictEdges({
+          outer: 'parent'
+        }),
+
+        // minimum size
         interact.modifiers.restrictSize({
-          min: { width: 100, height: 100 },
-          max: { width: this.$parent.$el.offsetWidth }
+          min: { width: 100, height: 100 }
         })
       ],
+
+      //inertia: true,
       edges: { top: true, left: true, bottom: true, right: true },
       listeners: {
         move: function (event) {
+          console.log(1212);
           let { x, y } = event.target.dataset;
 
           x = (parseFloat(x) || 0) + event.deltaRect.left;

package/packages/layout/src/main.vue

@@ -2,6 +2,11 @@
   <div class="es-layout">
     <layout-item></layout-item>
     <layout-item top="100px"></layout-item>
+    <layout-item
+      v-for="(item, index) in contents"
+      :key="item.id || index"
+      v-bind="{ ...item, disabled: disabled }"
+    ></layout-item>
   </div>
 </template>
 <script>
@@ -9,7 +14,10 @@ import layoutItem from './item.vue';
 export default {
   name: 'EsLayout',
   components: { layoutItem },
-  props: {},
+  props: {
+    contents: Array,
+    disabled: Boolean
+  },
   computed: {},
   watch: {},
   data() {

package/packages/main/src/main.vue

@@ -1594,6 +1594,7 @@ export default {
           util.win.open(res.path, '_blank');
           break;
       }
+      this.$emit('handler-click', res);
     },
     //刷新子页面、子路由
     handleRefresh() {

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

@@ -1 +1 @@
-@charset "UTF-8";.commonOpinion-set,.es-flow-index{-webkit-box-orient:vertical;-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.no-checked .el-checkbox__input{display:none!important}.es-flow-index{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.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{height:350px}.es-flow-index .es-flow-top .es-flow-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{margin:0 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;-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-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 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,.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 .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 .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}.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}
+@charset "UTF-8";.commonOpinion-set,.es-flow-index{-webkit-box-orient:vertical;-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.no-checked .el-checkbox__input{display:none!important}.es-flow-index{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.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{height:350px}.es-flow-index .es-flow-top .es-flow-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{margin:0 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;-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 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,.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 .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 .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}.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}