eoss-mobiles 0.2.45 → 0.2.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eoss-mobiles",
-  "version": "0.2.45",
+  "version": "0.2.47",
   "description": "eoss内部移动端业务组件",
   "main": "lib/eoss-mobile.common.js",
   "files": [
@@ -69,7 +69,7 @@
     "v-tap": "3.0.3",
     "video.js": "^8.0.4",
     "vue-esign": "^1.0.5",
-    "vue-touch-ripple": "^4.1.1",
+    "vue-touch": "^2.0.0-beta.4",
     "vuedraggable": "^2.24.3",
     "wujie-vue2": "^1.0.5"
   },

package/packages/flow/src/components/Handle.vue

@@ -21,7 +21,9 @@
           :isOpinionRequired="isOpinionRequired"
           :disabled="isBanInputOpinion != 0"
           :baseUrl="baseUrl"
-          :isForceDisplayDefaultOptionForPrefix="isForceDisplayDefaultOptionForPrefix"
+          :isForceDisplayDefaultOptionForPrefix="
+            isForceDisplayDefaultOptionForPrefix
+          "
           :nodeDefaultSubmitOpinion="nodeDefaultSubmitOpinion"
           :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
           :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
@@ -444,7 +446,7 @@ import Opinion from './Opinion.vue';
 import Reject from './Reject.vue';
 import Message from './Message.vue';
 import FlowMix from '../flowMix';
-import $ from '../../../../src/utils/util'
+import $ from '../../../../src/utils/util';
 export default {
   name: 'Handle',
   inheritAttrs: false,
@@ -467,9 +469,9 @@ export default {
       type: [String, Number],
       default: 0
     },
-    isAllCheck:{
-      type:Boolean,
-      default:false
+    isAllCheck: {
+      type: Boolean,
+      default: false
     },
     esign: {
       type: Boolean,
@@ -493,7 +495,7 @@ export default {
       objType: 'enterprise', //树点击对象
       selectType: 'employee', // 树 选择类型
       isNextBox: true, // 是否展开隐藏下步操作
-      isForceDisplayDefaultOptionForPrefix:false,
+      isForceDisplayDefaultOptionForPrefix: false,
       isOtherUnit: true, //是否是外单位
       isShowNode: false,
       subProcessInfo: '',
@@ -738,7 +740,7 @@ export default {
         },
         type: 'post',
         params: formData,
-        format:false
+        format: false
       })
         .then(res => {
           const { status, message } = res;
@@ -907,13 +909,22 @@ export default {
           : taskHandleHtml,
         type: 'post',
         params: formData,
-        format:false
-
+        format: false
       }).then(res => {
         this.$toast.clear();
-        if (res.status == 'success') {
-          this.$toast('操作成功');
-          this.$parent.$emit('success');
+        if (res.status == 'success' || res.status == 'readDealBackProcessing') {
+          if (res.status == 'readDealBackProcessing') {
+            this.$toast(
+              '由于阅办人数较多，任务后台执行中，稍后系统将为您推送阅办任务执行结果，请注意查收！'
+            );
+            setTimeout(() => {
+              this.$toast.clear();
+              this.$parent.$emit('success');
+            }, 1500);
+          } else {
+            this.$toast('操作成功');
+            this.$parent.$emit('success');
+          }
         } else {
           this.$emit('error');
           this.$toast(res.message);
@@ -1301,7 +1312,9 @@ export default {
               // that.isChooseNextNode = nodeInfoMap.nodeExtAttr.isChooseNextNode;
               that.isBanInputOpinion =
                 nodeInfoMap.nodeExtAttr.isBanInputOpinion;
-              that.isForceDisplayDefaultOptionForPrefix = nodeInfoMap.nodeExtAttr.isForceDisplayDefaultOptionForPrefix == 1;
+              that.isForceDisplayDefaultOptionForPrefix =
+                nodeInfoMap.nodeExtAttr.isForceDisplayDefaultOptionForPrefix ==
+                1;
             }
             that.choiceOrgId = choiceOrgId;
             that.choiceDeptId = choiceDeptId;
@@ -1424,8 +1437,8 @@ export default {
           //如果当前为承办节点/会签节点,则展示本单位外单位办理人选择
           if (this.nodeType === 1 || this.nodeType === 2) {
             this.isMainSubProcess === true
-                  ? (this.isNodeShowProcess = true)
-                  : (this.isNodeShowProcess = false);
+              ? (this.isNodeShowProcess = true)
+              : (this.isNodeShowProcess = false);
             this.isMainSubProcess === true
               ? (this.isMainSubProcess = true)
               : (this.isMainSubProcess = false);
@@ -1438,7 +1451,7 @@ export default {
             this.isHideCurrentOrg = false;
             this.isHideOtherOrg = false;
             this.isMainSubProcess = false;
-            this.isNodeShowProcess = false
+            this.isNodeShowProcess = false;
             this.isNextUser = true;
             // this.isMainSubProcess === true
             //   ? (this.isMainSubProcess = true)

package/packages/grid/src/main.vue

@@ -1,127 +1,191 @@
 <template>
   <div class="em-grid" @click="showHide = false">
-    <van-grid v-bind="$attrs" v-on="$listeners" :column-num="columnNum">
-       <draggable v-if="draggable" v-model="newData" style="width: 100%;"  class="menu-list-draggable">
-    <transition-group class="menu-list-draggable-item" style="width: 100%;">
-      <div :style="`display: inline-block;width:${100/columnNum}%`" class="van-grid-item" v-for="(item, index) of newData"  @click.stop="goView($event, item)" :key="item.id">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline">
-          
-        <i
-        @touchstart="touchstart(item,index)"
-        @touchend="touchend(item,index)"
-          class="van-icon  van-grid-item__icon"
-          :class="
-            item.icon.startsWith('http') && item.icon.indexOf('/') != -1
-              ? ''
-              : `van-icon-${item.icon}`
-          "
-          :style="{ fontSize: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size'] : '' }"
-        >
-          <img
-            v-if="item.icon.startsWith('http') || item.icon.indexOf('/') != -1"
-            class="van-icon__image"
-            :src="item.icon"
-            :style="{
-              width: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size']: '',
-              height: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size'] : ''
-            }"
-          />
-          <div
-            v-show="item.dot"
-            :style="{ background: item.dotColor || '' }"
-            class="van-info van-info--dot"
-          ></div>
+    <van-grid v-bind="$attrs" v-on="$listeners" :border="border" :column-num="columnNum">
+      <draggable
+        v-if="draggable"
+        v-model="newData"
+        style="width: 100%;"
+        class="menu-list-draggable"
+      >
+        <transition-group class="menu-list-draggable-item" style="width: 100%;">
           <div
-            class="van-info"
-            :style="{ background: badgeColor || '' }"
-            v-show="item.badge"
+            :style="`display: inline-block;width:${100 / columnNum}%`"
+            class="van-grid-item"
+            v-for="item of newData"
+            @mousedown.stop="onMouseDown(item)"
+            @mouseup.stop="onMouseUp($event, item)"
+            :key="item.id"
           >
-            {{
-              maxBadge &&
-              !isNaN(item.badge) &&
-              Number(maxBadge) < Number(item.badge)
-                ? maxBadge + '+'
-                : item.badge
-            }}
+            <div
+              class="van-grid-item__content van-grid-item__content--center van-hairline"
+            >
+              <i
+                class="van-icon  van-grid-item__icon"
+                :class="
+                  item.icon.startsWith('http') && item.icon.indexOf('/') != -1
+                    ? ''
+                    : `van-icon-${item.icon}`
+                "
+                :style="{
+                  fontSize:
+                    item.iconSize || $attrs['icon-size']
+                      ? item.iconSize || $attrs['icon-size']
+                      : ''
+                }"
+              >
+                <img
+                  v-if="
+                    item.icon.startsWith('http') || item.icon.indexOf('/') != -1
+                  "
+                  class="van-icon__image"
+                  :src="item.icon"
+                  :style="{
+                    width:
+                      item.iconSize || $attrs['icon-size']
+                        ? item.iconSize || $attrs['icon-size']
+                        : '',
+                    height:
+                      item.iconSize || $attrs['icon-size']
+                        ? item.iconSize || $attrs['icon-size']
+                        : ''
+                  }"
+                />
+                <div
+                  v-show="item.dot"
+                  :style="{ background: item.dotColor || '' }"
+                  class="van-info van-info--dot"
+                ></div>
+                <div
+                  class="van-info"
+                  :style="{ background: badgeColor || '' }"
+                  v-show="item.badge"
+                >
+                  {{
+                    maxBadge &&
+                    !isNaN(item.badge) &&
+                    Number(maxBadge) < Number(item.badge)
+                      ? maxBadge + '+'
+                      : item.badge
+                  }}
+                </div>
+              </i>
+              <em-popover
+                v-model="item.showPopover"
+                :placement="placement"
+                :theme="popoverTheme"
+                @select="popoverSelect"
+                :actions="popoverActions"
+              ></em-popover>
+              <span class="van-grid-item__text">{{ item.text }}</span>
+              <van-icon
+                v-if="showHide && item.menuType != 'add'"
+                @click.stop="handleHide(item)"
+                name="clear"
+                size="20px"
+                class="em-grid-del"
+              />
+              <div v-if="item.showMenu" class="em-grid-select-box">
+                <van-icon size="30px" color="#fff" name="success" />
+              </div>
+            </div>
           </div>
-        </i>
-        <span class="van-grid-item__text">{{ item.text }}</span>
-        <van-icon
-          v-if="showHide && item.menuType != 'add'"
-          @click.stop="handleHide(item)"
-          name="clear"
-          size="20px"
-          class="em-grid-del"
-        />
-        <div v-if="item.showMenu" class="em-grid-select-box">
-          <van-icon size="30px" color="#fff" name="success" />
-        </div>
-        </div>
-      </div>
-    </transition-group>
-   </draggable>
-    <van-grid-item
+        </transition-group>
+      </draggable>
+      <!-- <van-grid-item
         v-bind="item"
-        v-for="(item, index) of newData" :key="index"
+        v-for="(item, index) of newData"
+        :key="index"
         :class="{ 'em-grid-ellipsis': textEllipsis }"
         :style="`width:${100 / columnNum}%;`"
+        @mousedown.stop="onMouseDown(item)"
+        @mouseup.stop="onMouseUp($event, item)"
+        v-show="newData && newData.length > 0 && !draggable"
+      > -->
+        <!-- @mousedown.stop="onMouseDown(item)"
+        @mouseup.stop="onMouseUp($event, item)" -->
+      <div
+        :style="`display: inline-block;width:${100 / columnNum}%`"
+        class="van-grid-item"
+        :class="{'border-none':!border}"
+        v-for="item of newData"
         @click.stop="goView($event, item)"
         v-show="newData && newData.length > 0 && !draggable"
-     
+        :key="item.id"
       >
-
-  
-        <i
-        @touchstart="touchstart(item,index)"
-        @touchend="touchend(item,index)"
-          class="van-icon  van-grid-item__icon"
-          :class="
-            item.icon.startsWith('http') && item.icon.indexOf('/') != -1
-              ? ''
-              : `van-icon-${item.icon}`
-          "
-          :style="{ fontSize: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size'] : '' }"
+        <div
+          class="van-grid-item__content van-grid-item__content--center van-hairline"
         >
-          <img
-            v-if="item.icon.startsWith('http') || item.icon.indexOf('/') != -1"
-            class="van-icon__image"
-            :src="item.icon"
+          <i
+            class="van-icon  van-grid-item__icon"
+            :class="
+              item.icon.startsWith('http') && item.icon.indexOf('/') != -1
+                ? ''
+                : `van-icon-${item.icon}`
+            "
             :style="{
-              width: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size']: '',
-              height: item.iconSize || $attrs['icon-size'] ? item.iconSize || $attrs['icon-size'] : ''
+              fontSize:
+                item.iconSize || $attrs['icon-size']
+                  ? item.iconSize || $attrs['icon-size']
+                  : ''
             }"
-          />
-          <div
-            v-show="item.dot"
-            :style="{ background: item.dotColor || '' }"
-            class="van-info van-info--dot"
-          ></div>
-          <div
-            class="van-info"
-            :style="{ background: badgeColor || '' }"
-            v-show="item.badge"
           >
-            {{
-              maxBadge &&
-              !isNaN(item.badge) &&
-              Number(maxBadge) < Number(item.badge)
-                ? maxBadge + '+'
-                : item.badge
-            }}
+            <img
+              v-if="
+                item.icon.startsWith('http') || item.icon.indexOf('/') != -1
+              "
+              class="van-icon__image"
+              :src="item.icon"
+              :style="{
+                width:
+                  item.iconSize || $attrs['icon-size']
+                    ? item.iconSize || $attrs['icon-size']
+                    : '',
+                height:
+                  item.iconSize || $attrs['icon-size']
+                    ? item.iconSize || $attrs['icon-size']
+                    : ''
+              }"
+            />
+            <div
+              v-show="item.dot"
+              :style="{ background: item.dotColor || '' }"
+              class="van-info van-info--dot"
+            ></div>
+            <div
+              class="van-info"
+              :style="{ background: badgeColor || '' }"
+              v-show="item.badge"
+            >
+              {{
+                maxBadge &&
+                !isNaN(item.badge) &&
+                Number(maxBadge) < Number(item.badge)
+                  ? maxBadge + '+'
+                  : item.badge
+              }}
+            </div>
+          </i>
+          <em-popover
+            v-model="item.showPopover"
+            :placement="placement"
+            @select="popoverSelect($event,item)"
+            :theme="popoverTheme"
+            :actions="popoverActions"
+          ></em-popover>
+          <span class="van-grid-item__text">{{ item.text }}</span>
+          <van-icon
+            v-if="showHide && item.menuType != 'add'"
+            @click.stop="handleHide(item)"
+            name="clear"
+            size="20px"
+            class="em-grid-del"
+          />
+          <div v-if="item.showMenu" class="em-grid-select-box">
+            <van-icon size="30px" color="#fff" name="success" />
           </div>
-        </i>
-        <span class="van-grid-item__text">{{ item.text }}</span>
-        <van-icon
-          v-if="showHide && item.menuType != 'add'"
-          @click.stop="handleHide(item)"
-          name="clear"
-          size="20px"
-          class="em-grid-del"
-        />
-        <div v-if="item.showMenu" class="em-grid-select-box">
-          <van-icon size="30px" color="#fff" name="success" />
         </div>
-      </van-grid-item>
+      </div>
+      <!-- </van-grid-item> -->
       <slot v-show="newData && newData.length == 0" />
     </van-grid>
     <em-popup style="width:80%;height:50%" v-if="show" v-model="show">
@@ -203,18 +267,39 @@ export default {
       type: String,
       default: '40px'
     },
-    draggable:{
+    draggable: {
+      type: Boolean,
+      default: false
+    },
+    popoverActions: {
+      type: Array,
+      default: () => [{ text: '隐藏菜单',type:'hideMenu' }]
+    },
+    isTouch: {
+      type: Boolean,
+      default: false
+    },
+    placement:{
+      type:String,
+      default:'top'
+    },
+    popoverTheme:{
+      type:String,
+      default:'dark'
+    },
+    border:{
       type:Boolean,
-      default:false
-    }
+      default:true
+    }   
   },
   data() {
     return {
-      lastTapTime: 0,
       timer: null,
       showHide: false,
+      isLongPress: false,
       newData: [],
       show: false,
+      showPopover: false,
       selectMenuArr: [],
       hideMenuList: []
     };
@@ -237,11 +322,34 @@ export default {
     }
   },
   methods: {
-    touchstart(val,inexd){
-      console.log('点击了了')
+    popoverSelect(val, item) {
+      if(val.type == 'hideMenu'){
+        this.handleHide(item)
+      }else{
+        this.$emit('touchSelect',{action:val,data:item})
+      }
     },
-    touchend(val,a){
-      console.log('松开了')
+    onMouseDown(item) {
+      // this.showPopover = true
+      if (this.draggable || !this.isTouch) return;
+      this.isLongPress = false;
+      this.timer = setTimeout(() => {
+        if (this.isLongPress === false) {
+          this.isLongPress = true;
+          this.lastTapTime = new Date().getTime();
+          this.$set(item, 'showPopover', true);
+        }
+      }, 500);
+    },
+    onMouseUp($event, item) {
+      if (this.isLongPress === false) {
+        this.lastTapTime = new Date().getTime();
+        this.$set(item, 'showPopover', false);
+        this.goView($event, item);
+        // 执行相应的操作
+      }
+      this.isLongPress = false;
+      clearTimeout(this.timer);
     },
     hideDelIcon() {
       this.showHide = false;
@@ -255,8 +363,10 @@ export default {
         );
         this.$emit('hide', hideArr);
       } else {
-        let hide = this.hideMenuList.filter(x => str.indexOf(x[this.hideMenuKey]) == -1 );
-        hide = hide.map(x => x[this.hideMenuKey])
+        let hide = this.hideMenuList.filter(
+          x => str.indexOf(x[this.hideMenuKey]) == -1
+        );
+        hide = hide.map(x => x[this.hideMenuKey]);
         this.$emit('hide', hide.join(','));
       }
       this.selectMenuArr = [];
@@ -334,6 +444,9 @@ export default {
       const currentTime = new Date().getTime();
       const tapLength = currentTime - this.lastTapTime;
       this.lastTapTime = currentTime;
+      // if (tapLength > 300) {
+      //   return;
+      // }
       if (this.isHideMenu) {
         if (tapLength < 300) {
           this.handleDoubleClick(val);
@@ -345,8 +458,8 @@ export default {
           return;
         }
         this.timer = setTimeout(() => {
-          this.$emit('click', val, event);
-          this.targetStop && event.stopPropagation();
+        this.$emit('click', val, event);
+        this.targetStop && event.stopPropagation();
         }, 300);
       } else {
         this.$emit('click', val, event);

package/packages/picker/src/main.vue

@@ -328,6 +328,7 @@ export default {
   },
   methods: {
     handleClick(val) {
+       if (this.disabled || this.readonly) return;
       if (this.linkTag) {
         this.$emit('tagClick', val);
       } else {

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

@@ -1 +1 @@
-.em-grid-popup,.em-grid-popup-button{display:-webkit-box;display:-ms-flexbox}.em-grid-del{position:absolute;top:5px;right:5px}.em-grid-popup{padding:10px;height:100%;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.em-grid-popup-label{text-align:center;font-size:16px;color:#000;font-weight:700;margin-bottom:10px}.em-grid-popup-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.em-grid-popup-button{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.em-grid-select-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.em-grid .van-popup{border-radius:5px}
+.em-grid-popup,.em-grid-popup-button{display:-webkit-box;display:-ms-flexbox}.em-grid-del{position:absolute;top:5px;right:5px}.em-grid-popup{padding:10px;height:100%;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.em-grid-popup-label{text-align:center;font-size:16px;color:#000;font-weight:700;margin-bottom:10px}.em-grid-popup-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.em-grid-popup-button{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.em-grid-select-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.em-grid .van-popup{border-radius:5px}.em-grid .border-none .van-grid-item__content::after{border:none}