diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/detailsForm.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/detailsForm.vue
new file mode 100644
index 0000000..45384bc
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/detailsForm.vue
@@ -0,0 +1,72 @@
+<template>
+  <a-modal
+    :confirmLoading="confirmLoading"
+    :visible="visible"
+    @cancel="onCancel"
+    :width="1024"
+    @ok="onOk"
+  
+    title="日志详情"
+  >
+    <FormBody ref="form-body" />
+  </a-modal>
+</template>
+<script>
+import FormBody from './form';
+
+export default {
+  components: {
+    FormBody,
+  },
+  data() {
+    return {
+      visible: false,
+      confirmLoading: false,
+    };
+  },
+
+  methods: {
+    /**
+     * 必要的方法
+     * 从外部调用打开本窗口
+     */
+    onOpen(record) {
+      this.visible = true;
+       this.$nextTick(() => {
+        this.$refs['form-body'].onFillData(record);
+      });
+    },
+
+    /**
+     * 必要的方法
+     * 点击保存时的操作
+     */
+    onOk() {
+    //   this.$refs['form-body'].onValidate((valid) => {
+    //     if (valid) {
+    //       this.confirmLoading = true;
+    //       this.$api.sysRoleAdd(this.$refs['form-body'].form).then(({ success, message }) => {
+    //         this.confirmLoading = false;
+    //         if (success) {
+    //           this.$message.success('编辑成功');
+    //           this.onCancel();
+    //           this.$emit('ok');
+    //         } else {
+    //           this.$message.error(message);
+    //         }
+    //       });
+    //     }
+    //   });
+    },
+
+    /**
+     * 必要的方法
+     * 关闭窗口时的操作
+     */
+    onCancel() {
+      this.$refs['form-body'].onResetFields();
+      this.visible = false;
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/form.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/form.vue
new file mode 100644
index 0000000..7e09731
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/form.vue
@@ -0,0 +1,109 @@
+<template>
+  <!-- <a-form-model :model="form" class="yo-form" ref="form">
+    <div class="yo-form-group">
+      <a-col :span="10">
+        <a-form-model-item label="方法名称" prop="methodName">
+          <a-input v-model="form.methodName" />
+        </a-form-model-item>
+        <a-form-model-item label="地址" prop="location">
+          <a-input v-model="form.location" />
+        </a-form-model-item>
+        <a-form-model-item label="浏览器" prop="browser">
+          <a-input v-model="form.browser" />
+        </a-form-model-item>
+        <a-form-model-item label="操作系统" prop="os">
+          <a-input v-model="form.os" />
+        </a-form-model-item>
+       </a-col> 
+     <a-col :span="10">
+        <a-form-model-item label="类名称" prop="className">
+          <a-textarea :rows="4" v-model="form.className" />
+        </a-form-model-item>
+        <a-form-model-item label="具体消息" prop="message">
+          <a-textarea :rows="4" v-model="form.message" />
+        </a-form-model-item>
+        <a-form-model-item label="请求参数" prop="param">
+          <a-textarea :rows="4" v-model="form.param" />
+        </a-form-model-item>
+        <a-form-model-item label="返回结果" prop="result">
+          <a-textarea :rows="4" v-model="form.result" />
+        </a-form-model-item>
+      </a-col> 
+    </div>
+  </a-form-model> -->
+  <a-form-model :model="form" :rules="rules" class="yo-form" ref="form">
+    <a-row :gutter="16">
+      <a-col :span="10">
+        <div class="yo-form-group">
+          <a-form-model-item label="方法名称" prop="methodName">
+            <a-input v-model="form.methodName" />
+          </a-form-model-item>
+          <a-form-model-item label="地址" prop="location">
+            <a-input v-model="form.location" />
+          </a-form-model-item>
+                    <a-form-model-item label="类名称" prop="className">
+            <a-textarea :rows="4" v-model="form.className" />
+          </a-form-model-item>
+          <a-form-model-item label="返回结果" prop="result">
+            <a-textarea :rows="4" v-model="form.result" />
+          </a-form-model-item>
+        </div>
+      </a-col>
+      <a-col :span="14">
+        <div class="yo-form-group">
+          <a-form-model-item label="浏览器" prop="browser">
+            <a-input v-model="form.browser" />
+          </a-form-model-item>
+          <a-form-model-item label="操作系统" prop="os">
+            <a-input v-model="form.os" />
+          </a-form-model-item>
+          <a-form-model-item label="请求参数" prop="param">
+            <a-textarea :rows="4" v-model="form.param" />
+          </a-form-model-item>
+          <a-form-model-item label="具体消息" prop="message">
+            <a-textarea :rows="4" v-model="form.message" />
+          </a-form-model-item>
+        </div>
+      </a-col>
+    </a-row>
+  </a-form-model>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      form: {
+        active: "N",
+      },
+    };
+  },
+  methods: {
+    /**
+     * 必要的方法
+     * 在打开编辑页时允许填充数据
+     */
+    onFillData(record) {
+      this.form = this.$_.cloneDeep(record);
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口进行保存时调用表单验证
+     */
+    onValidate(callback) {
+      this.$refs.form.validate(callback);
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口关闭或重置时对表单验证进行初始化
+     */
+    onResetFields() {
+      setTimeout(() => {
+        this.form = {};
+        this.$refs.form.resetFields();
+      }, 300);
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/index.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/index.vue
new file mode 100644
index 0000000..69450f4
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/oplog/index.vue
@@ -0,0 +1,241 @@
+<template>
+  <container>
+          <br />
+      <a-alert banner closable type="error">
+        <template slot="message">后端bug:任何操作的操作类型都是增加</template>
+      </a-alert>
+       <br />
+      <a-alert banner closable type="warning">
+        <template slot="message">详情的确认按钮没功能</template>
+      </a-alert>
+      <br />
+    <a-card :bordered="false">
+      <Auth auth="sysApp:page">
+        <div class="yo-query-bar">
+          <a-form-model :model="query" layout="inline">
+            <a-form-model-item label="角色名称">
+              <a-input placeholder="请输入角色名称" v-model="query.name" />
+            </a-form-model-item>
+            <a-form-model-item label="唯一编号">
+              <a-input placeholder="请输入唯一编码" v-model="query.code" />
+            </a-form-model-item>
+            <a-form-model-item>
+              <a-button-group>
+                <a-button @click="onQuery" type="primary">查询</a-button>
+                <a-button
+                  @click="
+                    () => {
+                      (query = {}), onQuery();
+                    }
+                  "
+                  >重置</a-button
+                >
+              </a-button-group>
+            </a-form-model-item>
+          </a-form-model>
+        </div>
+      </Auth>
+
+      <yo-table :columns="columns" :load-data="loadData" ref="table">
+        <div class="yo-action-bar" slot="title">
+          <Auth auth="sysApp:delete">
+            <div class="yo-action-bar--actions">
+              <a-popconfirm
+                @confirm="sysVisLogDelete()"
+                placement="topRight"
+                title="确认清空日志？"
+              >
+                <a-button>清空日志</a-button>
+              </a-popconfirm>
+            </div>
+          </Auth>
+        </div>
+        <span slot="opType" slot-scope="text, record">
+          {{ opTypeFilter(text) }}
+        </span>
+        <span slot="success" slot-scope="text, record">
+          {{ successFilter(text) }}
+        </span>
+        <span slot="action" slot-scope="text, record">
+          <yo-table-actions>
+            <a @click="onOpen('details-Form', record)">详情</a>
+          </yo-table-actions>
+        </span>
+      </yo-table>
+      <details-Form ref="details-Form" />
+    </a-card>
+    <br />
+  </container>
+</template>
+<script>
+import detailsForm from "./detailsForm";
+export default {
+  components: {
+    detailsForm,
+  },
+  data() {
+    return {
+      query: {},
+      columns: [
+        {
+          title: "日志名称",
+          dataIndex: "name",
+        },
+        {
+          title: "操作类型",
+          dataIndex: "opType",
+          scopedSlots: { customRender: "opType" },
+        },
+        {
+          title: "是否成功",
+          dataIndex: "success",
+          scopedSlots: { customRender: "success" },
+        },
+        {
+          title: "ip",
+          dataIndex: "ip",
+        },
+        {
+          title: "请求地址",
+          dataIndex: "url",
+          scopedSlots: { customRender: "url" },
+        },
+        {
+          title: "操作时间",
+          dataIndex: "opTime",
+          scopedSlots: { customRender: "opTime" },
+        },
+        {
+          title: "操作人",
+          dataIndex: "account",
+        },
+        {
+          title: "详情",
+          dataIndex: "action",
+          width: "150px",
+          scopedSlots: { customRender: "action" },
+        },
+      ],
+      opTypeDict: [],
+      successDict: [],
+    };
+  },
+  created() {
+    this.onLoadCodes();
+  },
+  methods: {
+    opTypeFilter(result) {
+      // eslint-disable-next-line eqeqeq
+      const values = this.opTypeDict.filter((item) => item.code == result);
+      if (values.length > 0) {
+        return values[0].value;
+      }
+    },
+    sysVisLogDelete() {
+      this.$api.sysOpLogDelete().then((res) => {
+        if (res.success) {
+          this.$message.success("清空成功");
+          this.onReloadData();
+        } else {
+          this.$message.error("清空失败：" + res.message);
+        }
+      });
+    },
+    successFilter(result) {
+      // eslint-disable-next-line eqeqeq
+      const values = this.successDict.filter((item) => item.code == result);
+      if (values.length > 0) {
+        return values[0].value;
+      }
+    },
+    /**
+     * 必要的方法
+     * 传给yo-table以示意数据接口及其参数和返回的数据结构
+     */
+    loadData(params) {
+      return this.$api
+        .sysOpLogPage({
+          ...params,
+          ...this.query,
+        })
+        .then((res) => {
+          return res.data;
+        });
+    },
+
+    /**
+     * 有查询功能时的必要方法
+     * 加载数据时初始化分页信息
+     */
+    onQuery() {
+      this.$refs.table.onReloadData(true);
+    },
+
+    /**
+     * 必要方法
+     * 重新列表数据
+     */
+    onReloadData() {
+      this.$refs.table.onReloadData();
+    },
+
+    /**
+     * 加载字典数据时的必要方法
+     */
+    onLoadCodes() {
+      this.$api
+        .$queue([
+          this.$api.sysDictTypeDropDownWait({ code: "yes_or_no" }),
+          this.$api.sysDictTypeDropDownWait({ code: "op_type" }),
+        ])
+        .then(([yesOrNo, commonStatus]) => {
+          this.opTypeDict = commonStatus.data;
+          this.successDict = yesOrNo.data;
+        });
+    },
+    bindCodeValue(code, name) {
+      const c = this.codes
+        .find((p) => p.code == name)
+        .values.find((p) => p.code == code);
+      if (c) {
+        return c.value;
+      }
+      return null;
+    },
+
+    /**
+     * 有编辑新增功能的必要方法
+     * 从列表页调用窗口的打开方法
+     */
+    onOpen(formName, record) {
+      this.$refs[formName].onOpen(record);
+    },
+
+    onResult(success, message, successMessage) {
+      if (success) {
+        this.$message.success(successMessage);
+        this.onReloadData();
+      } else {
+        this.$refs.table.onLoaded();
+        this.$message.error(message);
+      }
+    },
+
+    onSetDefault(record) {
+      this.$refs.table.onLoading();
+      this.$api
+        .sysAppSetAsDefault({ id: record.id })
+        .then(({ success, message }) => {
+          this.onResult(success, message, "设置成功");
+        });
+    },
+
+    onDelete(record) {
+      this.$refs.table.onLoading();
+      this.$api.sysRoleDel(record).then(({ success, message }) => {
+        this.onResult(success, message, "删除成功");
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/detailsForm.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/detailsForm.vue
new file mode 100644
index 0000000..2f6907c
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/detailsForm.vue
@@ -0,0 +1,71 @@
+<template>
+  <a-modal
+    :confirmLoading="confirmLoading"
+    :visible="visible"
+    @cancel="onCancel"
+    @ok="onOk"
+    class="yo-modal-form"
+    title="日志详情"
+  >
+    <FormBody ref="form-body" />
+  </a-modal>
+</template>
+<script>
+import FormBody from './form';
+
+export default {
+  components: {
+    FormBody,
+  },
+  data() {
+    return {
+      visible: false,
+      confirmLoading: false,
+    };
+  },
+
+  methods: {
+    /**
+     * 必要的方法
+     * 从外部调用打开本窗口
+     */
+    onOpen(record) {
+      this.visible = true;
+       this.$nextTick(() => {
+        this.$refs['form-body'].onFillData(record);
+      });
+    },
+
+    /**
+     * 必要的方法
+     * 点击保存时的操作
+     */
+    onOk() {
+    //   this.$refs['form-body'].onValidate((valid) => {
+    //     if (valid) {
+    //       this.confirmLoading = true;
+    //       this.$api.sysRoleAdd(this.$refs['form-body'].form).then(({ success, message }) => {
+    //         this.confirmLoading = false;
+    //         if (success) {
+    //           this.$message.success('编辑成功');
+    //           this.onCancel();
+    //           this.$emit('ok');
+    //         } else {
+    //           this.$message.error(message);
+    //         }
+    //       });
+    //     }
+    //   });
+    },
+
+    /**
+     * 必要的方法
+     * 关闭窗口时的操作
+     */
+    onCancel() {
+      this.$refs['form-body'].onResetFields();
+      this.visible = false;
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/form.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/form.vue
new file mode 100644
index 0000000..101f9d8
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/form.vue
@@ -0,0 +1,49 @@
+<template>
+  <a-form-model :model="form"  class="yo-form" ref="form">
+    <div class="yo-form-group">
+      <a-form-model-item label="具体消息" prop="message">
+         <a-textarea :rows="4" v-model="form.message" />
+      </a-form-model-item>
+      
+    </div>
+  </a-form-model>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      form: {
+        active: 'N',
+      },
+    };
+  },
+  methods: {
+    /**
+     * 必要的方法
+     * 在打开编辑页时允许填充数据
+     */
+    onFillData(record) {
+      this.form = this.$_.cloneDeep(record);
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口进行保存时调用表单验证
+     */
+    onValidate(callback) {
+      this.$refs.form.validate(callback);
+    },
+
+    /**
+     * 必要的方法
+     * 在外部窗口关闭或重置时对表单验证进行初始化
+     */
+    onResetFields() {
+      setTimeout(() => {
+        this.form = {};
+        this.$refs.form.resetFields();
+      }, 300);
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/index.vue b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/index.vue
new file mode 100644
index 0000000..02a0f1f
--- /dev/null
+++ b/Api/Ewide.Core/Ewide.Core.Web.Src/src/pages/system/log/vislog/index.vue
@@ -0,0 +1,244 @@
+<template>
+  <container>
+    <br />
+    <a-alert banner closable type="warning">
+      <template slot="message">详情的确认按钮没功能</template>
+    </a-alert>
+    <br />
+    <a-alert banner closable type="warning">
+      <template slot="message"
+        >页面刷新的时候也会有保存登录日志，但是没有ip显示</template
+      >
+    </a-alert>
+    <br />
+    <a-card :bordered="false">
+      <Auth auth="sysApp:page">
+        <div class="yo-query-bar">
+          <a-form-model :model="query" layout="inline">
+            <a-form-model-item label="角色名称">
+              <a-input placeholder="请输入角色名称" v-model="query.name" />
+            </a-form-model-item>
+            <a-form-model-item label="唯一编号">
+              <a-input placeholder="请输入唯一编码" v-model="query.code" />
+            </a-form-model-item>
+            <a-form-model-item>
+              <a-button-group>
+                <a-button @click="onQuery" type="primary">查询</a-button>
+                <a-button
+                  @click="
+                    () => {
+                      (query = {}), onQuery();
+                    }
+                  "
+                  >重置</a-button
+                >
+              </a-button-group>
+            </a-form-model-item>
+          </a-form-model>
+        </div>
+      </Auth>
+
+      <yo-table :columns="columns" :load-data="loadData" ref="table">
+        <div class="yo-action-bar" slot="title">
+          <Auth auth="sysApp:delete">
+            <div class="yo-action-bar--actions">
+              <a-popconfirm
+                @confirm="sysVisLogDelete()"
+                placement="topRight"
+                title="确认清空日志？"
+              >
+                <a-button>清空日志</a-button>
+              </a-popconfirm>
+            </div>
+          </Auth>
+        </div>
+        <span slot="visType" slot-scope="text, record">
+          {{ visTypeFilter(text) }}
+        </span>
+        <span slot="success" slot-scope="text, record">
+          {{ successFilter(text) }}
+        </span>
+        <span slot="action" slot-scope="text, record">
+          <yo-table-actions>
+            <a @click="onOpen('details-Form', record)">详情</a>
+          </yo-table-actions>
+        </span>
+      </yo-table>
+      <details-Form ref="details-Form" />
+    </a-card>
+    <br />
+  </container>
+</template>
+<script>
+import detailsForm from "./detailsForm";
+export default {
+  components: {
+    detailsForm,
+  },
+  data() {
+    return {
+      query: {},
+      columns: [
+        {
+          title: "日志名称",
+          dataIndex: "name",
+        },
+        {
+          title: "访问类型",
+          dataIndex: "visType",
+          scopedSlots: { customRender: "visType" },
+        },
+        {
+          title: "是否成功",
+          dataIndex: "success",
+          scopedSlots: { customRender: "success" },
+        },
+        {
+          title: "ip",
+          dataIndex: "ip",
+        },
+        {
+          title: "浏览器",
+          dataIndex: "browser",
+        },
+        {
+          title: "访问时间",
+          dataIndex: "visTime",
+          scopedSlots: { customRender: "visTime" },
+        },
+        {
+          title: "访问人",
+          dataIndex: "account",
+        },
+        {
+          title: "详情",
+          width: "200px",
+          dataIndex: "action",
+          scopedSlots: {
+            customRender: "action",
+          },
+        },
+      ],
+      visTypeDict: [],
+      successDict: [],
+    };
+  },
+  created() {
+    this.onLoadCodes();
+  },
+  methods: {
+    visTypeFilter(result) {
+      // eslint-disable-next-line eqeqeq
+      const values = this.visTypeDict.filter((item) => item.code == result);
+      if (values.length > 0) {
+        return values[0].value;
+      }
+    },
+    sysVisLogDelete() {
+      this.$api.sysVisLogDelete().then((res) => {
+        if (res.success) {
+          this.$message.success("清空成功");
+          this.onReloadData();
+        } else {
+          this.$message.error("清空失败：" + res.message);
+        }
+      });
+    },
+    successFilter(result) {
+      // eslint-disable-next-line eqeqeq
+      const values = this.successDict.filter((item) => item.code == result);
+      if (values.length > 0) {
+        return values[0].value;
+      }
+    },
+    /**
+     * 必要的方法
+     * 传给yo-table以示意数据接口及其参数和返回的数据结构
+     */
+    loadData(params) {
+      return this.$api
+        .sysVisLogPage({
+          ...params,
+          ...this.query,
+        })
+        .then((res) => {
+          return res.data;
+        });
+    },
+
+    /**
+     * 有查询功能时的必要方法
+     * 加载数据时初始化分页信息
+     */
+    onQuery() {
+      this.$refs.table.onReloadData(true);
+    },
+
+    /**
+     * 必要方法
+     * 重新列表数据
+     */
+    onReloadData() {
+      this.$refs.table.onReloadData();
+    },
+
+    /**
+     * 加载字典数据时的必要方法
+     */
+    onLoadCodes() {
+      this.$api
+        .$queue([
+          this.$api.sysDictTypeDropDownWait({ code: "yes_or_no" }),
+          this.$api.sysDictTypeDropDownWait({ code: "vis_type" }),
+        ])
+        .then(([yesOrNo, commonStatus]) => {
+          this.visTypeDict = commonStatus.data;
+          this.successDict = yesOrNo.data;
+        });
+    },
+    bindCodeValue(code, name) {
+      const c = this.codes
+        .find((p) => p.code == name)
+        .values.find((p) => p.code == code);
+      if (c) {
+        return c.value;
+      }
+      return null;
+    },
+
+    /**
+     * 有编辑新增功能的必要方法
+     * 从列表页调用窗口的打开方法
+     */
+    onOpen(formName, record) {
+      this.$refs[formName].onOpen(record);
+    },
+
+    onResult(success, message, successMessage) {
+      if (success) {
+        this.$message.success(successMessage);
+        this.onReloadData();
+      } else {
+        this.$refs.table.onLoaded();
+        this.$message.error(message);
+      }
+    },
+
+    onSetDefault(record) {
+      this.$refs.table.onLoading();
+      this.$api
+        .sysAppSetAsDefault({ id: record.id })
+        .then(({ success, message }) => {
+          this.onResult(success, message, "设置成功");
+        });
+    },
+
+    onDelete(record) {
+      this.$refs.table.onLoading();
+      this.$api.sysRoleDel(record).then(({ success, message }) => {
+        this.onResult(success, message, "删除成功");
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file