Merge branch 'main' into sqy_dev

@@ -90,7 +90,7 @@
       ContactDrawer,
       ContactDrawer,
     },
     },
     setup() {
     setup() {
-      const selectArray: any = ref([]);
+      let selectArray: any = [];
       const hasBatchDelete = ref(true);
       const hasBatchDelete = ref(true);
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
@@ -140,17 +140,19 @@
         }
         }
       };
       };
       const useSelectionChange = () => {
       const useSelectionChange = () => {
-        selectArray.value = getSelectRows()
-          .filter((f) => f.status !== 1)
-          .map((m) => m.id);
-        if (selectArray.value.length > 0) {
-          hasBatchDelete.value = false;
-        } else {
+        let getRows = getSelectRows();
+        const isJudge = getRows.map((m) => m.status);
+        if (isJudge.length === 0) {
+          hasBatchDelete.value = true;
+        }
+        if (isJudge.includes(1) && isJudge.includes(0)) {
           hasBatchDelete.value = true;
           hasBatchDelete.value = true;
+        } else if (isJudge.includes(1) && !isJudge.includes(0)) {
+          hasBatchDelete.value = true;
+        } else if (!isJudge.includes(1) && isJudge.includes(0)) {
+          hasBatchDelete.value = false;
         }
         }
-        // const isJude = getSelectRows().some((s) => {
-        //   if (s.status == 1) return createMessage.error('不能删除已经启用的，请选择未启用的');
-        // });
+        selectArray = getRows.filter((f) => f.status !== 1).map((m) => m.id);
       };
       };
       // 删除或批量删除
       // 删除或批量删除
       const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
       const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
@@ -159,18 +161,17 @@
             await deleteAlarmConfig([record.id]);
             await deleteAlarmConfig([record.id]);
             createMessage.success('删除成功');
             createMessage.success('删除成功');
             handleSuccess();
             handleSuccess();
-          } catch (e: any) {
-            createMessage.error(e.msg);
-          }
+          } catch (e: any) {}
         } else {
         } else {
           try {
           try {
-            await deleteAlarmConfig(selectArray.value);
+            await deleteAlarmConfig(selectArray);
             createMessage.success('批量删除成功');
             createMessage.success('批量删除成功');
             handleSuccess();
             handleSuccess();
-            selectArray.value.length = 0;
+            selectArray.length = 0;
           } catch (e: any) {
           } catch (e: any) {
-            createMessage.error(e.msg);
-            selectArray.value.length = 0;
+            selectArray.length = 0;
+          } finally {
+            selectArray.length = 0;
           }
           }
         }
         }
       };
       };

@@ -77,6 +77,7 @@ export const formSchema: FormSchema[] = [
   {
   {
     field: 'organizationId',
     field: 'organizationId',
     label: '所属组织',
     label: '所属组织',
+    required: true,
     component: 'ApiTreeSelect',
     component: 'ApiTreeSelect',
     componentProps: {
     componentProps: {
       api: async () => {
       api: async () => {

@@ -6,6 +6,12 @@ import { DeviceTypeEnum, DeviceState } from '/@/api/device/model/deviceModel';
 // 表格列数据
 // 表格列数据
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
+    title: '设备图片',
+    dataIndex: 'deviceInfo.avatar',
+    width: 120,
+    slots: { customRender: 'img' },
+  },
+  {
     title: '设备名称',
     title: '设备名称',
     dataIndex: 'name',
     dataIndex: 'name',
     width: 120,
     width: 120,

@@ -171,6 +171,7 @@
         ]);
         ]);
       };
       };
       const handleOk = async () => {
       const handleOk = async () => {
+        const { createMessage } = useMessage();
         // 验证
         // 验证
         const valid = await validate();
         const valid = await validate();
         if (!valid) return;
         if (!valid) return;
@@ -197,14 +198,17 @@
               ? field.publicKey
               ? field.publicKey
               : null,
               : null,
         };
         };
-
-        await saveDeviceToken(editData);
-        const { createMessage } = useMessage();
-        createMessage.success('修改设备凭证成功');
-
-        // 请求
-        closeModal();
-        handleCancel();
+        saveDeviceToken(editData)
+          .then((res) => {
+            if (!res) return;
+            createMessage.success('修改设备凭证成功');
+            // 请求
+            closeModal();
+            handleCancel();
+          })
+          .catch((e) => {
+            createMessage.error(e);
+          });
       };
       };
       return {
       return {
         registerModal,
         registerModal,

@@ -18,6 +18,20 @@
             批量删除
             批量删除
           </a-button>
           </a-button>
         </template>
         </template>
+        <template #img="{ record }">
+          <TableImg
+            :size="30"
+            :showBadge="false"
+            :simpleShow="true"
+            :imgList="
+              typeof record.deviceInfo.avatar !== 'undefined' &&
+              record.deviceInfo.avatar !== '' &&
+              record.deviceInfo.avatar != null
+                ? [record.deviceInfo.avatar]
+                : null
+            "
+          />
+        </template>
         <template #deviceProfile="{ record }">
         <template #deviceProfile="{ record }">
           <a-button type="link" class="ml-2" @click="goDeviceProfile(record.deviceProfile.name)">
           <a-button type="link" class="ml-2" @click="goDeviceProfile(record.deviceProfile.name)">
             {{ record.deviceProfile.name }}
             {{ record.deviceProfile.name }}
@@ -83,13 +97,13 @@
               {
               {
                 label: '编辑',
                 label: '编辑',
                 icon: 'clarity:note-edit-line',
                 icon: 'clarity:note-edit-line',
-                ifShow: authBtn(role),
+                ifShow: authBtn(role) && record.customerId === undefined,
                 onClick: handleEdit.bind(null, record),
                 onClick: handleEdit.bind(null, record),
               },
               },
               {
               {
                 label: '删除',
                 label: '删除',
                 icon: 'ant-design:delete-outlined',
                 icon: 'ant-design:delete-outlined',
-                ifShow: authBtn(role),
+                ifShow: authBtn(role) && record.customerId === undefined,
                 color: 'error',
                 color: 'error',
                 popConfirm: {
                 popConfirm: {
                   title: '是否确认删除',
                   title: '是否确认删除',
@@ -109,7 +123,7 @@
 <script lang="ts">
 <script lang="ts">
   import { defineComponent, reactive } from 'vue';
   import { defineComponent, reactive } from 'vue';
   import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
   import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction, TableImg } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/device.data';
   import { columns, searchFormSchema } from './config/device.data';
   import { Tag } from 'ant-design-vue';
   import { Tag } from 'ant-design-vue';
   import {
   import {
@@ -145,6 +159,7 @@
       DeviceModal,
       DeviceModal,
       DeviceDetailDrawer,
       DeviceDetailDrawer,
       CustomerModal,
       CustomerModal,
+      TableImg,
     },
     },
     setup(_) {
     setup(_) {
       const go = useGo();
       const go = useGo();

@@ -167,11 +167,17 @@
         if (isUpdate.value == 1) {
         if (isUpdate.value == 1) {
           delete postDeviceConfogData.id;
           delete postDeviceConfogData.id;
         }
         }
-        await deviceConfigAddOrEdit(postDeviceConfogData);
-        createMessage.success(isUpdate.value == 1 ? '新增' + '成功' : '编辑' + '成功');
-        closeModal();
-        emit('success');
-        isNextStatus.value = false;
+        deviceConfigAddOrEdit(postDeviceConfogData)
+          .then((res) => {
+            if (!res) return;
+            createMessage.success(isUpdate.value == 1 ? '新增' + '成功' : '编辑' + '成功');
+            closeModal();
+            emit('success');
+            isNextStatus.value = false;
+          })
+          .catch((e) => {
+            createMessage.error(e);
+          });
       };
       };
       const handleCancel = () => {
       const handleCancel = () => {
         nextTick(() => {
         nextTick(() => {

@@ -6,6 +6,12 @@ import { numberRule } from '/@/utils/rules';
 
 
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
+    title: '配置图片', //图标
+    dataIndex: 'image',
+    width: 80,
+    slots: { customRender: 'img' },
+  },
+  {
     title: '名称',
     title: '名称',
     dataIndex: 'name',
     dataIndex: 'name',
     width: 120,
     width: 120,

@@ -15,6 +15,18 @@
           批量删除
           批量删除
         </a-button>
         </a-button>
       </template>
       </template>
+      <template #img="{ record }">
+        <TableImg
+          :size="30"
+          :showBadge="false"
+          :simpleShow="true"
+          :imgList="
+            typeof record.image !== 'undefined' && record.image !== '' && record.image != null
+              ? [record.image]
+              : null
+          "
+        />
+      </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
           :actions="[
           :actions="[
@@ -62,8 +74,8 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-  import { defineComponent, ref, reactive, nextTick, onUnmounted } from 'vue';
-  import { BasicTable, useTable, TableAction, BasicColumn } from '/@/components/Table';
+  import { defineComponent, ref, nextTick, onUnmounted } from 'vue';
+  import { BasicTable, TableImg, useTable, TableAction, BasicColumn } from '/@/components/Table';
   import { columns, searchFormSchema } from './device.profile.data';
   import { columns, searchFormSchema } from './device.profile.data';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import {
   import {
@@ -78,22 +90,24 @@
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'DeviceProfileManagement',
     name: 'DeviceProfileManagement',
-    components: { BasicTable, DeviceProfileModal, TableAction, ImpExcel },
+    components: { BasicTable, DeviceProfileModal, TableAction, ImpExcel, TableImg },
     setup() {
     setup() {
       const deviceDetailRef = ref(null);
       const deviceDetailRef = ref(null);
-      let selectedRowKeys: string[] = reactive([]);
+      let selectedRowKeys: any = [];
       const getPathUrl = ref('');
       const getPathUrl = ref('');
       const getPathUrlName = ref('');
       const getPathUrlName = ref('');
       const disabled = ref(true);
       const disabled = ref(true);
       const onCloseVal = ref(0);
       const onCloseVal = ref(0);
+      const immediateStatus = ref(false);
 
 
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
       const [registerModal, { openModal }] = useModal();
       const [registerModal, { openModal }] = useModal();
       const [registerModalDetail] = useModal();
       const [registerModalDetail] = useModal();
-      const [registerTable, { reload, getSelectRowKeys, setTableData, getForm }] = useTable({
+      const [registerTable, { reload, getSelectRows, setTableData, getForm }] = useTable({
         title: '设备配置列表',
         title: '设备配置列表',
         clickToRowSelect: false,
         clickToRowSelect: false,
         api: deviceConfigGetQuery,
         api: deviceConfigGetQuery,
+        immediate: immediateStatus.value,
         columns,
         columns,
         formConfig: {
         formConfig: {
           labelWidth: 120,
           labelWidth: 120,
@@ -150,12 +164,13 @@
               resetFields();
               resetFields();
             }
             }
           });
           });
+        } else {
+          setTimeout(() => {
+            reload();
+          }, 80);
         }
         }
       };
       };
-      setTimeout(() => {
-        setRowClassName();
-      }, 500);
-
+      setRowClassName();
       onUnmounted(() => {
       onUnmounted(() => {
         getPathUrlName.value = '';
         getPathUrlName.value = '';
         onCloseVal.value = 1;
         onCloseVal.value = 1;
@@ -212,7 +227,7 @@
         }, 10);
         }, 10);
       }
       }
       const useSelectionChange = () => {
       const useSelectionChange = () => {
-        selectedRowKeys = getSelectRowKeys();
+        selectedRowKeys = getSelectRows();
         if (selectedRowKeys.length > 0) {
         if (selectedRowKeys.length > 0) {
           disabled.value = false;
           disabled.value = false;
         } else {
         } else {
@@ -220,6 +235,9 @@
         }
         }
       };
       };
       async function handleTableDel() {
       async function handleTableDel() {
+        selectedRowKeys = selectedRowKeys
+          .filter((f: any) => f.default !== true)
+          .map((m: any) => m.id);
         await deviceConfigDelete(selectedRowKeys);
         await deviceConfigDelete(selectedRowKeys);
         createMessage.success('删除成功');
         createMessage.success('删除成功');
         handleSuccess();
         handleSuccess();

@@ -91,7 +91,7 @@
         }
         }
         const isLt2M = (file.size as number) / 1024 / 1024 < 2;
         const isLt2M = (file.size as number) / 1024 / 1024 < 2;
         if (!isLt2M) {
         if (!isLt2M) {
-          createMessage.error('图片大小不能超过5MB!');
+          createMessage.error('图片大小不能超过2MB!');
         }
         }
         return isJpgOrPng && isLt2M;
         return isJpgOrPng && isLt2M;
       };
       };

@@ -11,6 +11,9 @@
       <div v-else-if="isMqttType == 'LWM2M'">
       <div v-else-if="isMqttType == 'LWM2M'">
         <Lwm2mCpns ref="lwm2mRef" />
         <Lwm2mCpns ref="lwm2mRef" />
       </div>
       </div>
+      <div v-else-if="isMqttType == 'SNMP1'">
+        <SnmpCpns ref="snmpRef" />
+      </div>
       <div
       <div
         style="
         style="
           display: flex;
           display: flex;
@@ -40,6 +43,7 @@
   import MqttCpns from '../step/cpns/mqtt/Mqtt.vue';
   import MqttCpns from '../step/cpns/mqtt/Mqtt.vue';
   import CoapCpns from '../step/cpns/coap/Coap.vue';
   import CoapCpns from '../step/cpns/coap/Coap.vue';
   import Lwm2mCpns from '../step/cpns/lwm2m/index.vue';
   import Lwm2mCpns from '../step/cpns/lwm2m/index.vue';
+  import SnmpCpns from '../step/cpns/snmp/index.vue';
 
 
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
@@ -52,6 +56,7 @@
       MqttCpns,
       MqttCpns,
       CoapCpns,
       CoapCpns,
       Lwm2mCpns,
       Lwm2mCpns,
+      SnmpCpns,
     },
     },
     emits: ['next', 'prev', 'register'],
     emits: ['next', 'prev', 'register'],
     setup(_, { emit }) {
     setup(_, { emit }) {
@@ -59,6 +64,7 @@
       const mqttRef = ref(null);
       const mqttRef = ref(null);
       const coapRef = ref(null);
       const coapRef = ref(null);
       const lwm2mRef = ref(null);
       const lwm2mRef = ref(null);
+      const snmpRef = ref(null);
       const isMqttType = ref('');
       const isMqttType = ref('');
       let step2Data = reactive({
       let step2Data = reactive({
         transportConfiguration: {},
         transportConfiguration: {},
@@ -104,6 +110,7 @@
                 { label: 'MQTT', value: 'MQTT' },
                 { label: 'MQTT', value: 'MQTT' },
                 { label: 'CoAP', value: 'COAP' },
                 { label: 'CoAP', value: 'COAP' },
                 { label: 'LWM2M', value: 'LWM2M' },
                 { label: 'LWM2M', value: 'LWM2M' },
+                // { label: 'SNMP', value: 'SNMP' },
               ],
               ],
               onChange(e) {
               onChange(e) {
                 isMqttType.value = e;
                 isMqttType.value = e;
@@ -139,6 +146,7 @@
         mqttRef,
         mqttRef,
         coapRef,
         coapRef,
         lwm2mRef,
         lwm2mRef,
+        snmpRef,
       };
       };
     },
     },
   });
   });

@@ -498,6 +498,7 @@ export const deviceSchemas: FormSchema[] = [
     colProps: { span: 22 },
     colProps: { span: 22 },
     component: 'InputTextArea',
     component: 'InputTextArea',
     componentProps: {
     componentProps: {
+      disabled: true,
       autoSize: {
       autoSize: {
         maxRows: 50,
         maxRows: 50,
       },
       },

@@ -78,6 +78,7 @@
         observe: [],
         observe: [],
         telemetry: [],
         telemetry: [],
       });
       });
+
       const [
       const [
         registerModel,
         registerModel,
         { resetFields: resetObjectListValue, getFieldsValue: getObjectListValue },
         { resetFields: resetObjectListValue, getFieldsValue: getObjectListValue },

+<template>
+  <div style="display: flex; flex-direction: row; width: 30vw">
+    <div style="width: 9vw">
+      <BasicForm
+        :showResetButton="false"
+        :showSubmitButton="false"
+        @register="registerRightSelect"
+      />
+    </div>
+    <div style="width: 20vw">
+      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerRightInput"
+    /></div>
+    <div style="width: 1vw; margin-left: -0.8vw">
+      <span @click="handleDelScopeAndKeyAndVal" style="color: red; cursor: pointer">X</span>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { snmpRightSelectSchemas, snmpRightInputSchemas } from '../index';
+
+  export default defineComponent({
+    components: {
+      BasicForm,
+    },
+
+    emits: ['next', 'prev', 'register', 'clear'],
+    setup(_, { emit }) {
+      const [registerRightSelect] = useForm({
+        labelWidth: 80,
+        schemas: snmpRightSelectSchemas,
+        actionColOptions: {
+          span: 14,
+        },
+      });
+      const [registerRightInput] = useForm({
+        labelWidth: 80,
+        schemas: snmpRightInputSchemas,
+        actionColOptions: {
+          span: 14,
+        },
+      });
+      const handleDelScopeAndKeyAndVal = () => {
+        emit('clear');
+      };
+      return {
+        registerRightSelect,
+        registerRightInput,
+        handleDelScopeAndKeyAndVal,
+      };
+    },
+  });
+</script>
+<style lang="less" scoped></style>

+import { FormSchema } from '/@/components/Form';
+
+export const snmpSchemas: FormSchema[] = [
+  {
+    field: 'timeoutMs',
+    component: 'InputNumber',
+    label: 'Timeout,ns',
+    required: true,
+    defaultValue: 500,
+    colProps: { span: 11 },
+  },
+  {
+    field: 'retries',
+    component: 'InputNumber',
+    label: 'Retries',
+    required: true,
+    defaultValue: 0,
+    colProps: { span: 11 },
+  },
+  {
+    field: 'noknown',
+    component: 'Input',
+    label: '',
+    slot: 'add',
+    colProps: { span: 11 },
+  },
+];
+
+export const snmpLeftSchemas: FormSchema[] = [
+  {
+    field: 'spec',
+    component: 'Select',
+    label: 'Scope',
+    defaultValue: 'CLIENT_ATTRIBUTES_QUERYING',
+    componentProps: {
+      options: [
+        {
+          label: 'Telemetry',
+          value: 'TELEMETRY_QUERYING',
+        },
+        {
+          label: 'Client attributes',
+          value: 'CLIENT_ATTRIBUTES_QUERYING',
+        },
+        {
+          label: 'Shared attributes',
+          value: 'SHARED_ATTRIBUTES_SETTING',
+        },
+        {
+          label: 'RPC request',
+          value: 'TO_DEVICE_RPC_REQUEST',
+        },
+      ],
+    },
+    colProps: { span: 11 },
+  },
+];
+
+export const snmpRightSchemas: FormSchema[] = [
+  {
+    field: 'queryingFrequencyMs',
+    component: 'InputNumber',
+    label: '查询频率，毫秒',
+    required: true,
+    defaultValue: 5000,
+    colProps: { span: 22 },
+  },
+];
+
+export const snmpRightSelectSchemas: FormSchema[] = [
+  {
+    field: 'dataType',
+    component: 'Select',
+    label: 'Type',
+    defaultValue: '字符串',
+    componentProps: {
+      options: [
+        {
+          label: '字符串',
+          value: '字符串',
+        },
+        {
+          label: '数字',
+          value: '数字',
+        },
+        {
+          label: '布尔值',
+          value: '布尔值',
+        },
+        {
+          label: '双精度小数',
+          value: '双精度小数',
+        },
+        {
+          label: 'JSON',
+          value: 'JSON',
+        },
+      ],
+    },
+    colProps: { span: 11 },
+  },
+];
+
+export const snmpRightInputSchemas: FormSchema[] = [
+  {
+    field: 'key',
+    component: 'Input',
+    label: 'Data key',
+    required: true,
+    colProps: { span: 11 },
+  },
+  {
+    field: 'oid',
+    component: 'Input',
+    label: 'OID',
+    required: true,
+    colProps: { span: 11 },
+  },
+];

+<template>
+  <div
+    style="
+      margin-top: -5vh;
+      border: 0.5px solid gray;
+      margin-left: 0.1vw;
+      border-radius: 5px;
+      padding-left: 1.5vw;
+    "
+  >
+    <div style="margin-top: 1.2vh">
+      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="register">
+        <template #add>
+          <div>
+            <template v-for="(item, index) in scopeData" :key="item.id1">
+              <span style="display: none">{{ item }}</span>
+              <div
+                style="
+                  display: flex;
+                  width: 45vw;
+                  flex-direction: row;
+                  border: 0.5px solid gray;
+                  border-radius: 5px;
+                  margin-left: -1.5vw;
+                "
+              >
+                <div
+                  style="
+                    width: 14vw;
+                    border: 0.5px solid gray;
+                    border-radius: 5px;
+                    margin-left: -2vw;
+                  "
+                >
+                  <BasicForm
+                    :showResetButton="false"
+                    :showSubmitButton="false"
+                    @register="registerLeft"
+                  />
+                </div>
+                <div style="width: 29.3vw; border: 0.5px solid gray; border-radius: 5px">
+                  <BasicForm
+                    :showResetButton="false"
+                    :showSubmitButton="false"
+                    @register="registerRight"
+                  />
+                  <div>
+                    <template v-for="(item1, index1) in item.mappings" :key="item1.id2">
+                      <span style="display: none">{{ index1 }}</span>
+                      <span style="display: none">{{ item1 }}</span>
+                      <KeyAndValVue @clear="clearFun(index, index1)" />
+                    </template>
+                    <div
+                      style="
+                        margin-top: -3.8vh;
+                        margin-left: 2.3vw;
+                        position: relative;
+                        top: -1.5vh;
+                      "
+                    >
+                      <a-button size="small" type="default" @click="handleAddMapping(index)">
+                        Add mapping
+                      </a-button>
+                    </div>
+                  </div>
+                </div>
+                <div style="width: 1vw; margin-top: 8.5vh; margin-left: 0.5vw">
+                  <span @click="handleDelScope(index)" style="color: red; cursor: pointer">X</span>
+                </div>
+              </div>
+              <div style="height: 2vh"></div>
+            </template>
+            <div style="margin-left: -1vw">
+              <a-button size="small" type="default" @click="handleAddScope">
+                Add communication config
+              </a-button>
+            </div>
+          </div>
+        </template>
+      </BasicForm>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+  import { defineComponent, ref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { snmpSchemas, snmpLeftSchemas, snmpRightSchemas } from './index';
+  import { Alert, Divider, Descriptions } from 'ant-design-vue';
+  import KeyAndValVue from './cpns/KeyAndVal.vue';
+
+  export default defineComponent({
+    components: {
+      BasicForm,
+      [Alert.name]: Alert,
+      [Divider.name]: Divider,
+      [Descriptions.name]: Descriptions,
+      [Descriptions.Item.name]: Descriptions.Item,
+      KeyAndValVue,
+    },
+
+    emits: ['next', 'prev', 'register'],
+    setup() {
+      const scopeData: any = ref([
+        {
+          id1: 1,
+          mappings: [
+            {
+              id2: 2,
+            },
+          ],
+        },
+      ]);
+
+      const [register] = useForm({
+        labelWidth: 150,
+        schemas: snmpSchemas,
+        actionColOptions: {
+          span: 14,
+        },
+      });
+      const [registerLeft] = useForm({
+        labelWidth: 100,
+        schemas: snmpLeftSchemas,
+        actionColOptions: {
+          span: 14,
+        },
+      });
+      const [registerRight] = useForm({
+        labelWidth: 150,
+        schemas: snmpRightSchemas,
+        actionColOptions: {
+          span: 14,
+        },
+      });
+
+      const handleAddMapping = (i) => {
+        scopeData.value[i].mappings.push({
+          id2: Date.now() + 3,
+        });
+      };
+      const clearFun = (i1, i2) => {
+        scopeData.value[i1].mappings.splice(i2, 1);
+      };
+
+      const handleDelScope = (i) => {
+        scopeData.value.splice(i, 1);
+      };
+
+      const handleAddScope = () => {
+        if (scopeData.value.length < 4) {
+          scopeData.value.push({
+            id1: Date.now() + 1,
+            mappings: [
+              {
+                id2: Date.now() + 2,
+              },
+            ],
+          });
+        }
+      };
+
+      return {
+        register,
+        registerLeft,
+        registerRight,
+        handleAddMapping,
+        scopeData,
+        handleDelScope,
+        handleAddScope,
+        clearFun,
+      };
+    },
+  });
+</script>
+<style lang="less" scoped></style>

@@ -78,6 +78,7 @@ export const step2Schemas: FormSchema[] = [
           { label: 'MQTT', value: 'MQTT' },
           { label: 'MQTT', value: 'MQTT' },
           { label: 'CoAP', value: 'COAP' },
           { label: 'CoAP', value: 'COAP' },
           { label: 'LWM2M', value: 'LWM2M' },
           { label: 'LWM2M', value: 'LWM2M' },
+          // { label: 'SNMP', value: 'SNMP' },
         ],
         ],
         onChange(e) {},
         onChange(e) {},
       };
       };

@@ -15,7 +15,8 @@
               icon: 'ant-design:eye-outlined',
               icon: 'ant-design:eye-outlined',
               onClick: handleView.bind(null, record),
               onClick: handleView.bind(null, record),
               ifShow: (_action) => {
               ifShow: (_action) => {
-                return record.status === 1 && rolePermission == 'CUSTOMER_USER';
+                const isCurrent = record.status === 1 && record.creator === userId;
+                return isCurrent;
               },
               },
             },
             },
             {
             {
@@ -23,14 +24,15 @@
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
               ifShow: (_action) => {
               ifShow: (_action) => {
-                return record.status === 0 && record.creator == userId;
+                const isCurrent = record.status === 0 && record.creator === userId;
+                return isCurrent;
               },
               },
             },
             },
             {
             {
               label: '删除',
               label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
-              ifShow: record.creator == userId,
+              ifShow: record.creator === userId,
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDeleteOrBatchDelete.bind(null, record),
                 confirm: handleDeleteOrBatchDelete.bind(null, record),
@@ -49,7 +51,7 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-  import { defineComponent, ref, computed } from 'vue';
+  import { defineComponent, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import NotifyManagerDrawer from './useDrawer.vue';
   import NotifyManagerDrawer from './useDrawer.vue';
@@ -59,22 +61,14 @@
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';
   import { USER_INFO_KEY } from '/@/enums/cacheEnum';
   import { getAuthCache } from '/@/utils/auth';
   import { getAuthCache } from '/@/utils/auth';
-  import { RoleEnum } from '/@/enums/roleEnum';
-  import { usePermission } from '/@/hooks/web/usePermission';
-  import { useUserStore } from '/@/store/modules/user';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'Notificationmannager',
     name: 'Notificationmannager',
     components: { BasicTable, NotifyManagerDrawer, TableAction, tableViewChild },
     components: { BasicTable, NotifyManagerDrawer, TableAction, tableViewChild },
     setup() {
     setup() {
-      const { hasPermission } = usePermission();
-      const userStore = useUserStore();
-      const isTenant = computed(() => userStore.getRoleList.includes(RoleEnum.TENANT_ADMIN));
-      const isCustomer = computed(() => userStore.getRoleList.includes(RoleEnum.CUSTOMER_USER));
       const userInfo: any = getAuthCache(USER_INFO_KEY);
       const userInfo: any = getAuthCache(USER_INFO_KEY);
       const userId = userInfo.userId;
       const userId = userInfo.userId;
       const tenantId = userInfo.tenantId;
       const tenantId = userInfo.tenantId;
-      const rolePermission: string = userInfo.roles[0];
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [registerAdd, { openDrawer: openDrawerAdd }] = useDrawer();
       const [registerAdd, { openDrawer: openDrawerAdd }] = useDrawer();
       // 批量删除
       // 批量删除
@@ -137,12 +131,8 @@
         handleSuccess,
         handleSuccess,
         handleDeleteOrBatchDelete,
         handleDeleteOrBatchDelete,
         NotifyManagerDrawerRef,
         NotifyManagerDrawerRef,
-        rolePermission,
         userId,
         userId,
         tenantId,
         tenantId,
-        hasPermission,
-        isTenant,
-        isCustomer,
       };
       };
     },
     },
   });
   });

@@ -46,7 +46,7 @@
         //编辑
         //编辑
         if (data.isUpdate) {
         if (data.isUpdate) {
           noticeId.value = data.record.id;
           noticeId.value = data.record.id;
-          Reflect.set(data.record, 'receiverType', data.record.receiverType === '全部' ? 0 : 1);
+          Reflect.set(data.record, 'receiverType', data.record.receiverType === 0 ? 0 : 1);
           if (data.record.receiverType === 1) {
           if (data.record.receiverType === 1) {
             if (!data.record.pointId.length) return;
             if (!data.record.pointId.length) return;
             const organizationId = data.record.pointId.split(',');
             const organizationId = data.record.pointId.split(',');

@@ -380,6 +380,7 @@ export const modeMqttForm: FormSchema[] = [
     component: 'Select',
     component: 'Select',
     label: 'type',
     label: 'type',
     colProps: { span: 12 },
     colProps: { span: 12 },
+    defaultValue: 'anonymous',
     componentProps: {
     componentProps: {
       placeholder: '请选择Credentials',
       placeholder: '请选择Credentials',
       options: [
       options: [
@@ -898,6 +899,7 @@ export const modeApiForm: FormSchema[] = [
     component: 'Select',
     component: 'Select',
     label: 'type',
     label: 'type',
     colProps: { span: 12 },
     colProps: { span: 12 },
+    defaultValue: 'anonymous',
     componentProps: {
     componentProps: {
       placeholder: '请选择Number of acknowledgments',
       placeholder: '请选择Number of acknowledgments',
       options: [
       options: [

@@ -122,6 +122,7 @@ export const schemas: FormSchema[] = [
   {
   {
     field: 'prov',
     field: 'prov',
     label: '所在城市',
     label: '所在城市',
+    required: true,
     component: 'Input',
     component: 'Input',
     colProps: {
     colProps: {
       span: 24,
       span: 24,