wip：报表管理功能开发中...

 import { BasicPageParams } from '/@/api/model/baseModel';
-export type CameraQueryParam = BasicPageParams & CameraParam;
+export type ReportQueryParam = BasicPageParams & CameraParam;
 
 export type CameraParam = {
   status: true;
@@ -9,76 +9,38 @@ export type CameraParam = {
   orderType: string;
 };
 
-export interface CameraModel {
-  accessMode: number;
-  avatar?: string;
-  brand: string;
-  createTime?: '2022-04-19T11:33:13.113Z';
-  creator?: string;
-  defaultConfig?: string;
-  description?: string;
-  deviceInfo?: string;
-  deviceType?: string;
-  enabled?: true;
-  icon?: string;
-  id?: string;
-  name: string;
-  organizationId: string;
-  organizationName?: string;
-  roleIds?: ['string'];
-  sn: string;
-  status?: false;
-  tenantExpireTime?: '2022-04-19T11:33:13.113Z';
-  tenantId?: string;
-  tenantProfileId?: string;
-  tenantStatus?: 'DISABLED';
-  updateTime?: '2022-04-19T11:33:13.113Z';
-  updater?: string;
-  videoUrl: string;
-}
-
-export interface StreamingManageRecord {
-  id: string;
-  creator: string;
+export interface ReportModel {
+  attributeNature: number;
+  attributes: [string];
   createTime: string;
+  creator: string;
+  dataCompare: number;
+  defaultConfig: string;
+  description: string;
+  devices: [string];
+  enabled: true;
+  endTs: number;
+  executeContent: string;
+  executeWay: number;
+  icon: string;
+  id: string;
   name: string;
-  enabled: boolean;
-  tenantId: string;
-  sn: string;
   organizationId: string;
-  organizationName: string;
-  status: boolean;
-  accessMode: number;
-  playProtocol: number;
-}
-
-export interface StreamingMediaModel {
-  id: string;
-  creator: string;
-  createTime: string;
-  enabled: boolean;
+  queryCondition: {
+    agg: string;
+    interval: number;
+    limit: number;
+    orderBy: string;
+    useStrictDataTypes: false;
+  };
+  remark: string;
+  roleIds: [string];
+  startTs: number;
+  status: number;
+  tenantExpireTime: string;
   tenantId: string;
-  type: number;
-  host: string;
-  appKey: string;
-  appSecret: string;
-  ssl: number;
-}
-
-export interface StreamingQueryParam {
-  host?: string;
-}
-
-export interface StreamingSubmitParam {
-  type: number;
-  ssl: number;
-  host: string;
-  appKey: string;
-  appSecret: string;
-  id?: string;
-}
-
-export interface StreamingMediaDeleteParam {
-  tenantId?: string;
-  ids: string[];
+  tenantProfileId: string;
+  tenantStatus: string;
+  updateTime: string;
+  updater: string;
 }

 import { defHttp } from '/@/utils/http/axios';
-import {
-  CameraModel,
-  CameraQueryParam,
-  StreamingMediaDeleteParam,
-  StreamingQueryParam,
-  StreamingSubmitParam,
-} from './model/reportModel';
-
-enum CameraManagerApi {
-  CAMERA_POST_URL = '/video',
-  CAMERA_GET_URL = '/video',
-  CAMERA_DELETE_URL = '/video',
-  CAMERA_GET_DETAIL_URL = '/video',
-  STREAMING_GET_URL = '/video/platform',
-  STREAMING_POST_URL = '/video/platform',
-  STREAMING_DELETE_URL = '/video/platform',
-  STREAMING_PLAY_GET_URL = '/video/url',
+import { ReportModel, ReportQueryParam } from './model/reportModel';
+
+enum ReportManagerApi {
+  GET_REPORT_API = '/report_form/config',
+  POST_REPORT_API = '/report_form/config',
+  DELETE_REPORT_API = '/report_form/config',
+  // PUT_REPORT_API = '/report_form',
+  // PUTID_REPORT_API = '/report_form',
 }
 
-export const cameraPage = (params: CameraQueryParam) => {
-  return defHttp.get<CameraQueryParam>({
-    url: CameraManagerApi.CAMERA_GET_URL,
+//分页
+export const reportPage = (params: ReportQueryParam) => {
+  return defHttp.get<ReportQueryParam>({
+    url: ReportManagerApi.GET_REPORT_API,
     params,
   });
 };
 
-/**
- * 删除视频
- * @param ids 删除的ids
- */
-export const deleteCameraManage = (ids: string[]) => {
+//删除
+export const deleteReportManage = (ids: string[]) => {
   return defHttp.delete({
-    url: CameraManagerApi.CAMERA_DELETE_URL,
+    url: ReportManagerApi.DELETE_REPORT_API,
     data: {
       ids: ids,
     },
   });
 };
 
-// 创建或编辑视频
-export const createOrEditCameraManage = (data) => {
-  return defHttp.post<CameraModel>({
-    url: CameraManagerApi.CAMERA_POST_URL,
+// 创建或编辑
+export const createOrEditReportManage = (data) => {
+  return defHttp.post<ReportModel>({
+    url: ReportManagerApi.POST_REPORT_API,
     data,
   });
 };
 
-// 查询视频详情
-export const getCameraManageDetail = (id: string) => {
-  return defHttp.get({
-    url: CameraManagerApi.CAMERA_GET_DETAIL_URL + `/${id}`,
-  });
-};
-
-/**
- * @description 获取流媒体列表
- * @param params
- * @returns
- */
-export const getStreamingMediaList = (params: StreamingQueryParam) => {
-  return defHttp.get({
-    url: CameraManagerApi.STREAMING_GET_URL,
-    params,
-  });
-};
-
-/**
- * @description 更新/新增流媒体记录
- * @param params
- * @returns
- */
-export const createOrUpdateStreamingMediaRecord = (params: StreamingSubmitParam) => {
-  return defHttp.post({
-    url: CameraManagerApi.STREAMING_POST_URL,
-    params,
-  });
-};
-
-/**
- * @description 删除流媒体记录
- * @param params
- * @returns
- */
-export const deleteStreamingMediaRecord = (params: StreamingMediaDeleteParam) => {
-  return defHttp.delete({
-    url: CameraManagerApi.STREAMING_POST_URL,
-    params,
-  });
-};
+// // 修改状态
+// export const putReportConfigManage = (data) => {
+//   return defHttp.post<ReportModel>({
+//     url: ReportManagerApi.PUT_REPORT_API,
+//     data,
+//   });
+// };
 
-/**
- * @description 获取流媒体播放地址
- * @param entityId
- * @returns
- */
-export const getStreamingPlayUrl = (entityId: string) => {
-  return defHttp.get({
-    url: `${CameraManagerApi.STREAMING_PLAY_GET_URL}/${entityId}`,
-  });
-};
+// // 修改状态
+// export const putReportByidAndStatusManage = (data) => {
+//   return defHttp.post<ReportModel>({
+//     url: ReportManagerApi.PUTID_REPORT_API,
+//     data,
+//   });
+// };

@@ -60,7 +60,7 @@
   });
   const emit = defineEmits(['expand']);
 
-  const show = ref(false);
+  const show = ref(true);
 
   const { prefixCls } = useDesign('collapse-container');
 

@@ -7,7 +7,12 @@
     width="30%"
     @ok="handleSubmit"
   >
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+      <template #deviceAttr="{ model, field }">
+        <deviceAttrColumn :orgId="model['organizationId']" :value="model['devices']" />
+        <p style="display: none">{{ field }}</p>
+      </template>
+    </BasicForm>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
@@ -15,8 +20,9 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './config.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  // import { createOrEditCameraManage } from '/@/api/camera/cameraManager';
+  import { createOrEditReportManage } from '/@/api/report/reportManager';
   import { useMessage } from '/@/hooks/web/useMessage';
+  import deviceAttrColumn from './cpns/MappingsForm.vue';
 
   const emit = defineEmits(['success', 'register']);
   const isUpdate = ref(true);
@@ -51,7 +57,7 @@
       if (!values) return;
       let saveMessage = '添加成功';
       let updateMessage = '修改成功';
-      // await createOrEditCameraManage(values);
+      await createOrEditReportManage(values);
       closeDrawer();
       emit('success');
       createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);

@@ -4,7 +4,6 @@ import moment from 'moment';
 import { getOrganizationList } from '/@/api/system/system';
 import { copyTransFun } from '/@/utils/fnUtils';
 import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
-import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
 import { findDictItemByCode } from '/@/api/system/dict';
 import {
   optionsConfig,
@@ -25,43 +24,43 @@ import {
 export const columns: BasicColumn[] = [
   {
     title: '配置名称',
-    dataIndex: '1',
+    dataIndex: 'name',
     width: 80,
   },
   {
     title: '所属组织',
-    dataIndex: '2',
+    dataIndex: 'organizationId',
     width: 120,
   },
   {
     title: '数据类型',
-    dataIndex: '3',
+    dataIndex: 'dataCompare',
     width: 120,
   },
   {
     title: '配置状态',
-    dataIndex: '4',
+    dataIndex: 'status',
     width: 120,
   },
   {
     title: '执行方式',
-    dataIndex: '5',
+    dataIndex: 'executeWay',
     width: 160,
   },
   {
     title: '执行设备',
-    dataIndex: '6',
+    dataIndex: 'devices',
     width: 160,
     slots: { customRender: 'doDeviceSlot' },
   },
   {
     title: '创建人',
-    dataIndex: '7',
+    dataIndex: 'creator',
     width: 180,
   },
   {
     title: '创建日期',
-    dataIndex: '8',
+    dataIndex: 'createTime',
     width: 180,
   },
 ];
@@ -73,7 +72,7 @@ export const viewDeviceColumn: BasicColumn[] = [
   },
   {
     title: '属性',
-    dataIndex: 'attr',
+    dataIndex: 'attributes',
     width: 120,
   },
 ];
@@ -81,7 +80,7 @@ export const viewDeviceColumn: BasicColumn[] = [
 // 查询配置
 export const searchFormSchema: FormSchema[] = [
   {
-    field: '1',
+    field: 'name',
     label: '配置名称',
     component: 'Input',
     colProps: { span: 6 },
@@ -91,7 +90,7 @@ export const searchFormSchema: FormSchema[] = [
     },
   },
   {
-    field: '2',
+    field: 'status',
     label: '配置状态',
     component: 'Select',
     colProps: { span: 6 },
@@ -110,7 +109,7 @@ export const searchFormSchema: FormSchema[] = [
     },
   },
   {
-    field: '3',
+    field: 'createTime',
     label: '创建时间',
     component: 'RangePicker',
     componentProps: {
@@ -125,7 +124,7 @@ export const searchFormSchema: FormSchema[] = [
 // 新增编辑配置
 export const formSchema: QFormSchema[] = [
   {
-    field: '1',
+    field: 'name',
     label: '报表名称',
     colProps: { span: 24 },
     required: true,
@@ -157,26 +156,9 @@ export const formSchema: QFormSchema[] = [
               };
             });
             updateSchema({
-              field: 'entityId',
+              field: 'devices',
               componentProps: {
                 options,
-                async onChange(e1) {
-                  if (e1) {
-                    const res = await getAttribute(e, e1.join(','));
-                    const attr = res.map((item) => {
-                      return {
-                        label: item,
-                        value: item,
-                      };
-                    });
-                    updateSchema({
-                      field: 'attr',
-                      componentProps: {
-                        options: attr,
-                      },
-                    });
-                  }
-                },
               },
             });
           }
@@ -192,7 +174,7 @@ export const formSchema: QFormSchema[] = [
     },
   },
   {
-    field: '3',
+    field: 'remark',
     label: '描述',
     colProps: { span: 24 },
     component: 'InputTextArea',
@@ -202,23 +184,23 @@ export const formSchema: QFormSchema[] = [
     },
   },
   {
-    field: 'actionS',
+    field: 'executeWay',
     component: 'RadioGroup',
     label: '执行方式',
     colProps: {
       span: 24,
     },
-    defaultValue: '1',
+    defaultValue: 1,
     componentProps: {
       placeholder: '请选择执行方式',
       options: [
         {
           label: '立即执行',
-          value: '1',
+          value: 1,
         },
         {
           label: '定时执行',
-          value: 'TIMING',
+          value: 0,
         },
       ],
     },
@@ -238,7 +220,7 @@ export const formSchema: QFormSchema[] = [
         { label: '每月', value: 'month' },
       ],
     },
-    ifShow: ({ values }) => isTiming(values.actionS),
+    ifShow: ({ values }) => isTiming(values.executeWay),
   },
   {
     field: '51111',
@@ -292,10 +274,10 @@ export const formSchema: QFormSchema[] = [
       labelField: 'itemText',
       valueField: 'itemValue',
     },
-    ifShow: ({ values }) => isTiming(values.actionS),
+    ifShow: ({ values }) => isTiming(values.executeWay),
   },
   {
-    field: 'entityId',
+    field: 'devices',
     label: '设备',
     required: true,
     helpMessage: ['报表配置只对拥有数值型属性的设备才能配置'],
@@ -307,30 +289,61 @@ export const formSchema: QFormSchema[] = [
     colProps: { span: 24 },
   },
   {
-    field: '7',
+    field: 'attributeNature',
     component: 'RadioGroup',
     label: '属性性质',
     required: true,
     colProps: {
       span: 24,
     },
-    defaultValue: '1',
-    componentProps: {
-      placeholder: '请选择属性性质',
-      options: [
+    defaultValue: 0,
+    componentProps: ({ formActionType }) => {
+      const { updateSchema } = formActionType;
+      const options = [
         {
           label: '共有',
-          value: '1',
+          value: 0,
         },
         {
           label: '全部',
-          value: '2',
+          value: 1,
         },
-      ],
+      ];
+      return {
+        options,
+        async onChange(e) {
+          if (e) {
+            let dataCompareOpions: any = [];
+            if (e.target.value == 1) {
+              dataCompareOpions = [{ label: '历史数据', value: 0 }];
+              updateSchema({
+                field: 'dataCompare',
+                componentProps: {
+                  options: dataCompareOpions,
+                },
+              });
+            } else {
+              dataCompareOpions = [
+                { label: '历史数据', value: 0 },
+                { label: '同比', value: 1 },
+                { label: '环比', value: 2 },
+              ];
+              updateSchema({
+                field: 'dataCompare',
+                componentProps: {
+                  options: dataCompareOpions,
+                },
+              });
+            }
+          }
+        },
+        maxLength: 250,
+        placeholder: '请选择属性性质',
+      };
     },
   },
   {
-    field: 'attr',
+    field: 'devices1',
     label: '设备属性',
     required: true,
     component: 'Select',
@@ -338,24 +351,25 @@ export const formSchema: QFormSchema[] = [
       placeholder: '请选择设备属性',
     },
     colProps: { span: 24 },
+    slot:'deviceAttr'
   },
   {
-    field: '9',
+    field: 'dataCompare',
     label: '数据类型',
     required: true,
     component: 'Select',
     componentProps: {
       placeholder: '请选择数据类型',
       options: [
-        { label: '历史数据', value: '1' },
-        { label: '同比', value: '2' },
-        { label: '环比', value: '3' },
+        { label: '历史数据', value: 0 },
+        { label: '同比', value: 1 },
+        { label: '环比', value: 2 },
       ],
     },
     colProps: { span: 24 },
   },
   {
-    field: 'condition',
+    field: 'agg',
     label: '聚合条件',
     required: true,
     component: 'Select',
@@ -391,7 +405,7 @@ export const formSchema: QFormSchema[] = [
     colProps: { span: 24 },
   },
   {
-    field: 'maxNumber',
+    field: 'limit',
     component: 'InputNumber',
     label: '最大值',
     required: true,
@@ -401,7 +415,7 @@ export const formSchema: QFormSchema[] = [
       min: 7,
       max: 50000,
     },
-    ifShow: ({ values }) => isEmpty(values.condition),
+    ifShow: ({ values }) => isEmpty(values.agg),
   },
   {
     field: 'defaultWeek',
@@ -427,7 +441,7 @@ export const formSchema: QFormSchema[] = [
     },
   },
   {
-    field: '3ddsadds',
+    field: 'interval',
     label: '时间段',
     required: true,
     component: 'RangePicker',
@@ -572,12 +586,12 @@ export const formSchema: QFormSchema[] = [
     },
     colProps: { span: 24 },
     ifShow: ({ values }) =>
-      (!isEmpty(values.condition) && !isDefultWeek(values.defaultWeek)) ||
-      isMin(values.condition) ||
-      isMax(values.condition) ||
-      isAvg(values.condition) ||
-      isSum(values.condition) ||
-      isCountAll(values.condition),
+      (!isEmpty(values.agg) && !isDefultWeek(values.defaultWeek)) ||
+      isMin(values.agg) ||
+      isMax(values.agg) ||
+      isAvg(values.agg) ||
+      isSum(values.agg) ||
+      isCountAll(values.agg),
   },
   {
     field: '102121',
@@ -596,11 +610,11 @@ export const formSchema: QFormSchema[] = [
       ],
     },
     ifShow: ({ values }) =>
-      (!isEmpty(values.condition) && !isDefultWeek(values.defaultWeek)) ||
-      isMin(values.condition) ||
-      isMax(values.condition) ||
-      isAvg(values.condition) ||
-      isSum(values.condition) ||
-      isCountAll(values.condition),
+      (!isEmpty(values.agg) && !isDefultWeek(values.defaultWeek)) ||
+      isMin(values.agg) ||
+      isMax(values.agg) ||
+      isAvg(values.agg) ||
+      isSum(values.agg) ||
+      isCountAll(values.agg),
   },
 ];

+<template>
+  <div
+    v-for="(param, index) in dynamicInput.params"
+    :key="index"
+    style="display: flex; margin-top: 0.25vh"
+  >
+    <a-input
+      :disabled="true"
+      placeholder="设备"
+      v-model:value="param.key"
+      style="width: 38%; margin-bottom: 5px; margin-left: 1vh"
+      @change="emitChange"
+    />
+    <Select
+      placeholder="请选择设备属性"
+      v-model:value="param.dataType"
+      style="width: 160px; margin-left: 1.8vw"
+      :options="selectOptions"
+      @change="emitChange"
+    />
+    <MinusCircleOutlined
+      v-if="dynamicInput.params.length > min"
+      class="dynamic-delete-button"
+      @click="remove(param)"
+      style="width: 50px; display: none"
+    />
+  </div>
+  <div style="display: none">
+    <a-button type="text" style="width: 28%; margin-top: 0.25vh" @click="add">
+      <PlusCircleOutlined />
+      Add mapping
+    </a-button>
+  </div>
+</template>
+<script lang="ts">
+  import { MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons-vue';
+  import { defineComponent, reactive, UnwrapRef, watchEffect, ref } from 'vue';
+  import { propTypes } from '/@/utils/propTypes';
+  import { SelectTypes } from 'ant-design-vue/es/select';
+  import { Select } from 'ant-design-vue';
+  import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
+  import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
+
+  interface Params {
+    [x: string]: string;
+    dataType: string;
+    key: string;
+  }
+
+  export default defineComponent({
+    name: 'JAddInput',
+    components: {
+      MinusCircleOutlined,
+      PlusCircleOutlined,
+      Select,
+    },
+    //--------------不继承Antd Design Vue Input的所有属性 否则控制台报大片警告--------------
+    inheritAttrs: false,
+    props: {
+      value: propTypes.array.def([]),
+      //自定义删除按钮多少才会显示
+      min: propTypes.integer.def(0),
+      orgId: propTypes.string.def(''),
+    },
+    emits: ['change', 'update:value', 'dynamicReduceHeight', 'dynamicAddHeight'],
+    setup(props, { emit }) {
+      const selectOptions = ref<SelectTypes['options']>([]);
+
+      //input动态数据
+      const dynamicInput: UnwrapRef<{ params: Params[] }> = reactive({ params: [] });
+      //删除Input
+      const remove = (item: Params) => {
+        let index = dynamicInput.params.indexOf(item);
+        if (index !== -1) {
+          dynamicInput.params.splice(index, 1);
+        }
+        emitChange();
+        emit('dynamicReduceHeight');
+      };
+
+      //新增Input
+      const add = () => {
+        dynamicInput.params.push({
+          dataType: 'STRING',
+          key: '',
+        });
+        emitChange();
+        emit('dynamicAddHeight');
+      };
+
+      //监听传入数据value
+      watchEffect(() => {
+        initVal();
+      });
+
+      /**
+       * 初始化数值
+       */
+      async function initVal() {
+        dynamicInput.params = [];
+        if (props.value) {
+          if (props.orgId) {
+            const res = await getAttribute(props.orgId, props.value.join(','));
+            selectOptions.value = res.map((o) => {
+              return {
+                label: o,
+                value: o,
+              };
+            });
+            const { items } = await screenLinkPageByDeptIdGetDevice({
+              organizationId: props.orgId,
+            });
+            const options = items.map((item) => {
+              return {
+                label: item.name,
+                value: item.tbDeviceId,
+              };
+            });
+            const temp: any = [];
+            options.forEach((f) => {
+              props.value.forEach((f1) => {
+                if (f1 == f.value) {
+                  temp.push({
+                    label: f.label,
+                    value: f.value,
+                  });
+                }
+              });
+            });
+            let jsonObj = temp;
+            jsonObj.forEach((item: Params) => {
+              dynamicInput.params.push({
+                dataType: item.dataType,
+                key: item.label,
+                value: item.value,
+              });
+            });
+          }
+        }
+      }
+      /**
+       * 数值改变
+       */
+      function emitChange() {
+        let obj: any = [];
+        if (dynamicInput.params.length > 0) {
+          dynamicInput.params.forEach((item: Params) => {
+            obj.push({
+              attr: item.dataType,
+              tbDeviceId: item.value,
+            });
+          });
+        }
+        console.log('数值改变', obj);
+        emit('change', obj);
+        emit('update:value', obj);
+      }
+
+      return {
+        dynamicInput,
+        emitChange,
+        remove,
+        add,
+        selectOptions,
+      };
+    },
+  });
+</script>
+<style scoped>
+  .dynamic-delete-button {
+    cursor: pointer;
+    position: relative;
+    top: 4px;
+    font-size: 24px;
+    color: #999;
+    transition: all 0.3s;
+  }
+
+  .dynamic-delete-button:hover {
+    color: #777;
+  }
+
+  .dynamic-delete-button[disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+</style>

@@ -58,7 +58,7 @@
   import { useDrawer } from '/@/components/Drawer';
   import ReportConfigDrawer from './ReportConfigDrawer.vue';
   import DevicePreviewModal from './DevicePreviewModal.vue';
-  import { cameraPage, deleteCameraManage } from '/@/api/camera/cameraManager';
+  import { reportPage, deleteReportManage } from '/@/api/report/reportManager';
   import { searchFormSchema, columns } from './config.data';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
@@ -70,7 +70,7 @@
 
   const [registerTable, { reload, setProps }] = useTable({
     title: '报表列表',
-    api: cameraPage,
+    api: reportPage,
     columns,
     showIndexColumn: false,
     clickToRowSelect: false,
@@ -100,7 +100,7 @@
   };
 
   const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-    deleteCameraManage,
+    deleteReportManage,
     handleSuccess,
     setProps
   );

@@ -75,7 +75,7 @@ export const optionsConfig: IOptionConfig[] = [
 ];
 
 export enum TypeEnum {
-  IS_TIMING = 'TIMING',
+  IS_TIMING = 0,
   IS_WEEK = 'week',
   IS_MONTH = 'month',
   IS_EMPTY = 'NONE',