eoss-ui 0.4.79 → 0.4.81

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
@@ -2350,7 +2403,8 @@ export default {
             choiceOrgId,
             choiceDeptId,
             pOrgId,
-            taskExamineInfo
+            taskExamineInfo,
+            needRetrialAuth
           } = this;
           params.isEndUserTask = isEndUserTask;
           params.choiceOrgId = choiceOrgId;
@@ -2362,6 +2416,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

@@ -72,6 +72,8 @@
                       >
                         <es-label
                           :contents="item.label"
+                          :event="item.label.event"
+                          :events="item.label.events"
                           v-if="item.label"
                         ></es-label>
                         <span v-if="item.text || item.type === 'text'">{{
@@ -247,6 +249,8 @@
                           showLabel
                         "
                         :contents="item.label"
+                        :event="item.label.event"
+                        :events="item.label.events"
                         :plain="item.plain || item.name === undefined"
                       ></es-label>
                       <es-input-number
@@ -1182,6 +1186,8 @@
                       showLabel
                     "
                     :contents="item.label"
+                    :event="item.label.event"
+                    :events="item.label.events"
                     :plain="item.plain || item.name === undefined"
                   ></es-label>
                   <es-input-number
@@ -1978,6 +1984,8 @@
                     <div v-else :key="index" class="es-collapse-title-handler">
                       <es-label
                         :contents="item.label"
+                        :event="item.label.event"
+                        :events="item.label.events"
                         v-if="item.label"
                       ></es-label>
                       <span v-if="item.text || item.type === 'text'">{{
@@ -2143,6 +2151,8 @@
                         showLabel
                       "
                       :contents="item.label"
+                      :event="item.label.event"
+                      :events="item.label.events"
                       :plain="item.plain || item.name === undefined"
                     ></es-label>
                     <es-input-number
@@ -3030,6 +3040,8 @@
                     showLabel
                   "
                   :contents="item.label"
+                  :event="item.label.event"
+                  :events="item.label.events"
                   :plain="item.plain || item.name === undefined"
                 ></es-label>
                 <es-input-number

package/packages/form/src/table.vue

@@ -111,6 +111,8 @@
               >
                 <es-label
                   :contents="item.label"
+                  :event="item.label.event"
+                  :events="item.label.events"
                   :plain="item.plain"
                   :rules="item.rules"
                   v-if="item.type !== 'table'"
@@ -156,6 +158,8 @@
                   <es-label
                     v-if="item.type === 'label' || item.type === 'empty'"
                     :contents="item.text"
+                    :event="item.label.event"
+                    :events="item.label.events"
                   ></es-label>
                   <el-form-item
                     v-else

package/packages/label/src/main.vue

@@ -44,7 +44,9 @@ export default {
       type: String,
       default: '120px'
     },
-    plain: Boolean
+    plain: Boolean,
+    events: Object,
+    event: Function
   },
   computed: {
     isRequired() {
@@ -70,6 +72,58 @@ export default {
     };
   },
   mounted() {},
+  methods: {
+    handleClick(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type) {
+        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) {
     let i = 0;
     let doms = [];
@@ -88,16 +142,71 @@ export default {
           ) {
             doms.push(
               h('i', {
-                class: this.icon
+                class: [
+                  this.icon,
+                  this.events && this.events['icon'] ? 'es-pointer' : ''
+                ],
+                on: {
+                  click: (e) => {
+                    this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
+                  }
+                }
               })
             );
           } else if (this.icon.indexOf('&#') > -1) {
-            doms.push(h('i', { class: 'es-label-icon es-icons' }, [this.icon]));
+            doms.push(
+              h(
+                'i',
+                {
+                  class: [
+                    'es-label-icon',
+                    'es-icons',
+                    this.events && this.events['icon'] ? 'es-pointer' : ''
+                  ],
+                  on: {
+                    click: (e) => {
+                      this.handleClick(e, 'icon');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'icon');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'icon');
+                    }
+                  }
+                },
+                [this.icon]
+              )
+            );
           } 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', {
-                class: 'es-label-icon',
-                props: { name: this.icon }
+              h('i', {
+                class: [
+                  icon,
+                  'es-label-icon',
+                  this.events && this.events['icon'] ? 'es-pointer' : ''
+                ],
+                on: {
+                  click: (e) => {
+                    this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
+                  }
+                }
               })
             );
           }
@@ -105,8 +214,24 @@ export default {
         if (this.image || this.img) {
           doms.push(
             h('img', {
-              class: 'es-label-img',
-              attrs: { src: this.image || this.img }
+              class: [
+                'es-label-img',
+                this.events && (this.events['image'] || this.events['img'])
+                  ? 'es-pointer'
+                  : ''
+              ],
+              attrs: { src: this.image || this.img },
+              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');
+                }
+              }
             })
           );
         }
@@ -156,20 +281,71 @@ export default {
               ) {
                 doms.push(
                   h('i', {
-                    class: this.contents[i]
+                    class: [
+                      this.contents[i],
+                      this.events && this.events['icon'] ? 'es-pointer' : ''
+                    ],
+                    on: {
+                      click: (e) => {
+                        this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
+                      }
+                    }
                   })
                 );
               } else if (this.contents[i].indexOf('&#') > -1) {
                 doms.push(
-                  h('i', { class: 'es-label-icon es-icons' }, [
-                    this.contents[i]
-                  ])
+                  h(
+                    'i',
+                    {
+                      class: [
+                        'es-label-icon',
+                        'es-icons',
+                        this.events && this.events['icon'] ? 'es-pointer' : ''
+                      ],
+                      on: {
+                        click: (e) => {
+                          this.handleClick(e, 'icon');
+                        },
+                        mouseenter: (e) => {
+                          this.handleMouseenter(e, 'icon');
+                        },
+                        mouseleave: (e) => {
+                          this.handleMouseleave(e, 'icon');
+                        }
+                      }
+                    },
+                    [this.contents[i]]
+                  )
                 );
               } 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', {
-                    class: 'es-label-icon',
-                    props: { name: this.contents[i] }
+                  h('i', {
+                    class: [
+                      icon,
+                      'es-label-icon',
+                      this.events && this.events['icon'] ? 'es-pointer' : ''
+                    ],
+                    on: {
+                      click: (e) => {
+                        this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
+                      }
+                    }
                   })
                 );
               }
@@ -177,16 +353,44 @@ export default {
             case 'img':
               doms.push(
                 h('img', {
-                  class: 'es-label-img',
-                  attrs: { src: this.contents[i] }
+                  class: [
+                    'es-label-img',
+                    this.events && this.events['img'] ? 'es-pointer' : ''
+                  ],
+                  attrs: { src: this.contents[i] },
+                  on: {
+                    click: (e) => {
+                      this.handleClick(e, 'img');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'img');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'img');
+                    }
+                  }
                 })
               );
               break;
             case 'image':
               doms.push(
                 h('img', {
-                  class: 'es-label-img',
-                  attrs: { src: this.contents[i] }
+                  class: [
+                    'es-label-img',
+                    this.events && this.events['image'] ? 'es-pointer' : ''
+                  ],
+                  attrs: { src: this.contents[i] },
+                  on: {
+                    click: (e) => {
+                      this.handleClick(e, 'image');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'image');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'image');
+                    }
+                  }
                 })
               );
               break;
@@ -238,7 +442,10 @@ export default {
       }
       return h(
         'span',
-        { class: { 'es-label': true, 'es-is-required': this.isRequired } },
+        {
+          class: { 'es-label': true, 'es-is-required': this.isRequired },
+          on: { click: this.handleClick }
+        },
         doms
       );
     } else {

package/packages/layout/src/item.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="es-layout-item" ref="move" :style="defaultaStyle">
+  <div
+    ref="move"
+    class="es-layout-item"
+    :class="defaultClasss"
+    :style="defaultaStyle"
+  >
     <es-card> </es-card>
     <div class="es-layout-resizable-width"></div>
     <div class="es-layout-resizable-height"></div>
@@ -31,9 +36,15 @@ export default {
       default: '100px'
     },
     left: String,
-    top: String
+    top: String,
+    index: Number
   },
   computed: {
+    defaultClasss() {
+      return {
+        'es-dragging': this.dragging
+      };
+    },
     defaultaStyle() {
       return {
         width: this.width,
@@ -53,7 +64,8 @@ export default {
   data() {
     return {
       position: { x: 0, y: 0 },
-      move: null
+      interaction: null,
+      dragging: false
     };
   },
   created() {
@@ -64,21 +76,38 @@ export default {
     console.log(this.position);
   },
   mounted() {
-    console.log(interact, this.$refs.move);
-    this.move = interact(this.$refs.move);
-    this.move.draggable({
+    console.log(this.$parent.$el.offsetWidth);
+    this.interaction = interact(this.$refs.move);
+    this.interaction.draggable({
+      modifiers: [
+        interact.modifiers.restrictRect({
+          restriction: 'parent',
+          endOnly: false
+        })
+      ],
       listeners: {
         start: (event) => {
-          console.log(event.type, event.target);
+          this.dragging = true;
+          console.log(event.type, event.target, 111);
         },
         move: (event) => {
           this.position.x += event.dx;
           this.position.y += event.dy;
           event.target.style.transform = `translate(${this.position.x}px, ${this.position.y}px)`;
+        },
+        end: (event) => {
+          this.dragging = false;
+          console.log(event.type, event.target, 222);
         }
       }
     });
-    this.move.resizable({
+    this.interaction.resizable({
+      modifiers: [
+        interact.modifiers.restrictSize({
+          min: { width: 100, height: 100 },
+          max: { width: this.$parent.$el.offsetWidth }
+        })
+      ],
       edges: { top: true, left: true, bottom: true, right: true },
       listeners: {
         move: function (event) {

package/packages/layout/src/main.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="es-layout">
     <layout-item></layout-item>
+    <layout-item top="100px"></layout-item>
   </div>
 </template>
 <script>

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}