feat:优化了订单、诊所搜索组件、药品这些交互

apps/web-antd/src/views/log/api-log/components/modal.vue

@@ -39,7 +39,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal class="w-[80%]" title="Api访问日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="Api访问日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 2 }"
@@ -50,6 +50,11 @@ const [Modal, modalApi] = useVbenModal({
           <span>{{ getApiOpLogOperatorLabel(data) }}</span>
         </Descriptions.Item>
         <Descriptions.Item label="URL">{{ data.url }}</Descriptions.Item>
+        <Descriptions.Item label="请求方式">
+          <span v-if="data.method === 1">GET</span>
+          <span v-else-if="data.method === 2">POST</span>
+          <span v-else>未知</span>
+        </Descriptions.Item>
         <Descriptions.Item label="控制器">
           {{ data.controller }}
         </Descriptions.Item>

apps/web-antd/src/views/log/api-log/config/search.ts

@@ -29,10 +29,26 @@ export const formOptions: VbenFormProps = {
       fieldName: 'platform_type',
       label: '接口来源',
     },
+    {
+      // 请求方式：与后端 xk_api_op_log.method（1=GET 2=POST）一致
+      component: 'Select',
+      componentProps: {
+        allowClear: true,
+        options: [
+          { label: 'GET', value: 1 },
+          { label: 'POST', value: 2 },
+        ],
+        placeholder: '全部',
+      },
+      fieldName: 'method',
+      label: '请求方式',
+    },
     {
       component: 'RangePicker',
       componentProps: {
-        format: 'YYYY-MM-DD', // 确保格式与你需要的一致
+        format: 'YYYY-MM-DD HH:mm:ss',
+        showTime: true,
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
       },
       // defaultValue: [dayjs().startOf('month'), dayjs()],
       fieldName: 'search_time',

apps/web-antd/src/views/log/api-log/config/table.ts

@@ -32,6 +32,12 @@ export const gridOptions: VxeGridProps<RowType> = {
       slots: { default: 'admin' },
     },
     { field: 'url', title: '访问路由' },
+    {
+      field: 'method',
+      title: '请求方式',
+      slots: { default: 'method' },
+      width: 90,
+    },
     {
       field: 'platform_type',
       title: '接口来源',

apps/web-antd/src/views/log/api-log/index.vue

@@ -75,6 +75,11 @@ const showModal = (data = {}, isUpdate = false) => {
       <template #platform_type="{ row }">
         <span>{{ getApiOpLogPlatformLabel(row.platform_type) }}</span>
       </template>
+      <template #method="{ row }">
+        <Tag v-if="row.method === 1" color="blue">GET</Tag>
+        <Tag v-else-if="row.method === 2" color="green">POST</Tag>
+        <Tag v-else color="default">未知</Tag>
+      </template>
       <template #toolbar-tools></template>
       <template #equipment="{ row }">
         <Icon :icon="getIcon(row.equipment)" :size="20" />

apps/web-antd/src/views/log/hy-transit-log/components/fail-detail-modal.vue

@@ -55,7 +55,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal class="w-[80%]" title="监管回调详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="监管回调详情">
     <Spin :spinning="loading">
       <Descriptions bordered :column="2" class="mb-4">
         <Descriptions.Item label="记录ID">{{ data.id }}</Descriptions.Item>

apps/web-antd/src/views/log/ledger-log/components/modal.vue

@@ -30,7 +30,7 @@ const [Modal, modalApi] = useVbenModal({
 });
 </script>
 <template>
-  <Modal class="w-[80%]" title="分账日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="分账日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }"

apps/web-antd/src/views/log/old-api-log/components/modal.vue

@@ -32,7 +32,7 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal class="w-[80%]" title="Api访问日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="Api访问日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }"

apps/web-antd/src/views/log/op-log/components/modal.vue

@@ -30,7 +30,7 @@ const [Modal, modalApi] = useVbenModal({
 });
 </script>
 <template>
-  <Modal class="w-[80%]" title="操作日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="操作日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }"

apps/web-antd/src/views/log/order-log/components/modal.vue

@@ -30,7 +30,7 @@ const [Modal, modalApi] = useVbenModal({
 });
 </script>
 <template>
-  <Modal class="w-[80%]" title="订单日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="订单日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }"

apps/web-antd/src/views/log/prescription-log/components/modal.vue

@@ -30,7 +30,7 @@ const [Modal, modalApi] = useVbenModal({
 });
 </script>
 <template>
-  <Modal class="w-[80%]" title="处方日志详情">
+  <Modal class="w-[80%] md:w-[50%] lg:w-[30%]" title="处方日志详情">
     <div class="flex flex-col gap-4">
       <Descriptions
         :column="{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }"