修改样式

zrch-risk-client-39/src/views/metric/MetricMonitor.vue

 <template>
   <PageWrapper dense contentFullHeight contentClass="flex">
-    <StMetricList class="w-1/2 xl:w-1/2" @onClickRow1="clickMetricRow" />
+    <StMetricList class="w-1/2 xl:w-1/2" @onClickRow1="clickMetricRow" style="height: 100%;"/>
     <MetricReportDataMonitor class="w-1/2 xl:w-1/2" :data="metricData" ref="refMetricReportList" />
   </PageWrapper>
 </template>

zrch-risk-client-39/src/views/metric/MetricMonitorSet.data.ts

@@ -398,22 +398,22 @@ export const MetricColumns: BasicColumn[] = [
   },
   {
     title: '领域名称',
-    align: 'center',
+    align: 'left',
     dataIndex: 'domainName',
     resizable: true,
-    width: 120,
+    width: 200,
   },
   {
     title: '指标名称',
     align: 'left',
     dataIndex: 'mtrcName',
-    width: 180,
+    width: 200,
   },
   {
     title: '监测频率',
     align: 'center',
     dataIndex: 'collFreq',
-    width: 60,
+    width: 80,
     customRender: ({ text }) => {
       return render.renderDict(text, 'colletrate');
     },
@@ -472,7 +472,7 @@ export const searchStandSchema2: FormSchema[] = [
     label: '领域',
     field: 'domainNo',
     component: 'JCascaderDomain',
-    colProps: { lg: 5, md: 5 },
+    colProps: { lg: 6, md: 6 },
     componentProps: {
       dict: 'st_domain,domain_name,domain_code',
       pidField: 'upper_domain_code',
@@ -481,10 +481,6 @@ export const searchStandSchema2: FormSchema[] = [
       maxHeight: '165px',
       placeholder: '请选择领域', // 补充：添加placeholder
     },
-    itemProps: { 
-      labelCol: { xs: { span: 24 }, sm: { span: 6 } }, 
-      wrapperCol: { xs: { span: 24 }, sm: { span: 18 } } 
-    },
   },
   {
     label: '名称',
@@ -499,7 +495,7 @@ export const searchStandSchema2: FormSchema[] = [
     label: '频率',
     field: 'collFreq',
     component: 'JDictSelectTag',
-    colProps: { lg: 5, md: 5 },
+    colProps: { lg: 6, md: 6 },
     componentProps: {
       dictCode: 'colletrate',
       placeholder: '请选择频率', // 补充：添加placeholder

zrch-risk-client-39/src/views/metric/MetricReport.data.ts

@@ -142,17 +142,17 @@ export const searchFormSchema: FormSchema[] = [
     label: '开始日期',
     field: 'stFillTime',
     component: 'DatePicker',
-    colProps: {lg: 8},
+    colProps: {xs: 12, sm: 12, md: 12, lg: 12, xl: 12},
     defaultValue: (new Date().getFullYear()-3) +"-"+ (new Date().getMonth()+1) +"-"+ (new Date().getDate()),
-    itemProps:{labelCol:{xs: {span: 24},sm: {span: 12},},wrapperCol:{xs: {span: 24},sm: {span: 16},}},
+    itemProps:{labelCol:{xs: {span: 12},sm: {span: 12},},wrapperCol:{xs: {span: 12},sm: {span: 12},}},
   },
   {
     label: '结束日期',
     field: 'endFillTime',
     defaultValue:new Date(),
     component: 'DatePicker',
-    colProps: {lg: 9},
-    itemProps:{labelCol:{xs: {span: 24},sm: {span: 12},},wrapperCol:{xs: {span: 24},sm: {span: 16},}},
+    colProps: {xs: 12, sm: 12, md: 12, lg: 12, xl: 12},
+    itemProps:{labelCol:{xs: {span: 12},sm: {span: 12},},wrapperCol:{xs: {span: 12},sm: {span: 12},}},
   },
 ];
 //表单数据

zrch-risk-client-39/src/views/metric/MetricReportDataMonitor.vue

 <template>
-   <div class="m-4 mr-0 overflow-hidden bg-white" style="width:60%">
-    <a-row :gutter="10" style="margin-top:15px;padding: 1px;height: 36px;" >
-          <a-col :lg="17">
+   <div class="m-4 mr-0 overflow-hidden bg-white"> 
+    <a-row :gutter="10" style="margin-top:15px;padding: 10px;height: 36px;" >
+          <a-col span="18">
               <BasicForm @register="registerForm"/> 
           </a-col>
-          <a-col :lg="7">
+          <a-col span="6">
               <a-space :size="5">
                 <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery" >查询</a-button>
                 <a-button type="primary" preIcona="nt-design:reload-outlined" @click="searchReset" >重置</a-button>
@@ -43,7 +43,7 @@ const chartRef = ref<HTMLDivElement | null>(null);
 const { setOptions, echarts } = useECharts(chartRef as Ref<HTMLDivElement>);
 
 const [registerForm, {setFieldsValue,getFieldsValue}] = useForm({
-    //labelWidth: 150,
+    labelWidth: 120,
     schemas: searchFormSchema,
     showActionButtonGroup: false,
     baseColProps: {span: 24}

zrch-risk-client-39/src/views/metric/components/StMetricList.vue

 <template>
-  <div class="m-4 mr-0 overflow-hidden bg-white">
-    <BasicTable 
-      @register="registerTable" 
-      @selection-change="handleRowSelection" 
-      class="pb-10" 
-    />
-  </div>
+  <a-card style="height: 100%;margin-top: 13px;">
+    <BasicTable @register="registerTable" @selection-change="handleRowSelection" />
+  </a-card>
 </template>
 
 <script lang="ts" setup>
@@ -33,6 +29,7 @@
   // 表格配置
   const [registerTable, { getSelectRows, setSelectedRowKeys, setProps }] = useTable({
     title: '',
+    size: 'big',
     api: getApi(),
     columns: MetricColumns,
     showTableSetting: false,
@@ -42,14 +39,17 @@
     immediate: true, // 改为手动触发，避免重复请求
     bordered: true,
     showIndexColumn: false,
+    scroll: {
+      y: 'calc(100vh - 200px)'
+    },
     defSort: {
       column: 'mtrcNo',
       order: 'asc',
     },
     rowSelection: {
       type: 'radio',
-      columnWidth: 30,
-      columnTitle: '选择',
+      width: 20,
+      title: '选择',
     },
     handleSearchInfoFn: (info) => info,
     formConfig: {

zrch-risk-client-39/src/views/newlib/components/CheckReport.vue

@@ -10,8 +10,8 @@
       <a-breadcrumb-item></a-breadcrumb-item>
     </a-breadcrumb>
     <a-card v-show="curActiveKey==1" bordered="false" style="width:100%">
-      <div style="margin:10px;height:70vh;width:100%;">
-        <FileViewer ref="refShowFile"></FileViewer>
+      <div style="margin:10px;height:70vh;width:100%;background:red;">
+        <ShowFileContent ref="refShowFile"></ShowFileContent>
       </div>
     </a-card>
     <a-card title="" v-show="curActiveKey==2" :bordered="false" style="width: 100%">
@@ -39,7 +39,7 @@
   import { ref,nextTick } from 'vue';
   import { getAllCheckMethodByItem } from './api/AuditCheckMethodItem.api';
   import { queryAllChecks } from './api/AuditCheckMethod.api';
-  import FileViewer from '/@/components/onlinePreview/FileViewer.vue'
+  import ShowFileContent from './modal/ShowFileContent.vue'