@zhijiancloud/bpm 0.0.6 → 0.0.7

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

@@ -0,0 +1,634 @@
+<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

@@ -0,0 +1,54 @@
+<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>

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

@@ -1,9 +1,9 @@
 <template>
-  <div class="audit">
-    <div class="row no-wrap relative-position q-chips-input">
-      <div class="col row items-center q-input-chips" @click="opened = true">
+  <div class="audit-editor">
+    <div >
+      <div @click="opened = true">
         <span
-          class="aduit-result"
+          class="aduit-result-title"
           :style="{
             background: resultColor,
             color: resultColor ? '#fff' : '#333',
@@ -30,7 +30,7 @@
         >
           <el-form-item label="审批结果：">
             <span
-              class="aduit-result"
+              class="aduit-result-title"
               :style="{
                 background: resultColor,
                 color: resultColor ? '#fff' : '#333',
@@ -314,3 +314,5 @@ export default {
 };
 </script>
 
+
+