eoss-mobiles 0.1.13

package/packages/flow/src/components/Message.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="flow-message">
+    <em-input :label="label" readonly :required="required">
+      <template slot="input">
+        <div class="template-input-two" style="width: 100%">
+          <em-checkbox-group
+            v-model="form.notificationType"
+            direction="horizontal"
+            :sysAppCode="code"
+            @change="onInput"
+          />
+          <div
+            class="msg"
+            v-show="
+              showMsg &&
+                form.notificationType &&
+                form.notificationType.length > 0
+            "
+          >
+              <!-- :disabled="type != 'reject'" -->
+            <em-input
+              v-model="form.notificationMsg"
+              rows="3"
+              @input="onInput"
+              autosize
+              type="textarea"
+              placeholder="请输入留言"
+            />
+          </div>
+        </div>
+      </template>
+    </em-input>
+  </div>
+</template>
+<script>
+export default {
+  name:'Message',
+  inheritAttrs:false,
+  props: {
+    type:String,
+    code: {
+      type: String,
+      default: "notification_type", // 代码表默认参数
+    },
+    defaultNotificationMsg: String, //通知消息默认值
+    defaultNotificationType: {
+      type: [String,Array],
+      default: undefined, // 代码表默认参数
+    }, //通知消息默认值
+    label: {
+      type: String,
+      default: "通知方式", // 代码表默认参数
+    },
+    required: {
+      type: Boolean,
+      default: false, // 代码表默认参数
+    },
+    showMsg: {
+      // 控制默认消息内容
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      form: {
+        notificationType: [], //选中消息数组
+        notificationMsg: undefined, //系统消息
+      },
+      defaultType: undefined, // 默认值
+      newList: [], //消息通知列表
+    };
+  },
+  watch: {
+    // 监听默认消息内容
+    defaultNotificationMsg:{
+      handler(val) {
+      this.form.notificationMsg = val;
+    },
+    deep:true,
+    immediate:true
+    },
+    // 监听默认消息类型
+    defaultNotificationType(val) {
+      if(val){
+      this.form.notificationType = val
+    }
+    },
+  },
+  methods: {
+    onInput() {
+      this.$emit("onInputMsg", this.form);
+    },
+  },
+};
+</script>

package/packages/flow/src/components/Opinion.vue

@@ -0,0 +1,112 @@
+<template>
+  <div class="opinton-content">
+    <div class="input-box" :type="isFile ? 'haveFile' : 'noHaveFile'">
+      <div class="item">
+        <em-input
+          :label="label"
+          :placeholder="placeholder"
+          v-model="opinion"
+          type="textarea"
+          rows="3"
+          @input="onInput"
+          :disabled="disabled"
+          :required="isOpinionRequired == 1 ? true : false"
+        />
+      </div>
+      <div class="item" v-if="opinionList.length > 0 && isHiddenOftenOpinion">
+        <em-input label-width="100%" label="请选择常用语">
+          <template slot="input">
+            <em-radio-group
+              v-model="opinion"
+              :disabled="disabled"
+              :data="opinionList"
+              value-key="content"
+              label-key="content"
+              direction="horizontal"
+              @change="onInput"
+            />
+          </template>
+        </em-input>
+      </div>
+    </div>
+    <div class="input-box input-box-file" v-if="isFile">
+      <div class="item item-file">
+        <!-- <FileList
+          :code="code"
+          :ownId="ownId"
+          label="意见附件"
+          type="file"
+        ></FileList> -->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { commonOpion } from "../../../../src/config/api";
+import request from '../../../../src/utils/http.js';
+// import FileList from "@/components/public/FileList.vue";
+export default {
+  name:'Opinion',
+  props: {
+    code: String, //附件code
+    ownId: String, //附件id
+    baseUrl:String,
+    label: {
+      type: String,
+      default: "填写意见", // 显示标题
+    },
+    placeholder: {
+      type: String,
+      default: "请填写审核意见", //显示文本框的默认提示字
+    },
+    isFile: {
+      type: Boolean,
+      default: false, // 是否显示意见附件
+    },
+    isHiddenOftenOpinion: {
+      type: Boolean, // 是否显示常用语
+      default: true,
+    },
+    isOpinionRequired: {
+      type: Number,
+      default: () => {
+        isOpinionRequired: 1;
+      }, // 意见是否必填
+    },
+    disabled:{
+      type:Boolean,
+      default:false
+    }
+  },
+  // components: {
+  //   FileList,
+  // },
+  data() {
+    return {
+      opinion: undefined,
+      opinionList: [], //意见列表
+    };
+  },
+  created() {
+    this.getOpinionList();
+  },
+  methods: {
+    // 获取常用意见列表
+    getOpinionList() {
+      const _that = this
+     request({
+        url:_that.baseUrl ? _that.baseUrl + commonOpion: commonOpion,
+        params: {},
+      }).then((res) => {
+        if (res.rCode == 0) {
+          this.opinionList = res.results;
+        }
+      });
+    },
+    // 将input的值传递到父组件
+    onInput(val) {
+      this.$emit("onInputOpintion", val);
+    },
+  },
+};
+</script>

package/packages/flow/src/components/Reject.vue

@@ -0,0 +1,202 @@
+<template>
+  <div class="process-reject">
+    <div class="reject-content">
+      <div class="present-node">
+        <div class="label">当前节点:</div>
+        <div>{{ processObj.taskExamine.nodeName }}</div>
+      </div>
+      <Opinion
+        :code="processObj.attachedCode"
+        :ownId="$route.query.pendingId"
+        @onInputOpintion="onInputOpintion"
+        :isOpinionRequired="isBanInputOpinion"
+        :disabled="isBanInputOpinion != 0"
+        :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
+      ></Opinion>
+      <div class="input-box">
+        <div class="item">
+          <em-input label="驳回对象">
+            <template slot="input">
+              <em-radio-group v-model="form.nextNodeId" :data="rejectObj" />
+            </template>
+          </em-input>
+        </div>
+        <Message
+          ref="message"
+          :code="'notification_type'"
+          :defaultNotificationType="defaultNotificationType"
+          :defaultNotificationMsg="form.notificationMsg"
+          @onInputMsg="onInputMsg"
+          :type="type"
+        ></Message>
+      </div>
+    </div>
+    <div class="btn-list">
+      <div class="btn" @click="goBack">取消</div>
+      <div class="btn" @click="onSubmit()">确定</div>
+    </div>
+  </div>
+</template>
+<script>
+import { taskRejectHtml, toTaskRejectHtml } from '../../../../src/config/api';
+import request from '../../../../src/utils/http.js';
+import Opinion from './Opinion.vue';
+import Message from './Message.vue';
+export default {
+  name: 'Reject',
+  props: {
+    appid: String,
+    type: String,
+    pendingId: String,
+    userId: String,
+    beforeSubmit: Function,
+    baseUrl: String
+  },
+  data() {
+    return {
+      showMsg: false, // 判断是否显示系统消息
+      showOpinion: false, // 常用意见弹框
+      form: {
+        opinion: undefined, // 审批意见
+        notificationMsg: undefined, //系统消息
+        nextNodeId: undefined
+      },
+      processObj: {
+        taskExamine: { nodeName: undefined },
+        nodeInfoMap: { nextUserList: [] }
+      },
+      rejectObj: [], //
+      isHiddenOftenOpinion: undefined, //是否隐藏常用意见
+      nodeDefaultRejectOpinion: undefined, //默认提交意见
+      checked: true, // 系统消息是否选中
+      defaultNotificationType: undefined, ///默认选中通知类型
+      isBanInputOpinion: 0 //是否禁用意见
+    };
+  },
+  components: { Opinion, Message },
+  created() {
+    this.style = {
+      'padding-top': sessionStorage.getItem('pt')
+        ? sessionStorage.getItem('pt') + 'px'
+        : '30px'
+    };
+    this.getProcessObj();
+  },
+  methods: {
+    // 通知消息回调
+    onInputMsg(obj) {
+      this.form.notificationType = obj.notificationType.join(',');
+      this.form.notificationMsg = obj.notificationMsg;
+    },
+    // 意见回调
+    onInputOpintion(val) {
+      this.form.opinion = val;
+    },
+    goBack() {
+      this.$parent.$emit('close');
+    },
+    // 提交流程
+    onSubmit() {
+      if (!this.form.opinion && this.isBanInputOpinion == 0) {
+        this.$toast('请选择输入审批意见');
+        return;
+      }
+      let str = '';
+      if (this.form.opinion) {
+        str = this.form.opinion.replace(/\s+/g, '');
+      }
+      if ((!this.form.opinion || str === '') && this.nodeDefaultRejectOpinion) {
+        this.form.opinion = this.nodeDefaultRejectOpinion;
+      }
+      if (this.beforeSubmit) {
+        this.beforeSubmit({ pendingId: this.pendingId, ...this.form });
+        return;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      const _that = this
+      request({
+        url: _that.baseUrl ? _that.baseUrl + taskRejectHtml : taskRejectHtml,
+        params: {
+          pendingId: _that.pendingId,
+          // nextNodeId: this.dataJson.taskExamine.nodeId,
+          ...this.form
+        }
+      }).then(res => {
+        if (res.rCode == 0) {
+          this.$toast('操作成功');
+          this.$parent.$emit('success');
+        } else {
+          this.$toast(res.msg);
+        }
+      });
+    },
+    //  确认常用意见
+    onConfirmOpinion(val) {
+      this.form.opinion = val.content;
+      this.showOpinion = false;
+    },
+    // 获取驳回信息
+    getProcessObj() {
+      const _that = this
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: _that.baseUrl ? _that.baseUrl + toTaskRejectHtml : toTaskRejectHtml,
+        params: {
+          appid: this.appid,
+          pendingId: this.pendingId,
+          identityIds: this.userId
+        }
+      }).then(res => {
+        if (res.rCode == 0) {
+          this.$toast.clear();
+          this.isHiddenOftenOpinion =
+            res.results.nodeInfoMap.nodeExtAttr.isHiddenOftenOpinion;
+          this.nodeDefaultRejectOpinion =
+            res.results.nodeInfoMap.nodeExtAttr.nodeDefaultRejectOpinion;
+          this.isBanInputOpinion =
+            res.results.nodeInfoMap.nodeExtAttr.isBanInputOpinion;
+          if (!this.isBanInputOpinion) {
+            this.isBanInputOpinion = 0;
+          }
+          this.processObj = res.results;
+          this.form.notificationMsg = res.results.defaultNotificationMessage;
+          this.defaultNotificationType = res.results.defaultNotificationType.split(
+            ','
+          );
+          let list = [];
+          if (res.results.rejectTaskNodes) {
+            for (let i in res.results.rejectTaskNodes) {
+              let obj = {
+                id: i,
+                name: res.results.rejectTaskNodes[i]
+              };
+              list.push(obj);
+            }
+            this.rejectObj = list;
+            if (this.rejectObj.length > 0) {
+              this.form.nextNodeId = this.rejectObj[0].id;
+              this.rejectObj.map(item => {
+                item.value = item.id;
+              });
+            }
+          }
+        } else {
+          this.$toast(res.message);
+        }
+      });
+    }
+  }
+};
+</script>