pref: 修改组态模板和组态 表单数据变更

@@ -14,6 +14,7 @@ export interface ConfigurationCenterItemsModal {
 export type queryPageParams = BasicPageParams & {
   name?: Nullable<string>;
   organizationId?: Nullable<number>;
+  isTemplate?: number;
 };
 
 export interface ConfigurationModal {

@@ -41,6 +41,7 @@ import ApiSelectScrollLoad from './components/ApiSelectScrollLoad.vue';
 import InputGroup from './components/InputGroup.vue';
 import RegisterAddressInput from '/@/views/task/center/components/PollCommandInput/RegisterAddressInput.vue';
 import ExtendDesc from '/@/components/Form/src/externalCompns/components/ExtendDesc/index.vue';
+import DeviceProfileForm from '/@/components/Form/src/externalCompns/components/DeviceProfileForm/index.vue';
 
 const componentMap = new Map<ComponentType, Component>();
 
@@ -89,6 +90,7 @@ componentMap.set('ApiSelectScrollLoad', ApiSelectScrollLoad);
 componentMap.set('InputGroup', InputGroup);
 componentMap.set('RegisterAddressInput', RegisterAddressInput);
 componentMap.set('ExtendDesc', ExtendDesc);
+componentMap.set('DeviceProfileForm', DeviceProfileForm);
 
 export function add(compName: ComponentType, component: Component) {
   componentMap.set(compName, component);

+<template>
+  <div v-for="(param, index) in dynamicInput.params" :key="index" style="display: flex">
+    <a-input placeholder="产品" v-model:value="param.label" :disabled="true" />
+    <Select
+      placeholder="请选择设备"
+      v-model:value="param.value"
+      style="width: 100%"
+      v-bind="createPickerSearch()"
+      mode="multiple"
+      labelInValue
+    />
+    <MinusCircleOutlined
+      v-if="dynamicInput.params.length > min && !disabled"
+      class="dynamic-delete-button"
+      @click="remove(param)"
+      style="width: 50px"
+    />
+  </div>
+</template>
+<script lang="ts" name="DeviceProfileForm">
+  import { MinusCircleOutlined } from '@ant-design/icons-vue';
+  import { defineComponent, reactive, UnwrapRef, watchEffect } from 'vue';
+  import { propTypes } from '/@/utils/propTypes';
+  import { isEmpty } from '/@/utils/is';
+  import { Select } from 'ant-design-vue';
+  import { createPickerSearch } from '/@/utils/pickerSearch';
+
+  interface Params {
+    label: string;
+    value: string;
+  }
+
+  export default defineComponent({
+    name: 'DeviceProfileForm',
+    components: {
+      MinusCircleOutlined,
+      Select,
+    },
+    //--------------不继承Antd Design Vue Input的所有属性 否则控制台报大片警告--------------
+    inheritAttrs: false,
+    props: {
+      value: propTypes.object.def({}),
+      //自定义删除按钮多少才会显示
+      min: propTypes.integer.def(0),
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    emits: ['change', 'update:value'],
+    setup(props, { emit }) {
+      //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();
+      };
+
+      //监听传入数据value
+      watchEffect(() => {
+        initVal();
+      });
+
+      /**
+       * 初始化数值
+       */
+      function initVal() {
+        dynamicInput.params = [];
+        if (props.value) {
+          let jsonObj = props.value;
+          Object.keys(jsonObj).forEach((key) => {
+            dynamicInput.params.push({ label: key, value: jsonObj[key] });
+          });
+        }
+      }
+
+      /**
+       * 数值改变
+       */
+      function emitChange() {
+        let obj = {};
+        if (dynamicInput.params.length > 0) {
+          dynamicInput.params.forEach((item) => {
+            obj[item.label] = item.value;
+          });
+        }
+        emit('change', isEmpty(obj) ? '' : obj);
+        emit('update:value', isEmpty(obj) ? '' : obj);
+      }
+
+      return {
+        dynamicInput,
+        emitChange,
+        remove,
+        createPickerSearch,
+      };
+    },
+  });
+</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>

@@ -137,4 +137,5 @@ export type ComponentType =
   | 'CorrelationFilters'
   | 'RelationsQuery'
   | 'CredentialsCard'
-  | 'ApiComplete';
+  | 'ApiComplete'
+  | 'DeviceProfileForm';

@@ -7,36 +7,88 @@
     width="30%"
     @ok="handleSubmit"
   >
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+      <!-- 模板选择 -->
+      <template #templateId="{ model }">
+        <Select
+          v-model:value="model['templateId']"
+          placeholder="请选择模板"
+          style="width: 100%"
+          :options="selectTemplateOptions"
+          @change="handleTemplateChange"
+          v-bind="createPickerSearch()"
+          :disabled="templateDisabled"
+        />
+      </template>
+      <!-- 产品选择 -->
+      <template #productIds="{ model }">
+        <SelectDeviceProfile
+          v-if="model['templateId']"
+          ref="selectDeviceProfileRef"
+          :selectOptions="selectOptions"
+          :organizationId="model['organizationId']"
+        />
+      </template>
+    </BasicForm>
   </BasicDrawer>
 </template>
 <script lang="ts">
-  import { defineComponent, ref, computed, unref } from 'vue';
+  import { defineComponent, ref, computed, unref, Ref, onMounted, nextTick } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form';
+  import { Select } from 'ant-design-vue';
   import { formSchema, PC_DEFAULT_CONTENT, PHONE_DEFAULT_CONTENT, Platform } from './center.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { saveOrUpdateConfigurationCenter } from '/@/api/configuration/center/configurationCenter';
+  import {
+    saveOrUpdateConfigurationCenter,
+    getPage,
+  } from '/@/api/configuration/center/configurationCenter';
   import { FileItem } from '/@/components/Form/src/components/ApiUpload.vue';
   import { buildUUID } from '/@/utils/uuid';
+  import SelectDeviceProfile from './components/SelectDeviceProfile.vue';
+  import { createPickerSearch } from '/@/utils/pickerSearch';
+  import type { queryPageParams } from '/@/api/configuration/center/model/configurationCenterModal';
+  import { getDeviceProfile } from '/@/api/alarm/position';
 
   export default defineComponent({
     name: 'ConfigurationDrawer',
-    components: { BasicDrawer, BasicForm },
+    components: { BasicDrawer, BasicForm, SelectDeviceProfile, Select },
     emits: ['success', 'register'],
     setup(_, { emit }) {
       const isUpdate = ref(true);
 
-      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
+      const selectDeviceProfileRef = ref<InstanceType<typeof SelectDeviceProfile>>();
+
+      const [registerForm, { validate, setFieldsValue, resetFields, updateSchema }] = useForm({
         labelWidth: 120,
         schemas: formSchema,
         showActionButtonGroup: false,
       });
 
+      const updateEnableTemplate = async (enable: number, disabled: boolean) => {
+        await setFieldsValue({
+          enableTemplate: enable,
+        });
+        await updateSchema({
+          field: 'enableTemplate',
+          componentProps: {
+            disabled,
+            checkedValue: 1,
+            unCheckedValue: 0,
+            checkedChildren: '开',
+            unCheckedChildren: '关',
+          },
+        });
+      };
+
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        await nextTick();
         await resetFields();
         setDrawerProps({ confirmLoading: false });
         isUpdate.value = !!data?.isUpdate;
+        selectDeviceProfileRef.value?.retValue();
+        await updateEnableTemplate(0, false);
+        templateDisabled.value = false;
         if (unref(isUpdate)) {
           if (data.record.thumbnail) {
             data.record.thumbnail = [
@@ -49,9 +101,57 @@
             Reflect.deleteProperty(data.record, 'organizationId');
             await setFieldsValue(data.record);
           }
+          // 业务 编辑如果有templateId 则启用模板开关禁用,模板不能选择，产品和设备可以选择
+          if (Reflect.get(data.record, 'templateId')) {
+            await updateEnableTemplate(1, true);
+            templateDisabled.value = true;
+            //回显产品和设备
+            const { productAndDevice } = data.record;
+            selectOptions.value = productAndDevice?.map((item) => ({
+              label: item.name,
+              value: item.profileId,
+            }));
+            selectDeviceProfileRef.value?.setValue(productAndDevice);
+          } else {
+            const productAndDevice = data.record['productAndDevice'];
+            setFieldsValue({
+              productId: productAndDevice?.map((item) => item.profileId),
+            });
+          }
         }
       });
 
+      //新增修改
+      const templateDisabled = ref(false);
+      onMounted(() => {
+        getTemplate({
+          page: 1,
+          pageSize: 30,
+        });
+      });
+
+      const selectTemplateOptions: Ref<any[]> = ref([]);
+      const getTemplate = async (params: queryPageParams) => {
+        const { items } = await getPage({ ...params, isTemplate: 1 });
+        selectTemplateOptions.value = items.map((item) => ({
+          ...item,
+          label: item.name,
+          value: item.id,
+        }));
+      };
+
+      const selectOptions: Ref<any[]> = ref([]);
+
+      const handleTemplateChange = (_, option) => {
+        const { productAndDevice } = option;
+        if (!productAndDevice) return;
+        selectOptions.value = productAndDevice.map((item) => ({
+          label: item.name,
+          value: item.profileId,
+        }));
+      };
+      //
+
       const getTitle = computed(() => (!unref(isUpdate) ? '新增组态中心' : '编辑组态中心'));
 
       const getDefaultContent = (platform: Platform) => {
@@ -61,10 +161,44 @@
         return PHONE_DEFAULT_CONTENT;
       };
 
+      // 获取产品
+      const getCurrentAllProduct = async (products: string[]) => {
+        const resp = (await getDeviceProfile()) as any;
+        if (!resp) return;
+        const values = resp?.map((item) => ({ name: item.name, profileId: item.id }));
+        return values.filter((item) => products?.includes(item.profileId));
+      };
+
       async function handleSubmit() {
         try {
           const { createMessage } = useMessage();
           const values = await validate();
+          if (!values) return;
+          const selectDevice = selectDeviceProfileRef.value?.getSelectDevice();
+          if (values['enableTemplate'] === 1) {
+            if (!values['templateId']) return createMessage.error('未选择模板');
+            // 业务 启用模板，产品和设备必填
+            if (values['templateId']) {
+              values.templateId = values['templateId'];
+              if (Array.isArray(selectDevice) && selectDevice.length == 0)
+                return createMessage.error('您已经选择了模板，但产品或者设备未选择');
+              if (
+                selectDevice?.some(
+                  (item) =>
+                    !item.name ||
+                    item.deviceList.includes('' || undefined) ||
+                    item.deviceList.length == 0
+                )
+              ) {
+                return createMessage.error('您已经选择了模板，但产品或者设备未选择');
+              }
+              values.productAndDevice = selectDevice;
+            }
+          } else {
+            const { productId } = values;
+            values.productAndDevice = await getCurrentAllProduct(productId);
+            Reflect.deleteProperty(values, 'productId');
+          }
           if (Reflect.has(values, 'thumbnail')) {
             const file = (values.thumbnail || []).at(0) || {};
             values.thumbnail = file.url || null;
@@ -87,6 +221,12 @@
         registerDrawer,
         registerForm,
         handleSubmit,
+        selectOptions,
+        selectTemplateOptions,
+        handleTemplateChange,
+        createPickerSearch,
+        selectDeviceProfileRef,
+        templateDisabled,
       };
     },
   });

@@ -83,6 +83,7 @@ export const searchFormSchema: FormSchema[] = [
   },
 ];
 
+// 表单
 export const formSchema: FormSchema[] = [
   {
     field: 'thumbnail',
@@ -112,14 +113,9 @@ export const formSchema: FormSchema[] = [
         onPreview: (fileList: FileItem) => {
           createImgPreview({ imageList: [fileList.url!] });
         },
-        // showUploadList: {
-        //   showDownloadIcon: true,
-        //   showRemoveIcon: true,
-        // },
       };
     },
   },
-
   {
     field: 'name',
     label: '组态名称',
@@ -137,17 +133,76 @@ export const formSchema: FormSchema[] = [
     component: 'OrgTreeSelect',
   },
   {
+    field: 'platform',
+    label: '平台',
+    required: true,
+    component: 'RadioGroup',
+    defaultValue: Platform.PC,
+    componentProps: {
+      defaultValue: Platform.PC,
+      options: [
+        { label: 'PC端', value: Platform.PC },
+        { label: '移动端', value: Platform.PHONE },
+      ],
+    },
+  },
+  {
+    field: 'enableTemplate', //前端控制
+    label: '启用模版',
+    component: 'Switch',
+    defaultValue: 0,
+    componentProps: ({ formActionType }) => {
+      const { setFieldsValue } = formActionType;
+      return {
+        checkedValue: 1,
+        unCheckedValue: 0,
+        checkedChildren: '开',
+        unCheckedChildren: '关',
+        onChange() {
+          setFieldsValue({
+            productIds: [],
+          });
+        },
+      };
+    },
+  },
+  {
     field: 'isTemplate',
-    label: '模版',
+    label: '默认启用模版',
     component: 'Switch',
     defaultValue: 0,
     componentProps: {
       checkedValue: 1,
       unCheckedValue: 0,
     },
+    show: false,
   },
   {
-    field: 'productIds',
+    field: 'templateId', //暂且使用插槽形式
+    label: '模板',
+    component: 'Input',
+    slot: 'templateId',
+    colProps: { span: 24 },
+    ifShow: ({ values }) => values['enableTemplate'] === 1,
+  },
+  {
+    field: 'productIds', //暂且使用插槽形式
+    label: '产品',
+    component: 'Input',
+    slot: 'productIds',
+    colProps: { span: 24 },
+    ifShow: ({ values }) => values['enableTemplate'] === 1 && values['templateId'],
+  },
+  {
+    field: 'deviceIds', //暂且使用插槽形式
+    label: '设备',
+    component: 'Input',
+    slot: 'deviceIds',
+    colProps: { span: 24 },
+    ifShow: ({ values }) => values['enableTemplate'] === 1 && values['templateId'],
+  },
+  {
+    field: 'productId',
     label: '产品',
     component: 'ApiSelect',
     required: true,
@@ -155,22 +210,18 @@ export const formSchema: FormSchema[] = [
       api: getDeviceProfile,
       mode: 'multiple',
       labelField: 'name',
-      valueField: 'tbProfileId',
-    },
-  },
-  {
-    field: 'platform',
-    label: '平台',
-    required: true,
-    component: 'RadioGroup',
-    defaultValue: Platform.PC,
-    componentProps: {
-      defaultValue: Platform.PC,
-      options: [
-        { label: 'PC端', value: Platform.PC },
-        { label: '移动端', value: Platform.PHONE },
-      ],
+      valueField: 'id',
+      placeholder: '请选择产品',
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      filterOption: (inputValue: string, option: Record<'label' | 'value', string>) => {
+        let { label, value } = option;
+        label = label.toLowerCase();
+        value = value.toLowerCase();
+        inputValue = inputValue.toLowerCase();
+        return label.includes(inputValue) || value.includes(inputValue);
+      },
     },
+    ifShow: ({ values }) => values['enableTemplate'] === 0,
   },
   {
     field: 'remark',

+<template>
+  <div v-for="param in dynamicInput.params" :key="param.name" class="mt-4 flex gap-2">
+    <a-input :disabled="true" v-model:value="param.name" class="w-1/2 flex-1" />
+    <Select
+      placeholder="请选择设备"
+      v-model:value="param.deviceList"
+      class="!w-1/2"
+      :options="selectOptions"
+      v-bind="createPickerSearch()"
+      @change="emitChange"
+      mode="multiple"
+      allowClear
+    />
+  </div>
+</template>
+<script lang="ts">
+  export default {
+    inheritAttrs: false,
+  };
+</script>
+<script lang="ts" setup name="SelectAttributes">
+  import { reactive, UnwrapRef, watchEffect, ref } from 'vue';
+  import { propTypes } from '/@/utils/propTypes';
+  import { Select } from 'ant-design-vue';
+  import { createPickerSearch } from '/@/utils/pickerSearch';
+  import { byOrganizationIdGetMasterDevice } from '/@/api/ruleengine/ruleengineApi';
+
+  const props = defineProps({
+    value: propTypes.object.def({}),
+    organizationId: {
+      type: String,
+      required: true,
+    },
+  });
+
+  const selectOptions: any = ref([]);
+
+  //动态数据
+  const dynamicInput: UnwrapRef<{ params: any[] }> = reactive({ params: [] });
+
+  const initVal = async () => {
+    if (props.value) {
+      if (props.organizationId) {
+        const resp = await byOrganizationIdGetMasterDevice({
+          organizationId: props.organizationId,
+          deviceProfileId: props.value.value,
+        });
+        selectOptions.value = resp.map((item) => ({ label: item.name, value: item.tbDeviceId }));
+      }
+      dynamicInput.params.push({
+        name: props.value.label,
+        profileId: props.value.value,
+        deviceList: props.value.deviceList?.filter(Boolean)?.map((item) => item.deviceId),
+      });
+    }
+  };
+
+  //数值改变
+  const valEffect = watchEffect(() => {
+    initVal();
+  });
+
+  valEffect();
+
+  //chang改变
+  const emitChange = () => {
+    const findDeviceDict = selectOptions.value.map((item) => {
+      if (dynamicInput.params[0].deviceList?.includes(item.value)) {
+        return {
+          name: item.label,
+          deviceId: item.value,
+        };
+      }
+    });
+    return {
+      ...dynamicInput.params[0],
+      deviceList: findDeviceDict.filter(Boolean),
+    };
+  };
+  defineExpose({
+    emitChange,
+  });
+</script>
+<style scoped lang="css">
+  .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>

+<template>
+  <Select
+    placeholder="请选择产品"
+    v-model:value="selectValue"
+    style="width: 100%"
+    :options="selectOptions"
+    v-bind="createPickerSearch()"
+    @change="handleDeviceProfileChange"
+    mode="multiple"
+    labelInValue
+  />
+  <template v-for="(item, index) in profileList" :key="item.value">
+    <SelectDevice
+      :ref="bindDeviceRef.deviceAttrRef"
+      :value="item"
+      :index="index"
+      :organizationId="organizationId"
+    />
+  </template>
+</template>
+<script lang="ts" setup name="SelectDevice">
+  import { ref, Ref, PropType, unref } from 'vue';
+  import { Select } from 'ant-design-vue';
+  import SelectDevice from './SelectDevice.vue';
+  import { createPickerSearch } from '/@/utils/pickerSearch';
+
+  defineProps({
+    selectOptions: {
+      type: Array as PropType<any[]>,
+      required: true,
+    },
+    organizationId: {
+      type: String,
+      required: true,
+    },
+  });
+
+  const selectValue = ref([]);
+
+  const bindDeviceRef = {
+    deviceAttrRef: ref([]),
+  };
+
+  const profileList: Ref<any[]> = ref([]);
+
+  const handleDeviceProfileChange = (_, options) => {
+    profileList.value = options;
+  };
+
+  const getSelectDevice = () => {
+    return unref(bindDeviceRef.deviceAttrRef)?.map((item: any) => item.emitChange());
+  };
+
+  const setValue = (value: any) => {
+    console.log(value);
+    selectValue.value = value.map((item) => ({
+      label: item.name,
+      key: item.profileId,
+    }));
+
+    profileList.value = value.map((item) => {
+      return {
+        label: item.name,
+        value: item.profileId,
+        deviceList: item.deviceList,
+      };
+    });
+  };
+  const retValue = () => {
+    selectValue.value = [];
+    profileList.value = [];
+  };
+
+  defineExpose({
+    getSelectDevice,
+    setValue,
+    retValue,
+  });
+</script>
+<style scoped lang="css"></style>

@@ -77,6 +77,7 @@
       const { items, total } = await getPage({
         organizationId: unref(organizationId),
         ...value,
+        isTemplate: 0,
         page: pagination.current!,
         pageSize,
       });

@@ -19,6 +19,7 @@
   import { saveOrUpdateConfigurationCenter } from '/@/api/configuration/center/configurationCenter';
   import { FileItem } from '/@/components/Form/src/components/ApiUpload.vue';
   import { buildUUID } from '/@/utils/uuid';
+  import { getDeviceProfile } from '/@/api/alarm/position';
 
   export default defineComponent({
     name: 'ConfigurationDrawer',
@@ -49,10 +50,15 @@
             Reflect.deleteProperty(data.record, 'organizationId');
             await setFieldsValue(data.record);
           }
+          if (!data.record?.productAndDevice) return;
+          const productAndDevice = data.record['productAndDevice'];
+          setFieldsValue({
+            productIds: productAndDevice.map((item) => item.profileId),
+          });
         }
       });
 
-      const getTitle = computed(() => (!unref(isUpdate) ? '新增组态中心' : '编辑组态中心'));
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增模板' : '编辑模板'));
 
       const getDefaultContent = (platform: Platform) => {
         if (platform === Platform.PC) {
@@ -61,10 +67,20 @@
         return PHONE_DEFAULT_CONTENT;
       };
 
+      // 获取产品
+      const getCurrentAllProduct = async (products: string[]) => {
+        const resp = (await getDeviceProfile()) as any;
+        if (!resp) return;
+        const values = resp.map((item) => ({ name: item.name, profileId: item.id }));
+        return values.filter((item) => products.includes(item.profileId));
+      };
+
       async function handleSubmit() {
         try {
           const { createMessage } = useMessage();
           const values = await validate();
+          if (!values) return;
+          const reflectProduct = await getCurrentAllProduct(values['productIds']);
           if (Reflect.has(values, 'thumbnail')) {
             const file = (values.thumbnail || []).at(0) || {};
             values.thumbnail = file.url || null;
@@ -73,6 +89,8 @@
           let saveMessage = '添加成功';
           let updateMessage = '修改成功';
           values.defaultContent = getDefaultContent(values.platform);
+          values.productAndDevice = reflectProduct;
+          Reflect.deleteProperty(values, 'productIds');
           await saveOrUpdateConfigurationCenter(values, unref(isUpdate));
           closeDrawer();
           emit('success');

@@ -122,11 +122,11 @@ export const formSchema: FormSchema[] = [
 
   {
     field: 'name',
-    label: '组态名称',
+    label: '模板名称',
     required: true,
     component: 'Input',
     componentProps: {
-      placeholder: '请输入组态名称',
+      placeholder: '请输入模板名称',
       maxLength: 36,
     },
   },
@@ -137,16 +137,6 @@ export const formSchema: FormSchema[] = [
     component: 'OrgTreeSelect',
   },
   {
-    field: 'isTemplate',
-    label: '模版',
-    component: 'Switch',
-    defaultValue: 0,
-    componentProps: {
-      checkedValue: 1,
-      unCheckedValue: 0,
-    },
-  },
-  {
     field: 'productIds',
     label: '产品',
     component: 'ApiSelect',
@@ -155,10 +145,23 @@ export const formSchema: FormSchema[] = [
       api: getDeviceProfile,
       mode: 'multiple',
       labelField: 'name',
-      valueField: 'tbProfileId',
+      valueField: 'id',
     },
   },
   {
+    field: 'isTemplate',
+    label: '',
+    component: 'Switch',
+    required: true,
+    defaultValue: 1,
+    componentProps: {
+      disabled: true,
+      checkedValue: 1,
+      unCheckedValue: 0,
+    },
+    show: false,
+  },
+  {
     field: 'platform',
     label: '平台',
     required: true,

@@ -79,6 +79,7 @@
         ...value,
         page: pagination.current!,
         pageSize,
+        isTemplate: 1,
       });
 
       dataSource.value = items;
@@ -213,7 +214,7 @@
         <template #header>
           <div class="flex gap-3 justify-end">
             <Authority v-if="!isCustomerUser" :value="ConfigurationPermission.CREATE">
-              <Button type="primary" @click="handleCreateOrUpdate()">新增组态</Button>
+              <Button type="primary" @click="handleCreateOrUpdate()">新增模板</Button>
             </Authority>
             <CardLayoutButton v-model:value="listColumn" @change="handleCardLayoutChange" />
             <Tooltip title="刷新">
@@ -250,14 +251,6 @@
                 </div>
               </template>
               <template class="ant-card-actions" #actions>
-                <Tooltip title="预览">
-                  <AuthIcon
-                    :auth="ConfigurationPermission.PREVIEW"
-                    class="!text-lg"
-                    icon="ant-design:eye-outlined"
-                    @click="handlePreview(item)"
-                  />
-                </Tooltip>
                 <Tooltip v-if="!isCustomerUser" title="设计">
                   <AuthIcon
                     :auth="ConfigurationPermission.DESIGN"
@@ -313,7 +306,7 @@
                 <template #description>
                   <div class="truncate h-11">
                     <div class="truncate flex justify-between items-center">
-                      <div>{{ item.organizationDTO.name }}</div>
+                      <div>{{ item.organizationDTO?.name }}</div>
                       <Icon
                         :icon="
                           item.platform === Platform.PC