@scenetechnology/cj_element_table 0.0.1

package/src/components/Upload/index.vue

@@ -0,0 +1,287 @@
+<template>
+  <el-upload
+    id="uploadID"
+    ref="upload"
+    v-model:file-list="file_list"
+    :action="uploadUrl"
+    :limit="props.limit"
+    :before-upload="beforeUpload"
+    :on-success="handleSuccess"
+    :on-error="handleError"
+    :show-file-list="props.showFileList"
+    :on-exceed="handleExceed"
+    :on-change="handleChange"
+    :on-preview="handlePreview"
+    :headers="headers"
+    :data="data"
+    :accept="fileTypes"
+    :name="name"
+  >
+    <el-button v-show="showButton" :id="targetId" :type="buttonType">{{ buttonText }}</el-button>
+    <el-switch
+      v-model="data.auth"
+      v-if="show_auth"
+      @click.stop
+      class="mb-2"
+      :active-value="1"
+      :inactive-value="2"
+      @click="authChange"
+      inline-prompt
+      active-text="可下载"
+      inactive-text="仅预览"
+      style="margin-left: 20px"
+    />
+    <div slot="tip" class="el-upload__tip" v-if="tipText">{{ tipText }}</div>
+  </el-upload>
+  <ElDialog v-model="viewShow" title="预览" :minHeight="600" width="970px" @clickClose="viewClose">
+    <iframe
+      id="iframe"
+      :src="viewUrl"
+      style="width: 100%; height: 500px; overflow-y: auto"
+      v-show="imgview == ''"
+      frameborder="0"
+    ></iframe>
+    <el-image
+      :src="imgview"
+      v-if="imgview"
+      :zoom-rate="1.2"
+      :max-scale="7"
+      :min-scale="0.2"
+      :initial-index="555"
+      :preview-teleported="true"
+      fit="cover"
+      :z-index="9999"
+      style="margin: 0 auto; display: block"
+    />
+    <template #footer>
+      <ElButton
+        v-if="data.auth == 1 || is_root || cruuent_id == create_by_id"
+        type="primary"
+        @click="download_file"
+        >下载</ElButton
+      >
+      <ElButton @click="viewShow = false">取消</ElButton>
+    </template>
+  </ElDialog>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, watch } from 'vue'
+import { ElDialog, ElUpload, ElButton, ElMessage, ElSwitch, ElImage } from 'element-plus'
+import { config } from '@/config/axios/config'
+import { useRoute } from 'vue-router'
+import { File_update_all } from '@/api/All.ts'
+let route_path = ''
+const route = useRoute()
+if(route&&route.name)
+{
+    route_path = route.name
+}
+const props = withDefaults(
+  defineProps<{
+    limit?: number // 限制上传文件数量
+    file_list_default: any[] // 文件列表回显
+    uploadUrl: string // 上传地址
+    showButton: boolean // 是否显示上传按钮
+    fileTypes?: string // 文件类型
+    tipText?: string // 提示语
+    name?: string
+    buttonText?: string // 按钮文字
+    verify?: number // 是否需要验证后缀 1是0否
+    auth?: number // 权限 1可下载 2仅预览
+    create_by_id?: string // 创建人id
+    show_auth?: boolean // 是否显示权限开关
+    showFileList?: boolean // 是否显示文件列表
+    targetId: string // 按钮id 方便在隐藏按钮时获取button触发上传
+    buttonType?: 'default' | 'primary' | 'success' | 'warning' | 'danger'
+  }>(),
+  {
+    uploadUrl:
+      process.env.NODE_ENV == 'development'
+        ? 'http://192.168.1.229:3005/simp/api/File/upload'
+        : '/simp/api/File/upload',
+    fileTypes: '',
+    showButton: true,
+    tipText: '',
+    show_auth: false,
+    showFileList: true,
+    buttonText: '点击上传',
+    verify: 0,
+    auth: 1,
+    buttonType: 'primary'
+  }
+)
+const is_root = ref(window.localStorage.getItem('is_root') == 'true')
+// const cruuent_id = ref(JSON.parse(window.sessionStorage.getItem('user')).id)
+const cruuent_id = ref('666')
+
+const create_by_id = ref(
+  props.create_by_id ||
+    (props.file_list_default?.length ? props.file_list_default[0].create_by : undefined)
+)
+const current_file = ref('')
+const file_list = ref(
+  (props.file_list_default || [])?.map((item) => {
+    if (item?.original_name) {
+      item.name = item.original_name
+    }
+    return item
+  })
+)
+
+const data = ref({
+  simp_token: sessionStorage.getItem('token') as string,
+  project_id: (sessionStorage.getItem('project_id') as string)
+    ? (sessionStorage.getItem('project_id') as string)
+    : (localStorage.getItem('inspect_project_id') as string),
+  tag: route_path,
+  verify: props.verify,
+  auth: props.file_list_default?.length ? +props.file_list_default[0].auth : props.auth
+})
+watch(
+  () => props.file_list_default,
+  (newVal) => {
+    file_list.value = (newVal || [])?.map((item) => {
+      if (item?.original_name) {
+        item.name = item.original_name
+      }
+      return item
+    })
+    data.value.auth = props.file_list_default?.length
+      ? +props.file_list_default[0].auth
+      : props.auth
+  }
+)
+const emit = defineEmits<{
+  (e: 'success', response: any, file: File): void
+  (e: 'change', file_list: any): void
+  (e: 'change_file_list', file_list: any): void
+}>()
+
+const upload = ref(null)
+
+const headers = ref({
+  cjostoken: localStorage.getItem('simp_token') as string
+})
+const authChange = () => {
+  File_update_all({ ids: getids().join(), auth: data.value.auth }).then((res) => {
+    ElMessage.success(res.msg || '修改成功')
+    file_list.value.forEach((item: any) => {
+      item.auth = data.value.auth
+    })
+    console.log(file_list.value, 11)
+    if (file_list.value?.length > 0) {
+      emit('change_file_list', file_list.value)
+    }
+  })
+}
+const handleExceed = () => {
+  ElMessage.error('超过文件数量限制')
+}
+
+const beforeUpload = (file: File) => {
+  return true
+}
+
+const handleSuccess = (response: any, file: File, fileList: File[]) => {
+  let fieldResponse = []
+  ElMessage.info(response.msg || '上传成功')
+  fileList.forEach((item: any) => {
+    if (item.response) {
+      fieldResponse.push(item.response.data[0])
+    } else {
+      fieldResponse.push(item)
+    }
+  })
+  emit('success', fieldResponse)
+}
+
+const handleError = (error: any, file: File, fileList: File[]) => {
+  ElMessage.error('上传失败')
+}
+const handleChange = (uploadFile: any, uploadFiles: any) => {
+  console.log(uploadFile.response, 'uploadFile.response')
+  if (uploadFile.response) {
+    let ids = getids()
+    emit('change', ids)
+  }
+}
+const getids = () => {
+  let ids = []
+  file_list.value.forEach((item: any) => {
+    if (item.response) {
+      item.id = item.response.data[0]?.id
+    }
+    ids.push(item.id as never)
+  })
+  return ids
+}
+const download_file = () => {
+  let downsrc = `${config.simpUrl}${current_file.value}`
+  const a = document.createElement('a')
+  a.download = ''
+  a.href = downsrc
+  a.click()
+}
+const handlePreview = (file: File) => {
+  console.log(file, 'file')
+  if (file.src) {
+    current_file.value = file.src
+  } else {
+    current_file.value = file.response.data[0]?.src
+  }
+  console.log(current_file.value, 'current_file.value')
+  lookkkFile(current_file.value)
+}
+const encodeURLToBase64ThenURIComponent = (url) => {
+  // 先将 URL 进行 base64 编码
+  var base64Encoded = btoa(url)
+  // 再将 base64 编码后的结果进行 URL 编码
+  var encodedURL = encodeURIComponent(base64Encoded)
+  return encodedURL
+}
+const lookkkFile = (e) => {
+  let url = 'http://simp' + e
+  const isImage = /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(e)
+  console.log(isImage)
+  if (isImage) {
+    imgview.value = config.simpUrl + e
+    viewShow.value = true
+  } else {
+    imgview.value = '' // Handle non-image files with document viewer
+    var result = encodeURLToBase64ThenURIComponent(url)
+    viewShow.value = true
+    viewUrl.value = config.simpUrl + 'preview/onlinePreview?url=' + result
+  }
+  console.log(imgview.value, 111)
+}
+onMounted(() => {})
+const viewShow = ref(false)
+const viewUrl = ref('')
+const imgview = ref('')
+
+const viewClose = () => {
+  viewShow.value = false
+  viewUrl.value = ''
+  imgview.value = ''
+}
+</script>
+
+<style lang="less" scoped >
+.el-upload__tip {
+  margin-top: 10px;
+  color: #909399;
+  display: block;
+}
+#uploadID .el-upload {
+  width: 100%;
+  display: block !important;
+}
+:deep(.el-upload-list__item) {
+  height: 20px;
+  line-height: 20px;
+}
+:deep(.el-upload-list) {
+  margin: 0;
+}
+</style>

package/src/config/axios/config.ts

@@ -0,0 +1,122 @@
+const config: {
+  base_url: {
+    base: string
+    dev: string
+    pro: string
+    test: string
+  }
+  result_code: number | string
+  default_headers: string,
+  request_timeout: number,
+  viewUrl: string,
+  uploadurl: string,
+  uploadImgUrl: string,
+  cjosUrl: string,
+  simpUrl: string,
+  upUse: string,
+  simpUseUrl: string,
+  flowUrl: string,
+  wflowUrl: string,
+  simptrainingspaceUrl: string,
+  simpSasUrl: string,
+  useProjectUrl: string,
+  simpelementsUrl: string,
+} = {
+  /**
+   * api请求基础路径
+   */
+  base_url: {
+    // 开发环境接口前缀//hkemergency
+    base: 'http://192.168.1.229:3005/policy/api/',
+
+
+
+    // 打包开发环境接口前缀
+    dev: '',
+    // 打包生产环境接口前缀
+    pro: window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/policy/api/',
+
+    // 打包测试环境接口前缀
+    test: ''
+  },
+
+  /**
+   * 接口成功返回状态码
+   */
+  result_code: '200',
+
+  /**
+   * 接口请求超时时间
+   */
+  request_timeout: 60000,
+
+  /**
+   * 默认接口请求类型
+   * 可选值：application/x-www-form-urlencoded multipart/form-data
+   */
+
+  default_headers: 'application/json',
+  viewUrl: window.location.protocol + '//' + window.location.hostname + ':' + window.location.port,//查看图片路径
+  uploadurl: window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/admin/',//上传路径
+  cjosUrl: ``,
+  simpUseUrl :``,
+  simptrainingspaceUrl :``,
+  simpSasUrl :``,
+  useProjectUrl : ``,
+  simpelementsUrl : ``,
+  upUse:'',
+  simpUrl:'',
+  uploadImgUrl:'',
+  flowUrl:'',
+  wflowUrl:'',
+}
+if (process.env.NODE_ENV == 'development') {
+  config.uploadImgUrl = config.base_url.base
+
+  // config.viewUrl='http://192.168.1.114:8038/'
+  // if(window.location.port)
+  //   {
+  //     config.viewUrl=window.location.protocol+'//'+window.location.hostname+':'+window.location.port
+  //   }else{
+  //     config.viewUrl=window.location.protocol+'//'+window.location.hostname
+  //   }
+  config.wflowUrl = "http://192.168.1.229:3005/wflow/admin/"
+  config.viewUrl = 'https://gps.gy.jxcc.com/car'
+  config.simpUrl = 'http://192.168.1.229:3005/'//'http://222.174.114.2:30090/'
+  config.upUse = "http://192.168.1.229:3005/simp/api/file/verify"
+  config.simpUseUrl = "http://192.168.1.229:3005/simp/index.php/api/"
+  config.flowUrl = 'http://192.168.1.93:88/simpflow/simpflow/index.html#/workspace/approval?zhiduguanli=true'
+
+} else {
+  config.uploadImgUrl = config.base_url.pro
+  config.wflowUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + "/wflow/admin/"
+  if (window.location.port) {
+    config.viewUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port
+  } else {
+    config.viewUrl = window.location.protocol + '//' + window.location.hostname
+  }
+  config.flowUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/simpflow/simpflow/index.html#/workspace/approval?zhiduguanli=true'
+  config.simpUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/'
+  config.upUse = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + "/simp/api/file/verify"
+  if (localStorage.getItem('is_root') === 'true' || localStorage.getItem('is_root') === 'false') {
+    if (window.location.port) {
+      config.viewUrl = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/simp/'
+      config.base_url.pro = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + '/policy/api/'
+    } else {
+      config.viewUrl = window.location.protocol + '//' + window.location.hostname + '/simp/'
+      config.base_url.pro = window.location.protocol + '//' + window.location.hostname + '/policy/api/'
+    }
+    config.uploadImgUrl = config.base_url.pro
+  }
+
+
+}
+
+
+config.cjosUrl = `${config.simpUrl}prod-api/v1/auth/`
+config.simpUseUrl = `${config.simpUrl}simp/index.php/api/`
+config.simptrainingspaceUrl = `${config.simpUrl}simptrainingspace/api/`
+config.simpSasUrl = `${config.simpUrl}simp-sas/api/`
+config.useProjectUrl = `${config.simpUrl}policy/api/`
+config.simpelementsUrl = `${config.simpUrl}simpelements/api/`
+export { config }

package/src/config/axios/index.ts

@@ -0,0 +1,48 @@
+import { service } from './service'
+
+import { config } from './config'
+
+const { default_headers } = config
+
+const request = (option: any) => {
+  const { url, method, params, data, headersType, responseType } = option;
+
+  // 判断是否需要附加特定的请求头
+  const shouldIncludeHeaders = url.includes('prod-api/v1/auth');
+
+  // 构建 headers 对象
+  const headers: any = {
+    'Content-Type': headersType || default_headers,
+  };
+
+  // 如果 URL 包含 'prod-api/v1/auth'，添加额外的 headers
+  if (shouldIncludeHeaders) {
+    headers['Currentproject'] = localStorage.getItem('current_project_id');
+    headers['Projects'] = localStorage.getItem('user_projects');
+    headers['Authorization'] = 'Bearer ' + sessionStorage.getItem('token');
+  }
+
+  // 返回请求
+  return service({
+    url: url,
+    method,
+    params,
+    data,
+    responseType: responseType,
+    headers: headers,
+  });
+}
+export default {
+  get: <T = any>(option: any) => {
+    return request({ method: 'get', ...option }) as unknown as T
+  },
+  post: <T = any>(option: any) => {
+    return request({ method: 'post', ...option }) as unknown as T
+  },
+  delete: <T = any>(option: any) => {
+    return request({ method: 'delete', ...option }) as unknown as T
+  },
+  put: <T = any>(option: any) => {
+    return request({ method: 'put', ...option }) as unknown as T
+  }
+}

package/src/config/axios/service.ts

@@ -0,0 +1,118 @@
+import axios, {
+  AxiosInstance,
+  InternalAxiosRequestConfig,
+  AxiosRequestHeaders,
+  AxiosResponse,
+  AxiosError
+} from 'axios'
+
+import qs from 'qs'
+
+import { config } from './config'
+
+import { ElMessage } from 'element-plus'
+
+const { result_code, base_url } = config
+
+// 要修改
+// export const PATH_URL = base_url[import.meta.env.VITE_API_BASEPATH as keyof typeof base_url]
+export const PATH_URL = '192.168.1.229:92'
+
+// import { resetRouter } from '@/router'
+// import { useRouter } from 'vue-router'
+
+// 创建axios实例
+const service: AxiosInstance = axios.create({
+  baseURL: PATH_URL, // api 的 base_url
+  timeout: config.request_timeout // 请求超时时间
+})
+
+// let token = null
+let token: string | null = null
+// request拦截器
+service.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    if (sessionStorage.getItem('token')) {
+      token = sessionStorage.getItem('token')
+    }
+    config.headers['car-token'] = token;
+    config.headers['Authorization'] = 'Bearer ' + token;
+    if (localStorage.getItem('is_root') === 'true' || localStorage.getItem('is_root') === 'false') {
+      if (localStorage.getItem('is_root')) {
+        config.headers['cjostoken'] = localStorage.getItem('simp_token')
+      }
+    }
+    if (!config.url?.includes('prod-api/v1/auth')) {
+      config.headers['cjostoken'] = localStorage.getItem('simp_token')
+    }
+    if (config.method === 'post') {
+      config.data = config.data ?? {};
+      config.data.simp_token = sessionStorage.getItem('token') as string
+      config.data.project_id = sessionStorage.getItem('project_id') as string
+        ? sessionStorage.getItem('project_id') as string
+        : localStorage.getItem('inspect_project_id') as string
+
+    }
+    if (
+      config.method === 'post' && (config.headers as AxiosRequestHeaders)['Content-Type'] === 'application/x-www-form-urlencoded') {
+      config.data = qs.stringify(config.data)
+    }
+    // ;(config.headers as AxiosRequestHeaders)['Token'] = 'test test'
+    // get参数编码
+    if (config.method === 'get') {
+      config.params.simp_token = sessionStorage.getItem('token') as string
+      config.params.project_id = sessionStorage.getItem('project_id') as string
+        ? sessionStorage.getItem('project_id') as string
+        : localStorage.getItem('inspect_project_id') as string
+      // let url = config.url as string
+      // url += '?'
+      // const keys = Object.keys(config.params)
+      // for (const key of keys) {
+      //   if (config.params[key] !== void 0 && config.params[key] !== null) {
+      //     url += `${key}=${encodeURIComponent(config.params[key])}&`
+      //   }
+      // }
+      // url = url.substring(0, url.length - 1)
+      // config.url = url
+    }
+    return config
+  },
+  (error: AxiosError) => {
+    // Do something with request error
+    console.log(error) // for debug
+    Promise.reject(error)
+  }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+  (response: AxiosResponse<any>) => {
+
+    if (response.config.responseType === 'blob') {
+      // 如果是文件流，直接过
+      return response
+    } else if (response.data.code == result_code) {
+      return response.data
+    } else if (response.data.body) {
+      return response.data
+    } else {
+      // ElMessage.error(response.data.msg)
+      return response
+    }
+  },
+  (error: AxiosError) => {
+    console.log('***', error) // for debug
+    try {
+      // if (error.response.status == 401) {//401退出登录
+      if (error.response && error.response.status === 401) {//401退出登录
+        console.log('退出登录');
+        
+        // resetRouter() // 重置静态路由表
+      }
+    } catch (e) { }
+    // ElMessage.error(error.response.data.msg)
+    return Promise.reject(error)
+  }
+)
+
+export { service }

package/src/main.ts

@@ -0,0 +1,13 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+// import router from './router'
+
+const app = createApp(App)
+app.use(ElementPlus, {
+    locale: zhCn,
+  })
+// app.use(router)
+app.mount('#app')

package/src/router/index.ts

@@ -0,0 +1,16 @@
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('../App.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+})
+
+export default router

package/src/shims-vue.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "types": [
+      "webpack-env"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/types/global.d.ts

@@ -0,0 +1,39 @@
+import type { CSSProperties } from 'vue'
+declare global {
+  declare interface Fn<T = any> {
+    (...arg: T[]): T
+  }
+
+  declare type Nullable<T> = T | null
+
+  declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>
+
+  declare type Recordable<T = any, K = string> = Record<K extends null | undefined ? string : K, T>
+
+  declare type ComponentRef<T> = InstanceType<T>
+
+  declare type LocaleType = 'zh-CN' | 'en'
+
+  declare type AxiosHeaders =
+    | 'application/json'
+    | 'application/x-www-form-urlencoded'
+    | 'multipart/form-data'
+
+  declare type AxiosMethod = 'get' | 'post' | 'delete' | 'put'
+
+  declare type AxiosResponseType = 'arraybuffer' | 'blob' | 'document' | 'json' | 'text' | 'stream'
+
+  declare interface AxiosConfig {
+    params?: any
+    data?: any
+    url?: string
+    method?: AxiosMethod
+    headersType?: string
+    responseType?: AxiosResponseType
+  }
+
+  declare interface IResponse<T = any> {
+    code: string
+    data: T extends any ? T : T & any
+  }
+}