eoss-mobiles 0.2.2 → 0.2.4

package/packages/esign/src/main.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="em-esign">
+    <div v-if="!$scopedSlots.default && !$slots.default">
+      <div
+        class="signature-box box-flex box-justify-center"
+        :style="{
+          height:
+            typeof height === 'number'
+              ? height
+              : height.replace('px', '') + 'px'
+        }"
+        v-tap="{ methods: esignShow }"
+      >
+        <img :src="files" />
+      </div>
+      <div class="opinion-box">
+        <span v-tap="{ methods: esignShow }">打开手写签字</span>
+      </div>
+    </div>
+    <slot v-else name="default" :click="esignShow" />
+    <van-popup
+      v-model="showEsign"
+      closeable
+      class="esign-skin"
+      :style="{
+        width:
+          typeof esignWidth === 'number'
+            ? esignWidth
+            : esignWidth.replace('px', '') +
+              (esignWidth.indexOf('%') == -1 && 'px')
+      }"
+    >
+      <div class="esign-box">
+        <vue-esign
+          ref="esign"
+          :isCrop="false"
+          :height="esignHeight"
+          :lineWidth="lineWidth"
+          :lineColor="lineColor"
+        />
+        <div class="esign-btn-box">
+          <em-button
+            type="warning"
+            size="small"
+            v-tap="{ methods: handleReset }"
+            >清除</em-button
+          >
+          <em-button
+            type="primary"
+            size="small"
+            v-tap="{ methods: handleGenerate }"
+            >保存</em-button
+          >
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmEsign',
+  data() {
+    return {
+      showEsign: false,
+      resultImg: '',
+      files: '',
+      file: ''
+    };
+  },
+  props: {
+    filePath: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: [String, Number],
+      default: 80
+    },
+    esignWidth: {
+      type: Number,
+      default: 1
+    },
+    esignColor: {
+      type: String,
+      default: '#000'
+    },
+    esignHeight: {
+      type: [String, Number],
+      default: 550
+    },
+    esignWidth: {
+      type: [String, Number],
+      default: '330'
+    }
+  },
+  watch: {
+    filePath: {
+      handler(val) {
+        this.files = val;
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  methods: {
+    esignShow() {
+      this.showEsign = !this.showEsign;
+    },
+    handleReset() {
+      this.$refs.esign.reset();
+      this.$emit('reset');
+    },
+    handleGenerate() {
+      this.$refs.esign
+        .generate()
+        .then(res => {
+          this.resultImg = res;
+          this.files = res;
+          this.file = this.base64ImgtoFile(res);
+          this.showEsign = false;
+          this.$emit('save', { file: this.file, data: res });
+        })
+        .catch(err => {
+          this.$toast('请输入');
+        });
+    },
+    base64ImgtoFile(base64data, filename = 'file') {
+      let arr = base64data.split(',');
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let suffix = mime.split('/')[1];
+      let bstr = atob(arr[1]);
+      let n = bstr.length;
+      let u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], `${filename}.${suffix}`, {
+        type: mime
+      });
+    }
+  }
+};
+</script>

package/packages/selector/src/selector-tree.vue

@@ -42,6 +42,7 @@
         :departmentLabelKey="departmentLabelKey"
         :departmentValueKey="departmentValueKey"
         :nodeKey="nodeKey"
+        v-on="$listeners"
         @popen="open"
         :isTreeIcon="isTreeIcon"
         @checke="checked"
@@ -51,7 +52,11 @@
         :isOtherUnit="isOtherUnit"
         :filid="filid"
       >
-        <template slot="tree-icon" v-if="$scopedSlots['tree-icon']" slot-scope="{ value }">
+        <template
+          slot="tree-icon"
+          v-if="$scopedSlots['tree-icon']"
+          slot-scope="{ value }"
+        >
           <slot name="tree-icon" :value="value"></slot>
         </template>
       </em-tree>
@@ -107,9 +112,9 @@ export default {
     //   type: String, // 父id或者是空
     //   default: 'root'
     // },
-    url:{
+    url: {
       type: String,
-      default:''
+      default: ''
     },
     param: {
       type: Object,
@@ -629,7 +634,11 @@ export default {
         this.selectIndex
       ].param.selecttype;
       request({
-        url:this.url? this.url : this.baseUrl ? this.baseUrl + selectObject : selectObject,
+        url: this.url
+          ? this.url
+          : this.baseUrl
+          ? this.baseUrl + selectObject
+          : selectObject,
         params: {
           objType: this.objType,
           namelike: this.namelike,
@@ -654,7 +663,6 @@ export default {
         } else {
           this.$toast(msg);
         }
-        
       });
     },
     getData(obj) {
@@ -689,87 +697,94 @@ export default {
         this.$toast.clear();
       });
     },
-    open(res, isStart) {
+    getChiled(res, isStart, key) {
       const _that = this;
-      _that.oldIsSearch = _that.isSearch;
-      if (this.$listeners['node-click']) {
-        let data = _that.$listeners['node-click'](res.obj,!!res.obj.children);
-        if (!isStart) {
-          if (res.obj.open) {
-            this.$set(res.obj, 'open', false);
-          } else {
-            this.$set(res.obj, 'open', true);
-          }
+      let data = (_that.$listeners[key])(res.obj, !!res.obj.children);
+      if (!isStart) {
+        if (res.obj.open) {
+          this.$set(res.obj, 'open', false);
+        } else {
+          this.$set(res.obj, 'open', true);
         }
-        let newData = res.obj;
-        if (!newData.children && !isStart) {
-          if (this.nodeList && this.nodeList.length > 0) {
-            this.$toast.loading({
-              message: '加载中...',
-              forbidClick: true,
-              loadingType: 'spinner',
-              overlay: true,
-              duration: 0
-            });
-            // let data = _that.$listeners['node-click'](res.obj);
-            // if (!isStart) {
-            //   if (res.obj.open) {
-            //     this.$set(res.obj, 'open', false);
-            //   } else {
-            //     this.$set(res.obj, 'open', true);
-            //   }
-            // }
-            if (!Array.isArray(data)) {
-              data
-                .then(res => {
-                  res.map(x => {
-                    !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
-                  });
-                  _that.$set(newData, 'children', res);
-                  if (_that.selectList && _that.selectList.length > 0) {
-                    _that.selectList.filter(r => {
-                      newData.children.find(i => {
-                        if (i[_that.valueKey] === r[_that.valueKey]) {
-                          _that.$set(i, 'checked', true);
-                        }
-                      });
-                    });
-                  } else {
+      }
+      let newData = res.obj;
+      if (!newData.children && !isStart) {
+        if (this.nodeList && this.nodeList.length > 0) {
+          this.$toast.loading({
+            message: '加载中...',
+            forbidClick: true,
+            loadingType: 'spinner',
+            overlay: true,
+            duration: 0
+          });
+          if (!Array.isArray(data)) {
+            data
+              .then(res => {
+                res.map(x => {
+                  !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
+                });
+                _that.$set(newData, 'children', res);
+                if (_that.selectList && _that.selectList.length > 0) {
+                  _that.selectList.filter(r => {
                     newData.children.find(i => {
-                      _that.$set(i, 'checked', false);
+                      if (i[_that.valueKey] === r[_that.valueKey]) {
+                        _that.$set(i, 'checked', true);
+                      }
                     });
-                  }
-                  this.$toast.clear();
-                })
-                .catch(err => {
-                  this.$toast('数据返回错误');
-                });
-            } else {
-              data.map(x => {
-                !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
-              });
-              _that.$set(newData, 'children', data);
-              if (_that.selectList && _that.selectList.length > 0) {
-                _that.selectList.filter(r => {
+                  });
+                } else {
                   newData.children.find(i => {
-                    if (i[_that.valueKey] === r[_that.valueKey]) {
-                      _that.$set(i, 'checked', true);
-                    }
+                    _that.$set(i, 'checked', false);
                   });
-                });
-              } else {
+                }
+                this.$toast.clear();
+              })
+              .catch(err => {
+                this.$toast('数据返回错误');
+              });
+          } else {
+            data.map(x => {
+              !x[_that.nodeKey] && _that.$set(x, 'nocheck', false);
+            });
+            _that.$set(newData, 'children', data);
+            if (_that.selectList && _that.selectList.length > 0) {
+              _that.selectList.filter(r => {
                 newData.children.find(i => {
-                  _that.$set(i, 'checked', false);
+                  if (i[_that.valueKey] === r[_that.valueKey]) {
+                    _that.$set(i, 'checked', true);
+                  }
                 });
-              }
-              this.$toast.clear();
-            }
-          } else {
-            if (!res.obj.children) {
-              this.getData(res.obj);
+              });
+            } else {
+              newData.children.find(i => {
+                _that.$set(i, 'checked', false);
+              });
             }
+            this.$toast.clear();
           }
+        } else {
+          if (!res.obj.children) {
+            this.getData(res.obj);
+          }
+        }
+      }
+    },
+    open(res, isStart, isNode) {
+      const _that = this;
+      _that.oldIsSearch = _that.isSearch;
+      // debugger
+      if (this.$listeners['node-click'] && this.$listeners['left-icon']) {
+        if (this.$listeners['left-icon'] && !isNode) {
+          this.getChiled(res, isStart, 'left-icon');
         }
+        isNode && _that.$listeners['node-click'](res.obj, !!res.obj.children);
+      } else if (
+        this.$listeners['node-click'] ||
+        this.$listeners['left-icon']
+      ) {
+        isNode &&this.$listeners['node-click'] && this.getChiled(res, isStart, 'node-click');
+        this.$listeners['left-icon']&& !isNode &&
+          this.getChiled(res, isStart, 'left-icon');
       } else {
         if (!isStart) {
           if (res.obj.open) {

package/packages/selector/src/tree.vue

@@ -20,7 +20,9 @@
                 ? item[labelKey].slice(0, 12) + '...'
                 : item[labelKey] -->
             </div>
-            <slot name="tree-icon" :value="item"></slot>
+            <div v-if="isTreeIcon" v-tap="{ methods: handleClickIcon, obj: item }" >
+            <slot name="tree-icon"  :value="item"></slot>
+            </div>
             {{ item[labelKey] }}
           </div>
           <van-icon name="arrow" class="right" v-if="!isTreeIcon" />
@@ -50,8 +52,7 @@
         <template v-if="item.children && item.children.length > 0">
           <em-tree
             :model="item.children"
-            @popen="opened"
-            @checke="checke"
+            v-on="$listeners"
             :isOtherUnit="isOtherUnit"
             :filid="filid"
             :nodeKey="nodeKey"
@@ -230,8 +231,12 @@ export default {
     });
   },
   methods: {
+    handleClickIcon(res, isStart){
+      if(!this.$listeners['left-icon']) return
+       this.$emit('popen', res, res.isStart || isStart);
+    },
     opened(res, isStart) {
-      this.$emit('popen', res, res.isStart || isStart);
+      this.$emit('popen', res, res.isStart || isStart,true);
     },
     checke(res) {
       this.$emit('checke', res);

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

@@ -0,0 +1 @@
+@charset "UTF-8";.em-esign .signature-box{margin-top:7px;height:80px;background-color:#f7f5f5;padding:5px;text-align:center}.em-esign .signature-box img{height:100%;background-color:#fff}.em-esign .opinion-box{height:32px;padding-top:10px;padding-bottom:5px;padding-right:10px;font-size:13px;color:#12278B;text-align:right}.em-esign .esign-skin{width:100%;border-radius:5px}.em-esign .esign-skin .van-popup__close-icon{top:8px;right:8px}.em-esign .esign-box .esign-title{height:40px;line-height:40px;border-bottom:1px solid #12278B;font-size:15px;padding:0 10px}.em-esign .esign-box .esign-btn-box{padding:10px;text-align:right}.em-esign .esign-box .esign-btn-box .van-button{padding:0 7px;border-radius:4px}