@zhijiancloud/bpm 0.0.5 → 0.0.7

package/components/api/batch-loader.js

@@ -0,0 +1,61 @@
+import _ from 'lodash'
+
+class BatchLoader {
+  constructor(fnBatchLoad, options={}){
+      this._fnBatchLoad = fnBatchLoad
+      this._options = options
+      this._queue = []
+  }
+
+  async load(key){
+      let results = await this.loads(key)
+      return _.get(results, "0")
+  }
+
+
+  loads(...keys){
+      let promise = new Promise((resolve, reject)=>{
+          this._queue.push({
+              keys,
+              resolve,
+              reject
+          })
+
+          if(this._queue.length == 1){
+              this.nextTick(()=>{
+                  this.process()
+              })
+          }
+      })
+      return promise
+  }
+
+  nextTick(fn){
+      setTimeout(fn, 0);
+  }
+
+  process(){
+      let queue = this._queue
+      this._queue = []
+      let resultMap = {}
+      _.each(queue, item=> {
+          _.each(item.keys, key => resultMap[key] = null)
+      })
+      
+      let uniqueKeys = _.keys(resultMap)
+      this._fnBatchLoad(uniqueKeys).then(results=>{
+          
+          _.each(uniqueKeys, (key, i)=>{
+              resultMap[key] = results[i]
+          })
+          _.each(queue, ({keys, resolve})=>{
+              let results = _.map(keys, key => resultMap[key])
+              resolve(results)
+          })
+      }).catch(error=>{
+          _.each(queue, ({reject})=> reject(error))
+      })
+  }
+}
+
+export default BatchLoader

package/components/api/index.js

@@ -0,0 +1,108 @@
+import { isMobile } from '../lib/utils.js'
+import BatchLoader from './batch-loader.js'
+
+// TODO 待去除对$bpm的依赖
+const requestAppendOrgParams = async (reqArgs, vm$bpm, orgInfo) => {
+  console.log("netHeader", vm$bpm.netHeader)
+  // let startTime = new Date().getTime()
+  vm$bpm.networking = true
+  if (vm$bpm.netHeader) reqArgs.headers = {
+      common: vm$bpm.netHeader
+  }
+  reqArgs.params = _.merge({}, reqArgs.params, orgInfo)
+  if (vm$bpm.env.ignore_levels) {
+      _.set(reqArgs.params, "ignore_levels", true)
+  }
+
+  if (isMobile()) {
+      let token = zj.utils.pageParam().token
+      reqArgs.params = _.merge({
+          token,
+          platform: 'phone'
+      }, reqArgs.params)
+  }
+  reqArgs.isSilentOnErr = (res) => {
+      let result = _.get(res, "data.result")
+      if (result >= 19000000 || result <= 19999999) return true
+      return false
+  }
+  let res = await zj.net.request(reqArgs)
+  // TODO gio埋点
+  // let endTime = new Date().getTime()
+  // let diff = endTime - startTime
+  // gio('track', 'getInterfaceTime', {
+  //     interface_time: diff,
+  //     interface_path: reqArgs.path
+  // });
+
+  vm$bpm.networking = false
+  return res
+}
+
+const batchLoaderMap = {}
+
+export default {
+  assistSelectEntranceForm: {
+    getListDefinition (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}) {
+      let url = isDm ?
+        `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_definition/` :
+        `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_definition/`
+      return requestAppendOrgParams({
+        url: url,
+        method: 'GET'
+      }, vm$bpm, orgInfo)
+    },
+    getOptions (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}, params) {
+      return requestAppendOrgParams({
+        url: `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_search/`,
+        method: 'GET',
+        params: params
+      }, vm$bpm, orgInfo)
+    },
+    getListSelected (vm$bpm, {formDefId, fieldDefId, orgInfo, isDm}, params) {
+      return requestAppendOrgParams({
+        url: `/app_flow/v1/papi/assist_select_entrance_form/${formDefId}/${fieldDefId}/list_selected/`,
+        method: 'GET',
+        params: params
+      }, vm$bpm, orgInfo)
+    }
+  },
+
+  assistField: {
+    // 沿用原命名，换取id值对应的名称
+    getBatchLoader (vm$bpm, {formDefId, fieldDefId, orgInfo, uniqueId}) {
+      // loader区分key
+      const key = `${formDefId}/${fieldDefId}`
+      const loader = batchLoaderMap[key] || new BatchLoader(async (values) => {
+        console.log('assist_field/list_title requeset is call')
+        
+        let url = `/app_flow/v1/papi/assist_field/${formDefId}/${fieldDefId}/list_title/`
+
+        const res = await requestAppendOrgParams({
+          url: url,
+          method: 'GET',
+          params: {
+            values: JSON.stringify(values)
+          },
+        }, vm$bpm, orgInfo)
+        const valueLabelMap = _.get(res, 'data.data.data', {})
+        let result = []
+        _.map(values, value => {
+          if (uniqueId) {
+            value = JSON.parse(value)
+            value = _.get(value, `${uniqueId}`)
+            result = _.concat(result, valueLabelMap[value])
+          } else {
+            result = _.concat(result, valueLabelMap[value])
+          }
+        })
+
+        return result
+      })
+
+      batchLoaderMap[key] = loader
+
+      return loader
+    },
+  },
+}

package/components/css/bpmAudit.less

@@ -0,0 +1,13 @@
+.bpm-audit{
+        .aduit-result-title{
+        padding: 0px 10px;
+        border-radius: 8px;
+        overflow: hidden;
+        line-height: 25px;
+        height: 25px;
+        box-sizing: border-box;
+        display: inline-block;
+        vertical-align: middle;
+  }
+}
+

package/components/css/bpmMulFile.less

@@ -2,9 +2,11 @@
     .file-box{
         overflow: hidden;
         margin-top: 10px;
-        max-width: 360px;
+        // max-width: 360px;
         padding: 0 6px;
         display: flex;
+        align-items: center;
+
         &:hover{
             background: #EFF2F7;
             border-radius: 4px;
@@ -20,15 +22,17 @@
         .file-link{
             margin-top: 5px;
             margin-left: 5px;
-            max-width: 266px;
+            // max-width: 266px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
     }
     .file-remove, .operation-box{
-        float: right;
+        // float: right;
+        flex-shrink: 0;
         font-weight: 400;
+        width: 94px;
         font-size: 12px;
         color: #246AE3;
         line-height: 14px;
@@ -43,8 +47,8 @@
         margin-top: 4px;
     }
     .file-icon{
-        height: 20px;
-        margin-top: 4px;
+        // height: 20px;
+        // margin-top: 4px;
     }
 }
 img{
@@ -52,3 +56,7 @@ img{
     height: 100%;
     width: auto;
 }
+
+.viewer-container{
+    z-index: 10000!important;
+}

package/components/css/bpmSelectEntranceForm.less

@@ -0,0 +1,62 @@
+.bpm-select-entrance-form {
+  .main-wrap {
+    position: relative;
+    // padding-top: 40px;
+  }
+  .search-wrap {
+    position: sticky;
+    top: 0;
+    left: 0;
+    right: 0;
+    margin-bottom: 10px;
+    z-index: 99;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+
+  .select-option-card {
+    margin-bottom: 10px;
+
+    .card-body-content {
+      color: #333;
+      font-size: 14px;
+    }
+    .label {
+      color: #848484;
+      width: 120px;
+      display: inline-block;
+    }
+  }
+  
+  .edit-list {
+    // 不知道为啥有个font-size:0;导致卡片标题不显示
+    .el-checkbox-group {
+      font-size: 14px;
+    }
+    &-item {
+      display: flex;
+      align-items: center;
+      
+      .checkbox {
+        margin-bottom: 10px;
+      }
+      .select-option-card {
+        flex: 1;
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    justify-content: space-between;
+
+    .subtext {
+      color: #666;
+      margin-left: 16px;
+    }
+    .width-button {
+      min-width: 150px;
+    }
+  }
+}

package/components/css/bpmSelectHouseOwner.less

@@ -0,0 +1,30 @@
+.bpm-autocomplete {
+    width: 100%;
+
+    .el-input__inner {
+        font-size: 16px;
+        padding: 0;
+        border: 0 none;
+        border-bottom: 1px solid #BDBDBD;
+        transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    }
+}
+
+.select-house-owner{
+    position: relative;
+}
+.select-house-owner::after{
+    content: "业主手机号";
+    position: absolute;
+    left: 31px;
+    top: 56px;
+    font-size: 16px;
+    color: #999999;
+    word-break: break-word;
+}
+.mobile{
+    .select-house-owner::after{
+        color: #666;
+    }
+   
+}

package/components/css/bpmSignature.less

@@ -0,0 +1,40 @@
+.bpm-signature {
+  // view
+  .signature-reader {
+    height: 320px;
+  }
+  .canvas-box {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 220px;
+    border: 1px dashed #c9c5c5;
+    overflow: hidden;
+    canvas {
+      flex: 1;
+      cursor: crosshair;
+    }
+    // edit
+    .signature-reader {
+      height: 100%;
+      flex: 1;
+    }
+  }
+  .action-wrap {
+    padding: 6px 0;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+.desktop {
+  .bpm-signature .canvas-box {
+    height: 320px;
+    max-width: 100%;
+  }
+}
+.mobile{
+  .bpm-signature .sign-next-use{
+    font-size: 12px;
+    margin-bottom: 3px;
+  }
+}

package/components/css/bpmText.less

@@ -37,13 +37,3 @@
     }
   }
   }
-
-
-.bpm-text-view.table-text-view {
-    word-break: break-all;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-    overflow: hidden;
-}

package/components/css/common.less

@@ -0,0 +1,43 @@
+// reset
+ul, li {
+  margin: 0;
+  padding: 0;
+}
+
+
+.typing_loader {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  animation: typing 1s linear infinite alternate;
+}
+
+@keyframes typing {
+  0% {
+    background-color: rgba(136,136,136, 1);
+    box-shadow: 12px 0px 0px 0px rgba(136,136,136,0.2), 
+                24px 0px 0px 0px rgba(136,136,136,0.2);
+  }
+  25% { 
+    background-color: rgba(136,136,136, 0.4);
+    box-shadow: 12px 0px 0px 0px rgba(136,136,136,2), 
+                24px 0px 0px 0px rgba(136,136,136,0.2);
+  }
+  75% { 
+    background-color: rgba(136,136,136, 0.4);
+    box-shadow: 12px 0px 0px 0px rgba(136,136,136,0.2), 
+                24px 0px 0px 0px rgba(136,136,136,1);
+  }
+}
+
+// 状态的样式
+.bpm-status_tag-status {
+  color: #fff;
+  font-size: 13px;
+  line-height: 1.2;
+  padding: 5px 8px;
+  border-radius: 10px;
+  background: #888;
+  display: inline-block;
+}

package/components/css/index.less

@@ -1,3 +1,8 @@
+@import "./common.less";
 @import './demo.less';
 @import './demo2.less';
-@import './bpmText.less';
+@import './bpmText.less';
+@import './bpmMulFile.less';
+@import "./bpmSelectEntranceForm.less";
+@import "./bpmSignature.less";
+@import "./bpmAudit.less";

package/components/lib/bpmAudit/index.js

@@ -0,0 +1,7 @@
+import BpmAudit from './src/main.vue'
+
+BpmAudit.install = function(Vue) {
+    Vue.component(BpmAudit.name , BpmAudit);
+}
+
+export default BpmAudit

package/components/lib/bpmAudit/src/main.vue

@@ -0,0 +1,117 @@
+<template>
+    <component
+    class="bpm-audit"
+    v-model="curVal"
+    :is="curComponent"
+    :fieldConf="fieldConf"
+    :row="row"
+    :mode="mode"
+    :uiType="uiType"
+    v-bind="$attrs"
+    v-on="$listeners"
+    @change="onChange"
+    :container="container"
+  >
+  </component>
+  
+</template>
+<script>
+import editorComponent from "./part/editor.vue";
+import readerComponent from "./part/reader.vue";
+import auditorComponent from "./part/auditor.vue";
+
+export default {
+  name: "BpmAudit",
+  components: {
+    editorComponent,
+    readerComponent,
+    auditorComponent
+  },
+  props: {
+    value: {
+      type: [Object]
+    },
+    fieldConf: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    row: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    mode: {
+      type: String,
+      default() {
+        return "view";
+      },
+    },
+    uiType: {
+      type: String,
+      default() {
+        return "default";
+      },
+    },
+     container: {
+      type: [Object,null],
+      default () {
+        return null
+      }
+    },
+  },
+  computed: {
+    curComponent() {
+      if (this.mode == "view") {
+        return readerComponent;
+      } else {
+        if(this.uiType == 'audit'){
+            return auditorComponent
+        }else{
+            return readerComponent;
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      curVal: {},
+    };
+  },
+  watch: {
+    value() {
+      this.curVal = this.value;
+    },
+  },
+  mounted() {
+    this.curVal = this.value;
+  },
+  methods: {
+    onChange(val){
+      console.log("onChange", _.cloneDeep(val))
+      this.$emit("input", val);
+      this.$emit("change", val);
+    }
+  }
+};
+</script>
+
+<style lang="less">
+.bpm-audit{
+  .audit-editor,.audit-reader{
+        .aduit-result{
+      padding: 0px 10px;
+      border-radius: 8px;
+      overflow: hidden;
+      line-height: 25px;
+      height: 25px;
+      box-sizing: border-box;
+      display: inline-block;
+      vertical-align: middle;
+  }
+  }
+}
+
+</style>