@lambo-design/workflow-approve 1.0.0-beta.128 → 1.0.0-beta.129

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/workflow-approve",
-  "version": "1.0.0-beta.128",
+  "version": "1.0.0-beta.129",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/components/horizontal/attachment.vue

@@ -1,224 +1,224 @@
-<template>
-  <div>
-    <Row>
-      <Row>
-        <span v-for="(item, index) in attachmentdata" :key="index" style="font-size: 14px">
-          <span v-if="index>0">、</span>
-         <span style="color:#2D8cF0 ">  {{ item.fileName }}</span>
-          <a @click="forRemoveAttachment(index)" style="font-size: 13px;">.删除</a>
-        </span>
-        <div>
-          <div slot="buttons">
-            <Upload :action="actionUrl" :on-error="handleError" :before-upload="handleUpload" :show-upload-list="false"
-                    multiple
-                    :on-success="handleSuccess" :on-progress="handleProgress"
-                    :on-format-error="handleFormatError"
-                    :format="['xlsx', 'xls','txt','rar','zip','doc','docx','jpg','pdf','gif','png']">
-              <Button :loading="loading" icon="ios-arrow-round-up" type="primary"
-                      style="color: #808080;border-color:#e0e0e0;" ghost>添加附件
-              </Button>
-            </Upload>
-          </div>
-        </div>
-      </Row>
-      <Row style="margin-top: 10px">
-        <span style="color: red;font-size: 14px">* 支持扩展名： .rar .zip .doc .docx .pdf .jpg...</span>
-      </Row>
-    </Row>
-  </div>
-</template>
-
-<script>
-
-
-export default {
-  name: "attachment",
-  components: {},
-  props: {
-    actionUrl: {
-      default: "/api/oss-server/file/put",
-    },
-    attachmentdata: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    },
-    attachmentColumn: {
-      default: function () {
-        let column = [
-          {title: "序号", type: 'index', width: 80, align: "center"},
-          {
-            title: "相关附件", key: "fileName", minWidth: 200, align: 'left', tooltip: true,
-            render: (h, {row}) => {
-              return h("a", {
-                on: {
-                  'click': () => {
-                    let reg = /\.(gif|jpg|jpeg|bmp|png)$/
-                    let regs = /\.pdf$/
-                    if (reg.test(row.fileName)) {
-                      let imgs = [];
-                      let url = this.ossServerContext + "/file/get/" + row.fileId;
-                      this.imgPreview(url);
-                    } else if (regs.test(row.fileName)) {
-                      window.open(this.ossServerContext + "/file/getFileStream?fileId=" + row.fileId, "_blank");
-                    } else {
-                      window.open(this.ossServerContext + "/file/get/" + row.fileId, "_blank");
-                    }
-                  }
-                }
-              }, row.fileName);
-            }
-          },
-          {
-            title: "操作", width: 80, align: "center",
-            render: (h, {index}) => {
-              return h('div', [
-                h('Button', {
-                  props: {
-                    type: 'warning',
-                    size: 'small',
-                    ghost: true
-                  },
-                  on: {
-                    click: () => {
-                      this.forRemoveAttachment(index)
-                    }
-                  }
-                }, '删除')
-              ]);
-            }
-          }
-        ];
-        return column
-      }
-    },
-  },
-  data() {
-    return {
-      loading: false,
-      modalImg: false,
-      image: "",
-      tempFileArr: [],
-      percentage: null,
-      file_name: '',
-      fileList: [],
-    }
-  },
-  methods: {
-    openAttachment(item) {
-      let reg = /\.(gif|jpg|jpeg|bmp|png)$/;
-      let regs = /\.pdf$/;
-
-      if (reg.test(item.fileName)) {
-        let imgs = [];
-        let url = this.ossServerContext + "/file/get/" + item.fileId;
-        this.imgPreview(url);
-      } else if (regs.test(item.fileName)) {
-        window.open(this.ossServerContext + "/file/getFileStream?fileId=" + item.fileId, "_blank");
-      } else {
-        window.open(this.ossServerContext + "/file/get/" + item.fileId, "_blank");
-      }
-    },
-    handleSuccess: function (response, file, fileList) {
-      let self = this;
-      let tempArr = JSON.parse(JSON.stringify(this.tempFileArr))
-
-      tempArr.forEach(function (value, index, array) {
-        if (value == file.name) {
-          self.tempFileArr.splice(index, 1)
-        }
-      });
-
-      if (response.code == 1 && self.tempFileArr && self.tempFileArr.length < 1) {
-        self.loading = false;
-        self.$Message.success("上传成功");
-      }
-
-      if (response.code == 1) {
-        if (response.data != undefined && response.data != null && response.data.length > 0) {
-          let tempData = [].concat(response.data);
-          this.attachmentdata.push({
-            fileName: tempData[0].originalName,
-            fileId: tempData[0].fileName,
-          });
-        }
-
-        this.fileList = fileList
-
-      } else {
-        self.loading = false;
-        this.$Message.error({
-          content: file.name + '上传失败！',
-        });
-        //this.$Message.error("上传失败！");
-
-        let j = 0;
-        for (let i = 0; i < fileList.length; i++) {
-          if (fileList[i].canceled) {
-            continue;
-          }
-          if (fileList[i].name === file.name && fileList[i].timestamp === file.timestamp) {
-            j = i;
-          }
-        }
-
-        //console.log(fileList)
-        fileList.splice(j, 1);
-
-      }
-
-    },
-    handleError: function (error, file, fileList) {
-      this.loading = false
-      this.$Message.error({
-        content: fileList.name + ' 上传失败！',
-      });
-    },
-    handleUpload: function (file) {
-      if (!file.canceled) {
-        this.tempFileArr.push(file.name)
-      }
-    },
-    forRemoveAttachment: function (index) {
-      this.attachmentdata.splice(index, 1);
-      this.$refs.attachmentTable.tableRefresh()
-    },
-    //查看附件
-    imgPreview: function (img) {
-      this.modalImg = true
-      this.image = img;
-    },
-    //查看附件
-    cancelUpload: function (item, fileList) {
-      item.showProgress = false;
-      item.canceled = true;
-    },
-    handleProgress(event, file, fileList) {
-      this.loading = true
-
-
-    },
-    handleFormatError(file) {
-      this.loading = false
-      this.$Notice.warning({
-        title: "文件格式不正确",
-        desc: "文件 " + file.name + " 格式不支持，请上传其他格式的文件。",
-      });
-    },
-
-  }
-}
-</script>
-
-<style scoped>
-.demo-spin-icon-load {
-  animation: ani-demo-spin 1s linear infinite;
-}
-
-/deep/ .ivu-icon {
-  zoom: 130%;
-  color: #808080;
-  margin-right: -1px;
-}
-</style>
+<template>
+  <div>
+    <Row>
+      <Row>
+        <span v-for="(item, index) in attachmentdata" :key="index" style="font-size: 14px">
+          <span v-if="index>0">、</span>
+         <span style="color:#2D8cF0 ">  {{ item.fileName }}</span>
+          <a @click="forRemoveAttachment(index)" style="font-size: 13px;">.删除</a>
+        </span>
+        <div>
+          <div slot="buttons">
+            <Upload :action="actionUrl" :on-error="handleError" :before-upload="handleUpload" :show-upload-list="false"
+                    multiple
+                    :on-success="handleSuccess" :on-progress="handleProgress"
+                    :on-format-error="handleFormatError"
+                    :format="['xlsx', 'xls','txt','rar','zip','doc','docx','jpg','pdf','gif','png']">
+              <Button :loading="loading" icon="ios-arrow-round-up" type="primary"
+                      style="color: #808080;border-color:#e0e0e0;" ghost>添加附件
+              </Button>
+            </Upload>
+          </div>
+        </div>
+      </Row>
+      <Row style="margin-top: 10px">
+        <span style="color: red;font-size: 14px">* 支持扩展名： .rar .zip .doc .docx .pdf .jpg...</span>
+      </Row>
+    </Row>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: "attachment",
+  components: {},
+  props: {
+    actionUrl: {
+      default: "/api/oss-server/file/put",
+    },
+    attachmentdata: {
+      type: Array,
+      default: function () {
+        return []
+      }
+    },
+    attachmentColumn: {
+      default: function () {
+        let column = [
+          {title: "序号", type: 'index', width: 80, align: "center"},
+          {
+            title: "相关附件", key: "fileName", minWidth: 200, align: 'left', tooltip: true,
+            render: (h, {row}) => {
+              return h("a", {
+                on: {
+                  'click': () => {
+                    let reg = /\.(gif|jpg|jpeg|bmp|png)$/
+                    let regs = /\.pdf$/
+                    if (reg.test(row.fileName)) {
+                      let imgs = [];
+                      let url = this.ossServerContext + "/file/get/" + row.fileId;
+                      this.imgPreview(url);
+                    } else if (regs.test(row.fileName)) {
+                      window.open(this.ossServerContext + "/file/getFileStream?fileId=" + row.fileId, "_blank");
+                    } else {
+                      window.open(this.ossServerContext + "/file/get/" + row.fileId, "_blank");
+                    }
+                  }
+                }
+              }, row.fileName);
+            }
+          },
+          {
+            title: "操作", width: 80, align: "center",
+            render: (h, {index}) => {
+              return h('div', [
+                h('Button', {
+                  props: {
+                    type: 'warning',
+                    size: 'small',
+                    ghost: true
+                  },
+                  on: {
+                    click: () => {
+                      this.forRemoveAttachment(index)
+                    }
+                  }
+                }, '删除')
+              ]);
+            }
+          }
+        ];
+        return column
+      }
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      modalImg: false,
+      image: "",
+      tempFileArr: [],
+      percentage: null,
+      file_name: '',
+      fileList: [],
+    }
+  },
+  methods: {
+    openAttachment(item) {
+      let reg = /\.(gif|jpg|jpeg|bmp|png)$/;
+      let regs = /\.pdf$/;
+
+      if (reg.test(item.fileName)) {
+        let imgs = [];
+        let url = this.ossServerContext + "/file/get/" + item.fileId;
+        this.imgPreview(url);
+      } else if (regs.test(item.fileName)) {
+        window.open(this.ossServerContext + "/file/getFileStream?fileId=" + item.fileId, "_blank");
+      } else {
+        window.open(this.ossServerContext + "/file/get/" + item.fileId, "_blank");
+      }
+    },
+    handleSuccess: function (response, file, fileList) {
+      let self = this;
+      let tempArr = JSON.parse(JSON.stringify(this.tempFileArr))
+
+      tempArr.forEach(function (value, index, array) {
+        if (value == file.name) {
+          self.tempFileArr.splice(index, 1)
+        }
+      });
+
+      if (response.code == 1 && self.tempFileArr && self.tempFileArr.length < 1) {
+        self.loading = false;
+        self.$Message.success("上传成功");
+      }
+
+      if (response.code == 1) {
+        if (response.data != undefined && response.data != null && response.data.length > 0) {
+          let tempData = [].concat(response.data);
+          this.attachmentdata.push({
+            fileName: tempData[0].originalName,
+            fileId: tempData[0].fileName,
+          });
+        }
+
+        this.fileList = fileList
+
+      } else {
+        self.loading = false;
+        this.$Message.error({
+          content: file.name + '上传失败！',
+        });
+        //this.$Message.error("上传失败！");
+
+        let j = 0;
+        for (let i = 0; i < fileList.length; i++) {
+          if (fileList[i].canceled) {
+            continue;
+          }
+          if (fileList[i].name === file.name && fileList[i].timestamp === file.timestamp) {
+            j = i;
+          }
+        }
+
+        //console.log(fileList)
+        fileList.splice(j, 1);
+
+      }
+
+    },
+    handleError: function (error, file, fileList) {
+      this.loading = false
+      this.$Message.error({
+        content: fileList.name + ' 上传失败！',
+      });
+    },
+    handleUpload: function (file) {
+      if (!file.canceled) {
+        this.tempFileArr.push(file.name)
+      }
+    },
+    forRemoveAttachment: function (index) {
+      this.attachmentdata.splice(index, 1);
+      this.$refs.attachmentTable.tableRefresh()
+    },
+    //查看附件
+    imgPreview: function (img) {
+      this.modalImg = true
+      this.image = img;
+    },
+    //查看附件
+    cancelUpload: function (item, fileList) {
+      item.showProgress = false;
+      item.canceled = true;
+    },
+    handleProgress(event, file, fileList) {
+      this.loading = true
+
+
+    },
+    handleFormatError(file) {
+      this.loading = false
+      this.$Notice.warning({
+        title: "文件格式不正确",
+        desc: "文件 " + file.name + " 格式不支持，请上传其他格式的文件。",
+      });
+    },
+
+  }
+}
+</script>
+
+<style scoped>
+.demo-spin-icon-load {
+  animation: ani-demo-spin 1s linear infinite;
+}
+
+/deep/ .ivu-icon {
+  zoom: 130%;
+  color: #808080;
+  margin-right: -1px;
+}
+</style>

package/src/components/horizontal/opinion.vue

@@ -1,263 +1,263 @@
-<template>
-  <div>
-    <Select v-model="auditOpinionText" style="width:190px" clearable transfer>
-      <Option v-for="item in auditOpinionForSelect" :value="item.value" :key="item.value">
-        <span>{{ item.label }}</span>
-        <span style="float:right;color:#ccc">{{ item.type }}</span>
-      </Option>
-    </Select>
-    <Button style="margin-left: 10px" @click="customCommentListModal = true">自定义我的意见</Button>
-    <Input v-model="auditOpinion" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }" show-word-limit
-           :maxlength="200" placeholder="处理意见" style="margin-top: 15px"
-    ></Input>
-
-    <Modal v-model="customCommentListModal" title="常用意见" width="800px" footer-hide>
-      <LamboPagingTable :requestSuccessCodes="requestSuccessCodes" ref="customCommentTable" :dataUrl="dataUrl"
-                        :columns="tableColumn">
-        <div slot="buttons">
-          <Button type="primary" ghost icon="md-add" @click="openDetailModal('create')">新增</Button>
-        </div>
-      </LamboPagingTable>
-    </Modal>
-    <Modal v-model="customCommentDetailModal" :title="customCommentDetailTitle" width="700px"
-           @on-cancel="customCommentDetailCancel"
-           @on-ok="customCommentDetailOk">
-      <Card v-model="customCommentDetailModal" width="600px" dis-hover>
-        <Form ref="customCommentForm" :model="customCommentDetailForm" :rules="customCommentRuleValidate"
-              :label-width="100" label-position="right">
-          <FormItem label="常用意见：" prop="commentContent">
-            <Input type="textarea" v-model="customCommentDetailForm.commentContent" show-word-limit :maxlength="1000"
-                   style="width: 500px"/>
-          </FormItem>
-          <FormItem label="排序码：">
-            <Input style="width: 100px" v-model="customCommentDetailForm.orders"/>
-          </FormItem>
-        </Form>
-      </Card>
-    </Modal>
-  </div>
-</template>
-
-<script>
-import ajax from "@lambo-design/shared/utils/ajax";
-import LamboPagingTable from "@lambo-design/paging-table/index";
-import { operateHref } from '@lambo-design/shared/utils/assist'
-
-// 引入docx-preview插件
-let docx = require('docx-preview');
-export default {
-  components: {
-    LamboPagingTable
-  },
-  props: {
-    smartFlowServerContext: {
-      type: String,
-      default: '/api/smart-flow-server',
-    },
-  },
-  data() {
-    return {
-      requestSuccessCodes: [200, "200"],
-      auditOpinionText: '',
-      auditOpinionForSelect: [{
-        label: '',
-        value: ''
-      }],
-      customCommentListModal: false,
-      auditOpinion: '',
-      customCommentDetailModal: false,
-      customCommentDetailTitle: '',
-      dataUrl: this.smartFlowServerContext + '/manage/smartflowCustomComment/list?commentType=10',
-      customCommentDetailForm: {
-        id: '',
-        commentContent: '',
-        orders: 10
-      },
-      customCommentRuleValidate: {
-        commentContent: [
-          {required: true, trigger: "blur", message: "意见不能为空"},
-          {max: 1000, message: "意见不能大于1000位", trigger: "blur"}
-        ]
-      },
-    }
-  },
-  computed: {
-    tableColumn() {
-      let column = [];
-      let self = this;
-      column.push({
-        title: '常用意见',
-        key: "commentContent",
-        minWidth: 150,
-        align: 'center',
-      });
-      column.push({
-        title: "排序码",
-        key: "orders",
-        width: 170,
-        align: "center",
-      });
-
-      column.push({
-        title: "修改时间",
-        key: "updateTime",
-        width: 170,
-        align: "center",
-        render: (v, param) => {
-          if (param.row.updateTime) {
-            let date = new Date(param.row.updateTime)
-            let y = date.getFullYear() // 年
-            let MM = date.getMonth() + 1 // 月
-            MM = MM < 10 ? ('0' + MM) : MM
-            let d = date.getDate() // 日
-            d = d < 10 ? ('0' + d) : d
-            let h = date.getHours() // 时
-            h = h < 10 ? ('0' + h) : h
-            let m = date.getMinutes()// 分
-            m = m < 10 ? ('0' + m) : m
-            let s = date.getSeconds()// 秒
-            s = s < 10 ? ('0' + s) : s
-            let state = y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
-            return v("span", state);
-          }
-          return v("span", '')
-        }
-      });
-
-      column.push({
-        title: "操作", width: 160, align: 'center', tooltip: true,
-        render: (h, {row}) => {
-          return h("div", [
-            operateHref(this, h, row, "修改", () => {
-              this.openDetailModal('update', row);
-            }, "primary"),
-            operateHref(this, h, row, "删除", () => {
-              this.deleteCustomComment(row);
-            }, "error")
-          ]);
-
-        }
-
-      });
-
-      return column;
-    },
-  },
-  methods: {
-    openDetailModal(type, row) {
-      this.customCommentDetailModal = true
-      if (type === 'create') {
-        this.customCommentDetailTitle = '新增常用意见'
-      } else {
-        this.customCommentDetailTitle = '修改常用意见'
-        this.customCommentDetailForm.id = row.id
-        this.customCommentDetailForm.commentContent = row.commentContent
-        this.customCommentDetailForm.orders = row.orders
-      }
-    },
-    customCommentDetailCancel() {
-      this.getAuditOpinionForSelect()
-      this.customCommentDetailForm = {
-        id: '',
-        commentContent: '',
-        orders: 10
-      }
-      this.customCommentDetailModal = false
-    },
-    customCommentDetailOk() {
-      const self = this
-      self.$refs.customCommentForm.validate((valid) => {
-        if (valid) {
-          if (self.customCommentDetailForm.id) {
-            ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/update", self.customCommentDetailForm).then((resp) => {
-              if (resp.data.code === "200") {
-                self.customCommentDetailForm = {
-                  id: '',
-                  commentContent: '',
-                  orders: 10
-                }
-                self.refreshTable()
-              }
-            }).catch(err => {
-              console.log(err);
-            })
-          } else {
-            ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/insert", self.customCommentDetailForm).then((resp) => {
-              if (resp.data.code === "200") {
-                self.customCommentDetailForm = {
-                  id: '',
-                  commentContent: '',
-                  orders: 10
-                }
-                self.refreshTable()
-              }
-            }).catch(err => {
-              console.log(err);
-            })
-          }
-          this.getAuditOpinionForSelect()
-          this.customCommentDetailModal = false
-        }
-      })
-    },
-    getAuditOpinionForSelect() {
-      const self = this
-      let auditOpinionForSelect = []
-      ajax.get(this.smartFlowServerContext + "/manage/smartflowCustomComment/list", {params: {limit: 100}}).then((resp) => {
-        if (resp.data.code == "200" && resp.data.data) {
-          resp.data.data.rows.forEach(item =>
-            auditOpinionForSelect.push({
-              value: item.commentContent,
-              label: item.commentContent,
-              type: item.commentType === '10' ? '自定义' : '系统预置'
-            })
-          )
-          self.auditOpinionForSelect = auditOpinionForSelect
-        }
-      }).catch(err => {
-        console.log(err);
-      })
-    },
-    deleteCustomComment(row) {
-      const self = this
-      this.$Modal.confirm({
-        title: '提示',
-        content: `<p>确定要删除${row.commentContent}吗?</p>`,
-        onOk: () => {
-          ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/delete/" + row.id).then(function (resp) {
-            if (resp.data.code === "200") {
-              self.refreshTable()
-            } else {
-              self.$Message.error(resp.data.data);
-            }
-          }).catch(function (err) {
-            self.$Message.error('删除失败,请联系应用管理员');
-          });
-        }
-      });
-    },
-    refreshTable() {
-      this.$refs.customCommentTable.tableRefresh()
-    },
-    updateValue() {
-      this.$emit('input', this.auditOpinion);
-    }
-  },
-  mounted() {
-    this.getAuditOpinionForSelect()
-  },
-  watch: {
-    auditOpinionText(label) {
-      this.auditOpinion = label;
-    },
-    auditOpinion(val) {
-      this.$emit('input', val)
-    }
-  }
-
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div>
+    <Select v-model="auditOpinionText" style="width:190px" clearable transfer>
+      <Option v-for="item in auditOpinionForSelect" :value="item.value" :key="item.value">
+        <span>{{ item.label }}</span>
+        <span style="float:right;color:#ccc">{{ item.type }}</span>
+      </Option>
+    </Select>
+    <Button style="margin-left: 10px" @click="customCommentListModal = true">自定义我的意见</Button>
+    <Input v-model="auditOpinion" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }" show-word-limit
+           :maxlength="200" placeholder="处理意见" style="margin-top: 15px"
+    ></Input>
+
+    <Modal v-model="customCommentListModal" title="常用意见" width="800px" footer-hide>
+      <LamboPagingTable :requestSuccessCodes="requestSuccessCodes" ref="customCommentTable" :dataUrl="dataUrl"
+                        :columns="tableColumn">
+        <div slot="buttons">
+          <Button type="primary" ghost icon="md-add" @click="openDetailModal('create')">新增</Button>
+        </div>
+      </LamboPagingTable>
+    </Modal>
+    <Modal v-model="customCommentDetailModal" :title="customCommentDetailTitle" width="700px"
+           @on-cancel="customCommentDetailCancel"
+           @on-ok="customCommentDetailOk">
+      <Card v-model="customCommentDetailModal" width="600px" dis-hover>
+        <Form ref="customCommentForm" :model="customCommentDetailForm" :rules="customCommentRuleValidate"
+              :label-width="100" label-position="right">
+          <FormItem label="常用意见：" prop="commentContent">
+            <Input type="textarea" v-model="customCommentDetailForm.commentContent" show-word-limit :maxlength="1000"
+                   style="width: 500px"/>
+          </FormItem>
+          <FormItem label="排序码：">
+            <Input style="width: 100px" v-model="customCommentDetailForm.orders"/>
+          </FormItem>
+        </Form>
+      </Card>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ajax from "@lambo-design/shared/utils/ajax";
+import LamboPagingTable from "@lambo-design/paging-table/index";
+import { operateHref } from '@lambo-design/shared/utils/assist'
+
+// 引入docx-preview插件
+let docx = require('docx-preview');
+export default {
+  components: {
+    LamboPagingTable
+  },
+  props: {
+    smartFlowServerContext: {
+      type: String,
+      default: '/api/smart-flow-server',
+    },
+  },
+  data() {
+    return {
+      requestSuccessCodes: [200, "200"],
+      auditOpinionText: '',
+      auditOpinionForSelect: [{
+        label: '',
+        value: ''
+      }],
+      customCommentListModal: false,
+      auditOpinion: '',
+      customCommentDetailModal: false,
+      customCommentDetailTitle: '',
+      dataUrl: this.smartFlowServerContext + '/manage/smartflowCustomComment/list?commentType=10',
+      customCommentDetailForm: {
+        id: '',
+        commentContent: '',
+        orders: 10
+      },
+      customCommentRuleValidate: {
+        commentContent: [
+          {required: true, trigger: "blur", message: "意见不能为空"},
+          {max: 1000, message: "意见不能大于1000位", trigger: "blur"}
+        ]
+      },
+    }
+  },
+  computed: {
+    tableColumn() {
+      let column = [];
+      let self = this;
+      column.push({
+        title: '常用意见',
+        key: "commentContent",
+        minWidth: 150,
+        align: 'center',
+      });
+      column.push({
+        title: "排序码",
+        key: "orders",
+        width: 170,
+        align: "center",
+      });
+
+      column.push({
+        title: "修改时间",
+        key: "updateTime",
+        width: 170,
+        align: "center",
+        render: (v, param) => {
+          if (param.row.updateTime) {
+            let date = new Date(param.row.updateTime)
+            let y = date.getFullYear() // 年
+            let MM = date.getMonth() + 1 // 月
+            MM = MM < 10 ? ('0' + MM) : MM
+            let d = date.getDate() // 日
+            d = d < 10 ? ('0' + d) : d
+            let h = date.getHours() // 时
+            h = h < 10 ? ('0' + h) : h
+            let m = date.getMinutes()// 分
+            m = m < 10 ? ('0' + m) : m
+            let s = date.getSeconds()// 秒
+            s = s < 10 ? ('0' + s) : s
+            let state = y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
+            return v("span", state);
+          }
+          return v("span", '')
+        }
+      });
+
+      column.push({
+        title: "操作", width: 160, align: 'center', tooltip: true,
+        render: (h, {row}) => {
+          return h("div", [
+            operateHref(this, h, row, "修改", () => {
+              this.openDetailModal('update', row);
+            }, "primary"),
+            operateHref(this, h, row, "删除", () => {
+              this.deleteCustomComment(row);
+            }, "error")
+          ]);
+
+        }
+
+      });
+
+      return column;
+    },
+  },
+  methods: {
+    openDetailModal(type, row) {
+      this.customCommentDetailModal = true
+      if (type === 'create') {
+        this.customCommentDetailTitle = '新增常用意见'
+      } else {
+        this.customCommentDetailTitle = '修改常用意见'
+        this.customCommentDetailForm.id = row.id
+        this.customCommentDetailForm.commentContent = row.commentContent
+        this.customCommentDetailForm.orders = row.orders
+      }
+    },
+    customCommentDetailCancel() {
+      this.getAuditOpinionForSelect()
+      this.customCommentDetailForm = {
+        id: '',
+        commentContent: '',
+        orders: 10
+      }
+      this.customCommentDetailModal = false
+    },
+    customCommentDetailOk() {
+      const self = this
+      self.$refs.customCommentForm.validate((valid) => {
+        if (valid) {
+          if (self.customCommentDetailForm.id) {
+            ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/update", self.customCommentDetailForm).then((resp) => {
+              if (resp.data.code === "200") {
+                self.customCommentDetailForm = {
+                  id: '',
+                  commentContent: '',
+                  orders: 10
+                }
+                self.refreshTable()
+              }
+            }).catch(err => {
+              console.log(err);
+            })
+          } else {
+            ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/insert", self.customCommentDetailForm).then((resp) => {
+              if (resp.data.code === "200") {
+                self.customCommentDetailForm = {
+                  id: '',
+                  commentContent: '',
+                  orders: 10
+                }
+                self.refreshTable()
+              }
+            }).catch(err => {
+              console.log(err);
+            })
+          }
+          this.getAuditOpinionForSelect()
+          this.customCommentDetailModal = false
+        }
+      })
+    },
+    getAuditOpinionForSelect() {
+      const self = this
+      let auditOpinionForSelect = []
+      ajax.get(this.smartFlowServerContext + "/manage/smartflowCustomComment/list", {params: {limit: 100}}).then((resp) => {
+        if (resp.data.code == "200" && resp.data.data) {
+          resp.data.data.rows.forEach(item =>
+            auditOpinionForSelect.push({
+              value: item.commentContent,
+              label: item.commentContent,
+              type: item.commentType === '10' ? '自定义' : '系统预置'
+            })
+          )
+          self.auditOpinionForSelect = auditOpinionForSelect
+        }
+      }).catch(err => {
+        console.log(err);
+      })
+    },
+    deleteCustomComment(row) {
+      const self = this
+      this.$Modal.confirm({
+        title: '提示',
+        content: `<p>确定要删除${row.commentContent}吗?</p>`,
+        onOk: () => {
+          ajax.post(this.smartFlowServerContext + "/manage/smartflowCustomComment/delete/" + row.id).then(function (resp) {
+            if (resp.data.code === "200") {
+              self.refreshTable()
+            } else {
+              self.$Message.error(resp.data.data);
+            }
+          }).catch(function (err) {
+            self.$Message.error('删除失败,请联系应用管理员');
+          });
+        }
+      });
+    },
+    refreshTable() {
+      this.$refs.customCommentTable.tableRefresh()
+    },
+    updateValue() {
+      this.$emit('input', this.auditOpinion);
+    }
+  },
+  mounted() {
+    this.getAuditOpinionForSelect()
+  },
+  watch: {
+    auditOpinionText(label) {
+      this.auditOpinion = label;
+    },
+    auditOpinion(val) {
+      this.$emit('input', val)
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/title.vue

@@ -1,24 +1,24 @@
-<template>
-  <div class="model-header">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-    export default {
-        name: "model-title"
-    }
-</script>
-
-<style scoped lang="less">
-  .model-header{
-    background: #F2F2F2;
-    line-height: 24px;
-    padding: 10px 15px;
-    font-size: 14px;
-    font-weight: bolder;
-    overflow: hidden;
-    margin: 5px 0;
-    color: #989898;
-  }
-</style>
+<template>
+  <div class="model-header">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+    export default {
+        name: "model-title"
+    }
+</script>
+
+<style scoped lang="less">
+  .model-header{
+    background: #F2F2F2;
+    line-height: 24px;
+    padding: 10px 15px;
+    font-size: 14px;
+    font-weight: bolder;
+    overflow: hidden;
+    margin: 5px 0;
+    color: #989898;
+  }
+</style>

package/src/portrait.vue

@@ -73,7 +73,7 @@
     <div ref="processTraceTab" v-if="inHorizontal && currentTab === 'processTrace'">
       <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId" :key="currentTab"
                         :procId="process.procId" :table-columns="diagramTableColumns" :scroll-element="scrollElement"
-                        :tableData="process.tableData" :hisAudit="hisAudit"
+                        :tableData="process.tableData" :hisAudit="hisAudit" :handle-name="handleName"
                         :currentTaskId="curTaskId"
                         :approve-detail-show-way="approveDetailShowWay"
                         :smart-flow-server-context="smartFlowServerContext"
@@ -90,7 +90,7 @@
       <div ref="processTraceTab" v-if="currentTab === 'processTrace'">
         <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId" :key="currentTab"
                           :procId="process.procId" :table-columns="diagramTableColumns" :scroll-element="scrollElement"
-                          :tableData="process.tableData" :hisAudit="hisAudit"
+                          :tableData="process.tableData" :hisAudit="hisAudit" :handle-name="handleName"
                           :currentTaskId="curTaskId"
                           :approve-detail-show-way="approveDetailShowWay"
                           :smart-flow-server-context="smartFlowServerContext"
@@ -1814,6 +1814,7 @@ export default {
         onCancel: () => {
           self.loading = false
           self.disable = false
+          self.$Spin.hide();
         }
       })
 
@@ -1823,6 +1824,7 @@ export default {
       if (self.auditResult === '82' && (self.targetTaskNode == '' || self.targetTaskNode == null)) {
         self.auditResult = ''
         self.$Message.error(`请选择${self.handleName}节点！`)
+        self.loading = false
       } else {
         self.loading = true
         self.disable = true
@@ -1893,6 +1895,7 @@ export default {
           bus.$emit('triggerTimer')
         })
       }
+      self.$Spin.hide();
     },
     execute(successMessage, auditResult) {
       const self = this
@@ -1921,6 +1924,7 @@ export default {
       })
     },
     doJump() {
+      this.$Spin.show();
       if (this.auditResult === '90') {
         this.auditParams.rejectAttribute = this.rejectAttribute ? this.rejectAttribute : 'inSequence'
       }
@@ -2401,7 +2405,7 @@ export default {
                 }
                 if (self.auditParams.auditResult == '90') {
                   self.showProcessControl = self.rejectAttributeList.length > 0 && self.handleButtons && self.handleButtons.includes('rejectProcessControl')
-                } else {
+                } else if (self.auditParams.auditResult == '70' || self.auditParams.auditResult == '40') {
                   self.rejectAttributesBoxShow = self.handleButtons && self.handleButtons.includes('rejectProcessControl')
                 }
               }

package/src/workflow-diagram.vue

@@ -87,9 +87,9 @@
                   <Tag color="green" v-else-if="item.auditResult == '12'">与发起人相同自动跳过</Tag>
                   <Tag color="green" v-else-if="item.auditResult == '13'">办理人为空自动跳过</Tag>
                   <Tag color="green" v-else-if="item.auditResult == '14'">符合流程变量条件自动跳过</Tag>
-                  <Tag color="green" v-else-if="item.auditResult == '30'">{{item.handleName ? item.handleName : '通过'}}</Tag>
-                  <Tag color="green" v-else-if="item.auditResult == '31'">{{`${item.handleName ? item.handleName : '通过'}`}}</Tag>
-                  <Tag color="volcano" v-else-if="item.auditResult == '32'">{{`不${item.handleName ? item.handleName : '通过'}`}}</Tag>
+                  <Tag color="green" v-else-if="item.auditResult == '30'">{{item.handleName && item.handleName !== '审批' ? item.handleName : '通过'}}</Tag>
+                  <Tag color="green" v-else-if="item.auditResult == '31'">{{`${item.handleName && item.handleName !== '审批' ? item.handleName : '通过'}`}}</Tag>
+                  <Tag color="volcano" v-else-if="item.auditResult == '32'">{{`不${item.handleName && item.handleName !== '审批' ? item.handleName : '通过'}`}}</Tag>
                   <Tag color="volcano" v-else-if="item.auditResult == '40'">{{item.rejectName ? item.rejectName : '驳回'}}上一节点</Tag>
                   <Tag color="red" v-else-if="item.auditResult=='50'">{{item.rejectName ? item.rejectName : '驳回'}}到原点</Tag>
                   <Tag color="purple" v-else-if="item.auditResult=='51'">流程终止</Tag>