日志管理对接数据

.env.development

@@ -17,8 +17,8 @@ VITE_PROXY_API = /dev-api
 # VITE_PROXY = [ ["/dev-api", "http://192.168.110.186:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]]
 # VITE_UPLOAD_URL = http://192.168.110.186
 # 陈游
-VITE_PROXY = [ ["/dev-api", "http://192.168.110.10:8017" ],["/dev-img-api", "http://file.sczysoft.com" ]]
+VITE_PROXY = [ ["/dev-api", "http://192.168.110.10:8017" ],["/dev-img-api", "http://42.193.40.239:8017" ]]
-VITE_UPLOAD_URL = http://192.168.110.10
+VITE_UPLOAD_URL = http://42.193.40.239:8888/
 # 
 VITE_GLOB_UPLOAD_URL=/dev-api
 VITE_UPLOAD_IMG_URL=/dev-img-api

src/api/Sys.ts

@@ -356,6 +356,27 @@ export function saveUser(data) {
     method: "POST",
   });
 }
+/**
+ *日志管理-分页查询登录日志
+ */
+ export function loginLogPage(params) {
+  return request({
+    url: `/admin/Sys/loginLogPage`,
+    method: "GET",
+    params:params,
+  });
+}
+/**
+ *日志管理-分页查询操作日志
+ */
+ export function operationLogPage(params) {
+  return request({
+    url: `/admin/Sys/operationLogPage`,
+    method: "GET",
+    params:params,
+  });
+}
+
 
 
 

src/api/base.ts

@@ -53,7 +53,7 @@ export function domicileDel(params) {
   });
 }
 /**
-*户籍管理-户籍人员注销
+*户籍管理-户籍注销
 */
 export function domicileCancel(params) {
   return request({
@@ -63,6 +63,15 @@ export function domicileCancel(params) {
   });
 }
 /**
+*户籍管理-户籍恢复
+*/
+export function domicileRestore(params) {
+  return request({
+    url: `/admin/people/domicileRestore/${params.domicileId}`,
+    method: "PUT",
+  });
+}
+/**
 *户籍管理-户籍人员详情信息
 */
 export function domicileDetail(params) {

src/api/file.ts

@@ -1,4 +1,5 @@
-import request from "@/utils/request";
+// import request from "@/utils/request";
+import {fileRequest} from "@/utils/request";
 
 function getMethod(type: string) {
   if (type.startsWith("/upload")) return "POST";
@@ -19,7 +20,7 @@ export function apiFile(
   type: string,
   data: { OTCId: string }
 ) {
-  return request({
+  return fileRequest({
     url: type,
     method: getMethod(type),
     params: {
@@ -46,7 +47,7 @@ export function uploadFile(
   otcType: string,
   data: object
 ) {
-  return request({
+  return fileRequest({
     url: "/common/upload/uploadFile",
     method: "POST",
     params: {
@@ -62,7 +63,7 @@ export function uploadFile(
  */
  export function getFile(otcid:string,otctype:string) {
   
-  return request({
+  return fileRequest({
     url: `/common/upload/getFile`,
     method: "GET",
     params:{ otcid,otctype }
@@ -72,7 +73,7 @@ export function uploadFile(
  *文件删除
  */
  export function delFile(documentId) {
-  return request({
+  return fileRequest({
     url: `/common/upload/delFile`,
     method: "GET",
     params:{ documentId }

src/router/modules/emergency.js

@@ -111,7 +111,7 @@ export default {
             meta: {
                 icon: 'point',
                 auth: "emer.command",
-                title: '指挥体系',
+                title: '应急通讯录',
                 breadcrumb: true, //是否显示面包屑
             }
         },
@@ -122,7 +122,7 @@ export default {
             meta: {
                 icon: 'point',
                 auth: "emer.address",
-                title: '应急通讯录',
+                title: '指挥体系',
                 breadcrumb: true, //是否显示面包屑
             }
         }

src/utils/request.ts

@@ -42,7 +42,7 @@ function configRequest(service: {
       const tokencancel = localStorage.getItem('token-cancel');
       let user= JSON.parse(localStorage.getItem("user_df"));
       if (!tokencancel && token) {
-        // config.headers["userToken"] = token || "";
+        config.headers["Token"] = token || "";
         config.headers[user.tokenName] = user.tokenValue;
       }
       return config;

src/views/base-manage/flow/index.vue

@@ -145,6 +145,7 @@
         >
           <template #default="scope">
             <span
+            v-if="scope.row.domicileState == 1"
               class="operate"
               @click="
                 (form = scope.row),
@@ -162,7 +163,7 @@
               <svg-icon name="detail" class="icon"></svg-icon>
               <span class="detail">详情</span>
             </span>
-            <span class="operate" @click="del(scope.row.peopleId)">
+            <span v-if="scope.row.domicileState == 1" class="operate" @click="del(scope.row.peopleId)">
               <svg-icon name="delete" class="icon"></svg-icon>
               <span class="func">删除</span>
             </span>

src/views/base-manage/permanent/index.vue

@@ -145,6 +145,7 @@
         >
           <template #default="scope">
             <span
+            v-if="scope.row.domicileState == 1"
               class="operate"
               @click="
                 (form = scope.row),
@@ -162,7 +163,7 @@
               <svg-icon name="detail" class="icon"></svg-icon>
               <span class="detail">详情</span>
             </span>
-            <span class="operate" @click="del(scope.row.peopleId)">
+            <span class="operate" v-if="scope.row.domicileState == 1" @click="del(scope.row.peopleId)">
               <svg-icon name="delete" class="icon"></svg-icon>
               <span class="func">删除</span>
             </span>

src/views/base-manage/poor/index.vue

@@ -145,6 +145,7 @@
         >
           <template #default="scope">
             <span
+            v-if="scope.row.domicileState == 1"
               class="operate"
               @click="
                 (form = scope.row),
@@ -162,7 +163,7 @@
               <svg-icon name="detail" class="icon"></svg-icon>
               <span class="detail">详情</span>
             </span>
-            <span class="operate" @click="del(scope.row.peopleId)">
+            <span class="operate" v-if="scope.row.domicileState == 1" @click="del(scope.row.peopleId)">
               <svg-icon name="delete" class="icon"></svg-icon>
               <span class="func">删除</span>
             </span>

src/views/base-manage/residence/index.vue

@@ -250,7 +250,7 @@
 </template>
 <script lang='ts' setup>
 import { onMounted, reactive, ref } from "vue";
-import { domicilePage, domicileDel } from "@/api/base";
+import { domicilePage, domicileDel, domicileRestore } from "@/api/base";
 import AddEdit from "./dialog/add-edit.vue";
 import Cancel from "./dialog/cancel.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -327,18 +327,18 @@ const restore = (id) => {
     let params = {
       domicileId: id,
     };
-    // domicileDel(params).then((res: any) => {
+    domicileRestore(params).then((res: any) => {
-    //   if (res.code == 1) {
+      if (res.code == 1) {
-    //     ElMessage.success({
+        ElMessage.success({
-    //       message: "删除成功",
+          message: "删除成功",
-    //     });
+        });
-    //   } else {
+      } else {
-    //     ElMessage.error({
+        ElMessage.error({
-    //       message: res.message,
+          message: res.message,
-    //     });
+        });
-    //   }
+      }
-    //   getList();
+      getList();
-    // });
+    });
   });
 };
 //调整详情

src/views/emergency/address-book/index.vue

@@ -1,14 +1,29 @@
 <template>
   <div class="percentage-content">
     <div class="content">
-
       <div class="tree-wrap">
-
+        <vue3-tree-org
-			<vue3-tree-org style="margin-top: 10px;" ref="tree" :data="data" :center="true" :horizontal="horizontal"
+          style="margin-top: 10px;"
-				:collapsable="collapsable" :label-style="style" :node-draggable="true" :scalable="true"
+          ref="tree"
-				:only-one-node="onlyOneNode" :default-expand-level="3" :filter-node-method="filterNodeMethod"
+          :data="dataList"
-				:clone-node-drag="cloneNodeDrag" @on-restore="restore" @on-contextmenu="onMenus" :on-expand-all="expandAll"
+          :center="true"
-				@on-node-blur="nodeBlur" @on-node-delete="nodeDelete" :props="props" :define-menus="defineMenus">
+          :horizontal="horizontal"
+          :collapsable="collapsable"
+          :label-style="style"
+          :node-draggable="true"
+          :scalable="true"
+          :only-one-node="onlyOneNode"
+          :default-expand-level="2"
+          :filter-node-method="filterNodeMethod"
+          :clone-node-drag="cloneNodeDrag"
+          @on-restore="restore"
+          @on-contextmenu="onMenus"
+          :on-expand-all="expandAll"
+          @on-node-blur="nodeBlur"
+          @on-node-delete="nodeDelete"
+          :props="props"
+          :define-menus="defineMenus"
+        >
           <!-- :define-menus="defineMenus" -->
           <template v-slot="{ node }">
             <div class="tree-org-node__text node-label tree-div">
@@ -17,40 +32,52 @@
             </div>
           </template>
         </vue3-tree-org>
-
       </div>
       <div>
-			<el-button class="topButton" type="primary" @click="click">提交</el-button>
+        <el-button class="topButton" type="primary" @click="click"
+          >提交</el-button
+        >
+      </div>
     </div>
   </div>
-</div>
 </template>
 
 <script setup lang='ts'>
 import { reactive, ref, onMounted } from "vue";
 // import { getEmergencyUserTree, saveEmergencyUser, delEmergencyUser } from "@/api/emergency";
 import { getUUID } from "@/utils/common";
-import { ElMessage } from 'element-plus'
+import { ElMessage } from "element-plus";
-const data = ref({
+const dataList = ref({
-    id:1,label:"道孚县鲜水镇",
+  id: getUUID(),
-          children:[
+  label: "道孚县鲜水镇",
+  children: [
     {
-                  id:2,pid:1,label:"街道",
+      id: 2,
-                  style:{color:"#fff",background:"#108ffe"},
+      label: "街道",
-                  children:[
+      style: { color: "#fff", background: "#108ffe" },
-                      {id:6,pid:2,label:"办公室",disabled:true},
+      children: [
-                      {id:8,pid:2,label:"安居办",noDragging:true},
+        { id: 6, label: "办公室" },
-                      {id:10,pid:2,label:"规划办"}
+        { id: 8, label: "安居办" },
-                  ]
+        { id: 10, label: "规划办" },
+      ],
     },
     {
-                  id:3,pid:1,label:"应急",
+      id: 3,
-                  children:[
+      label: "应急",
-                      {id:11,pid:3,label:"应急一部"},
+      children: [
-                      {id:12,pid:3,label:"应急二部"}
+        {
-                  ]
+          id: 11,
+          label: "应急一部",
+          children: [
+            { id: 15, label: "应急一部" },
+            { id: 16, label: "应急二部" },
+          ],
         },
-          ]});
+        { id: 12, label: "应急二部" },
+      ],
+    },
+  ],
+});
 const horizontal = ref(false);
 const collapsable = ref(true);
 const onlyOneNode = ref(true);
@@ -59,19 +86,18 @@ const expandAll = ref(true);
 const style = reactive({
   background: "#fff",
   color: "#5e6d82",
-	height: "50%"
+  height: "50%",
 });
 const props = reactive({
-	id: 'id',
+  id: "id",
-	pid: 'pid',
+  label: "label",
-	label: 'label',
+  children: "children",
-	children: 'children'
 });
 const defineMenus = ref([
-	{ name: '新增', command: 'add' },
+  { name: "新增", command: "add" },
-	{ name: '编辑', command: 'edit' },
+  { name: "编辑", command: "edit" },
-	{ name: '删除', command: 'delete' },
+  { name: "删除", command: "delete" },
-])
+]);
 /* defineMenus:[
 					{ name:'复制', command: 'copy' },
 					{ name:'新建', command: 'add' },
@@ -79,16 +105,14 @@ const defineMenus = ref([
 					{ name:'自定义', command: 'defind' },
 			], */
 //删除应急组织机构对象
-const deleteData = ref([])
+const deleteData = ref([]);
 //新增/修改应急组织机构对象
-const addModifyData = ref([])
+const addModifyData = ref([]);
 
-const onMenus = ({ node, command }) => {
+const onMenus = ({ node, command }) => {};
-};
+const restore = () => {};
-const restore = () => {
-};
 const filterNodeMethod = (value, data) => {
-	console.log(value, data)
+  console.log(value, data);
   if (!value) return true;
   return data.label.indexOf(value) !== -1;
 };
@@ -96,9 +120,9 @@ const filterNodeMethod = (value, data) => {
 const click = () => {
   addModifyData.value = [...new Set(addModifyData.value)];
   //新增
-	addModifyData.value.forEach(item => {
+  addModifyData.value.forEach((item) => {
     console.log(item);
-		let emergencyUserId = '';
+    let emergencyUserId = "";
     if (item.newNode == true) {
       emergencyUserId = getUUID();
     } else {
@@ -108,8 +132,8 @@ const click = () => {
       emergencyUserId: emergencyUserId,
       name: item.name,
       superId: item.superId,
-		}
+    };
-        console.log(params,'params====>');
+    console.log(params, "params====>");
 
     // saveEmergencyUser(params).then((res: any) => {
     // });
@@ -129,26 +153,29 @@ const click = () => {
   // 	addModifyData.value = [];
   // 	getEmergencyUserTrees();
   // }, 2000)
-
 };
 //节点失去焦点-添加入增加修改数组
 const nodeBlur = (e, data) => {
-	addModifyData.value.push(data)
+  console.log(e, data, "e, data=>");
+
+  addModifyData.value.push(data);
+  console.log(addModifyData.value, "addModifyData.value==>");
+  console.log(dataList.value, "data===>");
 };
 //添加入删除节点数组
 const nodeDelete = (e) => {
-	deleteData.value.push(e)
+  deleteData.value.push(e);
-}
+  console.log(dataList.value, "data===>");
+};
 //获取应急工作处理领导小组树形
 const getEmergencyUserTrees = () => {
   // getEmergencyUserTree().then((res: any) => {
   // 	console.log(data.value, '	data.value ');
   // 	if (res.code == 1) {
-	// 		data.value = res.data[0]
+  // 		dataList.value = res.data[0]
-
   // 	}
   // });
-}
+};
 onMounted(() => {
   getEmergencyUserTrees();
 });
@@ -192,16 +219,13 @@ onMounted(() => {
 }
 .tree-div {
     padding: 20px 10px;
-    >div {
+    > div {
         font-size: 18px;
     }
 }
-</style>
-
-<style lang="scss" scoped>
 .tree-wrap {
     padding-top: 52px;
-    height: 700px;
+    height: 100%;
     position: relative;
     margin-top: -50px;
 }

src/views/emergency/address-book/index1.vue

@@ -1,251 +0,0 @@
-<!-- <template>
-  <div class="percentage-content">
-    <div class="content">
-      <div class="tree-wrap">
-        <vue3-tree-org
-          style="margin-top: 10px;"
-          ref="tree"
-          :data="data"
-          :center="true"
-          :horizontal="horizontal"
-          :collapsable="collapsable"
-          :label-style="style"
-          :node-draggable="true"
-          :scalable="true"
-          :only-one-node="onlyOneNode"
-          :default-expand-level="3"
-          :filter-node-method="filterNodeMethod"
-          :clone-node-drag="cloneNodeDrag"
-          @on-restore="restore"
-          @on-contextmenu="onMenus"
-          :on-expand-all="expandAll"
-          @on-node-blur="nodeBlur"
-          @on-node-delete="nodeDelete"
-          :props="props"
-          :define-menus="defineMenus"
-        >
-          <template v-slot="{ node }">
-            <div class="tree-org-node__text node-label tree-div">
-              <div>{{ node.label }}</div>
-            </div>
-          </template>
-        </vue3-tree-org>
-      </div>
-      <div>
-        <el-button class="topButton" type="primary" @click="click"
-          >提交</el-button
-        >
-      </div>
-    </div>
-  </div>
-</template>
-  
-  <script lang='ts' setup>
-import { onMounted, reactive, ref } from "vue";
-
-import useUserStore from "@/store/modules/user";
-const userStore = useUserStore();
-const user = ref(JSON.parse(userStore.userInfo));
-const userId = ref(user.value.userId);
-// import { getEmergencyUserTree, saveEmergencyUser, delEmergencyUser } from "@/api/emergency";
-import { getUUID } from "@/utils/common";
-import { ElMessage } from 'element-plus'
-const data = ref({});
-const horizontal = ref(false);
-const collapsable = ref(true);
-const onlyOneNode = ref(true);
-const cloneNodeDrag = ref(true);
-const expandAll = ref(true);
-const style = reactive({
-	background: "#fff",
-	color: "#5e6d82",
-	height: "50%"
-});
-const props = reactive({
-	id: 'emergencyUserId',
-	pid: 'superId',
-	label: 'name',
-	children: 'children'
-});
-const defineMenus = ref([
-	{ name: '新增', command: 'add' },
-	{ name: '编辑', command: 'edit' },
-	{ name: '删除', command: 'delete' },
-])
-/* defineMenus:[
-					{ name:'复制', command: 'copy' },
-					{ name:'新建', command: 'add' },
-					{ name:'编辑', command: 'edit' },
-					{ name:'自定义', command: 'defind' },
-			], */
-//删除应急组织机构对象
-const deleteData = ref([])
-//新增/修改应急组织机构对象
-const addModifyData = ref([])
-
-const onMenus = ({ node, command }) => {
-};
-const restore = () => {
-};
-const filterNodeMethod = (value, data) => {
-	console.log(value, data)
-	if (!value) return true;
-	return data.label.indexOf(value) !== -1;
-};
-//提交
-const click = () => {
-	addModifyData.value = [...new Set(addModifyData.value)];
-	//新增
-	addModifyData.value.forEach(item => {
-		console.log(item);
-		let emergencyUserId = '';
-		if (item.newNode == true) {
-			emergencyUserId = getUUID();
-		} else {
-			emergencyUserId = item.emergencyUserId;
-		}
-		let params = {
-			emergencyUserId: emergencyUserId,
-			name: item.name,
-			superId: item.superId,
-		}
-		// saveEmergencyUser(params).then((res: any) => {
-		// });
-	});
-	//删除
-	deleteData.value.forEach(item => {
-		// delEmergencyUser({ emergencyUserId: item.emergencyUserId }).then((res: any) => {
-		// });
-	})
-
-	setTimeout(() => {
-		ElMessage({
-			message: '修改成功',
-			type: 'success',
-		})
-		deleteData.value = [];
-		addModifyData.value = [];
-		// getEmergencyUserTrees();
-	}, 2000)
-
-};
-//节点失去焦点-添加入增加修改数组
-const nodeBlur = (e, data) => {
-	addModifyData.value.push(data)
-};
-//添加入删除节点数组
-const nodeDelete = (e) => {
-	deleteData.value.push(e)
-}
-//获取应急工作处理领导小组树形
-const getEmergencyUserTrees = () => {
-	// getEmergencyUserTree().then((res: any) => {
-	// 	console.log(data.value, '	data.value ');
-	// 	if (res.code == 1) {
-	// 		data.value = res.data[0]
-
-	// 	}
-	// });
-}
-onMounted(() => {
-	// getEmergencyUserTrees();
-});
-</script>
-    
-  <style lang="scss" scoped>
-.content {
-    width: 100%;
-    background: #fff;
-    border-radius: 0.26042vw;
-    box-shadow: 0 0 0.41667vw 0 rgb(8 33 85 / 10%);
-    height: 100%;
-    padding: 0.83333vw;
-    overflow-y: auto;
-    overflow-x: hidden !important;
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -moz-box-sizing: border-box;
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -webkit-box-sizing: border-box;
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -o-box-sizing: border-box;
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-}
-</style>
-<style lang="scss" scoped>
-.box-style {
-    display: flex !important;
-}
-:deep(.el-table--border th.el-table__cell) {
-    color: #333;
-    background-color: #e6e6e6;
-}
-:deep(.cell) {
-    color: #777;
-}
-.filter-border {
-    border: 1px solid rgb(220 220 220);
-    background-color: #e6e6e6;
-    width: 40%;
-    height: 32px;
-    text-align: center;
-}
-:deep(.el-input__inner) {
-    border-radius: 0%;
-}
-.size-style {
-    color: #787878;
-    font-size: 13px;
-    position: relative;
-    top: 5px;
-}
-.topButton {
-    position: absolute;
-    width: 100px;
-    height: 35px;
-    left: 50%;
-    bottom: 50px;
-    font-size: 18px;
-    margin-left: -100px;
-}
-.tree-div {
-    padding: 20px 10px;
-    > div {
-        font-size: 18px;
-    }
-}
-</style>
-<style lang="scss" scoped>
-.tree-wrap {
-    padding-top: 52px;
-    height: 700px;
-    position: relative;
-    margin-top: -50px;
-}
-.search-box {
-    padding: 8px 15px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    input {
-        width: 200px;
-        height: 32px;
-        border: 1px solid #ddd;
-        outline: none;
-        border-radius: 5px;
-        padding-left: 10px;
-    }
-}
-.tree-org-node__text {
-    text-align: left;
-    font-size: 14px;
-    .custom-content {
-        padding-bottom: 8px;
-        margin-bottom: 8px;
-        border-bottom: 1px solid currentcolor;
-    }
-}
-</style>
-
- -->

src/views/system/log/auth/index.vue

@@ -3,17 +3,30 @@
     <div class="content">
       <div class="h-layout space-between h-center">
         <div>
-          <div class="h-layout">
+          <div class="h-layout h-center">
             <div class="tool-item" @click="getList">
               <svg-icon name="refurbish" class="icon" />
               <span>刷新</span>
             </div>
+            <div class="label-select filter-tab">
+              <label>时间</label>
+              <el-date-picker
+                v-model="search.date"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="起始时间"
+                end-placeholder="结束时间"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                @change="getList"
+              />
             </div>
           </div>
-        <div style="width: 30%">
+        </div>
+        <div style="width: 30%;">
           <div>
             <el-input
-              v-model="search"
+              v-model="search.condition"
               @keydown.enter.native="getList"
               placeholder="请输入关键字"
               class="search-input"
@@ -46,20 +59,16 @@
             {{ scope.$index + 1 + (currentPage - 1) * pageSize }}
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column prop="authUserName" :resizable="true" label="登录用户">
-          prop="performclassname"
-          :resizable="true"
-          label="登录用户"
-        >
         </el-table-column>
         <el-table-column
-          prop="performname"
+          prop="authOptIp"
           :resizable="true"
           align="center"
           label="IP地址"
         >
         </el-table-column>
-        <el-table-column prop="areaPathName" :resizable="true" label="登录时间">
+        <el-table-column prop="authOptTime" :resizable="true" label="登录时间">
         </el-table-column>
       </el-table>
       <!-- 分页 -->
@@ -81,8 +90,11 @@
 
 <script lang='ts' setup>
 import { onMounted, reactive, ref } from "vue";
-
+import { loginLogPage } from "@/api/Sys";
-const search = ref([]);
+const search = ref({
+  condition: "",
+  date: "",
+});
 const tableData = ref<any>([]);
 const currentPage = ref(1);
 const pageSize = ref(10);
@@ -93,15 +105,20 @@ const tableDataloading = ref(false);
 const getList = () => {
   tableDataloading.value = true;
   let params = {
-    condition: search.value,
+    condition: search.value.condition,
     limit: pageSize.value,
     page: currentPage.value,
-    state: null,
+    startTime: search.value.date ? search.value.date[0] : "",
-    unitId: null,
+    endTime: search.value.date ? search.value.date[1] : "",
   };
-
+  loginLogPage(params).then((res: any) => {
-  tableData.value = [{}, {}];
+    tableData.value = res.data.list;
-  total.value = 10;
+    total.value = res.data.total;
+    tableDataloading.value = false;
+  });
+};
+const text1 = () => {
+  console.log(search.value);
 };
 
 onMounted(() => {
@@ -114,17 +131,21 @@ onMounted(() => {
   width: 100%;
   background: #fff;
   border-radius: 0.26042vw;
-  box-shadow: 0 0 0.41667vw 0 rgba(8, 33, 85, 0.1);
+  box-shadow: 0 0 0.41667vw 0 rgb(8 33 85 / 10%);
   height: 100%;
   padding: 0.83333vw;
   overflow-y: auto;
   overflow-x: hidden !important;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -moz-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -webkit-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -o-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -ms-box-sizing: border-box;
+  /* stylelint-disable-next-line indentation */
   box-sizing: border-box;
-
   .table {
     margin-top: 16px;
   }

src/views/system/log/option/index.vue

@@ -3,17 +3,30 @@
     <div class="content">
       <div class="h-layout space-between h-center">
         <div>
-          <div class="h-layout">
+          <div class="h-layout h-center">
             <div class="tool-item" @click="getList">
               <svg-icon name="refurbish" class="icon" />
               <span>刷新</span>
             </div>
+            <div class="label-select filter-tab">
+              <label>时间</label>
+              <el-date-picker
+                v-model="search.date"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="起始时间"
+                end-placeholder="结束时间"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                @change="getList"
+              />
             </div>
           </div>
-        <div style="width: 30%">
+        </div>
+        <div style="width: 30%;">
           <div>
             <el-input
-              v-model="search"
+              v-model="search.condition"
               @keydown.enter.native="getList"
               placeholder="请输入关键字"
               class="search-input"
@@ -46,11 +59,7 @@
             {{ scope.$index + 1 + (currentPage - 1) * pageSize }}
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column prop="nickname" :resizable="true" label="操作用户">
-          prop="performclassname"
-          :resizable="true"
-          label="操作用户"
-        >
         </el-table-column>
         <el-table-column
           prop="ipAddress"
@@ -85,8 +94,11 @@
 
 <script lang='ts' setup>
 import { onMounted, reactive, ref } from "vue";
-
+import { operationLogPage } from "@/api/Sys";
-const search = ref([]);
+const search = ref({
+  condition: "",
+  date: "",
+});
 const tableData = ref<any>([]);
 const currentPage = ref(1);
 const pageSize = ref(10);
@@ -97,15 +109,17 @@ const tableDataloading = ref(false);
 const getList = () => {
   tableDataloading.value = true;
   let params = {
-    condition: search.value,
+    condition: search.value.condition,
     limit: pageSize.value,
     page: currentPage.value,
-    state: null,
+    startTime: search.value.date ? search.value.date[0] : "",
-    unitId: null,
+    endTime: search.value.date ? search.value.date[1] : "",
   };
-
+  operationLogPage(params).then((res: any) => {
-  tableData.value = [{}, {}];
+    tableData.value = res.data.list;
-  total.value = 10;
+    total.value = res.data.total;
+    tableDataloading.value = false;
+  });
 };
 
 onMounted(() => {
@@ -118,17 +132,21 @@ onMounted(() => {
   width: 100%;
   background: #fff;
   border-radius: 0.26042vw;
-  box-shadow: 0 0 0.41667vw 0 rgba(8, 33, 85, 0.1);
+  box-shadow: 0 0 0.41667vw 0 rgb(8 33 85 / 10%);
   height: 100%;
   padding: 0.83333vw;
   overflow-y: auto;
   overflow-x: hidden !important;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -moz-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -webkit-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -o-box-sizing: border-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
   -ms-box-sizing: border-box;
+  /* stylelint-disable-next-line indentation */
   box-sizing: border-box;
-
   .table {
     margin-top: 16px;
   }

src/views/work-trends/index.vue

@@ -197,7 +197,7 @@ const clickRadio = ()=>{
     }
   });
   getList()
-}
+};
 //关闭新增弹窗
 const onclone = () => {
   dialogVisible.value = false;