cloud-web-corejs 1.0.0

package/src/views/user/bill_setting/mixins/wf.js

@@ -0,0 +1,432 @@
+export default {
+  data() {
+    return {
+      showStartBtn: false,
+      hasWf: false,
+      wfInfo: {},
+      // currentTask: {},
+      taskParam: {},
+      wfOption: {},
+      showModifyDialog: false,
+      modifyDialogOption: {},
+
+      rejectNodes: [],
+      rejectDialogVisible: false,
+      rejectForm: {
+        rejectSubmitModel: null,
+        nodeId: null,
+        opinion: null,
+      },
+
+      formLabelWidth: "120px",
+      agreeDialogVisible: false,
+      agreeForm: {
+        opinion: "同意",
+        nodeId: null,
+      },
+      agreeNodes: [],
+
+      changeWfDialogVisible: false,
+      changeWfForm: {},
+      changeUserRows: [],
+      showUserDialog: false,
+      wfUserParamForTransfer: {},//转办
+
+    }
+  },
+  methods: {
+    initCurrentPrefix() {
+      let url = this.billJson.getUrl;
+      let urlArr = url.split('/');
+      let serviceId = urlArr[1]
+      this.current_prefix = serviceId ? "/" + serviceId : "";
+    },
+    async initWf(option) {
+      this.wfOption = option;
+      let hasWf = false;
+      let wfInfo, currentTask, taskParam = {};
+      await this.initWfInfo(option).then(res => {
+        if (res && res.type == 'success') {
+          if (res.objx && res.objx.procInstId) {
+            hasWf = true;
+            wfInfo = res.objx;
+            this.initCurrentPrefix();
+            this.initWfUserParam();
+          }
+        }
+      });
+
+      if (hasWf) {
+        if (wfInfo.taskId) {
+          await this.getTaskParams(option, wfInfo.taskId).then(res2 => {
+            if (res2.type == 'success') {
+              taskParam = res2.objx;
+              taskParam.objId = option.objId;
+            }
+          });
+        }
+      }
+      this.hasWf = hasWf;
+      this.wfInfo = wfInfo || {};
+      this.taskParam = taskParam;
+    },
+    async initWfInfo(option) {
+      let id = option.objId;
+      let code = option.wfCode;
+      return this.$http({
+        url: this.getCurrentPrefix(option.serviceId) + '/wf/getWfInfo',
+        method: `post`,
+        data: {
+          objTypeCode: code,
+          objId: id
+        },
+        isLoading: true,
+        modalStrictly: true
+      });
+    },
+    async getTaskParams(option, taskId) {
+      return this.$http({
+        url: this.getCurrentPrefix(option.serviceId) + '/wf/getTaskVariables',
+        method: `post`,
+        data: {
+          stringOne: taskId
+        },
+        isLoading: true,
+        modalStrictly: true
+      });
+    },
+    getCurrentPrefix(serviceId) {
+      let currentPrefix;
+      if (serviceId) {
+        currentPrefix = serviceId.split('/')[0] == '/' ? serviceId : ('/' + serviceId);
+      } else {
+        currentPrefix = '';
+      }
+      return currentPrefix;
+    },
+    openModifyDialog() {
+
+      this.showModifyDialog = true;
+      this.modifyDialogOption = {
+        code: this.taskParam.appBillCode,
+        dataId: this.dataId
+      };
+
+      /*let wfOption = this.wfOption;
+      this.$refs.modifyDialog.init({
+        // code: wfOption.code,
+        code: "test003_md",
+        dataId: this.dataId
+      })*/
+    },
+
+    async rejectWfTask(operateType) {
+      let that = this.getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+      var destinations = [];
+
+      await that.$http({
+        url: this.current_prefix + "/wf/getPreIncomeNodes",
+        data: {
+          stringOne: taskId,
+        },
+        method: "post",
+        //contentType: 'application/json;charset=utf-8',
+        async: false,
+        isLoading: true,
+        success: (resultMsg) => {
+          destinations = (resultMsg.objx || []).reverse();
+        },
+      });
+
+      if (destinations == null) {
+        return false;
+      }
+      if (destinations.length == 0) {
+        that.$message({
+          message: "无法驳回，没有目标节点",
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+      this.operateType = operateType;
+
+      this.rejectForm.rejectSubmitModel = this.wfInfo.toRejectNode == false ? 2 : null
+      this.rejectForm.nodeId = destinations[0].nodeId;
+      this.rejectForm.opinion = "";
+      this.rejectNodes = destinations;
+      this.rejectDialogVisible = true;
+    },
+    subRejectForm() {
+      let that = this.getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+
+      if (!this.rejectForm.nodeId) {
+        that.$message({
+          message: "请选择驳回节点",
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+
+      if (!this.rejectForm.opinion) {
+        that.$message({
+          message: "请输入驳回意见",
+          type: "error",
+          duration: 2 * 1000,
+        });
+        return false;
+      }
+
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        nodeId: this.rejectForm.nodeId,
+        suggestion: this.rejectForm.opinion,
+        rejectSubmitModel: this.rejectForm.rejectSubmitModel
+      });
+      this.rejectDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/reject",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              // this.closeWinOnCheck(2);
+            },
+          });
+        },
+      });
+    },
+    openAgreeDialog(operateType) {
+      this.operateType = operateType;
+      let that = this.getTarget(this);
+      this.agreeForm = {
+        opinion: "同意",
+        nodeId: null,
+      };
+      this.agreeNodes = [];
+      that.$http({
+        url: this.current_prefix + "/wf/getNextOutgoingNodes",
+        data: {
+          stringOne: this.wfInfo.taskId,
+        },
+        method: "post",
+        async: false,
+        isLoading: true,
+        success: (res) => {
+          let nodes = res.objx || [];
+          /*if (tq == true) {
+            nodes.reverse();
+          }*/
+          if (nodes.length) {
+            this.agreeForm.nodeId = nodes[0].nodeId;
+          }
+          this.agreeNodes = nodes;
+          this.agreeDialogVisible = true;
+        },
+      });
+    },
+    subAgreeForm() {
+
+      let done = () => {
+        this.subAgreeHandle();
+      }
+      /*
+      let wfConfig = this.wfConfig;
+      if (wfConfig.onBeforeAgree) {
+        wfConfig.onBeforeAgree(done)
+      } else {
+        done();
+      }*/
+      done();
+    },
+    subAgreeHandle() {
+      let that = this.getTarget(this);
+      let nodeId = null;
+      if (this.agreeNodes.length) {
+        if (!this.agreeForm.nodeId) {
+          that.$message({
+            message: "请选择节点",
+            type: "error",
+            duration: 2 * 1000,
+          });
+          return;
+        }
+        nodeId = this.agreeForm.nodeId;
+      }
+
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+      var memo = this.agreeForm.opinion || "同意";
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        suggestion: memo,
+        nodeId: nodeId,
+      });
+      this.agreeDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/submit",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          if (resultMsg.objx && resultMsg.objx.code == "999999") {
+            this.errorSubmit({
+              taskId: taskId,
+              uuid: this.wfInfo.uuid,
+              suggestion: memo,
+              errorMsg: resultMsg.objx.errorMsg
+            });
+          } else {
+            that.$message({
+              message: resultMsg.content,
+              type: "success",
+              duration: 500,
+              onClose: (t) => {
+                this.reloadContent();
+                // this.closeWinOnCheck(1);
+              },
+            });
+          }
+        },
+      });
+    },
+    errorSubmit(data) {
+      let that = this.getTarget(this);
+      that.$http({
+        url: this.current_prefix + "/wf/errorSubmit",
+        data: data,
+        method: "post",
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              // this.closeWinOnCheck(1);
+            },
+          });
+        },
+      });
+    },
+    openChangeWfForm(operateType) {
+      this.operateType = operateType;
+      this.changeWfDialogVisible = true;
+      this.changeUserRows = [];
+      this.changeWfForm = {
+        userIds: [],
+        userNickNames: null,
+        opinion: null,
+      };
+    },
+    subChangeWfForm() {
+      let that = this.getTarget(this);
+      var procInstId = this.wfInfo.procInstId;
+      var taskId = this.wfInfo.taskId;
+
+      var userIds = this.changeWfForm.userIds || [];
+      var opinion = this.changeWfForm.opinion || null;
+
+      if (!userIds.length) {
+        that.$message({
+          message: "请选择转办人",
+          type: "error",
+          duration: 2000,
+          onClose: (t) => {
+          },
+        });
+        return false;
+      }
+
+      var data = JSON.stringify({
+        taskId: taskId,
+        uuid: this.wfInfo.uuid,
+        transferTo: userIds,
+        suggestion: opinion,
+      });
+      this.changeWfDialogVisible = false;
+      that.$http({
+        url: this.current_prefix + "/wf/transfer",
+        data: data,
+        method: "post",
+        headers: {
+          "Content-Type": "application/json;charset=utf-8",
+        },
+        isLoading: true,
+        success: (resultMsg) => {
+          that.$message({
+            message: resultMsg.content,
+            type: "success",
+            duration: 500,
+            onClose: (t) => {
+              this.reloadContent();
+              // this.closeWinOnCheck(4);
+            },
+          });
+        },
+      });
+    },
+    userConfirm(rows) {
+      if (rows.length > 0) {
+        let changeUserRows = this.changeUserRows;
+        let ids = changeUserRows.map((changeUserRow) => changeUserRow.id);
+        let addRows = rows.filter((row) => !ids.includes(row.id));
+        changeUserRows.push(...addRows);
+
+        let row = rows[0];
+        this.changeWfForm.userIds = changeUserRows.map(
+          (changeUserRow) => changeUserRow.id
+        );
+        this.changeWfForm.userNickNames = changeUserRows
+          .map((changeUserRow) => changeUserRow.nickName)
+          .join(",");
+      }
+    },
+    initWfUserParam(callback) {
+      this.initTransferUserParam();//转办
+    },
+    //
+    initTransferUserParam(callback) {
+      //初始化转办用户参数
+      let that = this.getTarget(this);
+      return that.$http({
+        url: USER_PREFIX + "/wf_diy_attribute/getValue",
+        method: `post`,
+        data: {attributeKey: "param1"},
+        isLoading: true,
+        modalStrictly: true,
+        success: (res) => {
+          this.wfUserParamForTransfer = res.objx || {};
+          callback && callback();
+        },
+      });
+    },
+    getTarget() {
+      return this;
+    },
+    reloadContent() {
+      this.$emit('reload');
+    }
+
+  }
+}

package/src/views/user/bill_setting/previewDialog.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-dialog
+    title="预览"
+    :append-to-body="true"
+    :modal-append-to-body="falseValue"
+    :close-on-click-modal="falseValue"
+    :visible.sync="showDialog"
+    :modal="falseValue"
+    custom-class="dialog-style h5view-dialog"
+    width="500px"
+    top="0px"
+    v-el-drag-dialog
+    v-el-dialog-center
+    :fullscreen="false"
+  >
+    <div class="cont" style="height: calc(100vh - 73px);">
+      <render ref="render" :isPreview="true"></render>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import render from "./render";
+
+export default {
+  name: "previewDialog",
+  components: {render},
+  created() {
+
+  },
+  mounted() {
+
+  },
+  data() {
+    return {
+      showDialog: false,
+      falseValue: false
+    };
+  },
+  methods: {
+    init(row) {
+      if (!row.data) {
+        return
+      }
+      this.showDialog = true;
+      this.$nextTick(() => {
+        let json = JSON.parse(row.data);
+        this.$refs.render.init({
+          code: row.code,
+          billSetting: row,
+          wfEnabled: true
+        }, true);
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/user/bill_setting/queryDialog.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="pop-addForm">
+    <div class="header-box">
+      <i class="go-back el-icon-arrow-left" @click="close"></i><span>{{ queryDialogConfig.dialogDesc }}</span>
+    </div>
+    <div class="choose-pro-list">
+      <div class="item" v-for="(row,index) in rows" :key="index" @click="chooseRow(row)">
+        <p class="name"><span>{{ row[queryDialogConfig.mainFieldName] }}</span></p>
+        <p v-for="(fieldDTO,index2) in queryDialogConfig.fieldDTOs" :key="index2">{{ fieldDTO.fieldDesc }}:{{
+            getCellValue(row, fieldDTO)
+          }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "queryDialog",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  inject: ["getBillJson"],
+  data() {
+    return {
+      rows: [],
+      queryDialogConfig: {}
+    }
+  },
+  created() {
+    this.initTable1();
+  },
+  methods: {
+    initTable1() {
+      this.queryDialogConfig = this.option.itemDTO.addConfig.queryDialogConfig;
+      this.getData();
+    },
+    getCellValue(row, fieldDTO) {
+      let rowValue = row[fieldDTO.fieldName];
+      if (fieldDTO.fieldStyle == 5) {
+        return rowValue;
+      } else if (fieldDTO.fieldStyle == 7) {
+        let item = fieldDTO.fieldStyleValue.find(item => rowValue === item.value)
+        return item ? item.label : null;
+      }
+    },
+    getData() {
+      let queryDialogConfig = this.queryDialogConfig;
+      let param = queryDialogConfig.param || {};
+      this.$http({
+        url: queryDialogConfig.getUrl,
+        method: `post`,
+        data: param,
+        isLoading: true,
+        success: res => {
+          this.billSetting = res.objx || {};
+          let records = [];
+          if (queryDialogConfig.isPage) {
+            records = res.objx && res.objx.records ? res.objx.records : [];
+          } else {
+            records = res.objx ? res.objx : [];
+          }
+          this.rows = records;
+        }
+      });
+    },
+    close() {
+      this.$emit('update:visiable', false)
+    },
+    confirm() {
+
+    },
+    chooseRow(row){
+      this.$emit('confirm',[row]);
+      this.close();
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.h5-wrap {
+  max-width: 640px;
+  margin: auto;
+
+  .header-box {
+    background-color: #FFF;
+    text-align: center;
+    line-height: 46px;
+    height: 46px;
+    font-size: 16px;
+    color: #212121;
+    position: relative;
+
+    .go-back {
+      position: absolute;
+      left: 14px;
+      top: 0;
+      line-height: 46px;
+      font-size: 20px;
+    }
+  }
+}
+
+.pop-addForm {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #FFF;
+  z-index: 999;
+  //display: none;
+
+  .choose-pro-list {
+    border-top: solid 8px #f6f6f6;
+    padding: 0 16px;
+
+    .item {
+      border-bottom: solid 1px #F2F2F2;
+      padding: 12px 24px 12px 0;
+      background-size: 8px;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+
+      p {
+        width: 50%;
+        display: block;
+        float: left;
+        margin-bottom: 2px;
+        color: #888;
+
+        &.name {
+          color: #323232;
+          font-size: 14px;
+          width: 100%;
+          margin-bottom: 7px;
+          font-weight: 600;
+
+          &:before {
+            content: "";
+            width: 6px;
+            height: 6px;
+            background: #2A6494;
+            display: inline-block;
+            vertical-align: middle;
+            margin-right: 5px;
+            border-radius: 2px;
+          }
+
+          span {
+            vertical-align: middle;
+          }
+        }
+      }
+
+      &:after {
+        content: "\e6e0";
+        position: absolute;
+        right: 0;
+        font-family: element-icons !important;
+        margin-top: -10px;
+        font-size: 17px;
+        color: #c2c2c2;
+        top: 50%;
+      }
+    }
+  }
+}
+</style>