fix: 添加规则链库

@@ -22,6 +22,8 @@ enum ScreenManagerApi {
   GET_ATTRBUTELIST = '/device/attributes/',
   ALARM_PROFILE = '/alarm/profile/',
   MASTER_GET_DEVICE = '/device/list',
+  RULE_CHAINS = '/ruleChains',
+  RULE_CHAIN = '/ruleChain',
 }
 
 /**
@@ -130,3 +132,45 @@ export const byOrganizationIdGetMasterDevice = (params: {
   });
 };
 //TODO-fengtao
+
+/**
+ * 分页查询规则链库
+ */
+
+export const getRuleChinsList = (params) => {
+  return defHttp.get(
+    {
+      url: `${ScreenManagerApi.RULE_CHAINS}`,
+      params,
+    },
+    { joinPrefix: false }
+  );
+};
+
+/**
+ * 新增规则链
+ */
+
+export const createRuleChine = (params) => {
+  return defHttp.post(
+    {
+      url: `${ScreenManagerApi.RULE_CHAIN}`,
+      params,
+    },
+    { joinPrefix: false }
+  );
+};
+
+/**
+ * 删除规则链
+ */
+
+export const deleteRuleChine = (params) => {
+  return defHttp.delete(
+    {
+      url: `${ScreenManagerApi.RULE_CHAIN}/`,
+      params,
+    },
+    { joinPrefix: false }
+  );
+};

+<template>
+  <div>
+    <BasicModal
+      destroyOnClose
+      v-bind="$attrs"
+      width="30rem"
+      @register="register"
+      title="添加规则链"
+      @ok="handleSuccess"
+      @close="handleClose"
+    >
+      <div>
+        <BasicForm @register="registerForm" />
+      </div>
+    </BasicModal>
+  </div>
+</template>
+<script setup lang="ts">
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { ExecuteReportRecord } from '/@/api/export/model/exportModel';
+  import { useForm, BasicForm } from '/@/components/Form';
+  import { formSchema } from './config';
+  import { createRuleChine } from '/@/api/ruleengine/ruleengineApi';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  const emit = defineEmits(['register', 'success']);
+
+  const { createMessage } = useMessage();
+
+  const [registerForm, { getFieldsValue, validate }] = useForm({
+    labelWidth: 120,
+    schemas: formSchema,
+    showActionButtonGroup: false,
+  });
+
+  const [register, { setModalProps, closeModal }] = useModalInner(
+    async (data: { record: ExecuteReportRecord }) => {
+      setModalProps({ loading: true });
+      console.log(data, 'record');
+    }
+  );
+
+  const handleClose = () => {
+    closeModal();
+  };
+
+  const handleSuccess = async () => {
+    console.log(1, '1', getFieldsValue());
+    await validate();
+    const record = getFieldsValue();
+    const { description, debugMode, name } = record;
+    const form = {
+      additionalInfo: {
+        description,
+      },
+      debugMode,
+      name,
+      type: 'CORE',
+    };
+
+    await createRuleChine(form);
+    createMessage.success('添加成功');
+    handleClose();
+    emit('success');
+  };
+</script>
+<style lang="less" scoped></style>

+import { FormSchema } from '/@/components/Form';
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '名称',
+    colProps: { span: 16 },
+    component: 'Input',
+    required: true,
+    componentProps: {
+      placeholder: '请输入名称',
+    },
+  },
+  {
+    field: 'debugMode',
+    label: '调试模式',
+    component: 'Checkbox',
+    colProps: { span: 8 },
+    componentProps: {},
+  },
+  {
+    field: 'description',
+    label: '说明',
+    component: 'InputTextArea',
+  },
+];

+import RuleChainModal from './RuleChainModal.vue';
+
+export { RuleChainModal };

+import { BasicColumn, FormSchema } from '/@/components/Table';
+import { transformTime } from '/@/hooks/web/useDateToLocaleString';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '创建时间',
+    dataIndex: 'createdTime',
+    width: 200,
+    format: (_text: string, record: Recordable) => {
+      return transformTime(record.createdTime);
+    },
+  },
+  {
+    title: '名称',
+    dataIndex: 'name',
+    width: 200,
+  },
+  {
+    title: '是否跟链',
+    dataIndex: 'root',
+    slots: {
+      customRender: 'root',
+    },
+    width: 200,
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'textSearch',
+    label: '名称',
+    component: 'Input',
+
+    colProps: { span: 8 },
+    componentProps: {
+      placeholder: '请输入名称',
+    },
+  },
+];
+
+export const encode = (string: string) => {
+  return encodeURIComponent(string);
+};

+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <Authority>
+          <a-button type="primary" @click="handleAdd"> 新增规则链 </a-button>
+        </Authority>
+        <!-- <Authority>
+          <Popconfirm
+            title="您确定要批量删除数据"
+            ok-text="确定"
+            cancel-text="取消"
+            @confirm="handleDeleteOrBatchDelete(null)"
+          >
+            <a-button color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
+          </Popconfirm>
+        </Authority> -->
+      </template>
+      <template #root="{ record }">
+        <Tag :color="record.root ? 'green' : 'red'"> {{ record.root ? '是' : '否' }}</Tag>
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: '查看',
+              icon: 'ant-design:eye-outlined',
+              onClick: handleView.bind(null, record),
+            },
+            {
+              label: '删除',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              ifShow: !record.root,
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDeleteOrBatchDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+    </BasicTable>
+    <RuleChainModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+<script lang="ts" setup>
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { columns, encode, searchFormSchema } from './config/config.data';
+  import { deleteRuleChine, getRuleChinsList } from '/@/api/ruleengine/ruleengineApi';
+  import { useModal } from '/@/components/Modal';
+  import { Authority } from '/@/components/Authority';
+  import { Tag } from 'ant-design-vue';
+  import { RuleChainModal } from './component/index';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { usePermission } from '/@/hooks/web/usePermission';
+  import { useRouter } from 'vue-router';
+
+  const [registerTable, { reload, setProps }] = useTable({
+    title: '规则链库',
+    api: getRuleChinsList,
+    columns,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    fetchSetting: {
+      pageField: 'page',
+      listField: 'data',
+    },
+    pagination: true,
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    showIndexColumn: false,
+    beforeFetch(params) {
+      Reflect.set(params, 'page', params.page - 1);
+      Reflect.set(params, 'sortProperty', 'createdTime');
+      Reflect.set(params, 'sortOrder', 'DESC');
+      return params;
+    },
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
+  });
+
+  const [registerModal, { openModal }] = useModal();
+
+  const handleSuccess = () => {
+    reload();
+  };
+
+  const handleAdd = () => {
+    openModal(true);
+  };
+
+  const { createMessage } = useMessage();
+  const { hasPermission } = usePermission();
+  const router = useRouter();
+
+  const handleView = (record: Recordable) => {
+    const hasDetailPermission = hasPermission('rule:chain:detail');
+    if (hasDetailPermission) {
+      const boardId = encode(record.id.id);
+      router.push(`/rule/chain/${boardId}`);
+    } else createMessage.warning('没有权限');
+  };
+
+  const handleDeleteOrBatchDelete = async (record: Recordable) => {
+    setProps({
+      loading: true,
+    });
+    try {
+      await deleteRuleChine(record.id.id);
+      createMessage.success('删除成功');
+    } finally {
+      setProps({
+        loading: false,
+      });
+    }
+    reload();
+  };
+</script>