n20-common-lib 1.3.65 → 1.3.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.3.65",
+  "version": "1.3.68",
   "private": false,
   "main": "src/index.js",
   "scripts": {
@@ -13,7 +13,8 @@
     "build:gzip": "vue-cli-service build --gzip",
     "build:report": "vue-cli-service build --analy",
     "build:css": "node build_css",
-    "build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib  --analy"
+    "build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib  --analy",
+    "getI18n": "node ./node_modules/nstc-get-i18n"
   },
   "files": [
     "src/_qiankun",
@@ -74,6 +75,7 @@
     "md2vue-loader": "git+https://gitee.com/bable2000/md2vue-loader.git",
     "mockjs": "^1.1.0",
     "node-sass": "6.0.0",
+    "nstc-get-i18n": "^0.0.3",
     "qiankun": "^2.5.1",
     "sass-loader": "^10.2.0",
     "screenfull": "^5.1.0",

package/src/assets/css/cl-approve-card.scss

@@ -63,6 +63,5 @@
     font-weight: initial;
     font-size: $--font-size-base;
     color: $--color-text-regular;
-    padding: 12px;
   }
 }

package/src/assets/css/title-pop.scss

@@ -2,6 +2,7 @@
   background-color: #303133;
   border: none;
   min-width: auto;
+  max-width: 80vw;
   color: $--color-white;
   padding: 5px 8px;
 }

package/src/components/ApprovalButtons/index.vue

@@ -1,7 +1,24 @@
 /* 审批按钮组 */
 <template>
   <div>
-    <el-form label-position="left" label-width="5em">
+    <el-form label-position="right" label-width="5em">
+      <div class="flex-box">
+        <div v-if="authList.includes('isCarboncopy')" class="flex-1">
+          <el-form-item label="抄送">
+            <el-input
+              :value="carbonCopyList.map((c) => c.uname).join(', ')"
+              type="textarea"
+              :autosize="{ minRows: 1 }"
+              @focus="setCarboncopyV = true"
+            />
+          </el-form-item>
+        </div>
+        <div v-if="authList.includes('加签')" class="flex-1">
+          <el-form-item label="加签">
+            <el-input type="textarea" :autosize="{ minRows: 1 }" />
+          </el-form-item>
+        </div>
+      </div>
       <el-form-item label="审批意见" :error="errMsg">
         <el-input
           ref="msg-input"
@@ -22,6 +39,9 @@
       <el-button v-if="authList.includes('discard')" type="danger" plain @click="discardFn">作 废</el-button>
       <el-button plain @click="goFrom">返 回</el-button>
     </div>
+    <cl-dialog v-drag :visible.sync="setCarboncopyV" title="设置抄送用户" width="900px" append-to-body top="7.5vh">
+      <carboncopy-prop :carbon-copy-list="carbonCopyList" @close="setCarboncopyV = false" @confirm="setCarboncopyOk" />
+    </cl-dialog>
   </div>
 </template>
 
@@ -29,9 +49,15 @@
 import axios from '../../utils/axios'
 import { linkGo } from '../../utils/urlToGo'
 import { closeTagsForBackPage } from '../../plugins/CompatibleOld'
+import ClDialog from '../Dialog'
+import CarboncopyProp from './setCarboncopyProp.vue'
 
 export default {
   name: 'ApprovalButtons',
+  components: {
+    ClDialog,
+    CarboncopyProp
+  },
   props: {
     message: {
       type: String,
@@ -59,7 +85,9 @@ export default {
       errMsg: undefined,
       taskId: '',
       taskDefKey: '',
-      authList: []
+      authList: [],
+      setCarboncopyV: false,
+      carbonCopyList: []
     }
   },
   computed: {
@@ -125,7 +153,8 @@ export default {
           message: this.messageC,
           formData: JSON.stringify(this.formData),
           signText: this.signText,
-          isAgentcy: isAgentcy
+          isAgentcy: isAgentcy,
+          carbonCopyUserDtoList: this.carbonCopyList.map((c) => ({ userNo: c.uno, userName: c.uname }))
         }
       ]
     },
@@ -208,6 +237,11 @@ export default {
           this.thenMsg(data, '作废')
         })
       })
+    },
+    setCarboncopyOk(list) {
+      this.carbonCopyList = list
+
+      this.setCarboncopyV = false
     }
   }
 }

package/src/components/ApprovalButtons/setCarboncopyProp.vue

@@ -0,0 +1,117 @@
+<template>
+  <cl-page style="height: 75vh">
+    <div slot="header" class="flex-box flex-v m-b">
+      <span class="m-r-ss">单位名称</span>
+      <span>
+        <el-input v-model="searchObj.cltName" size="mini" />
+      </span>
+      <span class="m-l m-r-ss">姓名</span>
+      <span>
+        <el-input v-model="searchObj.uname" size="mini" />
+      </span>
+      <span class="m-l m-r-ss">用户编号</span>
+      <span>
+        <el-input v-model="searchObj.uno" size="mini" />
+      </span>
+      <el-button class="m-l-auto" plain size="mini" @click="searchFn">查询</el-button>
+    </div>
+
+    <el-table
+      ref="elTable"
+      :key="elTableKey"
+      :data="nodeTable"
+      row-key="uno"
+      border
+      height="100%"
+      @select="sltChange"
+      @select-all="sltChange"
+    >
+      <el-table-column :reserve-selection="true" type="selection" width="46" header-align="center" align="center" />
+      <el-table-column prop="uno" label="编号" header-align="center" align="center" />
+      <el-table-column prop="uname" label="姓名" header-align="center" align="center" />
+      <el-table-column prop="cltName" label="单位" header-align="center" align="center" />
+    </el-table>
+    <template slot="footer">
+      <div class="flex-box flex-r m-t m-b">
+        <cl-pagination
+          :page-obj="pageObj"
+          :page-key="{ no: 'pageNum', size: 'pageSize', total: 'totalSize' }"
+          @change="getList"
+        />
+      </div>
+      <div class="text-c">
+        <el-button type="primary" @click="confirmFn">确 定</el-button>
+        <el-button @click="$emit('close')">取 消</el-button>
+      </div>
+    </template>
+  </cl-page>
+</template>
+
+<script>
+import ClPage from '../PageLayout/page.vue'
+import ClPagination from '../Pagination/index.vue'
+export default {
+  components: {
+    ClPage,
+    ClPagination
+  },
+  props: {
+    carbonCopyList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      nodeTable: [],
+      searchObj: {
+        uno: undefined,
+        uname: undefined,
+        cltName: undefined,
+        roleName: undefined
+      },
+      pageObj: {
+        pageNum: 1,
+        pageSize: 10,
+        totalSize: 0
+      },
+      selectArr: [],
+      elTableKey: 0
+    }
+  },
+  mounted() {
+    this.$refs.elTable.clearSelection()
+    this.carbonCopyList.forEach((item) => {
+      this.$refs.elTable.toggleRowSelection(item, true)
+    })
+
+    this.pageObj = { pageNum: 1, pageSize: 10, totalSize: 0 }
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.$axios
+        .post('/bems/activiti/online/chdUserInfo', {
+          data: this.searchObj,
+          ...this.pageObj
+        })
+        .then(({ data }) => {
+          this.nodeTable = data.list
+          this.pageObj.totalSize = data.totalSize
+        })
+    },
+    searchFn() {
+      this.pageObj.pageNum = 1
+      this.getList()
+    },
+    sltChange(list) {
+      this.selectArr = list || []
+    },
+    confirmFn() {
+      this.$emit('confirm', this.selectArr)
+    }
+  }
+}
+</script>
+
+<style></style>

package/src/components/ApprovalCard/index.vue

@@ -9,7 +9,7 @@
         </div>
         <div>
           <div class="flex-box">
-            <div class="n20-worker flex-item m-r-s">
+            <div v-title="item.assignee" class="n20-worker flex-item m-r-s text-ellipsis" :show-overflow-tooltip="true">
               <span class="worker-icon cl-icon-user"></span>
               <span>{{ item.assignee }}</span>
             </div>
@@ -27,9 +27,10 @@
               >
             </div>
           </div>
-          <div v-if="item.suggestion" class="n20-description-c">
+          <div v-if="item.suggestion" class="n20-description-c m-t">
             {{ item.suggestion }}
           </div>
+          <div v-if="item.ccUserName" class="n20-description-c m-t">抄送人：{{ item.ccUserName }}</div>
         </div>
       </el-timeline-item>
     </el-timeline>
@@ -102,7 +103,8 @@ export default {
             let _item = {
               endTime: item.endTime || '',
               assignee: item.assignee,
-              suggestion: item.suggestion
+              suggestion: item.suggestion,
+              ccUserName: item.ccUserName // 抄送人
             }
 
             if (item.taskName === '开始') {

package/src/components/ApprovalRecord/approvalImgPro/index.vue

@@ -36,7 +36,23 @@
     </div>
     <span v-title></span>
     <div ref="msgEl" class="activiti-msg">
-      <div>{{ assignee }}</div>
+      <div v-if="assignee" :class="{ 'm-b': assigneeEnd }">{{ assignee }}</div>
+      <div v-if="assigneeEnd">
+        <table cellspacing="0" class="m-t-ss m-b-ss" style="border-collapse: collapse; min-width: 460px">
+          <tr>
+            <td class="text-c">已审批人</td>
+            <td class="text-c">审批类型</td>
+            <td class="text-c">审批意见</td>
+            <td class="text-c">审批时间</td>
+          </tr>
+          <tr v-for="(item, i) in assigneeEnd" :key="i">
+            <td>{{ item.assignee }}</td>
+            <td class="text-c">{{ item.optResult }}</td>
+            <td>{{ item.suggestion }}</td>
+            <td>{{ item.endTime }}</td>
+          </tr>
+        </table>
+      </div>
     </div>
   </div>
 </template>
@@ -60,7 +76,8 @@ export default {
     this.svgW = undefined
     this.svgC = undefined
     return {
-      assignee: '',
+      assignee: undefined,
+      assigneeEnd: undefined,
       min: 0.4,
       max: 2,
       step: 0.1,
@@ -75,7 +92,7 @@ export default {
   async mounted() {
     this.svgW = this.$refs['activiti-svg-wrap']
 
-    let { flowString, seqRecords, taskDefIdMap, currentActivityId, currentAssigneeName } = this.dataPro
+    let { flowString, seqRecords, taskDefIdMap = {}, currAssMap = {}, currentActivityIdList = [] } = this.dataPro
     let flowSvg = flowString
     if (flowString.includes('bpmn2:definitions')) {
       let { default: bpmn2svg } = await importG('bpmn2svg', () =>
@@ -88,12 +105,17 @@ export default {
       seqRecords.forEach((obj) => {
         this.setTaskRecord(obj)
       })
-      for (let k in taskDefIdMap) {
-        this.addEvent(k, taskDefIdMap[k])
-      }
-      if (currentActivityId) {
-        this.addEvent(currentActivityId, currentAssigneeName, 'pending')
+      currentActivityIdList.forEach((currentActivityId) => {
+        let assignee = currAssMap[currentActivityId]
+        let assigneeEnd = taskDefIdMap[currentActivityId]
+        taskDefIdMap[currentActivityId] = undefined
+
+        this.addEvent(currentActivityId, { assignee, assigneeEnd }, 'pending')
+
         this.svgW.querySelector(`[data-element-id="${currentActivityId}"]`).classList.add('activiti-node-at')
+      })
+      for (let k in taskDefIdMap) {
+        taskDefIdMap[k] && this.addEvent(k, taskDefIdMap[k])
       }
     } catch (error) {
       console.log('setTaskErr:', error)
@@ -201,16 +223,20 @@ export default {
       }
       return rect
     },
-    addEvent(id, list = [], type) {
+    addEvent(id, list, type) {
       let task = this.svgW.querySelector(`[data-element-id="${id}"]`)
       task.addEventListener('mouseenter', () => {
         if (type === 'pending') {
-          this.assignee = list
+          this.assignee = list.assignee
+          this.assigneeEnd = list.assigneeEnd
         } else {
-          this.assignee = '已审批人：' + list.map((c) => c.assignee).join('，')
+          this.assignee = undefined
+          this.assigneeEnd = list
         }
         this.$nextTick(() => {
-          tipShow(task, this.$refs['msgEl'])
+          setTimeout(() => {
+            tipShow(task, this.$refs['msgEl'])
+          }, 100)
         })
       })
       task.addEventListener('mouseleave', () => {
@@ -350,6 +376,11 @@ setRejectLink(from, to) {
 .n20-approval-img-por .activiti-msg {
   display: none;
 }
+.activiti-msg th,
+.activiti-msg td {
+  padding: 6px 8px;
+  border: 1px solid var(--border-color-light);
+}
 .activiti-svg-zoom {
   position: absolute;
   z-index: 9;

package/src/components/Diff/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div v-if="isEqual">
+    {{ value }}
+  </div>
+  <div v-else class="n20-descriptions">
+    <div class="m-b-ss">
+      <span class="after-color">{{ value }}</span>
+    </div>
+    <div>
+      <span class="before-color">{{ oldValue }}</span>
+      <el-tooltip v-if="tooltip" :content="tooltipContent" placement="top">
+        <i class="n20-icon-xinxitishi m-l-ss color-placeholder"></i>
+      </el-tooltip>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Diff',
+  props: {
+    value: {
+      type: [String, Boolean, Array],
+      default: undefined
+    },
+    oldValue: {
+      type: [String, Boolean, Array],
+      default: undefined
+    },
+    tooltip: {
+      type: [String, Boolean],
+      default: undefined
+    }
+  },
+  computed: {
+    isEqual() {
+      if (this.value === this.oldValue) {
+        return true
+      }
+      if ((this.value === 0 || this.value === '0') && (this.oldValue === 0 || this.oldValue === '0')) {
+        return true
+      } else if (!this.value && !this.oldValue) {
+        return true
+      }
+      if (
+        Array.isArray(this.value) &&
+        Array.isArray(this.oldValue) &&
+        this.value.toString() === this.oldValue.toString()
+      ) {
+        return true
+      }
+
+      return false
+    },
+    tooltipContent() {
+      if (!this.tooltip) {
+        return undefined
+      } else {
+        if (this.tooltip === true) {
+          return '修改前数据内容'
+        } else {
+          return this.tooltip
+        }
+      }
+    }
+  }
+}
+</script>

package/src/components/FileUploadTable/index.vue

@@ -96,83 +96,98 @@
       </div>
 
       <el-table :data="tableData" :row-key="keys.rowKey" @selection-change="(selection) => (selectionList = selection)">
-        <slot name="selection-column"><el-table-column type="selection" width="50" align="center" /> </slot>
-        <el-table-column label="附件类型" min-width="160">
-          <template slot="header" slot-scope="scope">
-            <slot name="type-header" :column="scope.column">附件类型</slot>
-          </template>
-          <template slot-scope="{ row }">
-            <slot name="type" :row="row">
-              <el-select
-                v-model="row[keys.type]"
-                :disabled="row['_typeDisabled']"
-                placeholder="请选择"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in typeOptions"
-                  :key="item.type"
-                  :disabled="item.disabled"
-                  :value="item.type"
-                  :label="item.label"
+        <slot name="selection-column">
+          <el-table-column type="selection" width="50" align="center" />
+        </slot>
+        <template v-if="dataPorp.slotHeader">
+          <el-table-column
+            v-for="item in dataPorp.slotHeader"
+            :key="item.prop"
+            :label="item.label"
+            :prop="item.prop"
+            :align="item.align || 'center'"
+            :width="item.width || 'auto'"
+            :show-overflow-tooltip="item['show-overflow-tooltip']"
+          />
+        </template>
+        <template v-else>
+          <el-table-column label="附件类型" min-width="160">
+            <template slot="header" slot-scope="scope">
+              <slot name="type-header" :column="scope.column">附件类型</slot>
+            </template>
+            <template slot-scope="{ row }">
+              <slot name="type" :row="row">
+                <el-select
+                  v-model="row[keys.type]"
+                  :disabled="row['_typeDisabled']"
+                  placeholder="请选择"
+                  style="width: 100%"
+                >
+                  <el-option
+                    v-for="item in typeOptions"
+                    :key="item.type"
+                    :disabled="item.disabled"
+                    :value="item.type"
+                    :label="item.label"
+                  />
+                </el-select>
+              </slot>
+            </template>
+          </el-table-column>
+          <el-table-column label="附件名称" min-width="160">
+            <template slot="header" slot-scope="scope">
+              <slot name="name-header" :column="scope.column">附件名称</slot>
+            </template>
+            <template slot-scope="{ row }">
+              <slot name="name" :row="row">
+                <el-input v-model="row[keys.name]" placeholder="请输入" />
+              </slot>
+            </template>
+          </el-table-column>
+          <el-table-column label="附件上传" min-width="160">
+            <template slot="header" slot-scope="scope">
+              <slot name="upload-header" :column="scope.column">附件上传</slot>
+            </template>
+            <template slot-scope="{ row, $index }">
+              <slot name="upload" :row="row" :$index="$index">
+                <clUpload
+                  :ref="'upload' + $index"
+                  class="n20-upload-table-up"
+                  :file-name="row | fileName(keys.url)"
+                  :data="row['_fileData'] || fileData"
+                  :msg-type="null"
+                  :show-clear="false"
+                  :action="action"
+                  :headers="headers"
+                  :disabled="!row[keys.type]"
+                  :accept="row[keys.type] | acceptFilter(typeOptions, fileAccept)"
+                  :size="row[keys.type] | sizeFilter(typeOptions, fileSize)"
+                  :http-request="uploadHttpRequest ? (options) => uploadHttpRequest(options, row) : undefined"
+                  :before-upload="(file) => beforeUploadFn(file, row)"
+                  :on-progress="(event) => onProgressFn(event, row)"
+                  :on-success="(response, file, fileList) => onSuccessFn(response, file, fileList, row)"
+                  :on-error="(err, file, fileList) => errorFn(err, file, fileList, row, $index)"
                 />
-              </el-select>
-            </slot>
-          </template>
-        </el-table-column>
-        <el-table-column label="附件名称" min-width="160">
-          <template slot="header" slot-scope="scope">
-            <slot name="name-header" :column="scope.column">附件名称</slot>
-          </template>
-          <template slot-scope="{ row }">
-            <slot name="name" :row="row">
-              <el-input v-model="row[keys.name]" placeholder="请输入" />
-            </slot>
-          </template>
-        </el-table-column>
-        <el-table-column label="附件上传" min-width="160">
-          <template slot="header" slot-scope="scope">
-            <slot name="upload-header" :column="scope.column">附件上传</slot>
-          </template>
-          <template slot-scope="{ row, $index }">
-            <slot name="upload" :row="row" :$index="$index">
-              <clUpload
-                :ref="'upload' + $index"
-                class="n20-upload-table-up"
-                :file-name="row | fileName(keys.url)"
-                :data="row['_fileData'] || fileData"
-                :msg-type="null"
-                :show-clear="false"
-                :action="action"
-                :headers="headers"
-                :disabled="!row[keys.type]"
-                :accept="row[keys.type] | acceptFilter(typeOptions, fileAccept)"
-                :size="row[keys.type] | sizeFilter(typeOptions, fileSize)"
-                :http-request="uploadHttpRequest ? (options) => uploadHttpRequest(options, row) : undefined"
-                :before-upload="(file) => beforeUploadFn(file, row)"
-                :on-progress="(event) => onProgressFn(event, row)"
-                :on-success="(response, file, fileList) => onSuccessFn(response, file, fileList, row)"
-                :on-error="(err, file, fileList) => errorFn(err, file, fileList, row, $index)"
-              />
-            </slot>
-          </template>
-        </el-table-column>
-        <el-table-column label="上传时间" :prop="keys.time" width="170" align="left">
-          <template slot="header" slot-scope="scope">
-            <slot name="time-header" :column="scope.column">上传时间</slot>
-          </template>
-          <template slot-scope="{ row }">
-            <slot name="time" :row="row">{{ row[keys.time] }}</slot>
-          </template>
-        </el-table-column>
-        <el-table-column label="上传人" :prop="keys.user" width="100">
-          <template slot="header" slot-scope="scope">
-            <slot name="user-header" :column="scope.column">上传人</slot>
-          </template>
-          <template slot-scope="{ row }">
-            <slot name="user" :row="row">{{ row[keys.user] }}</slot>
-          </template>
-        </el-table-column>
+              </slot>
+            </template>
+          </el-table-column>
+          <el-table-column label="上传时间" :prop="keys.time" width="170" align="left">
+            <template slot="header" slot-scope="scope">
+              <slot name="time-header" :column="scope.column">上传时间</slot>
+            </template>
+            <template slot-scope="{ row }">
+              <slot name="time" :row="row">{{ row[keys.time] }}</slot>
+            </template>
+          </el-table-column>
+          <el-table-column label="上传人" :prop="keys.user" width="100">
+            <template slot="header" slot-scope="scope">
+              <slot name="user-header" :column="scope.column">上传人</slot>
+            </template>
+            <template slot-scope="{ row }">
+              <slot name="user" :row="row">{{ row[keys.user] }}</slot>
+            </template>
+          </el-table-column>
+        </template>
         <el-table-column label="上传进度" width="220">
           <template slot="header" slot-scope="scope">
             <slot name="percent-header" :column="scope.column">上传进度</slot>
@@ -250,7 +265,7 @@
         </component>
       </div>
     </el-dialog>
-    <Dialog title="附件批量上传" :visible.sync="visibleBatch" top="5vh" width="692px">
+    <Dialog title="附件批量上传" :visible.sync="visibleBatch" top="5vh" width="692px" :destroy-on-open="true">
       <clUpload
         ref="upload-batch"
         class="n20-upload-drag"

package/src/index.js

@@ -57,6 +57,7 @@ import Descriptions from './components/Descriptions/index.vue'
 import EventBubble from './components/EventBubble/index.vue'
 // ECharts 不要打包进来
 import Stamp from './components/Stamp/index.vue'
+import Diff from './components/Diff/index.vue'
 /* old */
 import TableO from './components/Table/indexO.vue'
 import FiltersO from './components/Filters/indexO.vue'
@@ -150,6 +151,7 @@ const components = [
   EventBubble,
   ApprovalImg,
   Stamp,
+  Diff,
   /* old */
   TableO,
   FiltersO,
@@ -264,5 +266,6 @@ export {
   Descriptions,
   EventBubble,
   ApprovalImg,
-  Stamp
+  Stamp,
+  Diff
 }