diff --git a/src/api/logManage/mml.ts b/src/api/logManage/mml.ts
new file mode 100644
index 00000000..9335f533
--- /dev/null
+++ b/src/api/logManage/mml.ts
@@ -0,0 +1,69 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listMML(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from mml_log where 1=1 ';
+  let rowsSQL = 'select * from mml_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.accountName) {
+    querySQL += ` and user like '%${query.accountName}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and log_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and log_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by log_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/databaseManagement/v1/select/omc_db/mml_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['mml_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total']) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
diff --git a/src/views/logManage/mml/index.vue b/src/views/logManage/mml/index.vue
index e29c1fd1..efe45154 100644
--- a/src/views/logManage/mml/index.vue
+++ b/src/views/logManage/mml/index.vue
@@ -1,432 +1,304 @@
-<script lang="ts" setup>
-import { onMounted, reactive, toRaw } from 'vue';
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from '@ant-design-vue/pro-layout';
-import saveAs from 'file-saver';
-import useNeInfoStore from '@/store/modules/neinfo';
-import {
-  RESULT_CODE_ERROR,
-  RESULT_CODE_SUCCESS,
-} from '@/constants/result-constants';
+import { SizeType } from 'ant-design-vue/lib/config-provider';
+import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/lib/table';
+import { parseDateToStr } from '@/utils/date-utils';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { listMML } from '@/api/logManage/mml';
 import useI18n from '@/hooks/useI18n';
-import { message, Form } from 'ant-design-vue/lib';
-import {
-  tcpdumpNeTask,
-  tcpdumpNeUPFTask,
-  tcpdumpPcapDownload,
-} from '@/api/traceManage/pcap';
-import { ref } from 'vue';
 const { t } = useI18n();
+const route = useRoute();
 
-/**对话框对象信息状态类型 */
-type ModalStateType = {
-  /**网元类型 */
-  neType: string[];
-  /**表单数据 */
-  from: Record<string, any>;
-  /**确定按钮 loading */
-  confirmLoading: boolean;
-  /**执行日志 */
-  execLogMsg: string;
-  /**文件名 */
-  fileName: string;
-  /**下载文件按钮 */
-  downBtn: boolean;
-};
+/**路由标题 */
+let title = ref<string>((route.meta.title as string) ?? '标题');
 
-/**对话框对象信息状态 */
-let modalState: ModalStateType = reactive({
-  neType: [],
-  from: {
-    ip: '',
-    cmd: 'sctp or tcp port 8080 or 8088',
-    timeout: 60,
-    upfStart: 'pcap dispatch trace on max 100000',
-    upfStop: 'pcap dispatch trace off',
-  },
-  confirmLoading: false,
-  execLogMsg: '',
-  fileName: '',
-  downBtn: false,
+/**记录开始结束时间 */
+let queryRangePicker = ref<[string, string]>(['', '']);
+
+/**查询参数 */
+let queryParams = reactive({
+  /**登录账号 */
+  accountName: '',
+  /**记录时间 */
+  beginTime: '',
+  endTime: '',
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
 });
 
-/**网元类型选择对应修改 */
-function fnNeChange(_: any, item: any) {
-  modalState.from.ip = item[1].ip;
-  modalState.execLogMsg = '';
-  modalState.fileName = '';
-  modalState.downBtn = false;
-  runTime.value = 0;
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    accountName: '',
+    beginTime: '',
+    endTime: undefined,
+    pageNum: 1,
+    pageSize: 20,
+  });
+  queryRangePicker.value = ['', ''];
+  tablePagination.current = 1;
+  tablePagination.pageSize = 20;
+  fnGetList();
 }
 
-/**对话框内表单属性和校验规则 */
-const modalStateFrom = Form.useForm(
-  modalState.from,
-  reactive({
-    cmd: [{ required: true, message: 'tcpdump any 参数!' }],
-    timeout: [{ required: true, message: '执行时长，单位是秒!' }],
-    upfStart: [{ required: true, message: 'upf start pacp 命令!' }],
-    upfStop: [{ required: true, message: 'upf stop pacp 命令!' }],
-  })
-);
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**搜索栏 */
+  seached: boolean;
+  /**记录数据 */
+  data: object[];
+};
 
-// 创建 AbortController 实例
-let controller = new AbortController();
-let timeoutId: any = 0;
-let runTime = ref<number>(0);
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  seached: true,
+  data: [],
+});
 
-/**普通抓包执行 */
-function fnStart() {
-  modalStateFrom
-    .validate(['cmd', 'timeout'])
-    .then(() => {
-      modalState.confirmLoading = true;
-      const from = toRaw(modalState.from);
-      const hide = message.loading('正在执行...', 0);
-      controller = new AbortController();
-      const signal = controller.signal;
-      timeoutId = setInterval(() => {
-        runTime.value++;
-        if (runTime.value > from.timeout + 5) {
-          clearInterval(timeoutId);
-          runTime.value = 0;
-          message.warning({
-            content: `执行超时`,
-            duration: 2,
-          });
-          // 超时终止请求
-          controller.abort();
-        }
-      }, 1000);
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('common.rowId'),
+    dataIndex: 'id',
+    align: 'center',
+  },
+  {
+    title: '登录账号',
+    dataIndex: 'user',
+    align: 'center',
+  },
+  {
+    title: 'IP地址',
+    dataIndex: 'ip',
+    align: 'center',
+  },
+  {
+    title: '网元类型',
+    dataIndex: 'neType',
+    align: 'center',
+  },
+  {
+    title: '网元唯一标识',
+    dataIndex: 'neId',
+    align: 'center',
+  },
+  {
+    title: 'MML',
+    dataIndex: 'mml',
+    key: 'mml',
+    align: 'center',
+  },
+  {
+    title: '记录时间',
+    dataIndex: 'logTime',
+    align: 'center',
+    customRender(opt) {
+      if (!opt.value) return '';
+      return parseDateToStr(opt.value);
+    },
+  },
+];
 
-      tcpdumpNeTask(signal, {
-        neType: modalState.neType[0],
-        neId: modalState.neType[1],
-        timeout: from.timeout,
-        cmd: from.cmd,
-      })
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: `执行完成`,
-              duration: 3,
-            });
-            let logmsg = res.data.cmd + '\n\n' + res.data.msg;
-            logmsg = logmsg.replace(' \n', '\n\n');
-            modalState.execLogMsg = logmsg;
-            modalState.fileName = res.data.fileName;
-            modalState.downBtn = true;
-          } else if (
-            res.code === RESULT_CODE_ERROR &&
-            res.msg.includes('timeout')
-          ) {
-            message.warning({
-              content: `中断执行`,
-              duration: 3,
-            });
-          } else {
-            message.error({
-              content: `执行失败`,
-              duration: 3,
-            });
-          }
-        })
-        .finally(() => {
-          hide();
-          clearInterval(timeoutId);
-          runTime.value = 0;
-          modalState.confirmLoading = false;
-        });
-    })
-    .catch(e => {
-      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
-    });
+/**表格分页器参数 */
+let tablePagination = reactive({
+  /**当前页数 */
+  current: 1,
+  /**每页条数 */
+  pageSize: 20,
+  /**默认的每页条数 */
+  defaultPageSize: 20,
+  /**指定每页可以显示多少条 */
+  pageSizeOptions: ['10', '20', '50', '100'],
+  /**只有一页时是否隐藏分页器 */
+  hideOnSinglePage: false,
+  /**是否可以快速跳转至某页 */
+  showQuickJumper: true,
+  /**是否可以改变 pageSize */
+  showSizeChanger: true,
+  /**数据总数 */
+  total: 0,
+  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+    queryParams.pageNum = page;
+    queryParams.pageSize = pageSize;
+    fnGetList();
+  },
+});
+
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
 }
 
-/**普通抓包中断 */
-function fnStop() {
-  controller.abort(); // 终止请求
-  clearInterval(timeoutId);
-  runTime.value = 0;
-}
-
-/**下载PCAP文件 */
-function fnDownPCAP() {
-  if (!modalState.fileName) {
-    message.warning({
-      content: `无效文件名`,
-      duration: 2,
-    });
-    return;
-  }
-  const key = 'tcpdumpPcapDownload';
-  message.loading({ content: '请稍等...', key });
-  tcpdumpPcapDownload({
-    neType: modalState.neType[0],
-    neId: modalState.neType[1],
-    fileName: modalState.fileName,
-  }).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      message.success({
-        content: `已完成`,
-        key,
-        duration: 2,
-      });
-      saveAs(res.data, modalState.fileName);
-    } else {
-      message.error({
-        content: `${res.msg}`,
-        key,
-        duration: 2,
-      });
+/**查询备份信息列表 */
+function fnGetList() {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  queryParams.beginTime = queryRangePicker.value[0];
+  queryParams.endTime = queryRangePicker.value[1];
+  listMML(toRaw(queryParams)).then(res => {
+    console.log(res);
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
+      tablePagination.total = res.total;
+      tableState.data = res.rows;
     }
+    tableState.loading = false;
   });
 }
 
-/**UPF抓包执行 */
-function fnUPF(runType: 'start' | 'stop') {
-  let validateArr = ['upfStop'];
-  if (runType === 'start') {
-    validateArr = ['upfStart'];
-  }
-  modalStateFrom
-    .validate(validateArr)
-    .then(() => {
-      modalState.confirmLoading = true;
-      const from = toRaw(modalState.from);
-      const hide = message.loading('请稍等...', 0);
-      tcpdumpNeUPFTask({
-        neType: modalState.neType[0],
-        neId: modalState.neType[1],
-        runType: runType,
-        cmd: from.upfStart,
-      })
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            let logmsg = res.data.cmd + '\n\n' + res.data.msg;
-            logmsg = logmsg.replace(' \n', '\n\n');
-            modalState.execLogMsg = logmsg;
-            modalState.fileName = res.data.fileName;
-            if (runType === 'start') {
-              if (res.data.msg.includes('already')) {
-                message.warning({
-                  content: `已经执行, 请根据情况停止抓包`,
-                  duration: 10,
-                });
-              } else {
-                message.success({
-                  content: `执行成功, 请根据情况停止抓包`,
-                  duration: 10,
-                });
-              }
-            }
-            if (runType === 'stop') {
-              if (res.data.msg.includes('already')) {
-                message.warning({
-                  content: `已经停止, 请根据情况开始抓包`,
-                  duration: 10,
-                });
-              } else {
-                message.success({
-                  content: `执行成功, 抓包已停止`,
-                  duration: 10,
-                });
-                modalState.downBtn = true;
-              }
-            }
-          } else {
-            message.error({
-              content: `执行失败`,
-              duration: 3,
-            });
-          }
-        })
-        .finally(() => {
-          hide();
-          modalState.confirmLoading = false;
-        });
-    })
-    .catch(e => {
-      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
-    });
-}
-
 onMounted(() => {
-  // 获取网元网元列表
-  useNeInfoStore()
-    .fnNelist()
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-        if (res.data.length > 0) {
-          const info = res.data[0];
-          modalState.neType = [info.neType, info.neId];
-          modalState.from.ip = info.ip;
-        }
-      } else {
-        message.warning({
-          content: `暂无网元列表数据`,
-          duration: 2,
-        });
-      }
-    });
+  // 获取列表数据
+  fnGetList();
 });
 </script>
 
 <template>
-  <PageContainer>
-    <a-card :title="t('views.traceManage.pcap.cardTitle')">
-      <a-row :gutter="16">
-        <a-col :lg="12" :md="12" :xs="24">
-          <a-form
-            name="modalState"
-            :model="modalState"
-            layout="horizontal"
-            autocomplete="off"
-            :label-col="{ span: 5 }"
-            labelWrap
-          >
-            <a-form-item :label="t('views.traceManage.pcap.neType')" name="neType">
-              <a-cascader
-                v-model:value="modalState.neType"
-                :options="useNeInfoStore().getNeCascaderOtions"
-                @change="fnNeChange"
-                :allow-clear="false"
-                placeholder="请选择网元"
-              />
+  <PageContainer :title="title">
+    <a-card
+      v-show="tableState.seached"
+      :bordered="false"
+      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+    >
+      <!-- 表格搜索栏 -->
+      <a-form :model="queryParams" name="queryParams" layout="horizontal">
+        <a-row :gutter="16">
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item label="登录账号" name="accountName">
+              <a-input
+                v-model:value="queryParams.accountName"
+                :allow-clear="true"
+                placeholder="查询登录账号"
+              ></a-input>
             </a-form-item>
-            <a-form-item :label="t('views.traceManage.pcap.neIp')" name="ip">
-              <span style="font-weight: bold">{{ modalState.from.ip }}</span>
+          </a-col>
+          <a-col :lg="8" :md="12" :xs="24">
+            <a-form-item label="记录时间" name="queryRangePicker">
+              <a-range-picker
+                v-model:value="queryRangePicker"
+                allow-clear
+                bordered
+                show-time
+                value-format="YYYY-MM-DD HH:mm:ss"
+                format="YYYY-MM-DD HH:mm:ss"
+                :placeholder="['记录开始', '记录结束']"
+                style="width: 100%"
+              ></a-range-picker>
             </a-form-item>
+          </a-col>
 
-            <template v-if="modalState.neType[0] === 'UPF'">
-              <a-form-item
-                :label="t('views.traceManage.pcap.capStart')"
-                name="upfStart"
-                v-bind="modalStateFrom.validateInfos.upfStart"
-              >
-                <a-input-group compact>
-                  <a-input
-                    v-model:value="modalState.from.upfStart"
-                    allow-clear
-                    placeholder="upf pacp 命令"
-                    style="width: 75%"
-                  />
-                  <a-button
-                    type="primary"
-                    style="width: 25%"
-                    :disabled="modalState.confirmLoading"
-                    :loading="modalState.confirmLoading"
-                    @click.prevent="fnUPF('start')"
-                  >
-                    {{ t('views.traceManage.pcap.runText') }}
-                  </a-button>
-                </a-input-group>
-              </a-form-item>
-              <a-form-item
-                :label="t('views.traceManage.pcap.capStop')"
-                name="upfStop"
-                v-bind="modalStateFrom.validateInfos.upfStop"
-              >
-                <a-input-group compact>
-                  <a-input
-                    v-model:value="modalState.from.upfStop"
-                    allow-clear
-                    placeholder="upf pacp 命令"
-                    style="width: 75%"
-                  />
-                  <a-button
-                    type="primary"
-                    style="width: 25%"
-                    :disabled="modalState.confirmLoading"
-                    :loading="modalState.confirmLoading"
-                    @click.prevent="fnUPF('stop')"
-                  >
-                    {{ t('views.traceManage.pcap.runText') }}
-                  </a-button>
-                </a-input-group>
-              </a-form-item>
-            </template>
-            <template v-else>
-              <a-form-item
-                :label="t('views.traceManage.pcap.capArg')"
-                name="cmd"
-                v-bind="modalStateFrom.validateInfos.cmd"
-              >
-                <a-input
-                  v-model:value="modalState.from.cmd"
-                  allow-clear
-                  placeholder="tcpdump any 参数"
-                >
-                </a-input>
-              </a-form-item>
-              <a-form-item
-                :label="t('views.traceManage.pcap.capTime')"
-                name="timeout"
-                v-bind="modalStateFrom.validateInfos.timeout"
-              >
-                <a-input-number
-                  v-model:value="modalState.from.timeout"
-                  placeholder="单位是秒's"
-                  :min="5"
-                  :max="120"
-                />
-              </a-form-item>
-              <a-form-item :wrapperCol="{ offset: 5 }">
-                <a-space :size="8">
-                  <a-button
-                    type="primary"
-                    :disabled="modalState.confirmLoading"
-                    :loading="modalState.confirmLoading"
-                    @click.prevent="fnStart"
-                  >
-                    <template #icon><ApiOutlined /></template>
-                    {{
-                      runTime != 0
-                        ? t('views.traceManage.pcap.runTimeText', { s: runTime })
-                        : t('views.traceManage.pcap.runText')
-                    }}
-                  </a-button>
-                  <a-button
-                    type="dashed"
-                    danger
-                    :disabled="!modalState.confirmLoading"
-                    @click.prevent="fnStop"
-                  >
-                    {{ t('views.traceManage.pcap.stopText') }}
-                  </a-button>
-                </a-space>
-              </a-form-item>
-            </template>
-          </a-form>
-        </a-col>
-        <a-col :offset="2" :lg="10" :md="10" :xs="24">
-          <a-form layout="vertical" autocomplete="off">
-            <a-form-item
-              :label="t('views.traceManage.pcap.capLog')"
-              name="execLogMsg"
-              v-show="!!modalState.execLogMsg"
-            >
-              <a-textarea
-                v-model:value="modalState.execLogMsg"
-                :auto-size="{ minRows: 10, maxRows: 15 }"
-                :disabled="true"
-                placeholder="输出执行日志..."
-              />
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
             </a-form-item>
-            <a-form-item v-show="modalState.downBtn">
-              <a-button
-                type="primary"
-                :title="modalState.fileName"
-                @click.prevent="fnDownPCAP"
-              >
-                <template #icon><DownloadOutlined /></template>
-                {{ t('views.traceManage.pcap.capDownText') }}
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ padding: '0px' }">
+      <!-- 插槽-卡片左侧侧 -->
+      <template #title> </template>
+
+      <!-- 插槽-卡片右侧 -->
+      <template #extra>
+        <a-space :size="8" align="center">
+          <a-tooltip>
+            <template #title>{{ t('common.searchBarText') }}</template>
+            <a-switch
+              v-model:checked="tableState.seached"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
+              size="small"
+            />
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.reloadText') }}</template>
+            <a-button type="text" @click.prevent="fnGetList">
+              <template #icon><ReloadOutlined /></template>
+            </a-button>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.sizeText') }}</template>
+            <a-dropdown trigger="click" placement="bottomRight">
+              <a-button type="text">
+                <template #icon><ColumnHeightOutlined /></template>
               </a-button>
-            </a-form-item>
-          </a-form>
-        </a-col>
-      </a-row>
+              <template #overlay>
+                <a-menu
+                  :selected-keys="[tableState.size as string]"
+                  @click="fnTableSize"
+                >
+                  <a-menu-item key="default">
+                    {{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle">
+                    {{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small">
+                    {{ t('common.size.small') }}
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </a-tooltip>
+        </a-space>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :pagination="tablePagination"
+        :scroll="{ x: true }"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'mml'">
+            <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ record.result }}</template>
+                <div class="mmlText">{{ record.mml }}</div>
+              </a-tooltip>
+            </a-space>
+          </template>
+        </template>
+      </a-table>
     </a-card>
   </PageContainer>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+.mmlText {
+  max-width: 200px;
+  cursor: pointer;
+  text-align: start;
+}
+</style>