@zhijiancloud/bpm 0.0.7 → 0.0.8

package/components/lib/bpmAudit/src/part/auditor/audit-with-others.vue

@@ -1,634 +0,0 @@
-<template>
-  <div class="audit-with-others">
-  
-   
-  </div>
-</template>
-
-<script>
-// import buildMixin from "../mixin";
-// import MulImageMobile from "./lib/mul-image-mobile-base";
-// import MulImagePc from "./lib/mul-image-pc-base";
-// import MulImage from "../reader/lib/mul-image-base.vue"
-//import Draw from "./lib/draw";
-
-export default {
-// mixins: [buildMixin()],
-  props: ["value", "fieldConf", "row" ,"container","dispMode"],
-  components: {
-    // Draw,
-    // MulImageMobile,
-    // MulImagePc,
-    // MulImage
-  },
-  data() {
-    return {
-      opened: false,
-      degree: 0,
-      selectOptions: [
-        {
-          label: zj.z('通过', 'b2.common.pass'),
-          value: 1,
-        },
-        {
-          label: zj.z('不通过', 'b2.common.fail'),
-          value: 2,
-        },
-      ],
-      canvasBox: null,
-      form: {
-        result: 1,
-        judgment: "",
-        photos: [],
-        reject_target: ''
-      },
-      hasDraw: false,
-      openLastSign: false,
-      lastSign: "",
-      useNextUser: false
-    };
-  },
-  computed: {
-    useDetail() {
-      return !!_.get(this.fieldConf, "detail_allow", null) && !!_.get(this.fieldConf, "detail_deny", null)
-    },
-    jucdgment() {
-      let result = this.form.result
-      let jucdgment = _.get(this.fieldConf, "judgment");
-      if (this.useDetail) {
-        jucdgment = result == 1 ? _.get(this.fieldConf, 'detail_allow.judgment') : _.get(this.fieldConf, 'detail_deny.judgment')
-      }
-      return jucdgment
-    },
-    showJudgment() {
-      return this.jucdgment == "yes" || this.jucdgment == "must";
-    },
-    resultColor() {
-      let result = _.get(this.value, "result", -1);
-      let color = result == 1 ? this.allowColor : result == -1 ? null : this.denyColor
-      return this.useDetail ? color : null
-    },
-    allowColor() {
-      let color = _.get(this.fieldConf, "detail_allow.color", "#fff")
-      return color == "#fff" || color == "#ffffff" ? null : color
-    },
-    denyColor() {
-      let color = _.get(this.fieldConf, "detail_deny.color", "#fff")
-      return color == "#fff" || color == "#ffffff" ? null : color
-    },
-    signature() {
-      let result = this.form.result
-      let signature = _.get(this.fieldConf, "signature");
-      if (this.useDetail) {
-        signature = result == 1 ? _.get(this.fieldConf, 'detail_allow.signature') : _.get(this.fieldConf, 'detail_deny.signature')
-      }
-      return signature
-    },
-    showSignature() {
-      return this.signature == "yes" || this.signature == "must";
-    },
-    photo() {
-      let result = this.form.result
-      let photo = _.get(this.fieldConf, "photo");
-      if (this.useDetail) {
-        photo = result == 1 ? _.get(this.fieldConf, 'detail_allow.photo') : _.get(this.fieldConf, 'detail_deny.photo')
-      }
-      return photo
-    },
-    showPhoto() {
-      return this.photo == "yes" || this.photo == "must";
-    },
-    isJudgmentMust() {
-      return this.judgment == "must";
-    },
-    isSignatureMust() {
-      return this.signature == "must";
-    },
-    isPhotoMust() {
-      return this.photo == "must";
-    },
-    isRequired() {
-      return _.get(this.fieldConf, "check.required");
-    },
-    getViewFont() {
-
-      let result = _.get(this.value, "result", -1);
-      let font = result == 1 ? zj.z('通过', 'b2.common.pass') : result == -1 ? "" : zj.z('不通过', 'b2.common.fail')
-      if (this.useDetail) {
-        font = result == 1 ? _.get(this.fieldConf, "detail_allow.text", zj.z('通过', 'b2.common.pass')) : result == -1 ? "" : _.get(this.fieldConf, "detail_deny.text", zj.z('不通过', 'b2.common.fail'))
-      }
-      return font;
-    },
-    getCanvasBoxStyle() {
-      return {
-        height: "150px",
-        width: "100%",
-      };
-    },
-    componentName() {
-      return "MulImagePc"
-    },
-    userId() {
-      return _.get(this.$bpm.userInfo, "user_id", 0);
-    },
-    userName() {
-      return _.get(this.$bpm.userInfo, "user_name", "");
-    },
-   
-    rejectTargetMap() {
-      let rejectTargets = _.get(this.container, "formSchema.reject_targets")
-      return _.keyBy(rejectTargets, "node")
-    },
-    rejectTargetList() {
-      let rejectTargets = _.get(this.container, "formSchema.reject_targets")
-      let passedNodes = _.get(this.container, "_formData.passed_nodes")
-      let list = []
-      _.each(rejectTargets, rejectTarget => {
-        if (_.includes(passedNodes, rejectTarget.node) && rejectTarget.only_passed) {
-          list.push({
-            label: rejectTarget.name,
-            value: rejectTarget.node
-          })
-        }
-        else {
-          list.push({
-            label: rejectTarget.name || zj.z("上一个节点", "b2.common.previous_node"),
-            value: rejectTarget.node || "last_id"
-          })
-        }
-      })
-      return list
-    }
-  },
-  mounted() {
-    let container = this.container
-    container.$on("afterFormSubmit", (errors) => {
-      if (!errors && this.openLastSign && this.value.signature) {
-        this.$bpm.postEleSign(this.value.signature, this.useNextUser)
-      }
-    })
-
-    if (this.useDetail) {
-      this.selectOptions = [
-        {
-          label: _.get(this.fieldConf, "detail_allow.text", zj.z('通过', 'b2.common.pass')),
-          value: 1
-        },
-        {
-          label: _.get(this.fieldConf, "detail_deny.text", zj.z('不通过', 'b2.common.fail')),
-          value: 2
-        }
-      ]
-    }
-  },
-  destroyed() {
-    let container = this.container
-    container.$off("afterFormSubmit")
-  },
-  methods: {
-    onHide() {
-      this.opened = false;
-    },
-    onOpen() {
-      if (this.draw) return;
-      if (this.value) {
-        this.form = this.value;
-      }
-      setTimeout(() => {
-        this.useNextUser = false
-        this.handleInit()
-        //this.initCanvas();
-
-      }, 200);
-    },
-    handleInit() {
-      if (!this.showSignature) return
-      let userSign = this.$bpm.userSign
-      this.openLastSign = userSign.open
-      if (this.openLastSign && !this.form.signature && userSign.for_next_use) this.form.signature = userSign.signature
-      if (userSign.for_next_use) this.lastSign = userSign.signature
-      if (userSign.for_next_use && this.openLastSign) this.useNextUser = true
-
-    },
-    onDataLoaded(container) {
-      this.resetForm();
-      let value = {
-        result: 1,
-        judgment: "",
-        photos: [],
-        reject_target: ''
-      }
-
-      this.$emit("input",value)
-      this.$emit("change",value)
-      this.hasDraw = false;
-      this.draw && this.draw.clear();
-    },
-
-    clearSignature() {
-      this.hasDraw = false;
-      this.draw && this.draw.clear();
-      this.lastSign = ""
-    },
-    resetForm() {
-      this.form = {
-        result: 1,
-        judgment: "",
-        photos: [],
-      };
-    },
-    async loadUserInfo() {
-      this.$bpm.networking = true
-      let info = await this.$bpm.requestAppendOrgParams({
-        url: "/uc/common/user_info/",
-        params: zj.utils.pageParam(),
-      });
-      info = _.get(info, "data.data")
-      this.$bpm.networking = false
-      console.log("info", info.user_info);
-      this.$bpm.setUserInfo(info.user_info);
-    },
-    async onSubmit() {
-      let form = this.form;
-
-      let auditor =
-        (zj.app.accessInfo && zj.app.accessInfo.user_info.user_id) ||
-        this.userId;
-      if (!auditor) {
-        this.loadUserInfo();
-        this.$message({
-            message:  zj.z("当前网络加载有问题，请重新进入", 'b2.common.network_err'),
-            type: 'warning',
-          });
-      
-        return;
-      }
-
-      if (form.result == 2 && this.showReject && !form.reject_target) {
-        // 打回节点必选
-         this.$message({
-            message: zj.z("回退节点必填", "b2.common.back_to_required"),
-            type: 'warning',
-          });
-
-        return;
-      }
-
-      if (this.isRequired && !this.form.result) {
-        this.$message({
-            message: zj.z("请选择审批结果", 'b2.common.please_select_audit'),
-            type: 'warning',
-          });
-  
-        return;
-      }
-      if (this.isSignatureMust && !this.form.signature && !this.hasDraw) {
-         this.$message({
-            message: zj.z("请完成签名", 'b2.common.please_complete_sign'),
-            type: 'warning',
-          });
-    
-        return;
-      }
-      if (this.isJudgmentMust && !this.form.judgment && !this.hasDraw) {
-         this.$message({
-            message: zj.z("请填写意见", 'b2.common.please_fill_comment'),
-            type: 'warning',
-          });
-        return;
-      }
-      if (this.isPhotoMust && _.isEmpty(this.form.photos)) {
-         this.$message({
-            message: zj.z("请至少上传一张图片", 'b2.common.least_one_image'),
-            type: 'warning',
-          });
-        
-        return;
-      } else if (this.hasDraw) {
-        let signatureImg = this.draw.getPNGImage();
-        //let url = _.get(this.field, "conf.upload_url");
-        this.uploadImage(
-          {
-            basestr: signatureImg,
-            type: "png",
-            name: "签名图片.png",
-            model: "userfile",
-          },
-          (md5) => {
-            let value = {
-              result: form.result,
-              signature: md5,
-              judgment: form.judgment,
-              photos: form.photos,
-              audit_at: new Date().getTime() / 1000,
-              auditor:
-                (zj.app.accessInfo && zj.app.accessInfo.user_info.user_id) ||
-                this.userId,
-              auditor_name:
-                (zj.app.accessInfo && zj.app.accessInfo.user_info.user_name) ||
-                this.userName,
-            }
-            if (form.result == 2 && this.showReject) {
-              _.set(value, "reject_target", this.getRejectTarget(form.reject_target))
-            }
-            this.field.value = value;
-            this.opened = false;
-          }
-        );
-      } else {
-        let value = {
-          result: form.result,
-          signature: form.signature,
-          judgment: form.judgment,
-          photos: form.photos,
-          audit_at: new Date().getTime() / 1000,
-          auditor:
-            (zj.app.accessInfo && zj.app.accessInfo.user_info.user_id) ||
-            this.userId,
-          auditor_name:
-            (zj.app.accessInfo && zj.app.accessInfo.user_info.user_name) ||
-            this.userName,
-        }
-        if (form.result == 2 && this.showReject) {
-          _.set(value, "reject_target", this.getRejectTarget(form.reject_target))
-        }
-        this.field.value = value;
-        this.opened = false;
-      }
-    },
-    getRejectTarget(id) {
-      let rejectTargetMap = this.rejectTargetMap
-      return id == 'last_id' ? { type: 'RejectToLastUserNode' } : _.get(rejectTargetMap, id)
-
-    },
-    //上传图片
-    uploadImage({ basestr, type, name, model }, resolve) {
-      let text = window.atob(basestr.split(",")[1]);
-      let buffer = new ArrayBuffer(text.length);
-      let ubuffer = new Uint8Array(buffer);
-
-      for (let i = 0; i < text.length; i++) {
-        ubuffer[i] = text.charCodeAt(i);
-      }
-
-      let Builder = window.WebKitBlobBuilder || window.MozBlobBuilder;
-
-      let blob;
-      if (Builder) {
-        let builder = new Builder();
-        builder.append(buffer);
-        blob = builder.getBlob(type);
-      } else {
-        blob = new window.Blob([buffer], { type: type });
-      }
-
-      let formdata = new FormData();
-      formdata.append(model, blob, name);
-
-      zj.net.w
-        .noapi({
-          method: "POST",
-          url: "/platform/v1/papi/app_file/upload/",
-          data: formdata,
-          processData: false,
-          contentType: false,
-        })
-        .then((res) => {
-          if (resolve) resolve(res.file_md5);
-        });
-    },
-    handleSpeechToText(evt) {
-      this.$refs.input.blur()
-      evt.cancelBubble = true
-      evt.stopPropagation()
-      this.$bpm.getSpeechToText((data) => {
-        if (data.text) {
-          this.$set(
-            this.form,
-            "judgment",
-            (this.form.judgment || "") + data.text
-          );
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.input-microphone {
-  width: 40px;
-  display: inline-block;
-  margin-right: 8px;
-  position: absolute;
-  z-index: 10;
-  text-align: center;
-  right: 0;
-  top: 39px;
-  font-size: 17px;
-  color: #979797;
-}
-
-.input-microphone.active {
-  color: #2894df;
-}
-
-.audit {
-  .fa-angle-right {
-    font-size: 24px;
-    font-weight: 600;
-    color: #c1c1c1;
-  }
-
-  .items-center {
-    padding-right: 10px;
-    display: unset;
-    margin: 0;
-  }
-}
-
-.canvas-box {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 220px;
-  border: 1px dashed #c9c5c5;
-}
-
-.audit-modal-content {
-  padding: 20px;
-  padding-bottom: 30px;
-}
-
-canvas {
-  flex: 1;
-  cursor: crosshair;
-}
-
-.ovh {
-  overflow: hidden;
-  padding: 4px;
-}
-
-.modal-footer {
-  text-align: center;
-
-  // position: absolute;
-  // bottom: 0;
-  // left: 0;
-  // width: 100%;
-  // z-index: 2;
-  button {
-    width: 100%;
-  }
-}
-
-.speech-control {
-  color: #2894df;
-  float: right;
-  margin-top: 5px;
-  cursor: pointer;
-}
-</style>
-
-<style lang="less">
-.audit-modal {
-  .q-field-required {
-    .q-field-label-inner::before {
-      content: "*";
-      color: #f44336 !important;
-      font-size: 18px;
-      padding-top: 5px;
-      padding-right: 5px;
-    }
-  }
-
-  .q-field-label {
-    color: #333333;
-  }
-
-  .reset-btn {
-    .q-btn {
-      width: 96px;
-      height: 36px;
-      background: #ffffff;
-      border-radius: 100px;
-      box-shadow: -1px 1px 5px -1px rgba(0, 0, 0, 0.18);
-      margin-top: 8px;
-    }
-
-    .next-use {
-      margin: 15px 0 0 203pt
-    }
-  }
-}
-
-.mobile {
-  .audit-modal {
-    .reset-btn {
-      .next-use {
-        margin: 15px 0 0 0 !important;
-      }
-    }
-
-  }
-}
-
-.modal-scroll {
-  max-height: 100vh !important;
-}
-
-.audit-modal {
-  .modal-body {
-    padding: 0;
-  }
-
-  .audit-modal-content {
-    padding: 0;
-  }
-
-  .modal-content {
-    padding: 14px;
-    border-radius: 10px;
-    width: 90vw;
-    max-height: 90vh !important;
-    max-width: 40vw !important;
-  }
-
-  .modal-header {
-    font-size: 16px;
-    padding: 0;
-  }
-
-  .q-field {
-    padding: 0;
-    margin: 0;
-    margin-top: 10px;
-  }
-
-  .upload-box {
-    padding: 0px 5px 0px;
-    margin-bottom: 0;
-  }
-
-  .q-layout-header {
-    box-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1);
-    -webkit-box-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1);
-
-    .q-toolbar {
-      color: #333 !important;
-    }
-  }
-}
-
-.mobile {
-  .modal-footer {
-    button {
-      margin-top: 7px;
-      background: linear-gradient(270deg, #34b2d5, #16a7cf) !important;
-      border-radius: 25px;
-      height: 44px;
-      color: #333;
-      margin-bottom: 7px;
-    }
-  }
-
-  .audit-modal {
-    .modal-content {
-      max-width: 90vw !important;
-    }
-  }
-}
-
-.aduit-result {
-  padding: 0px 10px;
-  border-radius: 15px;
-  overflow: hidden;
-  line-height: 30px;
-  height: 30px;
-  box-sizing: border-box;
-  display: inline-block;
-  vertical-align: middle;
-
-}
-</style>
-<style lang="less">
-.bpm-default-input {
-  max-width: 100%;
-  overflow: hidden;
-
-  .material-icons {
-    width: 26px;
-    display: inline-block;
-    margin-right: 8px;
-    // margin: 0!important;
-    // transform: translateX(10px);
-  }
-
-  .q-if-inner {
-    padding-right: 22px;
-  }
-}
-</style>
-
-

package/components/lib/bpmAudit/src/part/auditor.vue

@@ -1,54 +0,0 @@
-<template>
-    <component :is="componentName" :field="fieldConf" v-model="curVal" :fieldConf="fieldConf" :row="row" :container="container" @change="changeVal"></component>
-</template>
-
-<script>
-import AuditWithOthers from "./auditor/audit-with-others";
- import AuditSelect from "./auditor/audit-select"
- import AduitNew from "./auditor/audit-new"
-export default {
-     props: ["value", "fieldConf", "row","container"],
-  components: {
-     AuditWithOthers,
-     AuditSelect,
-     AduitNew
-  },
-  data(){
-    return {
-        curVal: {
-        result: 1,
-        judgment: "",
-        photos: [],
-        reject_target: "",
-        signature: "",
-        auditor_name: "",
-        audit_at: "",
-        auditor: "",
-    }
-    }
-  },
-  computed: {
-  
-    componentName() {
-      let  signature = _.get(this.fieldConf, "signature")
-      let  jucdgment = _.get(this.fieldConf, "jucdgment")
-      let  photo = _.get(this.fieldConf, "photo")
-      let style = _.get(this.container, "formSchema.audit_style")
-      return style == 'collaboration' ? 'AduitNew' : (signature == "yes" || signature == "must" || jucdgment == "yes" || jucdgment == "must" || photo == "yes" || photo == "must" ? 'AuditWithOthers'  : 'AuditSelect');
-    }
-  },
-    mounted() {
-    if(this.value){
-      let value = _.cloneDeep(this.value);
-      value.audit_at = value.audit_at * 1000
-      this.curVal = _.merge(this.curVal, value)
-    }
-    },
-    methods: {
-      changeVal(data) {
-          this.$emit("input",data)
-          this.$emit("change",data)
-      }
-    },
-}
-</script>