@arkxos/arkos-system 0.1.0

package/src/admin/bpmn/translations.js

@@ -0,0 +1,211 @@
+export default {
+  // Labels
+  'Activate the global connect tool': '激活全局连接工具',
+  'Append {type}': '添加{type}',
+  'Add Lane above': '在上面添加道',
+  'Divide into two Lanes': '分割成两个道',
+  'Divide into three Lanes': '分割成三个道',
+  'Add Lane below': '在下面添加道',
+  'Append compensation activity': '追加补偿活动',
+  'Change type': '修改类型',
+  'Connect using Association': '使用关联连接',
+  'Connect using Sequence/MessageFlow or Association': '使用顺序/消息流或者关联连接',
+  'Connect using DataInputAssociation': '使用数据输入关联连接',
+  Remove: '移除',
+  'Activate the hand tool': '全体移动',
+  'Activate the lasso tool': '套索移动',
+  'Activate the create/remove space tool': '激活创建/删除空间工具',
+  'expanded SubProcess': '扩展子过程',
+  'IntermediateThrowEvent/BoundaryEvent': '中间抛出事件/边界事件',
+  'Pool/Participant': '池/参与者',
+  'Parallel Multi Instance': '并行多重事件',
+  'Sequential Multi Instance': '时序多重事件',
+  DataObjectReference: '数据对象参考',
+  DataStoreReference: '数据存储参考',
+  Loop: '循环',
+  'Ad-hoc': '即席',
+  'Create {type}': '创建{type}',
+  Task: '节点',
+  'Send Task': '发送任务',
+  'Receive Task': '接收任务',
+  'User Task': '用户任务',
+  'Manual Task': '手工任务',
+  'Business Rule Task': '业务规则任务',
+  'Service Task': '服务任务',
+  'Script Task': '脚本任务',
+  'Call Activity': '调用活动',
+  'Sub Process (collapsed)': '子流程（折叠的）',
+  'Sub Process (expanded)': '子流程（展开的）',
+  'Start Event': '开始节点',
+  StartEvent: '开始节点',
+  'Intermediate Throw Event': '中间节点',
+  TextAnnotation: '文本注释',
+  'End Event': '结束节点',
+  EndEvent: '结束节点',
+  Gateway: '网关',
+  Group: '分组',
+  'Intermediate/Boundary': '中间/边界节点',
+  'Intermediate/Boundary Event': '中间/边界节点',
+  'Message Start Event': '消息开始事件',
+  'Timer Start Event': '定时开始事件',
+  'Conditional Start Event': '条件开始事件',
+  'Signal Start Event': '信号开始事件',
+  'Error Start Event': '错误开始事件',
+  'Escalation Start Event': '升级开始事件',
+  'Compensation Start Event': '补偿开始事件',
+  'Message Start Event (non-interrupting)': '消息开始事件（非中断）',
+  'Timer Start Event (non-interrupting)': '定时开始事件（非中断）',
+  'Conditional Start Event (non-interrupting)': '条件开始事件（非中断）',
+  'Signal Start Event (non-interrupting)': '信号开始事件（非中断）',
+  'Escalation Start Event (non-interrupting)': '升级开始事件（非中断）',
+  'Message Intermediate Catch Event': '消息中间捕获事件',
+  'Message Intermediate Throw Event': '消息中间抛出事件',
+  'Timer Intermediate Catch Event': '定时中间捕获事件',
+  'Escalation Intermediate Throw Event': '升级中间抛出事件',
+  'Conditional Intermediate Catch Event': '条件中间捕获事件',
+  'Link Intermediate Catch Event': '链接中间捕获事件',
+  'Link Intermediate Throw Event': '链接中间抛出事件',
+  'Compensation Intermediate Throw Event': '补偿中间抛出事件',
+  'Signal Intermediate Catch Event': '信号中间捕获事件',
+  'Signal Intermediate Throw Event': '信号中间抛出事件',
+  'Message End Event': '消息结束事件',
+  'Escalation End Event': '定时结束事件',
+  'Error End Event': '错误结束事件',
+  'Cancel End Event': '取消结束事件',
+  'Compensation End Event': '补偿结束事件',
+  'Signal End Event': '信号结束事件',
+  'Terminate End Event': '终止结束事件',
+  'Message Boundary Event': '消息边界事件',
+  'Message Boundary Event (non-interrupting)': '消息边界事件（非中断）',
+  'Timer Boundary Event': '定时边界事件',
+  'Timer Boundary Event (non-interrupting)': '定时边界事件（非中断）',
+  'Escalation Boundary Event': '升级边界事件',
+  'Escalation Boundary Event (non-interrupting)': '升级边界事件（非中断）',
+  'Conditional Boundary Event': '条件边界事件',
+  'Conditional Boundary Event (non-interrupting)': '条件边界事件（非中断）',
+  'Error Boundary Event': '错误边界事件',
+  'Cancel Boundary Event': '取消边界事件',
+  'Signal Boundary Event': '信号边界事件',
+  'Signal Boundary Event (non-interrupting)': '信号边界事件（非中断）',
+  'Compensation Boundary Event': '补偿边界事件',
+  'Exclusive Gateway': '分支节点',
+  'Parallel Gateway': '并行开始节点',
+  'Inclusive Gateway': '相容节点',
+  'Complex Gateway': '并行结束节点',
+  'Event based Gateway': '事件节点',
+  Transaction: '转运',
+  'Sub Process': '子流程',
+  'Event Sub Process': '事件子流程',
+  'Collapsed Pool': '折叠池',
+  'Expanded Pool': '展开池',
+
+  // Errors
+  'no parent for {element} in {parent}': '在{parent}里，{element}没有父类',
+  'no shape type specified': '没有指定的形状类型',
+  'flow elements must be children of pools/participants': '流元素必须是池/参与者的子类',
+  'out of bounds release': 'out of bounds release',
+  'more than {count} child lanes': '子道大于{count} ',
+  'element required': '元素不能为空',
+  'diagram not part of bpmn:Definitions': '流程图不符合bpmn规范',
+  'no diagram to display': '没有可展示的流程图',
+  'no process or collaboration to display': '没有可展示的流程/协作',
+  'element {element} referenced by {referenced}#{property} not yet drawn': '由{referenced}#{property}引用的{element}元素仍未绘制',
+  'already rendered {element}': '{element} 已被渲染',
+  'failed to import {element}': '导入{element}失败',
+
+  // 属性面板的参数
+  Id: '编号',
+  Name: '名称',
+  General: '常规',
+  Details: '详情',
+  'Message Name': '消息名称',
+  Message: '消息',
+  Initiator: '创建者',
+  'Asynchronous Continuations': '持续异步',
+  'Asynchronous Before': '异步前',
+  'Asynchronous After': '异步后',
+  'Job Configuration': '工作配置',
+  Exclusive: '排除',
+  'Job Priority': '工作优先级',
+  'Retry Time Cycle': '重试时间周期',
+  Documentation: '文档',
+  'Element Documentation': '元素文档',
+  'History Configuration': '历史配置',
+  'History Time To Live': '历史的生存时间',
+  Forms: '表单',
+  'Form Key': '表单key',
+  'Form Fields': '表单字段',
+  'Business Key': '业务key',
+  'Form Field': '表单字段',
+  ID: '编号',
+  Type: '类型',
+  Label: '名称',
+  'Default Value': '默认值',
+  Validation: '校验',
+  'Add Constraint': '添加约束',
+  Config: '配置',
+  Properties: '属性',
+  'Add Property': '添加属性',
+  Value: '值',
+  Listeners: '监听器',
+  'Execution Listener': '执行监听',
+  'Event Type': '事件类型',
+  'Listener Type': '监听器类型',
+  'Java Class': 'Java类',
+  Expression: '表达式',
+  'Must provide a value': '必须提供一个值',
+  'Delegate Expression': '代理表达式',
+  Script: '脚本',
+  'Script Format': '脚本格式',
+  'Script Type': '脚本类型',
+  'Inline Script': '内联脚本',
+  'External Script': '外部脚本',
+  Resource: '资源',
+  'Field Injection': '字段注入',
+  Extensions: '扩展',
+  'Input/Output': '输入/输出',
+  'Input Parameters': '输入参数',
+  'Output Parameters': '输出参数',
+  Parameters: '参数',
+  'Output Parameter': '输出参数',
+  'Timer Definition Type': '定时器定义类型',
+  'Timer Definition': '定时器定义',
+  Date: '日期',
+  Duration: '持续',
+  Cycle: '循环',
+  Signal: '信号',
+  'Signal Name': '信号名称',
+  Escalation: '升级',
+  Error: '错误',
+  'Link Name': '链接名称',
+  Condition: '条件名称',
+  'Variable Name': '变量名称',
+  'Variable Event': '变量事件',
+  'Specify more than one variable change event as a comma separated list.': '多个变量事件以逗号隔开',
+  'Wait for Completion': '等待完成',
+  'Activity Ref': '活动参考',
+  'Version Tag': '版本标签',
+  Executable: '可执行文件',
+  'External Task Configuration': '扩展任务配置',
+  'Task Priority': '任务优先级',
+  External: '外部',
+  Connector: '连接器',
+  'Must configure Connector': '必须配置连接器',
+  'Connector Id': '连接器编号',
+  Implementation: '实现方式',
+  'Field Injections': '字段注入',
+  Fields: '字段',
+  'Result Variable': '结果变量',
+  Topic: '主题',
+  'Configure Connector': '配置连接器',
+  'Input Parameter': '输入参数',
+  Assignee: '代理人',
+  'Candidate Users': '候选用户',
+  'Candidate Groups': '候选组',
+  'Due Date': '到期时间',
+  'Follow Up Date': '跟踪日期',
+  Priority: '优先级',
+  'The follow up date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)': '跟踪日期必须符合EL表达式，如： ${someDate} ,或者一个ISO标准日期，如：2015-06-26T09:54:00',
+  'The due date as an EL expression (e.g. ${someDate} or an ISO date (e.g. 2015-06-26T09:54:00)': '跟踪日期必须符合EL表达式，如： ${someDate} ,或者一个ISO标准日期，如：2015-06-26T09:54:00',
+  Variables: '变量'
+};

package/src/admin/components/affix/index.vue

@@ -0,0 +1,385 @@
+<template>
+  <div class="ac-affix-box">
+    <el-upload
+      :style="uploadStyle"
+      action=""
+      :class="['ac-affix', {'is-disabled': inputDisabled}]"
+      :disabled="inputDisabled"
+      :multiple=true
+      :http-request="handleUpload"
+      :file-list="fileList"
+      :show-file-list=false
+      :before-upload="handleBeforeUpload"
+    >
+      <template #trigger>
+        <el-button
+          v-if="inputDisabled !== true"
+          style="margin-right: 10px;"
+          type="success"
+        >
+          <ac-icon
+            iconId="018ece4f70fcf0627f81"
+            style="margin-right: 5px"
+          />点击上传
+        </el-button>
+      </template>
+      <el-form :disabled="false">
+        <el-button
+          v-if="affixId != null && affixId !== ''"
+          :loading="downloading"
+          @click.stop.prevent="downloadPack()"
+          type="primary"
+        >
+          <ac-icon
+            iconId="018ece4f749ec5911772"
+            style="margin-right: 5px"
+          />打包下载
+        </el-button>
+      </el-form>
+    </el-upload>
+
+    <el-image-viewer
+      v-if="showViewer"
+      :loading="loading"
+      :z-index="5000"
+      :on-close="()=>{ showViewer = false }"
+      :url-list="[imageUrl]"
+      hide-on-click-modal
+    />
+
+    <span v-for="(item, index) in fileList" class="file" :key="index">
+      <span class="file-item" :class="[{'is-disabled': inputDisabled}]">
+        <span class="file-name" :title="item.name">
+          <span style="cursor: pointer" v-if="isKnowFile(item)">
+            <span @click="showFile(item)">
+              {{item.name}}
+            </span>
+          </span>
+          <span
+            style="cursor: pointer"
+            v-else-if="item.name.toLowerCase().endsWith('.png')
+              || item.name.toLowerCase().endsWith('.jpeg')
+              || item.name.toLowerCase().endsWith('.jpg')
+              || item.name.toLowerCase().endsWith('.bmp')
+              || item.name.toLowerCase().endsWith('.gif')"
+          >
+            <span @click="showImage(item)">
+              {{item.name}}
+            </span>
+          </span>
+          <span v-else><span>{{item.name}}</span></span>
+        </span>
+        <ac-icon
+          v-if="item.status===1"
+          size="20"
+          color="#999"
+          iconId="018dcab3d3dfd6e82393"
+          class="spinner"
+          title="上传中..."
+        />
+        <ac-icon
+          v-if="item.status===2"
+          size="20"
+          color="#999"
+          iconId="018dc9c3efed1f464d38"
+          title="下载"
+          @click="downloadFile(item)"
+        />
+        <ac-icon
+          v-if="item.status===2"
+          size="20"
+          color="#999"
+          iconId="018dc9c3efd3a0502886"
+          title="删除"
+          @click="deleteFile(item)"
+        ></ac-icon>
+      </span>
+    </span>
+
+    <el-dialog
+      :title="dialogTitle"
+      v-model="dialogVisible"
+      class="no-padding"
+      append-to-body
+      destroy-on-close
+      draggable
+      fullscreen
+    >
+      <vue-office-docx v-if="dialogFileType === 'docx'" :src="dialogUrl" />
+      <vue-office-excel v-if="dialogFileType === 'excel'" :src="dialogUrl" />
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, watch } from 'vue';
+import api from '@/http/api';
+import tool from '@/utils/tool';
+import { ElMessage, ElMessageBox, useDisabled } from 'element-plus';
+// import VueOfficeDocx from '@vue-office/docx';
+// import VueOfficeExcel from '@vue-office/excel';
+
+const emit = defineEmits(['update:modelValue', 'change']);
+const props = defineProps({
+  modelValue: String,
+  multiple: {
+    type: Boolean,
+    default: true
+  },
+  uploadStyle: {
+    type: String,
+    default: ''
+  },
+});
+
+const uploadCnt = ref(0);
+const affixId = ref('');
+const fileList = ref([]);
+const downloading = ref(false);
+const baseUrl = ref('/');
+const fileUrl = ref(baseUrl.value + '/file/file/');
+const showViewer = ref(false);
+const loading = ref(false);
+const imageUrl = ref('');
+const inputDisabled = useDisabled();
+
+const dialogTitle = ref('');
+const dialogVisible = ref(false);
+const dialogFileType = ref('');
+const dialogUrl = ref('');
+
+const showImage = (file) => {
+  imageUrl.value = '';
+  if (file && file.id) {
+    imageUrl.value = baseUrl.value + '/file/image/' + file.id;
+    showViewer.value = true;
+  }
+};
+
+const handleUpload = (file) => {
+  return new Promise((resolve, reject) => {
+    api.upload({ file: file.file, affixId: affixId.value }).then((res) => {
+      uploadCnt.value--;
+
+      const filters = fileList.value.filter(item => item.name === res.data.trueName && item.status === 1);
+      if (filters.length > 0) {
+        filters[0].id = res.data.id;
+        filters[0].status = 2;
+      }
+      if (!props.multiple) {
+        fileList.value = Object.assign([], fileList.value.filter(item => item.name === res.data.trueName));
+        emit('change', fileList.value[0]);
+      }
+      resolve();
+    }).catch(() => {
+      uploadCnt.value--;
+      reject();
+    });
+  });
+};
+
+const handleBeforeUpload = (file) => {
+  if (affixId.value == null || affixId.value === '') {
+    affixId.value = tool.uuid();
+    emit('update:modelValue', affixId.value);
+  }
+
+  const isLt100M = file.size / 1024 / 1024 < 100;
+  if (!isLt100M) {
+    ElMessage.error('上传大小不能超过 100MB!');
+  } else {
+    if (!props.multiple) {
+      fileList.value = Object.assign([], [{ name: file.name, status: 1 }]);
+    } else {
+      fileList.value.push({ name: file.name, status: 1 });
+    }
+    uploadCnt.value++;
+  }
+
+  return isLt100M;
+};
+
+const downloadFile = (file) => {
+  api.downloadFileLocal(file.id);
+};
+
+const downloadPack = () => {
+  downloading.value = true;
+  if (affixId.value == null || affixId.value === '') {
+    ElMessage.error('暂无附件！');
+  }
+
+  api.downloadAffixLocal(affixId.value)
+    .then(() => downloading.value = false)
+    .catch(() => downloading.value = false);
+};
+
+const deleteFile = (file) => {
+  ElMessageBox.confirm('请确认是否删除此文件【' + file.name + '】？', '提示', { type: 'warning' }).then(() => {
+    api.deleteAffix(file.id).then(() => {
+      fileList.value = fileList.value.filter(item => item.id !== file.id)
+      if (fileList.value.length === 0) {
+        affixId.value = '';
+        emit('update:modelValue', affixId.value);
+      }
+    });
+  }).catch(() => {});
+};
+
+const loadData = () => {
+  fileList.value = [];
+  if (typeof props.modelValue !== 'undefined' && props.modelValue != null && props.modelValue !== '') {
+    api.queryAffix(props.modelValue).then((res) => {
+      if (res.data.length > 0) {
+        affixId.value = props.modelValue;
+        for (let i = 0; i < res.data.length; i++) {
+          fileList.value.push({ name: res.data[i].trueName, id: res.data[i].id, status: 2 });
+        }
+      } else {
+        affixId.value = '';
+      }
+    }).catch((res) => {
+      ElMessage.error(res.message);
+    });
+  } else {
+    affixId.value = '';
+  }
+};
+
+const isKnowFile = (file) => {
+  return file.name.toLowerCase().endsWith('.pdf') ||
+    file.name.toLowerCase().endsWith('.ofd') ||
+
+    file.name.toLowerCase().endsWith('.doc') ||
+    file.name.toLowerCase().endsWith('.docx') ||
+    file.name.toLowerCase().endsWith('.wps') ||
+
+    file.name.toLowerCase().endsWith('.ppt') ||
+    file.name.toLowerCase().endsWith('.pptx') ||
+
+    file.name.toLowerCase().endsWith('.xls') ||
+    file.name.toLowerCase().endsWith('.xlsx') ||
+    file.name.toLowerCase().endsWith('.et')
+};
+
+const showFile = (file) => {
+  dialogUrl.value = '';
+  if (file.name.toLowerCase().endsWith('.pdf')) {
+    loading.value.showLoading();
+    api.download(file.id).then((res) => {
+      const blob = new Blob([res.data], { type: 'application/pdf' })
+      const href = window.URL.createObjectURL(blob);
+      window.open(href, '_blank');
+
+      loading.value.hideLoading();
+    }).catch((res) => {
+      ElMessage.error(res.message);
+      loading.value.hideLoading();
+    });
+  } else if (file.name.toLowerCase().endsWith('.docx')) {
+    dialogTitle.value = '文件查看【' + file.name + '】'
+    dialogUrl.value = fileUrl.value + file.id;
+    dialogFileType.value = 'docx';
+    dialogVisible.value = true;
+  } else if (file.name.toLowerCase().endsWith('.xlsx')) {
+    dialogTitle.value = '文件查看【' + file.name + '】'
+    dialogUrl.value = fileUrl.value + file.id;
+    dialogFileType.value = 'excel';
+    dialogVisible.value = true;
+  }
+};
+
+watch(() => props.modelValue, (newVal) => {
+  if (newVal === undefined || newVal == null || newVal === '' ||
+      affixId.value == null || affixId.value === '' ||
+      newVal !== affixId.value) {
+    loadData();
+  }
+});
+
+onMounted(() => {
+  loadData();
+});
+</script>
+
+<style scoped lang="scss">
+.ac-affix-box {
+  width: 100%;
+}
+.ac-affix {
+  text-align: left;
+  margin-bottom: 5px;
+  display: flex;
+  flex-direction: row;
+}
+.file {
+  width: 100%;
+}
+.file-item {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  > span {
+    margin-right: 5px;
+  }
+  :deep(.ac-icon) {
+    cursor: pointer;
+  }
+}
+.file-name {
+  overflow: hidden;
+  min-width: 0;
+}
+.file-name > span > span {
+  align-items: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.file-upload {
+  font-size: 18px;
+  margin-left: 5px;
+}
+.file-download, .file-delete {
+  font-size: 18px;
+  cursor: pointer;
+  margin-left: 5px;
+  width: 25px;
+}
+.file-download:hover, .file-delete:hover {
+  color: #409EFF;
+}
+.file-item[class~=is-disabled] .file-delete {
+  display: none;
+}
+.pack-button:hover {
+  background: #66b1ff;
+  border-color: #66b1ff;
+  color: #FFF;
+}
+.pack-button:focus {
+  color: #409EFF;
+  border-color: #c6e2ff;
+  background-color: #ecf5ff;
+}
+.pack-button {
+  padding: 9px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+  color: #FFF;
+  background-color: #409EFF;
+  border-color: #409EFF;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  transition: .1s;
+  font-weight: 500;
+}
+</style>

package/src/admin/components/area-select/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <el-cascader
+    ref="cascader"
+    v-model="currValue"
+    :options="areaList"
+    :props="{
+      value: 'id',
+      label: 'text',
+      children: 'children',
+      leaf: 'isLeaf',
+      checkStrictly: props.checkStrictly
+    }"
+    :size="props.size"
+    filterable
+    clearable
+    @change="handleChange"
+    style="width: 100%"
+  />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+// import { useAreaStore } from '@/pinia/modules/area';
+
+const modelValue = defineModel();
+const props = defineProps({
+  checkStrictly: {
+    type: Boolean,
+    default: false
+  },
+  size: String,
+});
+
+const areaStore = ref({}); // useAreaStore();
+const areaList = ref([]);
+const cascader = ref();
+const currValue = ref([]);
+
+const handleChange = () => {
+  if (currValue.value && currValue.value.length > 0) {
+    modelValue.value = currValue.value.join(',');
+  }
+  cascader.value.togglePopperVisible();
+};
+
+onMounted(() => {
+  currValue.value = modelValue.value ? modelValue.value.split(',') : [];
+  // areaStore.value.getAreaList().then(res => {
+  //   areaList.value = res;
+  // });
+});
+</script>

package/src/admin/components/buttons/index.vue

@@ -0,0 +1,47 @@
+<template>
+  <el-radio-group v-model="modelValue" @change="handleChange">
+    <el-radio-button key="" value="" v-if="showAll">全部</el-radio-button>
+    <el-radio-button
+      v-for="item in options"
+      :key="item.key"
+      :value="item.key"
+    >{{item.value}}</el-radio-button>
+  </el-radio-group>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const modelValue = defineModel();
+const emit = defineEmits(['change']);
+const props = defineProps({
+  options: [Array, String],
+  showAll: {
+    type: Boolean,
+    default: false
+  },
+});
+const options = ref([]);
+
+const init = (data) => {
+  if (data) {
+    if (Array.isArray(data)) {
+      options.value = data;
+    } else if (typeof data === 'string') {
+      const optionList = [];
+      data.split(',').forEach(item => {
+        optionList.push({ key: item, value: item });
+      });
+      options.value = optionList;
+    }
+  }
+};
+
+const handleChange = () => {
+  emit('change', modelValue.value);
+};
+
+watch(() => props.options, (data) => {
+  init(data);
+}, { immediate: true });
+</script>