Merge branch 'main_dev' into ft

@@ -704,9 +704,6 @@ export const CommandSchemas = (transportType: TransportTypeEnum): FormSchema[] =
       field: 'commandType',
       component: 'RadioGroup',
       label: '下发类型',
-      colProps: {
-        span: 8,
-      },
       defaultValue: 'OneWay',
       componentProps: {
         options: [
@@ -746,7 +743,7 @@ export const CommandSchemas = (transportType: TransportTypeEnum): FormSchema[] =
       },
       component: 'InputTextArea',
       componentProps: {
-        autosize: {
+        autoSize: {
           minRows: 6,
         },
       },

@@ -25,9 +25,9 @@
       <TabPane key="7" tab="历史数据" v-if="deviceDetail?.deviceType !== 'GATEWAY'">
         <HistoryData :deviceDetail="deviceDetail" />
       </TabPane> -->
-      <TabPane key="5" tab="命令下发" v-if="deviceDetail?.deviceType !== 'SENSOR'">
+      <!-- <TabPane key="5" tab="命令下发" v-if="deviceDetail?.deviceType !== 'SENSOR'">
         <CommandIssuance :deviceDetail="deviceDetail" />
-      </TabPane>
+      </TabPane> -->
       <TabPane key="3" tab="告警"><Alarm :id="deviceDetail.id" /></TabPane>
       <TabPane key="4" tab="子设备" v-if="deviceDetail?.deviceType === 'GATEWAY'">
         <ChildDevice
@@ -36,7 +36,7 @@
         />
       </TabPane>
       <TabPane key="7" tab="命令下发记录">
-        <CommandRecord :fromId="deviceDetail?.tbDeviceId" />
+        <CommandRecord :deviceDetail="deviceDetail" :fromId="deviceDetail?.tbDeviceId" />
       </TabPane>
       <!-- 网关设备并且场家是TBox -->
       <TabPane
@@ -67,7 +67,6 @@
   import Alarm from '../tabs/Alarm.vue';
   import ChildDevice from '../tabs/ChildDevice.vue';
   import TBoxDetail from '../tabs/TBoxDetail.vue';
-  import CommandIssuance from '../tabs/CommandIssuance.vue';
   import { CommandRecord } from '../tabs/commandRecord/index';
   import { getDeviceDetail } from '/@/api/device/deviceManager';
   // import HistoryData from '../tabs/HistoryData.vue';
@@ -86,7 +85,6 @@
       // RealTimeData,
       Alarm,
       ChildDevice,
-      CommandIssuance,
       TBoxDetail,
       // HistoryData,
       ModelOfMatter,

@@ -12,10 +12,10 @@
           </div>
         </template>
       </BasicForm>
-      <div>
+      <Space class="w-full justify-end" justify="end">
         <Button :disabled="disable" type="primary" @click="handleOk" class="mr-2">确定</Button>
         <Button type="default" @click="handleCancel" class="mr-2">重置</Button>
-      </div>
+      </Space>
     </div>
   </div>
 </template>
@@ -29,7 +29,7 @@
   import jsoneditor from 'jsoneditor';
   import 'jsoneditor/dist/jsoneditor.min.css';
   import { QuestionCircleOutlined } from '@ant-design/icons-vue';
-  import { Tooltip } from 'ant-design-vue';
+  import { Space, Tooltip } from 'ant-design-vue';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { TransportTypeEnum } from '../../../profiles/components/TransportDescript/const';
 
@@ -42,7 +42,7 @@
   }
 
   export default defineComponent({
-    components: { BasicForm, Button, QuestionCircleOutlined, Tooltip },
+    components: { BasicForm, Button, QuestionCircleOutlined, Tooltip, Space },
     props: {
       deviceDetail: {
         type: Object as PropType<DeviceRecord>,
@@ -56,7 +56,7 @@
       const disable = ref(false);
 
       const [registerForm, { getFieldsValue, validate, resetFields }] = useForm({
-        labelWidth: 100,
+        labelWidth: 120,
         schemas: CommandSchemas(
           props.deviceDetail.deviceProfile.transportType as TransportTypeEnum
         ),

@@ -212,7 +212,6 @@
     const { deviceProfileId } = props.deviceDetail;
     const value = await getDeviceAttrs({ deviceProfileId });
     socketInfo.attrKeys = isArray(value) ? value : [];
-    console.log(socketInfo);
     setDataSource();
     open();
   });

 <template>
   <BasicTable class="command-record-table" @register="registerTable">
+    <template #toolbar>
+      <Space>
+        <Button type="primary" @click="openModal(true)">命令下发</Button>
+      </Space>
+    </template>
     <template #recordContent="{ record }">
-      <a-button type="link" class="ml-2" @click="handleRecordContent(record)"> 查看 </a-button>
+      <Button type="link" class="ml-2" @click="handleRecordContent(record)"> 查看 </Button>
     </template>
     <template #responseContent="{ record }">
       <div v-if="!record.request?.oneway">
-        <a-button v-if="record?.response === null" type="text" class="ml-2"> 未响应 </a-button>
-        <a-button v-else type="link" class="ml-2" @click="handleRecordResponseContent(record)">
+        <Button v-if="record?.response === null" type="text" class="ml-2"> 未响应 </Button>
+        <Button v-else type="link" class="ml-2" @click="handleRecordResponseContent(record)">
           查看
-        </a-button>
+        </Button>
       </div>
       <div v-else>--</div>
     </template>
   </BasicTable>
+
+  <BasicModal
+    @register="registerCommandIssuanceModal"
+    width="600px"
+    title="命令下发"
+    :showOkBtn="false"
+    cancelText="关闭"
+    :footer="h('div')"
+  >
+    <CommandIssuance :deviceDetail="deviceDetail" />
+  </BasicModal>
 </template>
 <script lang="ts" setup>
   import { h } from 'vue';
   import { configColumns, searchFormSchema } from './config';
   import { deviceCommandRecordGetQuery } from '/@/api/device/deviceConfigApi';
   import { BasicTable, useTable } from '/@/components/Table';
-  import { Modal } from 'ant-design-vue';
+  import { Button, Modal, Space } from 'ant-design-vue';
   import { JsonPreview } from '/@/components/CodeEditor';
+  import { DeviceRecord } from '/@/api/device/model/deviceModel';
+  import { BasicModal, useModal } from '/@/components/Modal';
+  import CommandIssuance from '../CommandIssuance.vue';
 
   const props = defineProps({
     fromId: {
       type: String,
       default: '',
     },
+    deviceDetail: {
+      type: Object as PropType<DeviceRecord>,
+      required: true,
+    },
   });
+
+  const [registerCommandIssuanceModal, { openModal }] = useModal();
+
   const [registerTable] = useTable({
     api: deviceCommandRecordGetQuery,
     columns: configColumns,

@@ -212,9 +212,9 @@
         :title="`最后运行时间: ${dateUtil(getRecord.lastExecuteTime).format(DEFAULT_DATE_FORMAT)}`"
       >
         <div class="text-gray-400 text-xs truncate">
-          <span class="mr-2">间隔时间重复</span>
+          <span class="mr-2">最近执行</span>
           <span>{{
-            getLastExecuteTime.value
+            getLastExecuteTime.value > 0
               ? `${getLastExecuteTime.value}${getLastExecuteTime.unitName}前`
               : '刚刚'
           }}</span>

@@ -19,7 +19,6 @@
   import { RunTaskModal } from './components/RunTaskModal';
   import { DetailDrawer } from './components/DetailDrawer';
   import { useDrawer } from '/@/components/Drawer';
-  import { CardLayoutButton } from '/@/components/Widget';
 
   const [registerModal, { openModal }] = useModal();
   const [registerDrawer, { openDrawer }] = useDrawer();
@@ -42,12 +41,10 @@
     getDataSource();
   };
 
-  const colNumber = ref(5);
   const pagination = reactive({
     current: 1,
     total: 0,
-    pageSize: unref(colNumber) * 2,
-    showQuickJumper: true,
+    pageSize: 10,
     size: 'small',
     showSizeChanger: false,
     showTotal: (total: number) => `共 ${total} 条数据`,
@@ -61,15 +58,13 @@
     try {
       loading.value = true;
       const params = getFieldsValue();
-      const pageSize = unref(colNumber) * 2;
       const { items, total } = await getTaskCenterList({
         page: pagination.current,
-        pageSize,
+        pageSize: pagination.pageSize,
         ...params,
       });
       dataSource.value = items;
       pagination.total = total;
-      pagination.pageSize = pageSize;
     } catch (error) {
       throw error;
     } finally {
@@ -154,7 +149,7 @@
               <span class="text-lg font-medium">任务列表</span>
             </div>
             <Space>
-              <CardLayoutButton v-model:value="colNumber" @change="reload" />
+              <!-- <CardLayoutButton v-model:value="colNumber" :max="4" :min="1" @change="reload" /> -->
               <Tooltip v-if="dataSource.length" title="刷新">
                 <Button type="primary" @click="getDataSource">
                   <ReloadOutlined :spin="loading" />

 <script lang="ts" setup>
-  import { ref, onMounted, unref, computed } from 'vue';
+  import { ref, computed } from 'vue';
   import { FrontComponent } from '../../../const/const';
-  import { DataSourceField, dataSourceSchema } from '../../config/basicConfiguration';
-  import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
+  import { dataSourceSchema } from '../../config/basicConfiguration';
   import { FormActionType } from '/@/components/Form';
   import BasicForm from '/@/components/Form/src/BasicForm.vue';
   const formEl = ref<Nullable<FormActionType>>(null);
@@ -19,10 +18,6 @@
     if (!frontId) return [];
     return dataSourceSchema(isEdit, frontId);
   });
-
-  onMounted(() => {
-    unref(formEl)?.setFieldsValue({ [DataSourceField.DEVICE_TYPE]: DeviceTypeEnum.SENSOR });
-  });
 </script>
 
 <template>

@@ -128,7 +128,6 @@ export const dataSourceSchema = (isEdit: boolean, frontId?: FrontComponent): For
       label: '设备类型',
       colProps: { span: 8 },
       rules: [{ message: '请选择设备类型', required: true }],
-      // defaultValue: DeviceTypeEnum.SENSOR,
       componentProps: ({ formActionType }) => {
         const { setFieldsValue } = formActionType;
         return {