@scenetechnology/cj_element_table 0.0.17 → 0.0.18

package/README.md

@@ -1,24 +1,165 @@
 # cj_element_table
 
-## Project setup
-```
-npm install
-```
+## 项目概述
+
+cj_element_table 是一个基于 Vue3 和 element plus 的表格组件项目。该项目提供了增强的表格功能，简化了表格的使用和配置。
+
+## 安装说明
+
+### 环境要求
+- Node.js (建议 v16 或更高版本)
+- Yarn 包管理器
 
-### Compiles and hot-reloads for development
+### 安装步骤
+
+1. 克隆或下载项目代码
+2. 在项目根目录运行以下命令安装依赖：
 ```
-npm run serve
+npm install @scenetechnology/cj_element_table --legacy-peer-deps
 ```
 
-### Compiles and minifies for production
+### 引入
+
+1. 在main.js中  引入UI库 引入UI样式
 ```
-npm run build
+import cj_element_table from '@scenetechnology/cj_element_table'
+import '@scenetechnology/cj_element_table/dist/cj_element_table.css'
+Vue.use(cj_element_table)
 ```
 
-### Lints and fixes files
-```
-npm run lint
+
+# TableComponent 组件使用文档
+
+## 组件说明
+TableComponent 是一个基于 Element Plus 的表格组件封装，提供了丰富的表格功能，包括数据展示、搜索、排序、导入导出等功能。
+
+## 属性配置
+
+### 基础属性
+| 属性名 | 说明 | 类型 | 默认值 | 是否必填 |
+| --- | --- | --- | --- | --- |
+| tableData | 表格数据 | Object | {rows: [],total: 0} | 是 |
+| columns | 表格列配置 | Array | - | 是 |
+| routerName | 路由名称 | String | - | 是 |
+| exportUrl | 导出表格数据接口 | String | - | 否 |
+| templateUrl | 下载表格模板接口 | String | - | 否 |
+| inputUrl | 导入表格数据接口 | String | - | 否 |
+| exportXlsxName | 导出表格名称 | String | 路由名称 | 否 |
+| showSelection | 是否显示表格多选框 | Boolean | true | 否 |
+| showIndex | 是否显示表格序号 | Boolean | true | 否 |
+| showInputButtons | 是否显示导入按钮 | Boolean | true | 否 |
+| showOutputButtons | 是否显示导出按钮 | Boolean | true | 否 |
+| showInputButtons | 是否显示列表设置按钮 | Boolean | true | 否 |
+| showViewSettingButtons | 是否显示视图设置按钮 | Boolean | true | 否 |
+| maxHeight | 表格最大高度 | number/string | 55vh | 否 |
+| selecTableDisabledField | 表格多选框禁用条件 | Object | {key:'',value:''} 当表格row中的[key]字段等于value时禁用 | 否 |
+| initialQuery | 初始化查询条件 | Object | {page: 1,rows: 10,total: 0,} | 否 |
+| pageSizes | 分页大小选项 | Array | [10, 20, 30, 50] | 否 |
+| colsPerRow | 每行的列数 | Number | 4 | 否 |
+| headerCellStyle | 表头单元格样式 | Object | {background:'#f5f7fa',color:'#606266',fontWeight:'bold'} | 否 |
+
+### columns 配置项说明
+| 字段名 | 说明 | 类型 | 是否必填 | 默认值 | 可选值 |
+| --- | --- | --- | --- | --- | --- |
+| prop | 字段名称 | String | 是 | - | - |
+| label | 显示标签 | String | 是 | - | - |
+| search | 是否可搜索 | Boolean | 否 | false | true/false |
+| searchType | 搜索类型 | String | 否 | - | select/date |
+| require | 是否必填 | Boolean | 否 | false | true/false |
+| options | 选项数组（当 searchType 为 select 时使用） | Array | 否 | - | - |
+
+### columns 字段详细说明
+```javascript
+const columns = [
+  {
+    prop: 'name',
+    require: true,
+    label: '项目名称及规模',
+    search: true
+  },
+  {
+    prop: 'type',
+    label: '项目类型',
+    search: true,
+    require: true,
+    searchType: 'select',
+    options: [
+      { value: 1, label: '新建' },
+      { value: 2, label: '改建' },
+      { value: 3, label: '扩建' },
+      { value: 4, label: '技改（技术改造）' },
+      { value: 5, label: '引进（技术引进）' }
+    ]
+  },
+  {
+    prop: 'status',
+    label: '项目状态',
+    search: true,
+    require: true,
+    searchType: 'select',
+    options: [
+      { value: 1, label: '取消' },
+      { value: 2, label: '设立' },
+      { value: 3, label: '设计' },
+      { value: 4, label: '建设中' },
+      { value: 5, label: '试生产' },
+      { value: 6, label: '竣工验收' }
+    ]
+  },
+  {
+    prop: 'save',
+    label: '是否提交',
+    require: true,
+    options: [
+      { value: 1, label: '待提交' },
+      { value: 2, label: '已提交' }
+    ]
+  },
+  {
+    prop: 'report_date',
+    label: '报告时间',
+    search: true,
+    searchType: 'date'
+  }
+]
 ```
 
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+## 事件
+| 事件名 | 说明 | 回调参数 |
+| --- | --- | --- |
+| selection-change | 当选择项发生变化时会触发该事件 | selection: 已选择的行数据数组 |
+| search | 当搜索条件发生变化时会触发该事件 | query: 搜索条件对象 |
+
+## 插槽
+| 插槽名 | 说明 |
+| --- | --- |
+| operation | 表格顶部操作区域 |
+| columns | 自定义列操作栏 |
+
+## 使用示例
+```vue
+<template>
+  <TableComponent
+    ref="tableRef"
+    :exportUrl="exportUrl"
+    :templateUrl="templateUrl"
+    :inputUrl="inputUrl"
+    :tableData="tableData"
+    :columns="columns"
+    @selection-change="handleSelectionChange"
+    @search="handleSearch"
+  >
+    <template #operation>
+      <el-button type="primary" @click="handleAdd">添加</el-button>
+    </template>
+    <template #columns>
+      <el-table-column label="操作" align="center" min-width="120">
+        <template #default="scope">
+          <el-button link type="primary" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </template>
+  </TableComponent>
+</template>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scenetechnology/cj_element_table",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "private": false,
   "description": "element plus 3.0 表格组件",
   "main": "dist/cj_element_table.umd.min.js",

package/babel.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ],
-  plugins: ['@vue/babel-plugin-jsx']
-}

package/public/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/src/App.vue

@@ -1,60 +0,0 @@
-<template>
-  <div id="app">
-    <pro-table
-    ref="tableRef"
-      :tableData="tableData"
-      :columns="columns"
-      :showInputButtons="false"
-      :showOutputButtons="false"
-      routerName="Ceshirouter"
-      @selection-change="
-        (rows) => {
-          selectionRows = rows.ids
-        }
-      "
-      @search="handleSearch"></pro-table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import proTable from '../packages/components/index.vue'
-const tableData = ref({})
-const tableRef = ref()
-const selectionRows = ref([])
-const columns = ref([
-  {
-    prop: 'department_item_name',
-    label: '岗位名称',
-    search: true,
-    searchType: 'select',
-    searchKey:'department_item_id',
-    options: []
-  },
-  {
-    prop: 'department_name',
-    label: '所属部门',
-    search: true,
-    searchKey:'department_id',
-    searchType: 'select',
-    options: [] // 初始为空数组
-  },
-  {
-    prop: 'duty',
-    label: '岗位职责',
-    search: true
-    // searchType: 'datePicker',
-    // dataType:true,
-    //dataName:'sasss'
-  }
-])
-
-const handleSearch = (query) => {
-  // getSaftDutyList(query).then((res) => {
-  //   tableData.value = res.data
-  // })
-}
-</script>
-
-<style>
-</style>

package/src/api/All.ts

@@ -1,104 +0,0 @@
-import request from '@/config/axios'
-import { config } from '@/config/axios/config'
-export const FieldGroup_index = (data: any) => {
-  return request.post({ url: '/FieldGroup/index', data })
-}
-export const FieldGroup_read = (data: any) => {
-  return request.post({ url: '/FieldGroup/read', data })
-}
-export const Field_read = (data: any) => {
-  return request.post({ url: '/Field/read', data })
-}
-export const FieldGroup_save = (data: any) => {
-  return request.post({ url: '/FieldGroup/save', data })
-}
-export const FieldGroup_update = (data: any) => {
-  return request.post({ url: '/FieldGroup/update', data })
-}
-export const Field_save = (data: any) => {
-  return request.post({ url: '/Field/save', data })
-}
-export const Field_update = (data: any) => {
-  return request.post({ url: '/Field/update', data })
-}
-export const Three_index = (data: any) => {
-  return request.post({ url: '/Three/index', data })
-}
-export const Three_save = (data: any) => {
-  return request.post({ url: '/Three/save', data })
-}
-export const Three_update = (data: any) => {
-  return request.post({ url: '/Three/update', data })
-}
-export const Three_delete = (data: any) => {
-  return request.post({ url: '/Three/delete', data })
-}
-export const Three_download = (data: any) => {
-  return request.post({ url: '/Three/download', data })
-}
-export const Three_import = (data: any) => {
-  return request.post({ url: '/Three/import', data })
-}
-export const Three_read = (data: any) => {
-  return request.post({ url: '/Three/read', data })
-}
-export const Three_save_field = (data: any) => {
-  return request.post({ url: '/Three/save_field', data })
-}
-export const Three_read_field = (data: any) => {
-  return request.post({ url: '/Three/read_field', data })
-}
-export const Field_sort = (data: any) => {
-  return request.post({ url: '/Field/sort', data })
-}
-export const FieldGroup_sort = (data: any) => {
-  return request.post({ url: '/FieldGroup/sort', data })
-}
-export const Field_delete = (data: any) => {
-  return request.post({ url: '/Field/delete', data })
-}
-export const FieldGroup_delete = (data: any) => {
-  return request.post({ url: '/FieldGroup/delete', data })
-}
-export const upload = (data: any) => {
-  return request.post({ url: '/File/upload', data })
-}
-export const config_config = (data: any) => {
-  return request.post({ url: `${config.simpUseUrl}/Config/config`, data })
-}
-export const config_read = (data: any) => {
-  return request.post({ url: `${config.simpUseUrl}/Config/config_read`, data })
-}
-export const FieldGroup_export = (data: any) => {
-  return request.post({ url: '/FieldGroup/export', data })
-}
-export const FieldGroup_import = (data: any) => {
-  return request.post({ url: '/FieldGroup/import', data })
-}
-export const Person_index = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/Person/index`, data })
-}
-export const File_update_all = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/File/update_all`, data })
-}
-export const UserQuery_index = (params: any) => {
-  return request.get({ url: `${config.simpUrl}/simp/api/UserQuery/index`, params })
-}
-export const UserQuery_update = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/UserQuery/update`, data })
-}
-export const UserQuery_save = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/UserQuery/save`, data })
-}
-export const UserQuery_sort = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/UserQuery/sort`, data })
-}
-export const UserQuery_delete = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/UserQuery/delete`, data })
-}
-export const ImportRecord_index = (data: any) => {
-  return request.post({ url: `${config.simpUrl}/simp/api/ImportRecord/index`, data })
-}
-// export const getFlowRead = (id) => {
-//   return request.get({ url: '/flow/'+id })
-// }

package/src/components/Dialog/index.ts

@@ -1,3 +0,0 @@
-import Dialog from './src/Dialog.vue'
-
-export { Dialog }

package/src/components/Dialog/src/Dialog.vue

@@ -1,72 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  
-</template>
-
-<style lang="less">
-.el-dialog__header {
-  margin-right: 0 !important;
-  border-bottom: 1px solid var(--tags-view-border-color);
-}
-
-.el-dialog__footer {
-  border-top: 1px solid var(--tags-view-border-color);
-}
-
-.is-hover {
-  &:hover {
-    color: var(--el-color-primary) !important;
-  }
-}
-
-.dark {
-  .el-dialog__header {
-    border-bottom: 1px solid var(--el-border-color);
-  }
-
-  .el-dialog__footer {
-    border-top: 1px solid var(--el-border-color);
-  }
-}
-.round {
-  width: 8px;
-  height: 8px;
-  border: 1px solid #3145de;
-  box-shadow: 0px 2px 1px 0px rgba(59, 67, 133, 0.18);
-  border-radius: 50%;
-}
-.alCen {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-/* 添加新的样式来修复对齐问题 */
-.dialog-title {
-  line-height: 24px;
-  display: inline-block;
-}
-
-.fullscreen-icon {
-  display: flex;
-  align-items: center;
-  margin-top: 0 !important;
-  margin-right: 5px !important;
-}
-
-/* 修复右上角关闭图标的对齐问题 */
-.el-dialog__headerbtn {
-  top: 5px !important;
-  display: flex;
-  align-items: center;
-}
-
-.el-dialog__close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>

package/src/components/HelloWorld.vue

@@ -1,60 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank" rel="noopener">typescript</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'HelloWorld',
-  props: {
-    msg: String,
-  },
-});
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>

package/src/components/Upload/index.vue

@@ -1,287 +0,0 @@
-<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

@@ -1,123 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,118 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

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

package/tsconfig.json

@@ -1,41 +0,0 @@
-{
-  "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/vue.config.js

@@ -1,33 +0,0 @@
-const { resolve } = require('path')
-
-module.exports = {
-    // 设置生产环境的source map，提高代码可读性
-    productionSourceMap: true,
-    lintOnSave: false,
-    pages: {
-        index: {
-            // 修改项目入口文件
-            entry: 'src/main.ts',
-            template: 'public/index.html',
-            filename: 'index.html'
-        }
-    },
-    // 扩展 webpack 配置，使 packages 加入编译
-    chainWebpack: config => {
-        config.module
-        .rule('js')
-        .include.add(resolve(__dirname, 'packages')).end()
-        .use('babel')
-        .loader('babel-loader')
-        .tap(options => {
-            // 确保正确处理现代JavaScript语法
-            return {
-                ...options,
-                plugins: [
-                    '@vue/babel-plugin-jsx',
-                    '@babel/plugin-transform-modules-commonjs'
-                ]
-            }
-        })
-    }
-}