@arkxos/arkos-system 0.1.0

package/src/flow/signature.vue

@@ -0,0 +1,216 @@
+<template>
+  <div class="flow-signature">
+    <div class="label">电子签名<div class="p-12">&nbsp;</div></div>
+    <div class="container">
+      <el-radio-group
+        v-model="currValue"
+        @change="handleChange"
+      >
+        <el-radio
+          v-for="item in signList"
+          :key="item.id"
+          :value="item.id"
+        >
+          <div class="image">
+            <img :src="imagePath + item.signatureId" alt />
+          </div>
+        </el-radio>
+      </el-radio-group>
+      <div style="margin-left: 8px">
+        <el-button
+          type="primary"
+          @click="openDraw"
+        >新增签名</el-button>
+        <el-button
+          v-if="currValue && props.signatureType === '1'"
+          type="danger"
+          @click="deleteSign"
+        >删除签名</el-button>
+      </div>
+    </div>
+
+    <el-dialog
+      width="500px"
+      v-model="dialogVisible"
+      :close-on-click-modal="false"
+      append-to-body
+      destroy-on-close
+      draggable
+      fullscreen
+      class="cc-page-comp-dialog"
+    >
+      <template #header>
+        <div class="header">
+          <div class="title">画板</div>
+        </div>
+      </template>
+      <cc-signature-pad
+        v-if="dialogVisible"
+        ref="signatureRef"
+      />
+      <template #footer>
+        <el-button
+          size="default"
+          type="info"
+          @click="dialogVisible = false"
+        >取消</el-button>
+        <el-button
+          size="default"
+          type="warning"
+          @click="clearDraw"
+        >清空</el-button>
+        <el-button
+          size="default"
+          type="primary"
+          @click="submitDraw"
+          :loading="editLoading"
+        >提交</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue';
+import api from '@/http/api';
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+const props = defineProps({
+  signatureType: String
+});
+
+const imagePath = ref(import.meta.env.VITE_IMAGE_PATH);
+const modelValue = defineModel();
+const signList = ref([]);
+const currValue = ref();
+
+const dialogVisible = ref(false);
+const editLoading = ref(false);
+const signatureRef = ref();
+
+const loadData = () => {
+  if (props.signatureType !== '1') return;
+  api.post('/flow/signature/queryList').then(res => {
+    signList.value = res.data || [];
+    for (const item of signList.value) {
+      if (item.ifDefault === '1') {
+        currValue.value = item.id;
+        break;
+      }
+    }
+  });
+};
+
+const handleChange = (id) => {
+  if (props.signatureType !== '1') return;
+  api.post('/flow/signature/default', { id: id });
+};
+
+const openDraw = () => {
+  dialogVisible.value = true;
+};
+
+const clearDraw = () => {
+  signatureRef.value.clearSignature();
+};
+
+const submitDraw = () => {
+  const signData = signatureRef.value.saveSignature();
+
+  if (!signData.isEmpty) {
+    api.upload({ base64: signData.data.split(',')[1] }).then(res => {
+      if (props.signatureType === '1') {
+        api.post('/flow/signature/save', { signatureId: res.data.id }).then(res1 => {
+          signList.value.unshift({ id: res1.data.id, signatureId: res.data.id, ifDefault: '1' })
+          currValue.value = res1.data.id;
+          dialogVisible.value = false;
+        });
+      } else {
+        signList.value.unshift({ id: res.data.id, signatureId: res.data.id, ifDefault: '1' })
+        currValue.value = res.data.id;
+        dialogVisible.value = false;
+      }
+    });
+  } else {
+    ElMessage.warning('画板内容为空！');
+  }
+};
+
+const deleteSign = () => {
+  if (props.signatureType !== '1') return;
+
+  if (!currValue.value) {
+    ElMessage.error('请选择要删除的签名！');
+    return;
+  }
+
+  ElMessageBox.confirm('请确认是否删除此签名？', '提示', { type: 'warning' }).then(() => {
+    api.post('/flow/signature/delete', { id: currValue.value }).then(res => {
+      if (res.code === '1') {
+        currValue.value = '';
+        loadData();
+        ElMessage.success('删除成功！')
+      } else {
+        ElMessage.error(res.message);
+      }
+    });
+  });
+};
+
+watch(() => currValue.value, () => {
+  modelValue.value = '';
+
+  if (currValue.value) {
+    const find = signList.value.find(item => item.id === currValue.value);
+    if (find) {
+      modelValue.value = find.signatureId;
+    }
+  }
+});
+
+onMounted(() => {
+  loadData();
+});
+</script>
+
+<style scoped lang="scss">
+.flow-signature {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  border-top: 1px solid #e1e1e1;
+  padding: 20px 0;
+  .label {
+    margin-top: 7px;
+    width: 120px;
+    text-align: right;
+    color: #333333;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    flex-shrink: 0;
+    &:before {
+      color: var(--el-color-danger);
+      content: "*";
+      margin-right: 4px;
+    }
+    .p-12 {
+      padding-left: 13px;
+    }
+  }
+  .container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .image {
+      width: 100px;
+      height: 30px;
+      img {
+        max-width: 100%; /* 图片最大宽度不超过容器 */
+        max-height: 100%; /* 图片最大高度不超过容器 */
+        object-fit: contain; /* 等比例缩放图片 */
+      }
+    }
+  }
+}
+</style>

package/src/flow/start.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="flow-page-container">
+    <Deal :options="{flowId: flowId, start: true}" />
+  </div>
+</template>
+
+<script setup>
+import { ref, provide } from 'vue';
+import Deal from '@/flow/deal.vue';
+
+const hash = window.location.hash;
+const path = hash.split('/');
+const menuId = ref(path[2]);
+const flowId = ref(path[3]);
+
+provide('menuId', menuId);
+provide('permitMenuId', menuId);
+</script>

package/src/http/api.js

@@ -0,0 +1,192 @@
+import request from './request';
+import { uuid } from '@/utils/tool';
+
+const fillNoise = (data) => {
+  return Object.assign({ _t: new Date().getTime(), _nonce: uuid() }, data || {});
+};
+
+export const post = (url, data) => {
+  if (!(data && Array.isArray(data))) {
+    data = fillNoise(data);
+    Object.defineProperty(data, 'button', { enumerable: false });
+    Object.defineProperty(data, 'createTime', { enumerable: false });
+  }
+
+  return request({
+    url: url,
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/json',
+      'Client-Flag': 'pc'
+    },
+    data: JSON.stringify(data)
+  });
+};
+
+const runScript = (id, data) => {
+  return post('/codeless/script/run/' + id, { data: data || {} });
+};
+
+export const get = (url) => {
+  return request({
+    url: url,
+    method: 'get'
+  });
+};
+
+export const login = data => {
+  return post('/login', data);
+};
+
+export const logout = () => {
+  return post('/logout');
+};
+
+export const captcha = () => {
+  return request({
+    url: '/captcha',
+    method: 'post',
+    responseType: 'arraybuffer',
+    data: fillNoise({})
+  });
+};
+
+export const upload = (data) => {
+  const formData = new FormData();
+  for (const p in data) {
+    formData.append(p, data[p]);
+  }
+
+  return request({
+    url: '/file/upload',
+    method: 'post',
+    timeout: 4 * 60 * 60 * 1000,
+    headers: { 'Content-Type': 'multipart/form-data' },
+    data: formData
+  });
+};
+
+export const download = (fileId) => {
+  return request({
+    url: '/file/download',
+    method: 'post',
+    timeout: 4 * 60 * 60 * 1000,
+    responseType: 'arraybuffer',
+    data: JSON.stringify(fillNoise({ id: fileId }))
+  });
+};
+
+export const downloadAll = (affixId) => {
+  return request({
+    url: '/file/downloadAll',
+    method: 'post',
+    timeout: 4 * 60 * 60 * 1000,
+    responseType: 'arraybuffer',
+    data: JSON.stringify(fillNoise({ affixId: affixId }))
+  });
+};
+
+export const createQrCode = (message) => {
+  return request({
+    url: '/qrcode',
+    method: 'post',
+    responseType: 'arraybuffer',
+    data: message
+  });
+};
+
+export const queryFile = (id) => {
+  return post('/file/queryItem', { id: id });
+};
+
+export const queryAffix = (affixId) => {
+  return post('/file/queryItems', { affixId: affixId });
+};
+
+export const deleteAffix = (fileId) => {
+  return post('/file/deleteItem', { id: fileId });
+};
+
+export const uploadFile = (url, data) => {
+  const param = new FormData();
+  for (const p in data) {
+    param.append(p, data[p]);
+  }
+
+  return request({
+    url: url,
+    method: 'post',
+    timeout: 4 * 60 * 60 * 1000,
+    headers: { 'Content-Type': 'multipart/form-data' },
+    data: param
+  });
+};
+
+export const downloadFile = (url, data) => {
+  return request({
+    url: url,
+    method: 'post',
+    timeout: 4 * 60 * 60 * 1000,
+    responseType: 'arraybuffer',
+    data: JSON.stringify(fillNoise(data))
+  });
+};
+
+export const downloadFileLocal = (id) => {
+  return download(id).then(res => saveFileLocal(res));
+};
+
+export const downloadAffixLocal = (id) => {
+  return new Promise((resolve, reject) => {
+    downloadAll(id).then(res => {
+      saveFileLocal(res);
+      resolve();
+    }).catch(e => reject(e));
+  });
+};
+
+export const saveFileLocal = (res) => {
+  let fileName = res.headers['content-disposition'].split('=')[1];
+  fileName = fileName.replace(/"/g, '');
+
+  let blob;
+  if ('msSaveOrOpenBlob' in navigator) {
+    if (fileName.endsWith('.xls') || fileName.endsWith('.xlsx')) {
+      blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
+    } else {
+      blob = new Blob([res.data], { type: 'application/octet-stream' });
+    }
+    window.navigator.msSaveOrOpenBlob(blob, fileName);
+  } else {
+    blob = new Blob([res.data], { type: 'application/octet-stream' });
+    const downloadElement = document.createElement('a');
+    const href = window.URL.createObjectURL(blob);
+    downloadElement.href = href;
+    downloadElement.download = decodeURI(fileName);
+    document.body.appendChild(downloadElement);
+    downloadElement.click();
+    document.body.removeChild(downloadElement);
+    window.URL.revokeObjectURL(href);
+  }
+};
+
+export default {
+  post,
+  get,
+  login,
+  logout,
+  captcha,
+  upload,
+  download,
+  downloadAll,
+  createQrCode,
+  queryFile,
+  queryAffix,
+  deleteAffix,
+  uploadFile,
+  downloadFile,
+  downloadFileLocal,
+  downloadAffixLocal,
+  saveFileLocal,
+  runScript
+}

package/src/http/request.js

@@ -0,0 +1,81 @@
+import axios from 'axios';
+import { ElMessage } from 'element-plus';
+import { useUserStore } from '@/pinia/modules/user';
+
+const request = axios.create({
+  baseURL: '/',
+  headers: {
+    Accept: 'application/json;charset=UTF-8',
+    'Content-Type': 'application/json;charset=UTF-8'
+  },
+  timeout: 100000,
+  withCredentials: true,
+  crossDomain: true,
+  responseType: 'json',
+  responseEncoding: 'utf8'
+});
+
+request.interceptors.response.use(
+  response => {
+    return new Promise((resolve, reject) => {
+      if (response.headers['content-type'] &&
+          (response.headers['content-type'].startsWith('application/octet-stream') ||
+            response.headers['content-type'].startsWith('image/'))) {
+        resolve(response);
+      } else if (response.data) {
+        const data = response.data;
+        if (data.code) {
+          if (data.code === '0') {
+            ElMessage.error(data.message || '');
+            reject(data);
+          } else {
+            resolve(data);
+          }
+        } else {
+          resolve(response);
+        }
+      } else {
+        resolve(response);
+      }
+    });
+  },
+  error => {
+    if (!error.response) {
+      console.log(error);
+      ElMessage.error('请求出错，请稍候再试。');
+      return;
+    }
+
+    switch (error.response.status) {
+      case 401:
+        try {
+          const userStore = useUserStore();
+          if (userStore.getUser().id) {
+            ElMessage.error('登录超时，请重新登录！');
+          }
+          userStore.clearStorage();
+        } catch (e) {
+          console.log(e)
+        }
+
+        window.location.href = import.meta.env.VITE_WEB_PATH || '/';
+        break;
+      case 403:
+        ElMessage.error('权限不足，请与管理员联系！');
+        break;
+      case 404:
+        ElMessage.error('请求资源不存在！');
+        break
+      case 500:
+        ElMessage.error('未知错误！');
+        break
+      default:
+        ElMessage.error('未知错误！');
+        break;
+    }
+
+    throw error
+  }
+);
+
+export default request;