agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp30

package/packages/workflow-history-list/src/workflow-history-list.vue

@@ -1,394 +0,0 @@
-<template>
-  <el-table
-    v-if="loaded"
-    ref="historyList"
-    :data="histories"
-    :height="tableHeight"
-    :load="getChildren"
-    :max-height="tableMaxHeight"
-    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-    border
-    element-loading-text="Loading"
-    fit
-    highlight-current-row
-    lazy
-    row-key="uuid"
-    style="width: 100%"
-  >
-    <el-table-column :label="$t('workflowHistoryList.index')" align="center" width="60">
-      <template v-slot="scope">
-        {{ scope.$index + 1 }}
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.taskName')" align="center">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_START'">{{
-          $t('workflowHistoryList.processStart')
-        }}</span>
-        <span v-else-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'">{{
-          $t('workflowHistoryList.processEnd')
-        }}</span>
-        <span v-else-if="scope.row.current" style="color: #e6a23c">{{ i18nTaskName(scope.row) }}</span>
-        <span v-else-if="!scope.row.special">{{ i18nTaskName(scope.row) }}</span>
-        <span v-else-if="scope.row.special === true" style="color: red">{{
-          i18nTaskName(scope.row) + '[' + $t('workflowHistoryList.specailText') + ']'
-        }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.operator')" align="center" width="80">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>{{ scope.row.creatorName }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.operatorLg')" align="center" width="120">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>{{ scope.row.creator }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.operatorDept')" align="center">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>{{ scope.row.departmentName }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.operationTime')" align="center">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>{{ scope.row.formatCreatedTime }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.stayDuration')" align="center" width="90">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else-if="!scope.row.copyTask">{{ scope.row.stayDuration }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.taskState')" align="center" width="90">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <el-tag v-else-if="scope.row.current" type="warning">{{ $t('workflowHistoryList.taskStateDoing') }}</el-tag>
-        <el-tag v-else type="success">{{ $t('workflowHistoryList.taskStateDone') }}</el-tag>
-      </template>
-    </el-table-column>
-    <el-table-column
-      v-if="showProcessingDuration"
-      :label="$t('workflowHistoryList.processingDuration')"
-      align="center"
-      width="110"
-    >
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else-if="!scope.row.copyTask">{{ scope.row.processingDuration }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column
-      v-if="showProcessingDuration"
-      :label="$t('workflowHistoryList.isOverdue')"
-      align="center"
-      width="90"
-    >
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>
-          <div v-if="scope.row.overdueDuration && scope.row.overdueDuration > 0" class="red-circle" />
-          <div v-else class="green-circle" />
-        </span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.operation')" align="left">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else-if="scope.row.current" style="color: #e6a23c"
-          >{{ scope.row.transactionResult }} {{ $t('workflowHistoryList.toDoText') }}</span
-        >
-        <span v-else>{{ i18nOperation(scope.row) }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.opinion')" align="left">
-      <template v-slot="scope">
-        <span v-if="scope.row.historyType && scope.row.historyType === 'PROCESS_END'" />
-        <span v-else>{{ scope.row.opinion }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column :label="$t('workflowHistoryList.remark')" align="left">
-      <template v-slot="scope">
-        <span>{{ scope.row.remark }}</span>
-      </template>
-    </el-table-column>
-  </el-table>
-</template>
-
-<script>
-import { i18nOperation } from '../../../src/utils/workflow-util'
-import { getLanguageWithLocale } from '../../../src/utils/util'
-import ApiJs from './api'
-import dayjs from 'dayjs'
-
-export default {
-  name: 'WorkflowHistoryList',
-  props: {
-    workflowId: {
-      type: Number,
-      default: null
-    },
-    // 流转历史列表，在图形流转历史中查看子流程流转历史需要使用
-    historyList: {
-      type: Array,
-      default: null
-    },
-    // 主子流程的国际化配置
-    allProcessI18n: {
-      type: Object,
-      default: null
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: null
-    },
-    beanName: {
-      type: String,
-      default: null
-    },
-    entityName: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    let histories = null
-    if (this.historyList && this.historyList.length > 0) {
-      histories = [].concat(this.historyList)
-    }
-    return {
-      loaded: false,
-      histories,
-      processI18n: null,
-      processNameI18n: null,
-      tableMaxHeight: null,
-      tableHeight: null,
-      showProcessingDuration: false
-    }
-  },
-  computed: {},
-  provide() {
-    return {}
-  },
-  created() {
-    console.log('historyList---workflowId==', this.workflowId)
-    if (this.workflowId !== undefined && this.workflowId !== null) {
-      this.getI18nSet().then((processI18n) => {
-        this.processI18n = processI18n
-        if (!this.histories || this.histories === null) {
-          this.getData()
-        } else {
-          this.loaded = true
-        }
-      })
-    } else {
-      // 页面设计器预览页面时会用该方法
-      this.initTableData()
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.tableHeight = window.innerHeight - 120
-    })
-  },
-  methods: {
-    ...ApiJs,
-    getData() {
-      if (this.beanName || this.entityName) {
-        const params = {
-          beanName: this.beanName,
-          entityName: this.entityName,
-          workflowId: this.workflowId
-        }
-        this.$http
-          .post(window.$vueApp.config.globalProperties.baseURL + '/dsc/workflow-commons/instance-histories', params)
-          .then((data) => {
-            this.handleHistory(data)
-          })
-          .catch((error) => {
-            console.log(error)
-            this.loaded = true
-          })
-      } else {
-        this.$http
-          .get(window.$vueApp.config.globalProperties.baseAPI + '/wf-editor/instance-histories/' + this.workflowId)
-          .then((data) => {
-            this.handleHistory(data)
-          })
-          .catch((error) => {
-            console.log(error)
-            this.loaded = true
-          })
-      }
-    },
-    handleHistory(data) {
-      this.histories = data.histories
-      if (data && data.currentTasks) {
-        this.histories = this.histories.concat(data.currentTasks)
-      }
-      // 根据histories内的createdTime计算停留时长
-      this.computeStayDurations(this.histories)
-      this.loaded = true
-      if (this.maxHeight) {
-        this.tableMaxHeight = Number(this.maxHeight)
-      } else {
-        if (this.$parent.$el.offsetHeight) {
-          this.tableMaxHeight = this.$parent.$el.offsetHeight
-        }
-        if (!this.tableMaxHeight) {
-          this.tableMaxHeight = window.innerHeight - 120
-        }
-      }
-    },
-    initTableData(data) {
-      if (data) {
-        this.histories = data.histories
-        if (data && data.currentTasks) {
-          this.histories = this.histories.concat(data.currentTasks)
-        }
-      } else {
-        this.histories = []
-      }
-      // 计算每条记录的停留时长（天/小时/分钟），不足1分钟按1分钟计算
-      this.computeStayDurations(this.histories)
-      this.loaded = true
-      if (this.maxHeight) {
-        this.tableMaxHeight = Number(this.maxHeight)
-      } else {
-        if (this.$parent && this.$parent.$el && this.$parent.$el.offsetHeight) {
-          this.tableMaxHeight = this.$parent.$el.offsetHeight
-        }
-        if (!this.tableMaxHeight) {
-          this.tableMaxHeight = window.innerHeight - 120
-        }
-      }
-    },
-    getI18nSet() {
-      return new Promise((resolve, reject) => {
-        if (this.allProcessI18n) {
-          resolve(this.allProcessI18n)
-        } else {
-          this.$http
-            .get(
-              window.$vueApp.config.globalProperties.baseAPI +
-                '/wf-editor/i18n-settings/get-bundle-info?workflowId=' +
-                this.workflowId
-            )
-            .then((processI18n) => {
-              resolve(processI18n)
-            })
-            .catch((error) => {
-              reject(error)
-            })
-        }
-      })
-    },
-    i18nOperation(row) {
-      let oneProcessI18n
-      let processNameI18n
-      const language = getLanguageWithLocale()
-      const bundleCode = row.bundleCode
-      if (bundleCode && bundleCode !== '' && this.processI18n) {
-        oneProcessI18n = this.processI18n[bundleCode]
-      }
-      if (oneProcessI18n && oneProcessI18n['processName']) {
-        processNameI18n = oneProcessI18n['processName'][language]
-      }
-      return i18nOperation(row, processNameI18n, oneProcessI18n, language)
-    },
-    i18nTaskName(row) {
-      let oneProcessI18n
-      const bundleCode = row.bundleCode
-      if (bundleCode && bundleCode !== '' && this.processI18n) {
-        oneProcessI18n = this.processI18n[bundleCode]
-      }
-      let taskName = null
-      // if (!bundleCode && this.processI18n && Object.keys(this.processI18n).length === 1) {
-      //   // 表示是主流程的国际化配置
-      //   const bundleCodes = Object.keys(this.processI18n)
-      //   oneProcessI18n = this.processI18n[bundleCodes[0]]
-      // }
-      const i18nKey = row.i18nKey
-      if (i18nKey && oneProcessI18n && oneProcessI18n[i18nKey]) {
-        // 根据locale获得语言编码，例如：cn->zh_CN,en->en_US
-        const language = getLanguageWithLocale()
-        taskName = oneProcessI18n[i18nKey][language]
-      }
-      if (!taskName || taskName === null) {
-        taskName = row.taskName
-      }
-      return taskName
-    },
-    getChildren(row, treeNode, resolve) {
-      resolve(row.children)
-    },
-    computeStayDurations(histories) {
-      if (!histories || histories.length === 0) return
-      // 先判断 processingDuration 是否有有效值，用于控制列显示
-      for (let i = 0; i < histories.length; i++) {
-        const cur = histories[i]
-        if (cur.processingDuration) {
-          this.showProcessingDuration = true
-        }
-        if (i === 0) {
-          cur.stayDuration = 'N/A'
-          continue
-        }
-        const prev = histories[i - 1]
-        if (!cur || !prev || !cur.createdTime || !prev.createdTime) {
-          // 最后一条记录没有createdTime，无法计算停留时长
-          continue
-        }
-        const diffMs = dayjs(cur.createdTime).diff(dayjs(prev.createdTime))
-        if (!diffMs || diffMs <= 0) {
-          cur.stayDuration = 'N/A'
-          continue
-        }
-        // 以分钟为单位向上取整（不足1分钟按1分钟）
-        const totalMinutes = Math.max(1, Math.ceil(diffMs / 60000))
-        const minutesInDay = 60 * 24
-        const days = Math.floor(totalMinutes / minutesInDay)
-        const remainAfterDays = totalMinutes % minutesInDay
-        const hours = Math.floor(remainAfterDays / 60)
-        const minutes = remainAfterDays % 60
-        let parts = []
-        if (days > 0) {
-          parts.push(days + this.$t('IntervalSelection.tian'))
-        }
-        if (hours > 0) {
-          parts.push(hours + this.$t('IntervalSelection.hour'))
-        }
-        if (minutes > 0) {
-          parts.push(minutes + this.$t('IntervalSelection.minute'))
-        }
-        debugger
-        if (parts.length === 0) {
-          parts.push('0' + this.$t('IntervalSelection.minute'))
-        }
-        cur.stayDuration = parts.join('')
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-.red-circle {
-  width: 20px; /* 圆圈的宽度 */
-  height: 20px; /* 圆圈的高度 */
-  background-color: red; /* 背景色设置为红色 */
-  border-radius: 50%; /* 边框半径设置为50%，使元素变为圆形 */
-  display: inline-block; /* 确保元素以块级元素显示 */
-}
-.green-circle {
-  width: 20px; /* 圆圈的宽度 */
-  height: 20px; /* 圆圈的高度 */
-  background-color: rgb(11, 177, 121); /* 背景色设置为红色 */
-  border-radius: 50%; /* 边框半径设置为50%，使元素变为圆形 */
-  display: inline-block; /* 确保元素以块级元素显示 */
-}
-</style>

package/packages/workgroup-tree/index.js

@@ -1,6 +0,0 @@
-import WorkgroupTree from './src/workgroup-tree.vue'
-WorkgroupTree.install = function (Vue) {
-  Vue.component(WorkgroupTree.name, WorkgroupTree)
-}
-
-export default WorkgroupTree

package/packages/workgroup-tree/src/workgroup-tree.vue

@@ -1,127 +0,0 @@
-<template>
-  <div>
-    <WorkgroupMobileTree
-      v-if="isMobile"
-      ref="workgroupTree"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :branch-info="branchInfo"
-      :multiple="multiple"
-      :search-field="searchField"
-      :select-workgroup-info="selectWorkgroupInfo"
-      :limit-filter-column="limitFilterColumn"
-      :separator="separator"
-      @close="result"
-    />
-    <el-dialog
-      v-else
-      :close-on-click-modal="false"
-      :title="myTitle"
-      :width="multiple ? '60%' : '40%'"
-      append-to-body
-      class="user-tree"
-      model-value
-      @close="$emit('close')"
-      @closed="$emit('closed')"
-      @open="$emit('open')"
-      @opend="$emit('opend')"
-    >
-      <inline-workgroup-tree
-        ref="workgroupTree"
-        :branch-info="branchInfo"
-        :limit-filter-column="limitFilterColumn"
-        :multiple="multiple"
-        @result="result"
-      />
-      <template v-slot:footer>
-        <div class="dialog-footer">
-          <el-button class="button--default" size="default" @click="$emit('close')">
-            {{ $t('imatrixUIPublicModel.cancel') }}
-          </el-button>
-          <el-button size="default" type="primary" @click="selectWorkgroup">
-            {{ $t('imatrixUIPublicModel.sure') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { $emit } from '../../utils/gogocodeTransfer'
-import InlineWorkgroupTree from '../../workgroup-tree-inline/src/workgroup-tree-inline.vue'
-import WorkgroupMobileTree from '../../workgroup-tree-mobile/src/workgroup-tree-app.vue'
-import { isMobileBrowser } from '../../../src/utils/common-util'
-
-export default {
-  name: 'WorkgroupTree',
-  components: {
-    InlineWorkgroupTree,
-    WorkgroupMobileTree
-  },
-  props: {
-    // 是否是多选树，默认是true
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-    branchInfo: {
-      type: Array,
-      default: null
-    },
-    // 弹框的标题
-    title: {
-      type: String,
-      default: null
-    },
-    // 弹框的宽度
-    width: {
-      type: String,
-      default: '60%'
-    },
-    // 多选部门树时，已选择部门id或部门名称或编码集合，多个之间以逗号隔开
-    selectWorkgroupInfo: {
-      type: [String, Number],
-      default: null
-    },
-    // 移除部门时，部门属性名称：id、name、code，默认是id
-    searchField: {
-      type: String,
-      default: 'code'
-    },
-    // 多选树时结果之间的分隔符，默认是逗号分隔
-    separator: {
-      type: String,
-      default: ','
-    },
-    // 根据变量限制部门时，根据部门表的哪个字段进行过滤，默认是code
-    limitFilterColumn: {
-      type: String,
-      default: 'code'
-    }
-  },
-  data() {
-    let myTitle = this.$t('imatrixUIMessage.pleaseSelectATeam')
-    if (this.title) {
-      myTitle = this.title
-    }
-    const isMobile = isMobileBrowser()
-    return {
-      myTitle,
-      isMobile
-    }
-  },
-  methods: {
-    // 工作组单选回调
-    result(selectNodeInfo) {
-      $emit(this, 'close', selectNodeInfo)
-    },
-    // 嵌入树，多选时，点击确定时调用的方法
-    selectWorkgroup() {
-      this.$refs.workgroupTree.selectWorkgroup()
-    }
-  },
-  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed']
-}
-</script>

package/packages/workgroup-tree-inline/index.js

@@ -1,6 +0,0 @@
-import InlineWorkgroupTree from './src/workgroup-tree-inline.vue'
-InlineWorkgroupTree.install = function (Vue) {
-  Vue.component(InlineWorkgroupTree.name, InlineWorkgroupTree)
-}
-
-export default InlineWorkgroupTree