Merge branch 'f-dev' into 'main'

feat：联调报表配置

See merge request huang/yun-teng-iot-front!274

+import { defHttp } from '/@/utils/http/axios';
+import { ExportQueryParam } from './model/exportModel';
+
+enum ReportManagerApi {
+  GET_EXPORT_API = '/report/generate/record',
+  DELETE_EXPORT_API = '/report/generate/record',
+}
+
+//报表导出分页
+export const exportPage = (params: ExportQueryParam) => {
+  return defHttp.get<ExportQueryParam>({
+    url: ReportManagerApi.GET_EXPORT_API,
+    params,
+  });
+};
+
+//报表导出删除
+export const deleteExportManage = (ids: string[]) => {
+  return defHttp.delete({
+    url: ReportManagerApi.DELETE_EXPORT_API,
+    data: {
+      ids: ids,
+    },
+  });
+};

+import { BasicPageParams } from '/@/api/model/baseModel';
+export type ExportQueryParam = BasicPageParams & ExportParam;
+
+export type ExportParam = {
+  reportConfigName: string;
+  status: number;
+  orderFiled: string;
+  orderType: string;
+};

@@ -7,6 +7,7 @@ enum ReportManagerApi {
   DELETE_REPORT_API = '/report_form/config',
   PUT_REPORT_API = '/report_form/config',
   PUTID_REPORT_API = '/report_form',
+  EDIT_DETAIL_REPORT_API = '/report_form',
 }
 
 //分页
@@ -39,7 +40,7 @@ export const createOrEditReportManage = (data) => {
 export const putReportConfigManage = (data) => {
   return defHttp.put<ReportModel>({
     url: ReportManagerApi.PUT_REPORT_API,
-    data
+    data,
   });
 };
 
@@ -49,3 +50,10 @@ export const putReportByidAndStatusManage = (id, status) => {
     url: ReportManagerApi.PUTID_REPORT_API + '/config/' + id + '/' + status,
   });
 };
+
+//编辑详情
+export const reportEditDetailPage = (params) => {
+  return defHttp.get<ReportQueryParam>({
+    url: ReportManagerApi.EDIT_DETAIL_REPORT_API + '/config/' + params,
+  });
+};

@@ -9,32 +9,17 @@
     </div>
     <div class="form-item2" :style="{ height: dynamicHeight + 'vh' }">
       <div style="margin-left: 1vw">
-        <h3
-          v-if="item.spec == 'TELEMETRY_QUERYING' || item.spec == 'CLIENT_ATTRIBUTES_QUERYING'"
-          style="color: gray"
-          >查询频率（毫秒*）</h3
-        >
-        <InputNumber
-          v-if="item.spec == 'TELEMETRY_QUERYING' || item.spec == 'CLIENT_ATTRIBUTES_QUERYING'"
-          v-model:value="queryingFrequencyMs"
-          :min="0"
-          :max="99999999999999999999"
-          style="margin-top: 0.25vh"
-        />
+        <h3 v-if="item.spec == 'TELEMETRY_QUERYING' || item.spec == 'CLIENT_ATTRIBUTES_QUERYING'" style="color: gray">
+          查询频率（毫秒*）</h3>
+        <InputNumber v-if="item.spec == 'TELEMETRY_QUERYING' || item.spec == 'CLIENT_ATTRIBUTES_QUERYING'"
+          v-model:value="queryingFrequencyMs" :min="0" :max="99999999999999999999" style="margin-top: 0.25vh" />
         <div style="margin-top: 0.65vh"></div>
-        <MappingsForm
-          :value="item.mappings"
-          @change="handleMappingsChange"
-          @dynamicAddHeight="dynamicHeight += 4"
-          @dynamicReduceHeight="dynamicHeight -= 4"
-        />
+        <MappingsForm :value="item.mappings" @change="handleMappingsChange" @dynamicAddHeight="dynamicHeight += 4"
+          @dynamicReduceHeight="dynamicHeight -= 4" />
       </div>
     </div>
     <div class="form-item3" :style="{ height: dynamicHeight + 'vh' }">
-      <div
-        style="text-align: center; line-height: 20vh"
-        :style="{ lineHeight: dynamicHeight + 'vh' }"
-      >
+      <div style="text-align: center; line-height: 20vh" :style="{ lineHeight: dynamicHeight + 'vh' }">
         <Button size="small" type="default" @click="handleRemove(item, index)">
           <template #icon>
             <MinusCircleOutlined />
@@ -45,102 +30,105 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { ref } from 'vue';
-  import { Button, InputNumber } from 'ant-design-vue';
-  import { MinusCircleOutlined } from '@ant-design/icons-vue';
-  import MappingsForm from './MappingsForm.vue';
-  import { useMessage } from '/@/hooks/web/useMessage';
+import { ref } from 'vue';
+import { Button, InputNumber } from 'ant-design-vue';
+import { MinusCircleOutlined } from '@ant-design/icons-vue';
+import MappingsForm from './MappingsForm.vue';
+import { useMessage } from '/@/hooks/web/useMessage';
 
-  const props = defineProps({
-    item: {
-      type: Object,
-      default: () => {},
-    },
-    index: {
-      type: Number,
-    },
-  });
-  const emit = defineEmits(['removeItem']);
-  const dynamicHeight = ref(25);
-  const queryingFrequencyMs = ref(5000);
-  const { createMessage } = useMessage();
-  const handleMappingsChange = (e) => {
-    // eslint-disable-next-line vue/no-mutating-props
-    props.item.mappings = e;
-  };
-  const handleRemove = (item, index) => {
-    emit('removeItem', item, index);
-  };
-  //设置回显的高度
-  const setFieldsValueFunc = () => {
-    dynamicHeight.value = props.item.mappings.length * 3 + props.item.mappings.length + 15;
-    queryingFrequencyMs.value = props.item.queryingFrequencyMs;
-  };
-  //获取表单的值
-  const getSnmpFormFunc = () => {
-    if (
-      props.item.spec == 'TELEMETRY_QUERYING' ||
-      props.item.spec == 'CLIENT_ATTRIBUTES_QUERYING'
-    ) {
-      if (queryingFrequencyMs.value == null) {
-        return createMessage.error('请填写查询频率');
-      }
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => { },
+  },
+  index: {
+    type: Number,
+  },
+});
+const emit = defineEmits(['removeItem']);
+const dynamicHeight = ref(25);
+const queryingFrequencyMs = ref(5000);
+const { createMessage } = useMessage();
+const handleMappingsChange = (e) => {
+  // eslint-disable-next-line vue/no-mutating-props
+  props.item.mappings = e;
+};
+const handleRemove = (item, index) => {
+  emit('removeItem', item, index);
+};
+//设置回显的高度
+const setFieldsValueFunc = () => {
+  dynamicHeight.value = props.item.mappings.length * 3 + props.item.mappings.length + 15;
+  queryingFrequencyMs.value = props.item.queryingFrequencyMs;
+};
+//获取表单的值
+const getSnmpFormFunc = () => {
+  if (!props.item.spec || props.item.spec == '' || props.item.spec == undefined) {
+    return createMessage.error('请选择范围');
+  }
+  if (
+    props.item.spec == 'TELEMETRY_QUERYING' ||
+    props.item.spec == 'CLIENT_ATTRIBUTES_QUERYING'
+  ) {
+    if (queryingFrequencyMs.value == null) {
+      return createMessage.error('请填写查询频率');
     }
-    let obj: any = {};
-    obj = {
-      ...{ spec: props.item.spec },
-      ...{ mappings: props.item.mappings },
-      ...{
-        queryingFrequencyMs:
-          props.item.spec == 'TELEMETRY_QUERYING' || props.item.spec == 'CLIENT_ATTRIBUTES_QUERYING'
-            ? queryingFrequencyMs.value
-            : null,
-      },
-    };
-    return obj;
+  }
+  let obj: any = {};
+  obj = {
+    ...{ spec: props.item.spec },
+    ...{ mappings: props.item.mappings },
+    ...{
+      queryingFrequencyMs:
+        props.item.spec == 'TELEMETRY_QUERYING' || props.item.spec == 'CLIENT_ATTRIBUTES_QUERYING'
+          ? queryingFrequencyMs.value
+          : null,
+    },
   };
-  defineExpose({
-    getSnmpFormFunc,
-    setFieldsValueFunc,
-    handleMappingsChange,
-  });
+  return obj;
+};
+defineExpose({
+  getSnmpFormFunc,
+  setFieldsValueFunc,
+  handleMappingsChange,
+});
 </script>
 <style lang="less" scoped>
-  ::-webkit-scrollbar {
-    display: none;
-    width: 0 !important;
-    height: 0 !important;
-    -webkit-appearance: none;
-    background: transparent;
-  }
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
+
+.snmp-form {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 40vw;
+  height: 20vh;
+  border: 0.1px solid #bfbfbf;
+  margin-top: 2vh;
 
-  .snmp-form {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 40vw;
+  .form-item1 {
+    width: 9vw;
     height: 20vh;
     border: 0.1px solid #bfbfbf;
-    margin-top: 2vh;
-
-    .form-item1 {
-      width: 9vw;
-      height: 20vh;
-      border: 0.1px solid #bfbfbf;
-    }
+  }
 
-    .form-item2 {
-      width: 28vw;
-      height: 20vh;
-      border: 0.1px solid #bfbfbf;
-      overflow: hidden;
-      overflow-y: scroll;
-    }
+  .form-item2 {
+    width: 28vw;
+    height: 20vh;
+    border: 0.1px solid #bfbfbf;
+    overflow: hidden;
+    overflow-y: scroll;
+  }
 
-    .form-item3 {
-      width: 2vw;
-      height: 20vh;
-      border: 0.1px solid #bfbfbf;
-    }
+  .form-item3 {
+    width: 2vw;
+    height: 20vh;
+    border: 0.1px solid #bfbfbf;
   }
+}
 </style>

@@ -17,20 +17,23 @@ import { ref, computed, unref, reactive, watch, nextTick, Ref } from 'vue';
 import { BasicForm, useForm } from '/@/components/Form';
 import { formSchema, organizationId } from './config.data';
 import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-import { createOrEditReportManage, putReportConfigManage } from '/@/api/report/reportManager';
+import { createOrEditReportManage, putReportConfigManage, reportEditDetailPage } from '/@/api/report/reportManager';
 import { useMessage } from '/@/hooks/web/useMessage';
 import moment from 'moment';
 import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
 import { Select } from 'ant-design-vue';
 import DeviceAttrCpns from './cpns/DeviceAttrCpns.vue';
 import { SelectTypes } from 'ant-design-vue/es/select';
+import { SchemaFiled } from './config.data';
+import { QueryWay } from '../../device/localtion/cpns/TimePeriodForm/config';
 
 type TDeviceList = {
   key?: string,
   value?: string,
   label?: string,
   attribute?: string,
-  device?: string
+  device?: string,
+  name?: string
 }
 const emit = defineEmits(['success', 'register']);
 const deviceAttrRef: any = ref(null);
@@ -62,26 +65,29 @@ const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
   labelWidth: 120,
   schemas: formSchema,
   showActionButtonGroup: false,
-  fieldMapToTime: [['timeZone', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+  fieldMapToTime: [[SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS]]],
 });
 const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
   await resetFields();
   setDrawerProps({ confirmLoading: false });
   isUpdate.value = !!data?.isUpdate;
   if (unref(isUpdate)) {
-    //回显基础数据
-    editId.value = data.record.id;
-    await setFieldsValue(data.record);
+    //编辑回显数据
+    const editResData: any = await reportEditDetailPage(data.record.id)
+    console.log(editResData.data)
+    // //回显基础数据
+    editId.value = editResData.data.id;
+    await setFieldsValue(editResData.data);
     //回显嵌套数据
     setFieldsValue({
-      agg: queryCondition?.agg,
-      interval: queryCondition?.interval,
+      agg: editResData.data.queryCondition?.agg,
+      interval: editResData.data.queryCondition?.interval,
     });
     //回显设备
-    orgId.value = data.record.organizationId;
+    orgId.value = editResData.data.organizationId;
     //获取该组织下的设备--排除网关设备
     const { items } = await screenLinkPageByDeptIdGetDevice({
-      organizationId: data.record.organizationId,
+      organizationId: editResData.data.organizationId,
     });
     selectOptions.value = items.map((item) => {
       if (item.deviceType !== 'GATEWAY')
@@ -90,49 +96,15 @@ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (
           value: item.tbDeviceId,
         };
     });
-    //TODO 模拟的数据 待服务端返回
-    const deviceIds: any = [
-      {
-        label: '奥迪网关子设备',
-        key: '8a4cc9a0-f201-11ec-98ad-a9680487d1e0',
-      },
-      {
-        label: '宝马默认设备',
-        key: '8943f0b0-f1f7-11ec-98ad-a9680487d1e0',
-      },
-      {
-        label: '奔驰默认设备',
-        key: '6d9043f0-f1f7-11ec-98ad-a9680487d1e0',
-      },
-      {
-        label: '新增奥迪测试设备',
-        key: '8f5b4280-f29e-11ec-98ad-a9680487d1e0',
-      },
-    ];
+    const deviceIds = editResData.data.executeAttributes.map(m => {
+      return {
+        label: m.name,
+        key: m.device
+      }
+    })
     selectDevice.value = deviceIds;
     //回显设备属性 TODO 模拟的数据 待服务端返回
-    deviceList.value = [
-      {
-        value: '8a4cc9a0-f201-11ec-98ad-a9680487d1e0',
-        attribute: 'CO2',
-        label: '奥迪网关子设备',
-      },
-      {
-        value: '8943f0b0-f1f7-11ec-98ad-a9680487d1e0',
-        attribute: 'co',
-        label: '宝马默认设备',
-      },
-      {
-        value: '6d9043f0-f1f7-11ec-98ad-a9680487d1e0',
-        attribute: 'hot',
-        label: '奔驰默认设备',
-      },
-      {
-        value: '8f5b4280-f29e-11ec-98ad-a9680487d1e0',
-        attribute: 'wet',
-        label: '新增奥迪测试设备',
-      },
-    ];
+    deviceList.value = editResData.data.executeAttributes
     nextTick(() => { });
   } else {
     editId.value = '';
@@ -147,12 +119,14 @@ const getTitle = computed(() => (!unref(isUpdate) ? '新增报表é…ç½®' : 'ç¼–è
 const handleChange = (e: any) => {
   getAttrDevice.value.push({
     device: e.value,
-    attribute: e.attribute
+    attribute: e.attribute,
+    name: e.device
   });
 };
 let postObj: any = reactive({});
 let queryCondition: any = reactive({});
 let executeContent: any = reactive({});
+const startTs = ref(0)
 const endTs = ref(0);
 async function handleSubmit() {
   setDrawerProps({ confirmLoading: true });
@@ -166,26 +140,38 @@ async function handleSubmit() {
     if (values.executeWay == 0) {
       executeContent = null;
     } else {
-      executeContent = {};
-    }
-    if (values.timeZone) {
-      const getTime = JSON.stringify(values.timeZone);
-      endTs.value = moment(JSON.parse(getTime)[0]).valueOf() || 1659424160000;
+      executeContent = values.cronTime
     }
     queryCondition = {
       agg: values.agg,
       interval: values.interval,
       limit: values.limit,
     };
+    if (values.way === QueryWay.LATEST) {
+      startTs.value = moment().subtract(values.startTs, 'ms').valueOf()
+      endTs.value = Date.now()
+    } else {
+      startTs.value = moment(values.startTs).valueOf()
+      endTs.value = moment(values.endTs).valueOf()
+    }
     delete values.devices;
     delete values.agg;
     delete values.interval;
     delete values.timeZone;
+    delete values.timeWeek;
+    delete values.cronTime;
+    delete values.cronWeek;
+    delete values.cronYear;
     postObj = {
       ...values,
       ...{ executeAttributes: getAttrDevice.value },
       ...{ queryCondition },
-      ...{ endTs: endTs.value },
+      ...{
+        startTs: startTs.value
+      },
+      ...{
+        endTs: endTs.value
+      },
       ...{ executeContent },
       ...{ id: editId.value !== '' ? editId.value : '' },
     };

@@ -36,11 +36,11 @@ export const columns: BasicColumn[] = [
   {
     title: '配置名称',
     dataIndex: 'name',
-    width: 80,
+    width: 120,
   },
   {
     title: '所属组织',
-    dataIndex: 'organizationId',
+    dataIndex: 'organizationName',
     width: 120,
   },
   {
@@ -223,7 +223,7 @@ export const formSchema: QFormSchema[] = [
     ifShow: ({ values }) => isTiming(values.executeWay),
   },
   {
-    field: '51111',
+    field: 'cronWeek',
     component: 'ApiSelect',
     label: '每周',
     required: true,
@@ -241,7 +241,7 @@ export const formSchema: QFormSchema[] = [
     ifShow: ({ values }) => isWeek(values.timeWeek),
   },
   {
-    field: '71111',
+    field: 'cronYear',
     component: 'ApiSelect',
     label: '每月',
     required: true,
@@ -259,7 +259,7 @@ export const formSchema: QFormSchema[] = [
     ifShow: ({ values }) => isMonth(values.timeWeek),
   },
   {
-    field: '62121',
+    field: 'cronTime',
     component: 'ApiSelect',
     label: '时间',
     required: true,
@@ -276,18 +276,7 @@ export const formSchema: QFormSchema[] = [
     },
     ifShow: ({ values }) => isTiming(values.executeWay),
   },
-  {
-    field: 'devices',
-    label: '设备',
-    helpMessage: ['报表配置只对拥有"数值型"属性的设备才能配置'],
-    component: 'Select',
-    componentProps: {
-      placeholder: '请选择设备',
-      mode: 'multiple',
-    },
-    slot: 'devices',
-    colProps: { span: 24 },
-  },
+
   {
     field: 'attributeNature',
     component: 'RadioGroup',
@@ -345,6 +334,19 @@ export const formSchema: QFormSchema[] = [
     },
   },
   {
+    field: 'devices',
+    label: '设备',
+    helpMessage: ['报表配置只对拥有"数值型"属性的设备才能配置'],
+    component: 'Select',
+    // required: true,
+    componentProps: {
+      placeholder: '请选择设备',
+      mode: 'multiple',
+    },
+    slot: 'devices',
+    colProps: { span: 24 },
+  },
+  {
     field: 'dataCompare',
     label: '数据类型',
     required: true,
@@ -385,7 +387,7 @@ export const formSchema: QFormSchema[] = [
     ifShow({ values }) {
       return values[SchemaFiled.AGG] === AggregateDataEnum.NONE;
     },
-    // defaultValue: 200,
+    defaultValue: 200,
     componentProps() {
       return {
         max: 50000,
@@ -402,6 +404,7 @@ export const formSchema: QFormSchema[] = [
     componentProps({ formActionType }) {
       const { setFieldsValue } = formActionType;
       return {
+      getPopupContainer: () => document.body,
         placeholder: '请选择查询周期',
         options: [
           { label: '固定周期', value: QueryWay.LATEST },
@@ -431,7 +434,7 @@ export const formSchema: QFormSchema[] = [
       const { setFieldsValue } = formActionType;
       let dates: Moment[] = [];
       return {
-        placeholder: '请选择时间段',
+        placeholder: ['请选择开始时间','请选择结束时间'],
         showTime: true,
         onCalendarChange(value: Moment[]) {
           dates = value;

@@ -9,12 +9,7 @@
           <a-button type="primary" @click="go('/report/export')"> 下载报表 </a-button>
         </Authority>
         <Authority value="api:yt:report:delete">
-          <Popconfirm
-            title="您确定要批量删除数据"
-            ok-text="确定"
-            cancel-text="取消"
-            @confirm="handleDeleteOrBatchDelete(null)"
-          >
+          <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
             <a-button type="primary" color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
           </Popconfirm>
         </Authority>
@@ -25,36 +20,28 @@
         </a-button>
       </template>
       <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '编辑',
-              icon: 'clarity:note-edit-line',
-              auth: 'api:yt:report:update',
-              onClick: handleCreateOrEdit.bind(null, record),
+        <TableAction :actions="[
+          {
+            label: '编辑',
+            icon: 'clarity:note-edit-line',
+            auth: 'api:yt:report:update',
+            onClick: handleCreateOrEdit.bind(null, record),
+          },
+          {
+            label: '删除',
+            icon: 'ant-design:delete-outlined',
+            auth: 'api:yt:report:delete',
+            color: 'error',
+            popConfirm: {
+              title: '是否确认删除',
+              confirm: handleDeleteOrBatchDelete.bind(null, record),
             },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              auth: 'api:yt:report:delete',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
+          },
+        ]" />
       </template>
       <template #status="{ record }">
-        <Switch
-          :disabled="disabledSwitch"
-          :checked="record.status === 1"
-          :loading="record.pendingStatus"
-          checkedChildren="启用"
-          unCheckedChildren="禁用"
-          @change="(checked:boolean)=>statusChange(checked,record)"
-        />
+        <Switch :disabled="disabledSwitch" :checked="record.status === 1" :loading="record.pendingStatus"
+          checkedChildren="启用" unCheckedChildren="禁用" @change="(checked: boolean) => statusChange(checked, record)" />
       </template>
     </BasicTable>
     <ReportConfigDrawer @register="registerDrawer" @success="handleSuccess" />
@@ -63,113 +50,114 @@
 </template>
 
 <script lang="ts" setup>
-  import { reactive, nextTick, ref } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useDrawer } from '/@/components/Drawer';
-  import ReportConfigDrawer from './ReportConfigDrawer.vue';
-  import DevicePreviewModal from './DevicePreviewModal.vue';
-  import {
-    reportPage,
-    deleteReportManage,
-    putReportByidAndStatusManage,
-  } from '/@/api/report/reportManager';
-  import { searchFormSchema, columns } from './config.data';
-  import { Authority } from '/@/components/Authority';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { Popconfirm, Switch } from 'ant-design-vue';
-  import { useModal } from '/@/components/Modal';
-  import { useGo } from '/@/hooks/web/usePage';
-  import { useMessage } from '/@/hooks/web/useMessage';
+import { reactive, nextTick, ref } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { useDrawer } from '/@/components/Drawer';
+import ReportConfigDrawer from './ReportConfigDrawer.vue';
+import DevicePreviewModal from './DevicePreviewModal.vue';
+import {
+  reportPage,
+  deleteReportManage,
+  putReportByidAndStatusManage,
+} from '/@/api/report/reportManager';
+import { searchFormSchema, columns } from './config.data';
+import { Authority } from '/@/components/Authority';
+import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+import { Popconfirm, Switch } from 'ant-design-vue';
+import { useModal } from '/@/components/Modal';
+import { useGo } from '/@/hooks/web/usePage';
+import { useMessage } from '/@/hooks/web/useMessage';
 
-  const searchInfo = reactive<Recordable>({});
-  const disabledSwitch = ref(false);
-  const [registerTable, { reload, setProps }] = useTable({
-    title: '报表列表',
-    api: reportPage,
-    columns,
-    showIndexColumn: false,
-    clickToRowSelect: false,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-      fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
-    },
-    useSearchForm: true,
-    showTableSetting: true,
-    bordered: true,
-    rowKey: 'id',
-    actionColumn: {
-      width: 200,
-      title: '操作',
-      dataIndex: 'action',
-      slots: { customRender: 'action' },
-      fixed: 'right',
-    },
-  });
+const searchInfo = reactive<Recordable>({});
+const disabledSwitch = ref(false);
 
-  // 弹框
-  const [registerDrawer, { openDrawer }] = useDrawer();
-  const { createMessage } = useMessage();
+const [registerTable, { reload, setProps }] = useTable({
+  title: '报表列表',
+  api: reportPage,
+  columns,
+  showIndexColumn: false,
+  clickToRowSelect: false,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  rowKey: 'id',
+  actionColumn: {
+    width: 200,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: 'right',
+  },
+});
 
-  // 刷新
-  const handleSuccess = () => {
-    reload();
-  };
+// 弹框
+const [registerDrawer, { openDrawer }] = useDrawer();
+const { createMessage } = useMessage();
 
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-    deleteReportManage,
-    handleSuccess,
-    setProps
-  );
+// 刷新
+const handleSuccess = () => {
+  reload();
+};
 
-  nextTick(() => {
-    setProps(selectionOptions);
-  });
+const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+  deleteReportManage,
+  handleSuccess,
+  setProps
+);
 
-  // 新增或编辑
-  const handleCreateOrEdit = (record: Recordable | null) => {
-    if (record) {
-      openDrawer(true, {
-        isUpdate: true,
-        record,
-      });
-    } else {
-      openDrawer(true, {
-        isUpdate: false,
-      });
-    }
-  };
+nextTick(() => {
+  setProps(selectionOptions);
+});
 
-  //查看设备
-  const [registerModal, { openModal }] = useModal();
-  const handleDeviceView = (record) => {
-    openModal(true, {
+// 新增或编辑
+const handleCreateOrEdit = (record: Recordable | null) => {
+  if (record) {
+    openDrawer(true, {
       isUpdate: true,
       record,
     });
-  };
-  const statusChange = async (checked, record) => {
-    try {
+  } else {
+    openDrawer(true, {
+      isUpdate: false,
+    });
+  }
+};
+
+//查看设备
+const [registerModal, { openModal }] = useModal();
+const handleDeviceView = (record) => {
+  openModal(true, {
+    isUpdate: true,
+    record,
+  });
+};
+const statusChange = async (checked, record) => {
+  try {
+    setProps({
+      loading: true,
+    });
+    disabledSwitch.value = true;
+    const newStatus = checked ? 1 : 0;
+    const res = await putReportByidAndStatusManage(record.id, newStatus);
+    if (res && newStatus) {
+      createMessage.success(`启用成功`);
+    } else {
+      createMessage.success('禁用成功');
+    }
+  } finally {
+    setTimeout(() => {
       setProps({
-        loading: true,
+        loading: false,
       });
-      disabledSwitch.value = true;
-      const newStatus = checked ? 1 : 0;
-      const res = await putReportByidAndStatusManage(record.id, newStatus);
-      if (res && newStatus) {
-        createMessage.success(`启用成功`);
-      } else {
-        createMessage.success('禁用成功');
-      }
-    } finally {
-      setTimeout(() => {
-        setProps({
-          loading: false,
-        });
-        disabledSwitch.value = false;
-      }, 500);
-      reload();
-    }
-  };
-  const go = useGo();
+      disabledSwitch.value = false;
+    }, 500);
+    reload();
+  }
+};
+const go = useGo();
 </script>

@@ -5,27 +5,33 @@ import moment from 'moment';
 export const columns: BasicColumn[] = [
   {
     title: '配置名称',
-    dataIndex: '1',
+    dataIndex: 'reportConfigName',
     width: 80,
   },
   {
     title: '所属组织',
-    dataIndex: '2',
+    dataIndex: 'organizationName',
     width: 120,
   },
   {
     title: '数据类型',
-    dataIndex: '3',
+    dataIndex: 'dataCompare',
     width: 120,
+    format: (_text: string, record: Recordable) => {
+      return record.dataCompare === 0 ? '历史数据' : record.dataCompare === 1 ? '同比' : '环比';
+    },
   },
   {
-    title: '执行状态',
-    dataIndex: '4',
+    title: '执行方式',
+    dataIndex: 'executeWay',
     width: 120,
+    format: (_text: string, record: Recordable) => {
+      return record.executeWay === 0 ? '立即执行' : '定时执行';
+    },
   },
   {
     title: '执行日期',
-    dataIndex: '8',
+    dataIndex: 'executeTime',
     width: 180,
   },
 ];
@@ -33,7 +39,7 @@ export const columns: BasicColumn[] = [
 // 查询配置
 export const searchFormSchema: FormSchema[] = [
   {
-    field: '1',
+    field: 'reportConfigName',
     label: '配置名称',
     component: 'Input',
     colProps: { span: 6 },
@@ -43,7 +49,7 @@ export const searchFormSchema: FormSchema[] = [
     },
   },
   {
-    field: '2',
+    field: 'status',
     label: '执行状态',
     component: 'Select',
     colProps: { span: 6 },
@@ -66,7 +72,7 @@ export const searchFormSchema: FormSchema[] = [
     },
   },
   {
-    field: '3',
+    field: 'executeTime',
     label: '执行时间',
     component: 'RangePicker',
     componentProps: {

@@ -6,42 +6,35 @@
           <a-button type="primary" @click="exportCharts"> 导出报表 </a-button>
         </Authority>
         <Authority value="api:yt:reportExport:delete">
-          <Popconfirm
-            title="您确定要批量删除数据"
-            ok-text="确定"
-            cancel-text="取消"
-            @confirm="handleDeleteOrBatchDelete(null)"
-          >
+          <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
             <a-button type="primary" color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
           </Popconfirm>
         </Authority>
       </template>
       <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '查看',
-              icon: 'clarity:note-edit-line',
-              auth: 'api:yt:reportExport:get',
-              onClick: handleView.bind(null, record),
+        <TableAction :actions="[
+          {
+            label: '查看',
+            icon: 'clarity:note-edit-line',
+            auth: 'api:yt:reportExport:get',
+            onClick: handleView.bind(null, record),
+          },
+          {
+            label: '导出报表',
+            icon: 'clarity:note-edit-line',
+            auth: 'api:yt:reportExport:export',
+          },
+          {
+            label: '删除',
+            icon: 'ant-design:delete-outlined',
+            auth: 'api:yt:reportExport:delete',
+            color: 'error',
+            popConfirm: {
+              title: '是否确认删除',
+              confirm: handleDeleteOrBatchDelete.bind(null, record),
             },
-            {
-              label: '导出报表',
-              icon: 'clarity:note-edit-line',
-              auth: 'api:yt:reportExport:export',
-            },
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              auth: 'api:yt:reportExport:delete',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDeleteOrBatchDelete.bind(null, record),
-              },
-            },
-          ]"
-        />
+          },
+        ]" />
       </template>
     </BasicTable>
     <ReportPreviewModal @register="registerModal" />
@@ -49,61 +42,64 @@
 </template>
 
 <script lang="ts" setup>
-  import { reactive, nextTick } from 'vue';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { cameraPage, deleteCameraManage } from '/@/api/camera/cameraManager';
-  import { searchFormSchema, columns } from './config.data';
-  import { Authority } from '/@/components/Authority';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { Popconfirm } from 'ant-design-vue';
-  import { useModal } from '/@/components/Modal';
-  import ReportPreviewModal from './ReportPreviewModal.vue';
+import { reactive, nextTick } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { searchFormSchema, columns } from './config.data';
+import { Authority } from '/@/components/Authority';
+import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+import { Popconfirm } from 'ant-design-vue';
+import { useModal } from '/@/components/Modal';
+import ReportPreviewModal from './ReportPreviewModal.vue';
+import {
+  exportPage,
+  deleteExportManage
+} from '/@/api/export/exportManager';
 
-  const searchInfo = reactive<Recordable>({});
+const searchInfo = reactive<Recordable>({});
 
-  const [registerTable, { reload, setProps }] = useTable({
-    title: '报表导出列表',
-    api: cameraPage,
-    columns,
-    showIndexColumn: false,
-    clickToRowSelect: false,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
-    },
-    useSearchForm: true,
-    showTableSetting: true,
-    bordered: true,
-    rowKey: 'id',
-    actionColumn: {
-      width: 200,
-      title: '操作',
-      dataIndex: 'action',
-      slots: { customRender: 'action' },
-      fixed: 'right',
-    },
-  });
+const [registerTable, { reload, setProps }] = useTable({
+  title: '报表导出列表',
+  api: exportPage,
+  columns,
+  showIndexColumn: false,
+  clickToRowSelect: false,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  rowKey: 'id',
+  actionColumn: {
+    width: 200,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: 'right',
+  },
+});
 
-  const handleSuccess = () => {
-    reload();
-  };
+const handleSuccess = () => {
+  reload();
+};
 
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-    deleteCameraManage,
-    handleSuccess,
-    setProps
-  );
+const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+  deleteExportManage,
+  handleSuccess,
+  setProps
+);
 
-  nextTick(() => {
-    setProps(selectionOptions);
-  });
+nextTick(() => {
+  setProps(selectionOptions);
+});
 
-  const [registerModal, { openModal }] = useModal();
-  const handleView = (_, record) => {
-    openModal(true, {
-      isUpdate: true,
-      record,
-    });
-  };
-  const exportCharts = () => {};
+const [registerModal, { openModal }] = useModal();
+const handleView = (_, record) => {
+  openModal(true, {
+    isUpdate: true,
+    record,
+  });
+};
+const exportCharts = () => { };
 </script>

@@ -185,9 +185,10 @@ export const modeKafkaForm: FormSchema[] = [
   },
   {
     field: 'otherProperties',
-    label: '其他属性(不可重复)',
+    label: '其他属性',
     colProps: { span: 24 },
     component: 'JAddInput',
+    subLabel: '不可重复',
   },
   {
     field: 'addMetadataKeyValuesAsKafkaHeaders',
@@ -539,7 +540,7 @@ export const modeRabbitMqForm: FormSchema[] = [
   },
   {
     field: 'virtualHost',
-    label: '虚拟端口',
+    label: '虚拟端口（以/开头）',
     colProps: { span: 12 },
     component: 'Input',
     defaultValue: '/',
@@ -601,9 +602,10 @@ export const modeRabbitMqForm: FormSchema[] = [
   },
   {
     field: 'clientProperties',
-    label: '客户端属性(不可重复)',
+    label: '客户端属性',
     colProps: { span: 24 },
     component: 'JAddInput',
+    subLabel: '不可重复',
   },
   {
     field: 'description',
@@ -814,10 +816,11 @@ export const modeApiForm: FormSchema[] = [
   },
   {
     field: 'headers',
-    label: 'Headers(不可重复)',
+    label: 'Headers',
     colProps: { span: 24 },
     defaultValue: { 'Content-Type': 'application/json' },
     component: 'JAddInput',
+    subLabel: '不可重复',
   },
 
   {

 <template>
   <div>
-    <BasicModal
-      v-bind="$attrs"
-      width="62rem"
-      :height="heightNum"
-      @register="register"
-      title="任务详细"
-      @cancel="handleCancel"
-      :showOkBtn="false"
-      style="font-size: 12px"
-    >
+    <BasicModal v-bind="$attrs" width="62rem" :height="heightNum" @register="register" title="任务详细"
+      @cancel="handleCancel" :showOkBtn="false" style="font-size: 12px">
       <div>
         <Description :column="3" size="middle" @register="registeDesc" />
       </div>
@@ -17,37 +9,46 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { ref, nextTick, reactive } from 'vue';
-  import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { personSchema } from './config.data';
-  import { Description } from '/@/components/Description/index';
-  import { useDescription } from '/@/components/Description';
+import { ref, nextTick, reactive } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { personSchema } from './config.data';
+import { Description } from '/@/components/Description/index';
+import { useDescription } from '/@/components/Description';
 
-  const heightNum = ref(800);
-  let personData = reactive({});
-  const [registeDesc, { setDescProps }] = useDescription({
-    title: '任务详细信息',
-    data: personData,
-    schema: personSchema,
-    column: 3,
+const heightNum = ref(800);
+let personData = reactive({});
+const [registeDesc, { setDescProps }] = useDescription({
+  title: '任务详细信息',
+  data: personData,
+  schema: personSchema,
+  column: 3,
+});
+const [register] = useModalInner((data) => {
+  nextTick(() => {
+    //回显
+    for (let i in data.record) {
+      Reflect.set(personData, i, data.record[i]);
+    }
+    setDescProps(personData);
   });
-  const [register] = useModalInner((data) => {
-    nextTick(() => {
-      //回显
-      for (let i in data.record) {
-        Reflect.set(personData, i, data.record[i]);
-      }
-      setDescProps(personData);
-    });
-  });
-  const handleCancel = () => {};
+});
+const handleCancel = () => { };
 </script>
 <style lang="less" scoped>
-  :deep(.vben-basic-title-normal) {
-    font-size: 16px;
-    font-weight: 500;
-  }
-  :deep(.vben-collapse-container__header) {
-    border-bottom: none;
-  }
+:deep(.vben-basic-title-normal) {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+:deep(.vben-collapse-container__header) {
+  border-bottom: none;
+}
+
+:deep(.ant-descriptions-item-label) {
+  width: 30rem
+}
+
+:deep(.ant-descriptions-item-content) {
+  width: 45rem
+}
 </style>