报表管理，文件共享中心权限修改-提交

src/views/vent/deviceManager/tableReport/components/DeviceModal.vue

@@ -0,0 +1,66 @@
+<template>
+    <BasicModal
+      v-bind="$attrs"
+      @register="registerModal"
+      :title="title"
+      width="1000px"
+      :showCancelBtn="false"
+      :showOkBtn="false"
+      :footer="null"
+      :destroyOnClose="true"
+      :mask-closable="false"
+      @cancel="closeModalFn"
+    >
+      <FormModal  :record="record" @saveOrUpdate="(values) => emit('saveOrUpdate', values)" />
+    </BasicModal>
+  </template>
+  <script lang="ts" setup>
+    import { computed, unref, inject, reactive, ref, watch } from 'vue';
+    import { BasicModal, useModalInner } from '/@/components/Modal';
+    import FormModal from './FormModal.vue';
+  
+    const props = defineProps({
+      showTab: { type: Boolean, required: true },
+    });
+    // 声明Emits
+    const emit = defineEmits(['saveOrUpdate', 'register', 'closeModal']);
+    const isUpdate = inject('isUpdate');
+    const deviceData = inject('formData') as any;
+    const record = reactive({});
+    const activeKey = ref('1');
+  
+    //表单赋值
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+      //重置表单
+      setModalProps({ confirmLoading: false });
+      Object.assign(deviceData, data.record);
+      // 判断是否是关键阻力路线
+    });
+  
+    //设置标题
+    const title = computed(() => {
+      if (!unref(isUpdate)) {
+        if (deviceData.strname || deviceData.systemname) {
+          return `新增（${deviceData.strname || deviceData.systemname}）`;
+        }
+        return `新增`;
+      } else {
+        return `编辑`;
+      }
+    });
+  
+    const closeModalFn = () => {
+      activeKey.value = '1';
+      closeModal();
+      emit('closeModal');
+    };
+  </script>
+  <style scoped lang="less">
+    ::v-deep .suffix {
+      height: 32px;
+      line-height: 32px;
+      margin-left: 5px;
+      color: #fff;
+    }
+  </style>
+  

src/views/vent/deviceManager/tableReport/components/FormModal.vue

@@ -0,0 +1,69 @@
+<template>
+    <div class="vent-form">
+      <BasicForm @register="registerForm" />
+      <div class="j-box-bottom-button offset-20" style="margin-top: 30px">
+        <div class="j-box-bottom-button-float">
+          <a-button preIcon="ant-design:sync-outlined" @click="onReset">重置</a-button>
+          <a-button type="primary" preIcon="ant-design:save-filled" @click="handleSubmit">保存</a-button>
+        </div>
+      </div>
+    </div>
+  </template>
+  <script lang="ts" setup>
+    import { inject, nextTick, watch, unref } from 'vue';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    // 声明Emits
+    const emit = defineEmits(['saveOrUpdate']);
+    const testData = inject('formData') as any;
+    //表单配置
+    const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
+      schemas: unref(inject('formSchema')),
+      showActionButtonGroup: false,
+    });
+  
+    watch(
+      testData,
+      (newV) => {
+        nextTick(() => {
+          setFieldsValue({ ...newV });
+        });
+      },
+      { immediate: true }
+    );
+  
+    // 重置表单
+    async function onReset() {
+      await resetFields();
+      await setFieldsValue({ ...testData });
+    }
+    //表单提交事件
+    async function handleSubmit(v) {
+      try {
+        let values = await validate();
+        console.log(values,'values------')
+        emit('saveOrUpdate', values);
+      } finally {
+        // setModalProps({ confirmLoading: false });
+      }
+    }
+  </script>
+  <style lang="less" scoped>
+    @ventSpace: zxm;
+    .j-box-bottom-button-float {
+      border: none !important;
+      padding-bottom: 30px;
+      left: 0px !important;
+      right: 0px !important;
+      bottom: 0px !important;
+    }
+    .vent-form {
+      // width: 100%;
+      max-height: 700px;
+      overflow-y: auto;
+  
+      .@{ventSpace}-select-selection-item {
+        color: rgba(255, 255, 255, 1) !important;
+      }
+    }
+  </style>
+  

src/views/vent/deviceManager/tableReport/components/NormalTable.vue

@@ -0,0 +1,314 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button preIcon="ant-design:plus-outlined" type="primary" @click="handleAdd">新增</a-button>
+        <a-button preIcon="ant-design:cloud-upload-outlined" type="primary" @click="handleExtract">提取</a-button>
+      </template>
+      <template #action="{ record }">
+        <a class="table-action-link" @click="handleEdit(record)">编辑</a>
+        <a-popconfirm title="确定删除?" @confirm="handleDelete(record)">
+          <a class="table-action-link">删除</a>
+        </a-popconfirm>
+        <slot name="action" v-bind="{ record }"></slot>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <slot name="filterCell" v-bind="{ column, record }"></slot>
+      </template>
+    </BasicTable>
+    <DeviceModal @register="registerModal" @saveOrUpdate="saveOrUpdateHandler" :showTab="showTab"
+      :deviceType="deviceType" />
+    <!-- 手动提取弹窗 -->
+    <a-modal v-model:visible="visibleTq" width="450px" :footer="null" :title="titleTq" centered destroyOnClose>
+      <a-form :model="formStateTq" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 12 }" autocomplete="off">
+        <a-form-item label="报表类型：">
+          <JDictSelectTag v-model:value="formStateTq.reportType" placeholder="请选择报表类型" dictCode="reportType"
+            style="width: 240px" />
+        </a-form-item>
+        <div class="opertion-btn">
+          <a-button type="primary" @click="confirmTq">确定</a-button>
+          <a-button type="success" style="margin-left:10px" @click="cancelTq">取消</a-button>
+        </div>
+      </a-form>
+    </a-modal>
+
+
+  </div>
+</template>
+
+<script lang="ts" setup>
+//ts语法
+import { ref, provide, reactive, toRaw, defineExpose, watch } from 'vue';
+import { BasicTable, ActionItem, EditRecordRow, BasicColumn } from '/@/components/Table';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { useModal } from '/@/components/Modal';
+import DeviceModal from './DeviceModal.vue';
+import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
+import { useListPage } from '/@/hooks/system/useListPage';
+
+const props = defineProps({
+  columnsType: {
+    type: String,
+    // required: true,
+  },
+  columns: {
+    type: Array,
+    // required: true,
+    default: () => [],
+  },
+  searchFormSchema: {
+    type: Array,
+    default: () => [],
+  },
+  formSchema: {
+    type: Array,
+    required: true,
+  },
+  list: {
+    type: Function,
+    required: true,
+  },
+  readReportData: {
+    type: Function,
+    required: true,
+  },
+  deleteById: {
+    type: Function,
+    required: true,
+  },
+  saveOrUpdate: {
+    type: Function,
+    required: true,
+  },
+  pointList: {
+    type: Function,
+  },
+  showTab: {
+    type: Boolean,
+    default: false,
+  },
+  designScope: {
+    type: String,
+  },
+  title: {
+    type: String,
+  },
+  deviceType: {
+    type: String,
+  },
+});
+
+const emit = defineEmits(['submitSuccess', 'editHandler']);
+
+let visibleTq = ref(false)//控制手动提取弹窗的显示与隐藏
+let titleTq = ref('提取信息')
+let formStateTq = reactive({
+  reportType: ''
+})
+const isUpdate = ref(false);
+const record = reactive({});
+const formSchemaData = ref(props.formSchema);
+
+watch(
+  () => props.formSchema,
+  (val) => {
+    formSchemaData.value = val;
+  }
+);
+
+provide('formSchema', formSchemaData);
+provide('isUpdate', isUpdate);
+provide('formData', record);
+provide('deviceType', props.deviceType);
+// const glob = useGlobSetting();
+const [registerModal, { openModal, closeModal }] = useModal();
+
+const columnList = getTableHeaderColumns(props.columnsType);
+
+// 列表页面公共参数、方法
+const { prefixCls, tableContext, onExportXls, onImportXls, doRequest } = useListPage({
+  designScope: props.designScope,
+  tableProps: {
+    title: props.title,
+    api: props.list,
+    columns: props.columns.length > 0 ? (props.columns as any[]) : columnList,
+    showTableSetting: false,
+    // size: 'small',
+    // bordered: false,
+    formConfig: {
+      showAdvancedButton: true,
+      // labelWidth: 100,
+      labelAlign: 'left',
+      labelCol: {
+        xs: 24,
+        sm: 24,
+        md: 24,
+        lg: 9,
+        xl: 7,
+        xxl: 5,
+      },
+      schemas: props.searchFormSchema as any[],
+    },
+    useSearchForm: props.searchFormSchema.length > 0 ? true : false,
+    striped: true,
+    actionColumn: {
+      width: 180,
+    },
+    // beforeFetch: (params) => {
+    //   return Object.assign(params, { column: 'createTime', devicekind: props.deviceType });
+    // },
+  },
+  // exportConfig: {
+  //   name: props.title,
+  //   url: props.getExportUrl,
+  // },
+  // importConfig: {
+  //   url: props.getImportUrl,
+  // },
+});
+
+//注册table数据
+const [registerTable, { reload, getForm }, { rowSelection, selectedRowKeys }] = tableContext;
+
+const saveOrUpdateHandler = async (params) => {
+  try {
+    await props.saveOrUpdate(params, isUpdate.value);
+    !props.showTab ? closeModal() : '';
+    // await doRequest(props.list, { confirm: false });
+    reload();
+    emit('submitSuccess', params);
+  } catch (error) {
+    message.error('保存失败，请联系管理员');
+  }
+};
+
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  for (let key in record) {
+    delete record[key];
+  }
+  isUpdate.value = false;
+  openModal(true);
+}
+
+/**
+ * 编辑事件
+ */
+function handleEdit(data) {
+  isUpdate.value = true;
+  Object.assign(record, toRaw(data));
+  record.deviceId = ''
+  openModal(
+    true,
+    {
+      record,
+    },
+    false
+  );
+}
+
+/**
+ * 删除事件
+ */
+async function handleDelete(record) {
+  await props.deleteById({ id: record.id }, reload);
+}
+
+//提取
+function handleExtract() {
+  visibleTq.value = true
+  formStateTq.reportType = ''
+}
+//确定提取
+async function confirmTq() {
+  await props.readReportData({ reportType: formStateTq.reportType })
+  visibleTq.value = false
+  
+}
+//取消提取
+function cancelTq() {
+  formStateTq.reportType = ''
+  visibleTq.value = false
+}
+/**
+ * 操作列定义
+ * @param record
+ */
+function getActions(record: EditRecordRow, column: BasicColumn): ActionItem[] {
+  return [
+    {
+      label: '编辑',
+      onClick: handleEdit.bind(null, record, column),
+    },
+    {
+      label: '删除',
+      popConfirm: {
+        title: '是否确认删除',
+        confirm: handleDelete.bind(null, record, column),
+      },
+    },
+    // {
+    //   label: '查看',
+    //   onClick: handleDetail.bind(null, record),
+    // },
+  ];
+}
+
+defineExpose({
+  doRequest,
+  onExportXls,
+  onImportXls,
+  reload,
+  getForm,
+});
+</script>
+
+<style scoped lang="less">
+@ventSpace: zxm;
+@vent-table-no-hover: #00bfff10;
+
+:deep(.@{ventSpace}-table-cell-row-hover) {
+  background: #264d8833 !important;
+}
+
+:deep(.@{ventSpace}-table-row-selected) {
+  background: #268bc522 !important;
+}
+
+:deep(.@{ventSpace}-table-tbody > tr > td) {
+  background-color: #0dc3ff05;
+}
+
+:deep(.jeecg-basic-table-row__striped) {
+  td {
+    background-color: @vent-table-no-hover !important;
+  }
+}
+
+:deep(.@{ventSpace}-select-dropdown) {
+
+  .@{ventSpace}-select-item-option-selected,
+  .@{ventSpace}-select-item-option-active {
+    background-color: #ffffff33 !important;
+  }
+
+  .@{ventSpace}-select-item:hover {
+    background-color: #ffffff33 !important;
+  }
+}
+
+.zxm-form {
+  padding: 20px 0px !important;
+  box-sizing: border-box;
+}
+
+.opertion-btn {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0px 20px;
+
+}
+</style>

src/views/vent/deviceManager/tableReport/index.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="device-manager-box">
+      <NormalTable
+        :columns="columns"
+        :searchFormSchema="searchFormSchema"
+        :list="list"
+        :formSchema="formSchema"
+        :deleteById="deleteById"
+        :saveOrUpdate="saveOrUpdate"
+        :readReportData="readReportData"
+        designScope="table-search-reset"
+        title="报表管理"
+        :showTab="false"
+      />
+    </div>
+  </template>
+  
+  <script lang="ts" name="system-user" setup>
+    //ts语法
+    import NormalTable from './components/NormalTable.vue';
+    import { columns, searchFormSchema, formSchema } from './tableReport.data';
+    import { list, deleteById, saveOrUpdate,readReportData } from './tableReport.api';
+  </script>
+  
+  <style scoped></style>
+  

src/views/vent/deviceManager/tableReport/tableReport.api.ts

@@ -0,0 +1,57 @@
+import { defHttp } from '/@/utils/http/axios';
+import { Modal } from 'ant-design-vue';
+
+enum Api {
+  list = '/safety/reportDataSyn/list',
+  save = '/safety/reportDataSyn/add',
+  edit = '/safety/reportDataSyn/edit',
+  deleteById = '/safety/reportDataSyn/delete',
+  readReportData= '/safety/reportDataSyn/readReportData'//手动从报表里提取数据
+}
+
+/**
+ * 手动从报表里提取数据
+ * @param params
+ */
+export const readReportData = (params) => {
+  return defHttp.get({ url: Api.readReportData, params }, { joinParamsToUrl: true })
+};
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+/**
+ * 删除用户
+ */
+export const deleteById = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteById, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess();
+  });
+};
+/**
+ * 批量删除用户
+ * @param params
+ */
+export const batchDeleteById = (params, handleSuccess) => {
+  Modal.confirm({
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess();
+      });
+    },
+  });
+};
+/**
+ * 保存或者更新用户
+ * @param params
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params });
+};

src/views/vent/deviceManager/tableReport/tableReport.data.ts

@@ -0,0 +1,152 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+import { defHttp } from '/@/utils/http/axios';
+export const columns: BasicColumn[] = [
+
+  {
+    title: '报表类型',
+    dataIndex: 'reportType',
+    width: 120,
+    sorter: false,
+    customRender: ({ text }) => {
+      return render.renderDict(text, 'reportSynType');
+    },
+  },
+  {
+    title: '参数值',
+    dataIndex: 'value',
+    width: 120,
+  },
+  {
+    title: '参数描述',
+    dataIndex: 'name',
+    width: 160,
+  },
+  {
+    title: '参数字段',
+    dataIndex: 'code',
+    width: 120,
+  },
+  {
+    title: '数据类型',
+    dataIndex: 'type',
+    width: 100,
+    customRender: ({ text }) => {
+      if (text === 'device') {
+        return '设备';
+      } else if (text === 'manage') {
+        return '场景';
+      }
+
+      return text;
+    },
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '报表类型',
+    field: 'reportType',
+    component: 'JDictSelectTag',
+    componentProps: {
+      dictCode: 'reportType',
+      placeholder: '请选择状态',
+    },
+    colProps: { span: 6 },
+  },
+  {
+    label: '参数字段',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '参数值',
+    field: 'value',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+  {
+    label: '设备类型',
+    field: 'deviceId',
+    component: 'ApiSelect',
+    componentProps: ({ formModel }) => {
+      return {
+        defaultValue: '',
+        componentProps: {},
+        api: (params) => defHttp.post({ url: '/safety/reportDataSyn/queryDeviceInfo' }, params),
+        resultField: 'result',
+        labelField: 'strinstallpos',
+        valueField: 'id',
+      };
+    },
+  },
+  {
+    label: '报表类型',
+    field: 'reportType',
+    component: 'JDictSelectTag',
+    componentProps: {
+      dictCode: 'reportType',
+      placeholder: '请选择报表类型',
+    },
+  },
+  {
+    label: '数据类型',
+    field: 'type',
+    component: 'JDictSelectTag',
+    // defaultValue: 1,
+    componentProps: () => {
+      return {
+        options: [
+          { label: '设备', value: 'device', key: '1' },
+          { label: '场景', value: 'manage', key: '2' },
+        ],
+      };
+    },
+  },
+  {
+    label: '参数字段',
+    field: 'code',
+    component: 'Input',
+  },
+  {
+    label: '参数值',
+    field: 'value',
+    component: 'Input',
+  },
+  {
+    label: '参数描述',
+    field: 'name',
+    component: 'InputTextArea',
+  },
+  {
+    label: '参数所属行',
+    field: 'reprow',
+    component: 'Input',
+  },
+  {
+    label: '参数所属列',
+    field: 'repcol',
+    component: 'Input',
+  },
+  {
+    label: '参数所属sheet页',
+    field: 'repsheet',
+    component: 'Input',
+  },
+  {
+    label: '小数保留位数',
+    field: 'decnum',
+    component: 'Input',
+  },
+];

src/views/vent/performance/comment/NormalTable.vue

@@ -18,13 +18,14 @@
           nodeParam.id == '1600000000000000001'
             ? '报表分析'
             : nodeParam.id == '1500000000000000002'
-            ? '报表分析'
-            : nodeParam.id == '1500000000000000003'
-            ? '色谱仪分析'
-            : nodeParam.id == '1400000000000000003' || nodeParam.id == '1400000000000000002'
-            ? '报表分析'
-            : ''
+              ? '报表分析'
+              : nodeParam.id == '1500000000000000003'
+                ? '色谱仪分析'
+                : nodeParam.id == '1400000000000000003' || nodeParam.id == '1400000000000000002'
+                  ? '报表分析'
+                  : ''
         }}</a>
+        <a class="table-action-link" @click="handlePermission(record)">权限编辑</a>
       </template>
 
       <template #bodyCell="{ column, record }">
@@ -38,7 +39,8 @@
       <a-form :model="formStateTj" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
         <a-form-item label="选择审批" :rules="[{ required: true, message: '请选择是否提交' }]">
           <a-select v-model:value="formStateTj.file" style="width: 260px">
-            <a-select-option v-for="file in fileList" :key="file.label" :value="file.value">{{ file.label }}</a-select-option>
+            <a-select-option v-for="file in fileList" :key="file.label" :value="file.value">{{ file.label
+              }}</a-select-option>
           </a-select>
         </a-form-item>
       </a-form>
@@ -49,396 +51,440 @@
     </a-modal>
     <!-- 审批-撤销申请弹窗 -->
     <a-modal v-model:visible="visibleCx" centered :width="600" title="撤销申请" @ok="handleCxOk" @cancel="handleCxCancel">
-      <a-textarea
-        v-model:value="revokeDes"
-        placeholder="请输入撤回原因..."
-        :rows="4"
-        style="width: 96%; margin: 10px; background-color: transparent; color: #fff"
-      />
+      <a-textarea v-model:value="revokeDes" placeholder="请输入撤回原因..." :rows="4"
+        style="width: 96%; margin: 10px; background-color: transparent; color: #fff" />
+    </a-modal>
+    <!-- 权限编辑弹窗 -->
+    <a-modal v-model:visible="visiblePermission" width="450px" :footer="null" :title="titlePermission" centered
+      destroyOnClose>
+      <a-form :model="formStateQx" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 12 }" autocomplete="off">
+        <a-form-item label="选择权限：">
+          <JDictSelectTag v-model:value="formStateQx.filePerm" placeholder="请选择权限" dictCode="file_perm"
+            style="width: 240px" />
+        </a-form-item>
+        <div class="opertion-btn">
+          <a-button type="primary" @click="confirmQx">确定</a-button>
+          <a-button type="success" style="margin-left:10px" @click="cancelQx">取消</a-button>
+        </div>
+      </a-form>
     </a-modal>
   </div>
 </template>
 
 <script lang="ts" name="system-user" setup>
-  //ts语法
-  import { ref, provide, reactive, toRaw, defineExpose, unref } from 'vue';
-  import { BasicTable, TableAction } from '/@/components/Table';
-  import DeviceModal from './DeviceModal.vue';
-  import CADModal from './CADModal.vue';
-  import HistorySp from './HistorySp.vue';
-  import { useModal } from '/@/components/Modal';
-  import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
-  import { useListPage } from '/@/hooks/system/useListPage';
-  import { commit } from '../fileDetail/fileDetail.api';
-  import { historicFlowNew, getHighlightImgNew, getTodoTask, getCancelNew } from './comment.api';
-  import { message } from 'ant-design-vue';
-  import { useUserStore } from '/@/store/modules/user';
-  import { useRouter } from 'vue-router';
+//ts语法
+import { ref, provide, reactive, toRaw, defineExpose, unref } from 'vue';
+import { BasicTable, TableAction } from '/@/components/Table';
+import DeviceModal from './DeviceModal.vue';
+import CADModal from './CADModal.vue';
+import HistorySp from './HistorySp.vue';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { useModal } from '/@/components/Modal';
+import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { commit,updataFileParam } from '../fileDetail/fileDetail.api';
+import { historicFlowNew, getHighlightImgNew, getTodoTask, getCancelNew } from './comment.api';
+import { message } from 'ant-design-vue';
+import { useUserStore } from '/@/store/modules/user';
+import { useRouter } from 'vue-router';
 
-  const props = defineProps({
-    //文件审批-提交信息
-    submitInfo: {
-      type: Array,
-      default: () => {
-        return [];
-      },
-    },
-    //各矿参数
-    selfParam: {
-      type: Object,
-      default: () => {
-        return {};
-      },
+const props = defineProps({
+  //文件审批-提交信息
+  submitInfo: {
+    type: Array,
+    default: () => {
+      return [];
     },
-    //查询参数
-    searchParam: {
-      type: Object,
-      default: () => {
-        return {};
-      },
+  },
+  //各矿参数
+  selfParam: {
+    type: Object,
+    default: () => {
+      return {};
     },
-    //菜单树传递参数
-    nodeParam: {
-      type: Object,
-      default: () => {
-        return {};
-      },
+  },
+  //查询参数
+  searchParam: {
+    type: Object,
+    default: () => {
+      return {};
     },
-    columnsType: {
-      type: String,
-      // required: true,
-    },
-    columns: {
-      type: Array,
-      // required: true,
-      default: () => [],
+  },
+  //菜单树传递参数
+  nodeParam: {
+    type: Object,
+    default: () => {
+      return {};
     },
+  },
+  columnsType: {
+    type: String,
+    // required: true,
+  },
+  columns: {
+    type: Array,
+    // required: true,
+    default: () => [],
+  },
 
-    list: {
-      type: Function,
-      required: true,
-    },
-    //下载文件接口
-    downLoad: {
-      type: Function,
-      required: true,
-    },
+  list: {
+    type: Function,
+    required: true,
+  },
+  //下载文件接口
+  downLoad: {
+    type: Function,
+    required: true,
+  },
 
-    deleteById: {
-      type: Function,
-      required: true,
-    },
-    pointList: {
-      type: Function,
-      // required: true,
-    },
-    designScope: {
-      type: String,
-    },
-    title: {
-      type: String,
-    },
-  });
-  let router = useRouter(); //路由
-  let resetTable = ref(0);
-  let fileType = ref(''); //文件类型
-  let editID = ref(0); //文件ID
-  const isUpdate = ref(false);
-  const record = reactive<Record<string, any>>({});
-  provide('formData', record);
-  const [registerDeviceModal, { openModal, closeModal }] = useModal();
-  const columnList = getTableHeaderColumns(props.columnsType);
-  //是否显示文件审批弹窗
-  let visibleTj = ref(false);
-  //文件审批-弹窗参数
-  let formStateTj = reactive({
-    file: '',
-    id: '',
-  });
-  //文件审批-提交信息弹窗下拉选项数据
-  let fileList = reactive<any[]>([]);
-  //审批详情弹窗数据
-  let visibleSp = ref(false);
-  let titleSp = ref('审批详情');
-  //审批详情历史数据
-  let historySpList = reactive<any[]>([]);
-  let imgSrc = ref('');
-  //审批-是否显示撤回/驳回按钮
-  let isShow = ref(true);
-  //审批通过/驳回参数信息
-  let spInfo = reactive({});
+  deleteById: {
+    type: Function,
+    required: true,
+  },
+  pointList: {
+    type: Function,
+    // required: true,
+  },
+  designScope: {
+    type: String,
+  },
+  title: {
+    type: String,
+  },
+});
+let router = useRouter(); //路由
+let resetTable = ref(0);
+let fileType = ref(''); //文件类型
+let editID = ref(0); //文件ID
+const isUpdate = ref(false);
+const record = reactive<Record<string, any>>({});
+provide('formData', record);
+const [registerDeviceModal, { openModal, closeModal }] = useModal();
+const columnList = getTableHeaderColumns(props.columnsType);
+//是否显示文件审批弹窗
+let visibleTj = ref(false);
+//文件审批-弹窗参数
+let formStateTj = reactive({
+  file: '',
+  id: '',
+});
+//文件审批-提交信息弹窗下拉选项数据
+let fileList = reactive<any[]>([]);
+//审批详情弹窗数据
+let visibleSp = ref(false);
+let titleSp = ref('审批详情');
+//审批详情历史数据
+let historySpList = reactive<any[]>([]);
+let imgSrc = ref('');
+//审批-是否显示撤回/驳回按钮
+let isShow = ref(true);
+//审批通过/驳回参数信息
+let spInfo = reactive({});
 
-  //审批-撤销
-  let visibleCx = ref(false);
-  let revokeDes = ref('');
-  let cxInfo = reactive({});
+//审批-撤销
+let visibleCx = ref(false);
+let revokeDes = ref('');
+let cxInfo = reactive({});
 
-  let userStore = useUserStore(); //获取用户信息
-  let userName = unref(userStore.getUserInfo).username;
+//权限编辑弹窗信息
+let visiblePermission = ref(false)
+let titlePermission = ref('权限编辑')
+let formStateQx = reactive({
+  filePerm: ''
+})
+let permissionId = ref('')
 
-  // 列表页面公共参数、方法
-  const { tableContext, doRequest } = useListPage({
-    designScope: props.designScope,
-    tableProps: {
-      title: props.title,
-      api: props.list,
-      columns: props.columns.length > 0 ? (props.columns as any[]) : columnList,
-      // size: 'small',
-      bordered: false,
-      scroll: { y: 620 },
-      // formConfig: {
-      //   // labelWidth: 100,
-      //   labelAlign: 'left',
-      //   labelCol: {
-      //     xs: 24,
-      //     sm: 24,
-      //     md: 24,
-      //     lg: 9,
-      //     xl: 7,
-      //     xxl: 5,
-      //   },
-      //   schemas: props.searchFormSchema as any[],
-      // },
-      striped: true,
-      showIndexColumn: true, //是否显示序列号
-      // actionColumn: {
-      //   width: 200,
-      // },
-      showActionColumn: false,
-      useSearchForm: false, //不使用查询条件
-      // pagination: false, //不使用分页组件
-      beforeFetch: (params) => {
-        params.parentId = props.nodeParam.id ? props.nodeParam.id : '';
-        params.selectFlag = props.nodeParam.id ? false : true;
-        params.likeFileName = props.searchParam.fileName ? props.searchParam.fileName : '';
-        params.fileSuffix = props.searchParam.fileType ? '.' + props.searchParam.fileType : '';
-        params.bpmStatus = props.selfParam.bpmStatus ? props.selfParam.bpmStatus : '';
-        params.sysOrgCode = props.selfParam.sysOrgCode ? props.selfParam.sysOrgCode : '';
-      },
+let userStore = useUserStore(); //获取用户信息
+let userName = unref(userStore.getUserInfo).username;
+
+// 列表页面公共参数、方法
+const { tableContext, doRequest } = useListPage({
+  designScope: props.designScope,
+  tableProps: {
+    title: props.title,
+    api: props.list,
+    columns: props.columns.length > 0 ? (props.columns as any[]) : columnList,
+    // size: 'small',
+    bordered: false,
+    scroll: { y: 620 },
+    // formConfig: {
+    //   // labelWidth: 100,
+    //   labelAlign: 'left',
+    //   labelCol: {
+    //     xs: 24,
+    //     sm: 24,
+    //     md: 24,
+    //     lg: 9,
+    //     xl: 7,
+    //     xxl: 5,
+    //   },
+    //   schemas: props.searchFormSchema as any[],
+    // },
+    striped: true,
+    showIndexColumn: true, //是否显示序列号
+    // actionColumn: {
+    //   width: 200,
+    // },
+    showActionColumn: false,
+    useSearchForm: false, //不使用查询条件
+    // pagination: false, //不使用分页组件
+    beforeFetch: (params) => {
+      params.parentId = props.nodeParam.id ? props.nodeParam.id : '';
+      params.selectFlag = props.nodeParam.id ? false : true;
+      params.likeFileName = props.searchParam.fileName ? props.searchParam.fileName : '';
+      params.fileSuffix = props.searchParam.fileType ? '.' + props.searchParam.fileType : '';
+      params.bpmStatus = props.selfParam.bpmStatus ? props.selfParam.bpmStatus : '';
+      params.sysOrgCode = props.selfParam.sysOrgCode ? props.selfParam.sysOrgCode : '';
     },
-  });
+  },
+});
 
-  //注册table数据
-  const [registerTable, { reload }, { selectedRowKeys }] = tableContext;
-  // 审批提交
-  function handleTo(data) {
-    visibleTj.value = true;
-    fileList.length = 0;
-    props.submitInfo.forEach((el) => {
-      fileList.push({ label: el.name, value: el.id });
-    });
-    formStateTj.id = data.id;
-  }
-  //确认提交
-  async function handleTjOk() {
-    if (formStateTj.file) {
-      let res = await commit({ procDefId: formStateTj.file, tableId: formStateTj.id, firstGateway: true });
-      if (res == '提交成功') {
-        message.success(res);
-        visibleTj.value = false;
-        resetTable.value = new Date().getTime();
-      } else {
-        message.warning(res.message);
-      }
-    } else {
-      message.warning('请先选择要提交的文件!');
-    }
-  }
-  //取消提交
-  function handleTjCancel() {
-    formStateTj.file = '';
-    visibleTj.value = false;
-  }
-  //审批详情点击
-  function handleSpDetail(data) {
-    visibleSp.value = true;
-    getTodoTaskShow({ tableId: data.id, tableName: data.tableName });
-    getHistoricFlowNewList({ tableId: data.id, tableName: data.tableName });
-    getHighlightImgNewList({ tableId: data.id, tableName: data.tableName });
-  }
-  //审批详情-审批历史列表
-  async function getHistoricFlowNewList(params) {
-    historySpList.length = 0;
-    let res = await historicFlowNew({ ...params });
-    if (res.length != 0) {
-      res.forEach((el) => {
-        historySpList.push({
-          name: el.name,
-          username: el.assignees[0].username,
-          deleteReason: el.deleteReason,
-          comment: el.comment,
-          startTime: el.startTime,
-          endTime: el.endTime,
-          status: el.assignees[0].isExecutor ? '已处理' : '待处理',
-        });
-      });
-    }
-  }
-  //审批详情-流程轨迹
-  async function getHighlightImgNewList(params) {
-    let res = await getHighlightImgNew({ ...params });
-    let imageUrl = window.URL.createObjectURL(res);
-    imgSrc.value = imageUrl;
-  }
-  //判断是否显示撤回/驳回按钮
-  async function getTodoTaskShow(params) {
-    let res = await getTodoTask({ ...params });
-    spInfo = Object.assign({}, res);
-    if (res.result) {
-      isShow.value = true;
-    } else {
-      isShow.value = false;
-    }
-  }
-  //审批通过/驳回弹窗关闭
-  function spClose() {
-    visibleSp.value = false;
-    resetTable.value = new Date().getTime();
-  }
-  //审批-撤回提交
-  function handleSpRevoke(data) {
-    visibleCx.value = true;
-    cxInfo = Object.assign({}, data);
-  }
-  //审批-撤销-确定
-  async function handleCxOk() {
-    let res = await getCancelNew({ reason: revokeDes.value, tableId: cxInfo.id, tableName: cxInfo.tableName });
-    if (res == '操作成功') {
+//注册table数据
+const [registerTable, { reload }, { selectedRowKeys }] = tableContext;
+// 审批提交
+function handleTo(data) {
+  visibleTj.value = true;
+  fileList.length = 0;
+  props.submitInfo.forEach((el) => {
+    fileList.push({ label: el.name, value: el.id });
+  });
+  formStateTj.id = data.id;
+}
+//确认提交
+async function handleTjOk() {
+  if (formStateTj.file) {
+    let res = await commit({ procDefId: formStateTj.file, tableId: formStateTj.id, firstGateway: true });
+    if (res == '提交成功') {
       message.success(res);
+      visibleTj.value = false;
+      resetTable.value = new Date().getTime();
     } else {
       message.warning(res.message);
     }
-    visibleCx.value = false;
-    revokeDes.value = '';
-    resetTable.value = new Date().getTime();
+  } else {
+    message.warning('请先选择要提交的文件!');
   }
-  //审批-撤销-取消
-  function handleCxCancel() {
-    revokeDes.value = '';
-    visibleCx.value = false;
-  }
-  /**
-   * 编辑事件
-   */
-  function handleEdit(data) {
-    isUpdate.value = true;
-    Object.assign(record, toRaw(data));
-    let index = record.fileSuffix.indexOf('.');
-    fileType.value = record.fileSuffix.substring(index + 1);
-    editID.value = record.id;
-
-    // 根据文件后缀名打开不同的模态框
-    if (['.dwg', '.mxcad'].includes(data.fileSuffix)) {
-      openCADModal(true, {
-        record,
-      });
-    } else {
-      openModal(true, {
-        record,
+}
+//取消提交
+function handleTjCancel() {
+  formStateTj.file = '';
+  visibleTj.value = false;
+}
+//审批详情点击
+function handleSpDetail(data) {
+  visibleSp.value = true;
+  getTodoTaskShow({ tableId: data.id, tableName: data.tableName });
+  getHistoricFlowNewList({ tableId: data.id, tableName: data.tableName });
+  getHighlightImgNewList({ tableId: data.id, tableName: data.tableName });
+}
+//审批详情-审批历史列表
+async function getHistoricFlowNewList(params) {
+  historySpList.length = 0;
+  let res = await historicFlowNew({ ...params });
+  if (res.length != 0) {
+    res.forEach((el) => {
+      historySpList.push({
+        name: el.name,
+        username: el.assignees[0].username,
+        deleteReason: el.deleteReason,
+        comment: el.comment,
+        startTime: el.startTime,
+        endTime: el.endTime,
+        status: el.assignees[0].isExecutor ? '已处理' : '待处理',
       });
-    }
+    });
   }
-
-  /**
-   * 删除事件
-   */
-  async function handleDelete(record) {
-    await props.deleteById({ id: record.id }, reload);
+}
+//审批详情-流程轨迹
+async function getHighlightImgNewList(params) {
+  let res = await getHighlightImgNew({ ...params });
+  let imageUrl = window.URL.createObjectURL(res);
+  imgSrc.value = imageUrl;
+}
+//判断是否显示撤回/驳回按钮
+async function getTodoTaskShow(params) {
+  let res = await getTodoTask({ ...params });
+  spInfo = Object.assign({}, res);
+  if (res.result) {
+    isShow.value = true;
+  } else {
+    isShow.value = false;
+  }
+}
+//审批通过/驳回弹窗关闭
+function spClose() {
+  visibleSp.value = false;
+  resetTable.value = new Date().getTime();
+}
+//审批-撤回提交
+function handleSpRevoke(data) {
+  visibleCx.value = true;
+  cxInfo = Object.assign({}, data);
+}
+//审批-撤销-确定
+async function handleCxOk() {
+  let res = await getCancelNew({ reason: revokeDes.value, tableId: cxInfo.id, tableName: cxInfo.tableName });
+  if (res == '操作成功') {
+    message.success(res);
+  } else {
+    message.warning(res.message);
   }
+  visibleCx.value = false;
+  revokeDes.value = '';
+  resetTable.value = new Date().getTime();
+}
+//审批-撤销-取消
+function handleCxCancel() {
+  revokeDes.value = '';
+  visibleCx.value = false;
+}
+/**
+ * 编辑事件
+ */
+function handleEdit(data) {
+  isUpdate.value = true;
+  Object.assign(record, toRaw(data));
+  let index = record.fileSuffix.indexOf('.');
+  fileType.value = record.fileSuffix.substring(index + 1);
+  editID.value = record.id;
 
-  //下载文件
-  function handleDownLoad(record) {
-    props.downLoad({ id: record.id }).then((res) => {
-      let filename = `${record.fileName}`;
-      downFilePublic(res, filename);
+  // 根据文件后缀名打开不同的模态框
+  if (['.dwg', '.mxcad'].includes(data.fileSuffix)) {
+    openCADModal(true, {
+      record,
+    });
+  } else {
+    openModal(true, {
+      record,
     });
   }
-  // 下载公用方法
-  function downFilePublic(content, fileName) {
-    const blob = new Blob([content], { type: 'application/xlsx;charset=UTF-8' }); // 构造一个blob对象来处理数据
-    // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
-    // IE10以上支持blob但是依然不支持download
-    if ('download' in document.createElement('a')) {
-      // 支持a标签download的浏览器
-      const link = document.createElement('a'); // 创建a标签
-      link.download = fileName; // a标签添加属性
-      link.style.display = 'none';
-      link.href = URL.createObjectURL(blob);
-      document.body.appendChild(link);
-      link.click(); // 执行下载
-      URL.revokeObjectURL(link.href); // 释放url
-      document.body.removeChild(link); // 释放标签
-    } else {
-      // 其他浏览器
-      navigator.msSaveBlob(blob, fileName);
-    }
+}
+
+/**
+ * 删除事件
+ */
+async function handleDelete(record) {
+  await props.deleteById({ id: record.id }, reload);
+}
+//权限编辑
+function handlePermission(record) {
+  visiblePermission.value = true
+  formStateQx.filePerm = record.filePerm  
+  permissionId.value = record.id
+}
+//编辑权限-确定
+async function confirmQx() {
+  await updataFileParam({ id: permissionId.value, filePerm: formStateQx.filePerm },reload)
+  visiblePermission.value = false
+}
+//编辑权限-取消
+function cancelQx() {
+  visiblePermission.value = false
+  formStateQx.filePerm = ''
+}
+
+//下载文件
+function handleDownLoad(record) {
+  props.downLoad({ id: record.id }).then((res) => {
+    let filename = `${record.fileName}`;
+    downFilePublic(res, filename);
+  });
+}
+// 下载公用方法
+function downFilePublic(content, fileName) {
+  const blob = new Blob([content], { type: 'application/xlsx;charset=UTF-8' }); // 构造一个blob对象来处理数据
+  // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
+  // IE10以上支持blob但是依然不支持download
+  if ('download' in document.createElement('a')) {
+    // 支持a标签download的浏览器
+    const link = document.createElement('a'); // 创建a标签
+    link.download = fileName; // a标签添加属性
+    link.style.display = 'none';
+    link.href = URL.createObjectURL(blob);
+    document.body.appendChild(link);
+    link.click(); // 执行下载
+    URL.revokeObjectURL(link.href); // 释放url
+    document.body.removeChild(link); // 释放标签
+  } else {
+    // 其他浏览器
+    navigator.msSaveBlob(blob, fileName);
   }
+}
 
-  //报表监测跳转
-  function handlerJc(data) {
-    switch (data) {
-      case '1600000000000000001':
-        //粉尘报表
-        router.push('/dustDayReport/home');
-        break;
-      case '1500000000000000002':
-        //束管日报
-        router.push('/bundleDayReport/home');
-        break;
-      case '1500000000000000003':
-        //束管色谱仪
-        router.push('/bundleSpyDayReport/home');
-        break;
-      case '1400000000000000002':
-        //瓦斯日报巡检分析
-        router.push('/gas/gasDayReport/home');
-        break;
-      case '1400000000000000003':
-        //瓦斯日报巡检分析
-        router.push('/gas/gasDayReport/home');
-        break;
-    }
+//报表监测跳转
+function handlerJc(data) {
+  switch (data) {
+    case '1600000000000000001':
+      //粉尘报表
+      router.push('/dustDayReport/home');
+      break;
+    case '1500000000000000002':
+      //束管日报
+      router.push('/bundleDayReport/home');
+      break;
+    case '1500000000000000003':
+      //束管色谱仪
+      router.push('/bundleSpyDayReport/home');
+      break;
+    case '1400000000000000002':
+      //瓦斯日报巡检分析
+      router.push('/gas/gasDayReport/home');
+      break;
+    case '1400000000000000003':
+      //瓦斯日报巡检分析
+      router.push('/gas/gasDayReport/home');
+      break;
   }
-  // CAD预览相关的逻辑
-  const [registerCADModal, { openModal: openCADModal }] = useModal();
+}
+// CAD预览相关的逻辑
+const [registerCADModal, { openModal: openCADModal }] = useModal();
 
-  defineExpose({
-    doRequest,
-  });
+defineExpose({
+  doRequest,
+});
 </script>
 
 <style scoped lang="less">
-  @ventSpace: zxm;
+@ventSpace: zxm;
 
-  @vent-table-no-hover: #00bfff10;
+@vent-table-no-hover: #00bfff10;
 
-  :deep(.@{ventSpace}-table-cell-row-hover) {
-    background: #264d8833 !important;
-  }
+:deep(.@{ventSpace}-table-cell-row-hover) {
+  background: #264d8833 !important;
+}
 
-  :deep(.@{ventSpace}-table-row-selected) {
-    background: #268bc522 !important;
-  }
+:deep(.@{ventSpace}-table-row-selected) {
+  background: #268bc522 !important;
+}
 
-  :deep(.@{ventSpace}-table-tbody > tr > td) {
-    background-color: #0dc3ff05;
-  }
+:deep(.@{ventSpace}-table-tbody > tr > td) {
+  background-color: #0dc3ff05;
+}
 
-  :deep(.jeecg-basic-table-row__striped) {
-    td {
-      background-color: @vent-table-no-hover !important;
-    }
+:deep(.jeecg-basic-table-row__striped) {
+  td {
+    background-color: @vent-table-no-hover !important;
   }
+}
 
-  ::v-deep .zxm-table-title {
-    display: none;
-  }
+::v-deep .zxm-table-title {
+  display: none;
+}
 
-  .zxm-form {
-    padding-top: 20px !important;
-    box-sizing: border-box;
-  }
-  a[disabled] {
-    color: #ccc;
-  }
+.zxm-form {
+  padding: 20px 0px !important;
+  box-sizing: border-box;
+}
+
+.opertion-btn {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0px 20px;
+
+}
+
+a[disabled] {
+  color: #ccc;
+}
 </style>

src/views/vent/performance/fileDetail/fileDetail.api.ts

@@ -15,10 +15,20 @@ enum Api {
   getNowUserApprovedData = '/safety/approvalBusiness/getNowUserApprovedData',
   sumVentReport='/ventanaly-company/company/reportData/sumVentReport',
   zipdownload='/ventanaly-sharefile/fileServer/zipdownload',
-  queryVentMonReportJd='/ventanaly-company/company/reportData/queryVentMonReportJd'
+  queryVentMonReportJd='/ventanaly-company/company/reportData/queryVentMonReportJd',
+  updataFileParam='/ventanaly-sharefile/fileServer/updataFileParam'
 }
 
 /**
+ * 权限编辑
+ * @param params
+ */
+export const updataFileParam = (params, handleSuccess) => {
+  return defHttp.post({ url: Api.updataFileParam, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess();
+  });
+};
+/**
  * 下载文件目录
  * @param params
  */

src/views/vent/performance/fileDetail/index.vue

@@ -100,6 +100,9 @@
             <a-radio :value="false">否</a-radio>
           </a-radio-group>
         </a-form-item>
+        <a-form-item label="上传权限">
+          <JDictSelectTag v-model:value="formState.filePerm" placeholder="请选择上传权限" dictCode="file_perm" style="width: 260px" />
+        </a-form-item>
         <a-form-item label="文件类型">
           <JDictSelectTag v-model:value="formState.fileType" placeholder="请选择文件类型" dictCode="file_type" style="width: 260px" />
         </a-form-item>
@@ -197,6 +200,7 @@
     //上传文件类型，是否审批
     isApprove: null,
     fileType: '',
+    filePerm:'',
   });
   //文件审批-提交信息
   let submitInfo = ref<any[]>([]);
@@ -270,6 +274,7 @@
   let openModal = (val) => {
     formState.isApprove = null;
     formState.fileType = '';
+    formState.filePerm=''
     fileList.length = 0;
     visible.value = val;
   };
@@ -303,6 +308,7 @@
       formData.append('parentId', selected.id);
       formData.append('isApprove', formState.isApprove);
       formData.append('fileType', formState.fileType);
+      formData.append('filePerm',formState.filePerm)
       uploadApi(formData).then((res) => {
         console.log(res, '上传返回');
         alive.value = new Date().getTime();