摄像头配置样式调整-提交

src/components/Table/src/componentMap.ts

@@ -1,5 +1,5 @@
 import type { Component } from 'vue';
-import { Input, Select, Checkbox, InputNumber, Switch, DatePicker, TimePicker } from 'ant-design-vue';
+import { Input, Textarea, Select, Checkbox, InputNumber, Switch, DatePicker, TimePicker } from 'ant-design-vue';
 import type { ComponentType } from './types/componentType';
 import { ApiSelect, ApiTreeSelect } from '/@/components/Form';
 
@@ -7,6 +7,7 @@ const componentMap = new Map<ComponentType, Component>();
 
 componentMap.set('Input', Input);
 componentMap.set('InputNumber', InputNumber);
+componentMap.set('Textarea', Textarea);
 componentMap.set('Select', Select);
 componentMap.set('ApiSelect', ApiSelect);
 componentMap.set('ApiTreeSelect', ApiTreeSelect);

src/components/Table/src/types/componentType.ts

@@ -1 +1 @@
-export type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'ApiSelect' | 'ApiTreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker';
+export type ComponentType = 'Input' | 'InputNumber' | 'Textarea' | 'Select' | 'ApiSelect' | 'ApiTreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker';

src/views/vent/comment/EditRowTable.vue

@@ -3,7 +3,7 @@
     <a-button v-if="isAdd" type="primary" @click="addRow"> 新增 </a-button>
     <BasicTable @register="registerTable" @edit-change="onEditChange">
       <template #action="{ record, column }">
-        <div class="vent-flex-row">
+        <div class="vent-flex-row justify-center items-center">
           <TableAction :actions="createActions(record, column)" />
         </div>
       </template>
@@ -17,7 +17,6 @@
   import { defineComponent, ref, nextTick, watch } from 'vue';
   import { BasicTable, useTable, TableAction, BasicColumn, ActionItem, EditRecordRow } from '/@/components/Table';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { string } from 'vue-types';
   // import { nextTick } from 'process';
 
   export default defineComponent({
@@ -90,7 +89,7 @@
                 autoSubmitOnEnter: true,
               },
               actionColumn: {
-                width: 160,
+                width: 130,
                 title: '操作',
                 dataIndex: 'action',
                 slots: { customRender: 'action' },
@@ -120,7 +119,7 @@
               rowSelection: !props.isRadio ? undefined : { type: 'radio', onChange: rowChange },
               tableSetting: { fullScreen: true },
               actionColumn: {
-                width: 160,
+                width: 130,
                 title: '操作',
                 dataIndex: 'action',
                 slots: { customRender: 'action' },

src/views/vent/deviceManager/comment/DeviceModal.vue

@@ -3,7 +3,7 @@
     v-bind="$attrs"
     @register="registerModal"
     :title="title"
-    width="1000px"
+    width="1300px"
     :showCancelBtn="false"
     :showOkBtn="false"
     :footer="null"

src/views/vent/deviceManager/comment/cameraTabel/camera.data.ts

@@ -32,6 +32,7 @@ export const columns = [
     dataIndex: 'deviceid',
     ifShow: false,
     editRow: true,
+    textAlign: 'center',
   },
   {
     title: '摄像头名称',
@@ -39,6 +40,8 @@ export const columns = [
     width: 100,
     editRow: true,
     editRule: true,
+    textAlign: 'center',
+    editComponent: 'Textarea',
   },
   {
     title: '视频流类型',
@@ -47,6 +50,7 @@ export const columns = [
     editRow: true,
     editRule: true,
     editComponent: 'Select',
+    textAlign: 'center',
     editComponentProps: {
       options: [
         {
@@ -88,12 +92,16 @@ export const columns = [
     dataIndex: 'addr',
     width: 100,
     editRow: true,
+    textAlign: 'center',
+    editComponent: 'Textarea',
   },
   {
-    title: '视频播放倍速',
+    title: '播放倍速',
     dataIndex: 'cameraRate',
-    width: 100,
+    width: 70,
     editRow: true,
+    textAlign: 'center',
+    editComponent: 'Select',
     editComponentProps: {
       options: [
         {
@@ -121,35 +129,41 @@ export const columns = [
     width: 100,
     editRow: true,
     editRule: true,
+    textAlign: 'center',
+    editComponent: 'Textarea',
   },
   {
     title: '端口号',
-    width: 100,
+    width: 70,
     dataIndex: 'port',
     editRow: true,
     editRule: true,
     editComponent: 'InputNumber',
+    textAlign: 'center',
   },
   {
     title: '摄像头用户',
     dataIndex: 'username',
-    width: 120,
+    width: 70,
     editRow: true,
+    textAlign: 'center',
   },
   {
     title: '控制密码',
     dataIndex: 'password',
-    width: 120,
+    width: 70,
     editRow: true,
     editRule: true,
+    textAlign: 'center',
   },
   {
     title: '厂家',
     dataIndex: 'label',
-    width: 100,
+    width: 70,
     editRow: true,
     editRule: true,
     editComponent: 'Select',
+    textAlign: 'center',
     editComponentProps: {
       options: manufacturerOptions,
     },