新增待办信息

web-api/src/main/java/com/jeesite/modules/biz/dao/BizMeetingInfoDao.java

@@ -0,0 +1,15 @@
+package com.jeesite.modules.biz.dao;
+
+import com.jeesite.common.dao.CrudDao;
+import com.jeesite.common.mybatis.annotation.MyBatisDao;
+import com.jeesite.modules.biz.entity.BizMeetingInfo;
+
+/**
+ * 会议主表DAO接口
+ * @author gaoxq
+ * @version 2026-01-02
+ */
+@MyBatisDao(dataSourceName="work")
+public interface BizMeetingInfoDao extends CrudDao<BizMeetingInfo> {
+	
+}

web-api/src/main/java/com/jeesite/modules/biz/entity/BizMeetingInfo.java

@@ -0,0 +1,119 @@
+package com.jeesite.modules.biz.entity;
+
+import java.io.Serializable;
+import java.util.Date;
+
+import com.jeesite.common.mybatis.annotation.JoinTable;
+import com.jeesite.common.mybatis.annotation.JoinTable.Type;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import jakarta.validation.constraints.NotBlank;
+import jakarta.validation.constraints.Size;
+import jakarta.validation.constraints.NotNull;
+
+import com.jeesite.common.entity.DataEntity;
+import com.jeesite.common.mybatis.annotation.Column;
+import com.jeesite.common.mybatis.annotation.Table;
+import com.jeesite.common.mybatis.mapper.query.QueryType;
+import com.jeesite.common.utils.excel.annotation.ExcelField;
+import com.jeesite.common.utils.excel.annotation.ExcelField.Align;
+import com.jeesite.common.utils.excel.annotation.ExcelFields;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+
+import java.io.Serial;
+
+/**
+ * 会议主表Entity
+ *
+ * @author gaoxq
+ * @version 2026-01-02
+ */
+@EqualsAndHashCode(callSuper = true)
+@Table(name = "biz_meeting_info", alias = "a", label = "会议信息信息", columns = {
+        @Column(name = "create_time", attrName = "createTime", label = "记录时间", isUpdate = false, isUpdateForce = true),
+        @Column(name = "id", attrName = "id", label = "会议标识", isPK = true),
+        @Column(name = "title", attrName = "title", label = "会议标题", queryType = QueryType.LIKE),
+        @Column(name = "meeting_code", attrName = "meetingCode", label = "会议编号", isUpdate = false),
+        @Column(name = "meeting_content", attrName = "meetingContent", label = "会议内容", isQuery = false),
+        @Column(name = "meeting_user", attrName = "meetingUser", label = "参会人员", queryType = QueryType.LIKE),
+        @Column(name = "other_user", attrName = "otherUser", label = "其他人员", isQuery = false),
+        @Column(name = "meeting_type", attrName = "meetingType", label = "会议类型"),
+        @Column(name = "start_time", attrName = "startTime", label = "开始时间", isQuery = false),
+        @Column(name = "end_time", attrName = "endTime", label = "结束时间", isQuery = false),
+        @Column(name = "meeting_location", attrName = "meetingLocation", label = "会议地点", isQuery = false),
+        @Column(name = "ustatus", attrName = "ustatus", label = "会议状态"),
+        @Column(name = "remark", attrName = "remark", label = "补充说明", isQuery = false),
+        @Column(name = "create_user", attrName = "createUser", label = "创建人员", isUpdate = false),
+        @Column(name = "update_time", attrName = "updateTime", label = "更新时间", isQuery = false, isUpdateForce = true),
+        @Column(name = "f_tenant_id", attrName = "ftenantId", label = "租户id", isUpdate = false, isQuery = false),
+        @Column(name = "f_flow_id", attrName = "fflowId", label = "流程id", isUpdate = false, isQuery = false),
+        @Column(name = "f_flow_task_id", attrName = "fflowTaskId", label = "流程任务主键", isUpdate = false, isQuery = false),
+        @Column(name = "f_flow_state", attrName = "fflowState", label = "流程任务状态", isUpdate = false, isQuery = false, isUpdateForce = true),
+}, orderBy = "a.id DESC"
+)
+@Data
+public class BizMeetingInfo extends DataEntity<BizMeetingInfo> implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+    private Date createTime;        // 记录时间
+    private String title;        // 会议标题
+    private String meetingCode;        // 会议编号
+    private String meetingContent;        // 会议内容
+    private String meetingUser;        // 参会人员
+    private String otherUser;        // 其他人员
+    private String meetingType;        // 会议类型
+    private Date startTime;        // 开始时间
+    private Date endTime;        // 结束时间
+    private String meetingLocation;        // 会议地点
+    private String ustatus;        // 会议状态
+    private String remark;        // 补充说明
+    private String createUser;        // 创建人员
+    private Date updateTime;        // 更新时间
+    private String ftenantId;        // 租户id
+    private String fflowId;        // 流程id
+    private String fflowTaskId;        // 流程任务主键
+    private Integer fflowState;        // 流程任务状态
+
+    @ExcelFields({
+            @ExcelField(title = "记录时间", attrName = "createTime", align = Align.CENTER, sort = 10, dataFormat = "yyyy-MM-dd hh:mm"),
+            @ExcelField(title = "会议标识", attrName = "id", align = Align.CENTER, sort = 20),
+            @ExcelField(title = "会议标题", attrName = "title", align = Align.CENTER, sort = 30),
+            @ExcelField(title = "会议编号", attrName = "meetingCode", align = Align.CENTER, sort = 40),
+            @ExcelField(title = "会议内容", attrName = "meetingContent", align = Align.CENTER, sort = 50),
+            @ExcelField(title = "参会人员", attrName = "meetingUser", align = Align.CENTER, sort = 60),
+            @ExcelField(title = "其他人员", attrName = "otherUser", align = Align.CENTER, sort = 70),
+            @ExcelField(title = "会议类型", attrName = "meetingType", align = Align.CENTER, sort = 80),
+            @ExcelField(title = "开始时间", attrName = "startTime", align = Align.CENTER, sort = 90, dataFormat = "yyyy-MM-dd hh:mm"),
+            @ExcelField(title = "结束时间", attrName = "endTime", align = Align.CENTER, sort = 100, dataFormat = "yyyy-MM-dd hh:mm"),
+            @ExcelField(title = "会议地点", attrName = "meetingLocation", align = Align.CENTER, sort = 110),
+            @ExcelField(title = "会议状态", attrName = "ustatus", align = Align.CENTER, sort = 120),
+            @ExcelField(title = "补充说明", attrName = "remark", align = Align.CENTER, sort = 130),
+            @ExcelField(title = "创建人员", attrName = "createUser", align = Align.CENTER, sort = 140),
+            @ExcelField(title = "更新时间", attrName = "updateTime", align = Align.CENTER, sort = 150, dataFormat = "yyyy-MM-dd hh:mm"),
+    })
+    public BizMeetingInfo() {
+        this(null);
+    }
+
+    public BizMeetingInfo(String id) {
+        super(id);
+    }
+
+    public Date getCreateTime_gte() {
+        return sqlMap.getWhere().getValue("create_time", QueryType.GTE);
+    }
+
+    public void setCreateTime_gte(Date createTime) {
+        sqlMap.getWhere().and("create_time", QueryType.GTE, createTime);
+    }
+
+    public Date getCreateTime_lte() {
+        return sqlMap.getWhere().getValue("create_time", QueryType.LTE);
+    }
+
+    public void setCreateTime_lte(Date createTime) {
+        sqlMap.getWhere().and("create_time", QueryType.LTE, createTime);
+    }
+
+}

web-api/src/main/java/com/jeesite/modules/biz/service/BizMeetingInfoService.java

@@ -0,0 +1,137 @@
+package com.jeesite.modules.biz.service;
+
+import java.util.List;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import com.jeesite.common.entity.Page;
+import com.jeesite.common.service.CrudService;
+import com.jeesite.modules.biz.entity.BizMeetingInfo;
+import com.jeesite.modules.biz.dao.BizMeetingInfoDao;
+import com.jeesite.common.service.ServiceException;
+import com.jeesite.modules.file.utils.FileUploadUtils;
+import com.jeesite.common.config.Global;
+import com.jeesite.common.validator.ValidatorUtils;
+import com.jeesite.common.utils.excel.ExcelImport;
+import org.springframework.web.multipart.MultipartFile;
+import jakarta.validation.ConstraintViolation;
+import jakarta.validation.ConstraintViolationException;
+
+/**
+ * 会议主表Service
+ * @author gaoxq
+ * @version 2026-01-02
+ */
+@Service
+public class BizMeetingInfoService extends CrudService<BizMeetingInfoDao, BizMeetingInfo> {
+	
+	/**
+	 * 获取单条数据
+	 * @param bizMeetingInfo 主键
+	 */
+	@Override
+	public BizMeetingInfo get(BizMeetingInfo bizMeetingInfo) {
+		return super.get(bizMeetingInfo);
+	}
+	
+	/**
+	 * 查询分页数据
+	 * @param bizMeetingInfo 查询条件
+	 * @param bizMeetingInfo page 分页对象
+	 */
+	@Override
+	public Page<BizMeetingInfo> findPage(BizMeetingInfo bizMeetingInfo) {
+		return super.findPage(bizMeetingInfo);
+	}
+	
+	/**
+	 * 查询列表数据
+	 * @param bizMeetingInfo 查询条件
+	 */
+	@Override
+	public List<BizMeetingInfo> findList(BizMeetingInfo bizMeetingInfo) {
+		return super.findList(bizMeetingInfo);
+	}
+	
+	/**
+	 * 保存数据（插入或更新）
+	 * @param bizMeetingInfo 数据对象
+	 */
+	@Override
+	@Transactional
+	public void save(BizMeetingInfo bizMeetingInfo) {
+		super.save(bizMeetingInfo);
+		// 保存上传附件
+		FileUploadUtils.saveFileUpload(bizMeetingInfo, bizMeetingInfo.getId(), "bizMeetingInfo_file");
+	}
+
+	/**
+	 * 导入数据
+	 * @param file 导入的数据文件
+	 */
+	@Transactional
+	public String importData(MultipartFile file) {
+		if (file == null){
+			throw new ServiceException(text("请选择导入的数据文件！"));
+		}
+		int successNum = 0; int failureNum = 0;
+		StringBuilder successMsg = new StringBuilder();
+		StringBuilder failureMsg = new StringBuilder();
+		try(ExcelImport ei = new ExcelImport(file, 2, 0)){
+			List<BizMeetingInfo> list = ei.getDataList(BizMeetingInfo.class);
+			for (BizMeetingInfo bizMeetingInfo : list) {
+				try{
+					ValidatorUtils.validateWithException(bizMeetingInfo);
+					this.save(bizMeetingInfo);
+					successNum++;
+					successMsg.append("<br/>" + successNum + "、编号 " + bizMeetingInfo.getId() + " 导入成功");
+				} catch (Exception e) {
+					failureNum++;
+					String msg = "<br/>" + failureNum + "、编号 " + bizMeetingInfo.getId() + " 导入失败：";
+					if (e instanceof ConstraintViolationException){
+						ConstraintViolationException cve = (ConstraintViolationException)e;
+						for (ConstraintViolation<?> violation : cve.getConstraintViolations()) {
+							msg += Global.getText(violation.getMessage()) + " ("+violation.getPropertyPath()+")";
+						}
+					}else{
+						msg += e.getMessage();
+					}
+					failureMsg.append(msg);
+					logger.error(msg, e);
+				}
+			}
+		} catch (Exception e) {
+			logger.error(e.getMessage(), e);
+			failureMsg.append(e.getMessage());
+			return failureMsg.toString();
+		}
+		if (failureNum > 0) {
+			failureMsg.insert(0, "很抱歉，导入失败！共 " + failureNum + " 条数据格式不正确，错误如下：");
+			throw new ServiceException(failureMsg.toString());
+		}else{
+			successMsg.insert(0, "恭喜您，数据已全部导入成功！共 " + successNum + " 条，数据如下：");
+		}
+		return successMsg.toString();
+	}
+	
+	/**
+	 * 更新状态
+	 * @param bizMeetingInfo 数据对象
+	 */
+	@Override
+	@Transactional
+	public void updateStatus(BizMeetingInfo bizMeetingInfo) {
+		super.updateStatus(bizMeetingInfo);
+	}
+	
+	/**
+	 * 删除数据
+	 * @param bizMeetingInfo 数据对象
+	 */
+	@Override
+	@Transactional
+	public void delete(BizMeetingInfo bizMeetingInfo) {
+		super.delete(bizMeetingInfo);
+	}
+	
+}

web-api/src/main/java/com/jeesite/modules/biz/web/BizMeetingInfoController.java

@@ -0,0 +1,146 @@
+package com.jeesite.modules.biz.web;
+
+import java.util.List;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import com.jeesite.common.config.Global;
+import com.jeesite.common.collect.ListUtils;
+import com.jeesite.common.entity.Page;
+import com.jeesite.common.lang.DateUtils;
+import com.jeesite.common.utils.excel.ExcelExport;
+import com.jeesite.common.utils.excel.annotation.ExcelField.Type;
+import org.springframework.web.multipart.MultipartFile;
+import com.jeesite.common.web.BaseController;
+import com.jeesite.modules.biz.entity.BizMeetingInfo;
+import com.jeesite.modules.biz.service.BizMeetingInfoService;
+
+/**
+ * 会议主表Controller
+ * @author gaoxq
+ * @version 2026-01-02
+ */
+@Controller
+@RequestMapping(value = "${adminPath}/biz/meetingInfo")
+public class BizMeetingInfoController extends BaseController {
+
+	private final BizMeetingInfoService bizMeetingInfoService;
+
+	public BizMeetingInfoController(BizMeetingInfoService bizMeetingInfoService) {
+		this.bizMeetingInfoService = bizMeetingInfoService;
+	}
+	
+	/**
+	 * 获取数据
+	 */
+	@ModelAttribute
+	public BizMeetingInfo get(String id, boolean isNewRecord) {
+		return bizMeetingInfoService.get(id, isNewRecord);
+	}
+	
+	/**
+	 * 查询列表
+	 */
+	@RequiresPermissions("biz:meetingInfo:view")
+	@RequestMapping(value = {"list", ""})
+	public String list(BizMeetingInfo bizMeetingInfo, Model model) {
+		model.addAttribute("bizMeetingInfo", bizMeetingInfo);
+		return "modules/biz/bizMeetingInfoList";
+	}
+	
+	/**
+	 * 查询列表数据
+	 */
+	@RequiresPermissions("biz:meetingInfo:view")
+	@RequestMapping(value = "listData")
+	@ResponseBody
+	public Page<BizMeetingInfo> listData(BizMeetingInfo bizMeetingInfo, HttpServletRequest request, HttpServletResponse response) {
+		bizMeetingInfo.setPage(new Page<>(request, response));
+		Page<BizMeetingInfo> page = bizMeetingInfoService.findPage(bizMeetingInfo);
+		return page;
+	}
+
+	/**
+	 * 查看编辑表单
+	 */
+	@RequiresPermissions("biz:meetingInfo:view")
+	@RequestMapping(value = "form")
+	public String form(BizMeetingInfo bizMeetingInfo, Model model) {
+		model.addAttribute("bizMeetingInfo", bizMeetingInfo);
+		return "modules/biz/bizMeetingInfoForm";
+	}
+
+	/**
+	 * 保存数据
+	 */
+	@RequiresPermissions("biz:meetingInfo:edit")
+	@PostMapping(value = "save")
+	@ResponseBody
+	public String save(@Validated BizMeetingInfo bizMeetingInfo) {
+		bizMeetingInfoService.save(bizMeetingInfo);
+		return renderResult(Global.TRUE, text("保存会议信息成功！"));
+	}
+
+	/**
+	 * 导出数据
+	 */
+	@RequiresPermissions("biz:meetingInfo:view")
+	@RequestMapping(value = "exportData")
+	public void exportData(BizMeetingInfo bizMeetingInfo, HttpServletResponse response) {
+		List<BizMeetingInfo> list = bizMeetingInfoService.findList(bizMeetingInfo);
+		String fileName = "会议信息" + DateUtils.getDate("yyyyMMddHHmmss") + ".xlsx";
+		try(ExcelExport ee = new ExcelExport("会议信息", BizMeetingInfo.class)){
+			ee.setDataList(list).write(response, fileName);
+		}
+	}
+
+	/**
+	 * 下载模板
+	 */
+	@RequiresPermissions("biz:meetingInfo:view")
+	@RequestMapping(value = "importTemplate")
+	public void importTemplate(HttpServletResponse response) {
+		BizMeetingInfo bizMeetingInfo = new BizMeetingInfo();
+		List<BizMeetingInfo> list = ListUtils.newArrayList(bizMeetingInfo);
+		String fileName = "会议信息模板.xlsx";
+		try(ExcelExport ee = new ExcelExport("会议信息", BizMeetingInfo.class, Type.IMPORT)){
+			ee.setDataList(list).write(response, fileName);
+		}
+	}
+
+	/**
+	 * 导入数据
+	 */
+	@ResponseBody
+	@RequiresPermissions("biz:meetingInfo:edit")
+	@PostMapping(value = "importData")
+	public String importData(MultipartFile file) {
+		try {
+			String message = bizMeetingInfoService.importData(file);
+			return renderResult(Global.TRUE, "posfull:"+message);
+		} catch (Exception ex) {
+			return renderResult(Global.FALSE, "posfull:"+ex.getMessage());
+		}
+	}
+	
+	/**
+	 * 删除数据
+	 */
+	@RequiresPermissions("biz:meetingInfo:edit")
+	@RequestMapping(value = "delete")
+	@ResponseBody
+	public String delete(BizMeetingInfo bizMeetingInfo) {
+		bizMeetingInfoService.delete(bizMeetingInfo);
+		return renderResult(Global.TRUE, text("删除会议信息成功！"));
+	}
+	
+}

web-api/src/main/resources/mappings/modules/biz/BizMeetingInfoDao.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.jeesite.modules.biz.dao.BizMeetingInfoDao">
+	
+	<!-- 查询数据
+	<select id="findList" resultType="BizMeetingInfo">
+		SELECT ${sqlMap.column.toSql()}
+		FROM ${sqlMap.table.toSql()}
+		<where>
+			${sqlMap.where.toSql()}
+		</where>
+		ORDER BY ${sqlMap.order.toSql()}
+	</select> -->
+	
+</mapper>

web-vue/packages/biz/api/biz/meetingInfo.ts

@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+ */
+import { defHttp } from '@jeesite/core/utils/http/axios';
+import { useGlobSetting } from '@jeesite/core/hooks/setting';
+import { BasicModel, Page } from '@jeesite/core/api/model/baseModel';
+import { UploadApiResult } from '@jeesite/core/api/sys/upload';
+import { UploadFileParams } from '@jeesite/types/axios';
+import { AxiosProgressEvent } from 'axios';
+
+const { ctxPath, adminPath } = useGlobSetting();
+
+export interface BizMeetingInfo extends BasicModel<BizMeetingInfo> {
+  createTime?: string; // 记录时间
+  title: string; // 会议标题
+  meetingCode: string; // 会议编号
+  meetingContent: string; // 会议内容
+  meetingUser: string; // 参会人员
+  otherUser?: string; // 其他人员
+  meetingType: string; // 会议类型
+  startTime: string; // 开始时间
+  endTime: string; // 结束时间
+  meetingLocation: string; // 会议地点
+  ustatus: string; // 会议状态
+  remark?: string; // 补充说明
+  createUser: string; // 创建人员
+  updateTime?: string; // 更新时间
+  ftenantId?: string; // 租户id
+  fflowId?: string; // 流程id
+  fflowTaskId?: string; // 流程任务主键
+  fflowState?: number; // 流程任务状态
+}
+
+export const bizMeetingInfoList = (params?: BizMeetingInfo | any) =>
+  defHttp.get<BizMeetingInfo>({ url: adminPath + '/biz/meetingInfo/list', params });
+
+export const bizMeetingInfoListData = (params?: BizMeetingInfo | any) =>
+  defHttp.post<Page<BizMeetingInfo>>({ url: adminPath + '/biz/meetingInfo/listData', params });
+
+export const bizMeetingInfoForm = (params?: BizMeetingInfo | any) =>
+  defHttp.get<BizMeetingInfo>({ url: adminPath + '/biz/meetingInfo/form', params });
+
+export const bizMeetingInfoSave = (params?: any, data?: BizMeetingInfo | any) =>
+  defHttp.postJson<BizMeetingInfo>({ url: adminPath + '/biz/meetingInfo/save', params, data });
+
+export const bizMeetingInfoImportData = (
+  params: UploadFileParams,
+  onUploadProgress: (progressEvent: AxiosProgressEvent) => void,
+) =>
+  defHttp.uploadFile<UploadApiResult>(
+    {
+      url: ctxPath + adminPath + '/biz/meetingInfo/importData',
+      onUploadProgress,
+    },
+    params,
+  );
+
+export const bizMeetingInfoDelete = (params?: BizMeetingInfo | any) =>
+  defHttp.get<BizMeetingInfo>({ url: adminPath + '/biz/meetingInfo/delete', params });

web-vue/packages/biz/views/biz/dataInfo/index.vue

@@ -1,30 +1,84 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="数据信息">
-				<TableInfo />
-			</TabPane>
-			<TabPane key="2" tab="字段信息">
-				<TableField />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <TableInfo />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <TableField />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { PageWrapper } from '@jeesite/core/components/Page';
   import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import TableInfo from './tableInfo/list.vue';
   import TableField from './tableField/list.vue';
+  
   const activeKey = ref('1');
+  const configItems = [
+    { key: '1', label: '数据信息', icon: 'fa:database' },
+    { key: '2', label: '字段信息', icon: 'ant-design:insert-row-below-outlined' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/biz/views/biz/dataReport/index.vue

@@ -1,30 +1,84 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="指标信息">
-				<DataReport />
-			</TabPane>
-			<TabPane key="2" tab="指标用户">
-				<UserReport />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <DataReport />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <UserReport />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { PageWrapper } from '@jeesite/core/components/Page';
   import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import DataReport from './list.vue';
   import UserReport from './user/list.vue'
+  
   const activeKey = ref('1');
+  const configItems = [
+    { key: '1', label: '指标信息', icon: 'ant-design:cluster-outlined' },
+    { key: '2', label: '指标用户', icon: 'ant-design:user-outlined' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */ 
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/biz/views/biz/hostInfo/index.vue

@@ -1,30 +1,84 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="主机信息">
-				<MonitorHost />
-			</TabPane>
-			<TabPane key="2" tab="账号信息">
-				<MonitorAccount />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <MonitorHost />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <MonitorAccount />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { PageWrapper } from '@jeesite/core/components/Page';
   import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import MonitorHost from './monitorHost/list.vue';
   import MonitorAccount from './monitorAccount/list.vue';
+  
   const activeKey = ref('1');
+  const configItems = [
+    { key: '1', label: '主机信息', icon: 'ant-design:database-outlined' },
+    { key: '2', label: '账号信息', icon: 'simple-line-icons:user-following' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/biz/views/biz/mailInfo/index.vue

@@ -1,35 +1,88 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="发件箱">
-				<MailSent />
-			</TabPane>
-			<TabPane key="2" tab="收件箱">
-				<MailReceived />
-			</TabPane>
-			<TabPane key="3" tab="附件箱">
-				<MailAttachments />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <MailSent />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <MailReceived />
+	    </div>
+		<div v-if="activeKey === '3'" class="config-panel">
+		  <MailAttachments />
+		</div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { PageWrapper } from '@jeesite/core/components/Page';
   import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import MailSent from './sent/list.vue';
   import MailReceived from './received/list.vue';
   import MailAttachments from './attachments/list.vue';
 
   const activeKey = ref('1');
+  const configItems = [
+    { key: '1', label: '发件箱', icon: 'simple-line-icons:note' },
+    { key: '2', label: '收件箱', icon: 'ant-design:inbox-outlined' } ,
+	{ key: '3', label: '附件箱', icon: 'ant-design:profile-outlined' } ,
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/biz/views/biz/meetingInfo/form.vue

@@ -0,0 +1,219 @@
+<!--
+ * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+-->
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :showFooter="true"
+    :okAuth="'biz:meetingInfo:edit'"
+    @register="registerModal"
+    @ok="handleSubmit"
+    width="70%"
+  >
+    <template #title>
+      <Icon :icon="getTitle.icon" class="m-1 pr-1" />
+      <span> {{ getTitle.value }} </span>
+    </template>
+    <BasicForm @register="registerForm" >
+		<template #remarks="{ model, field }">
+		  <WangEditor
+		    v-model:value="model[field]"
+		    :bizKey="record.id"
+		    :height="300"
+		  />
+		</template>
+	</BasicForm>
+  </BasicModal>
+</template>
+<script lang="ts" setup name="ViewsBizMeetingInfoForm">
+  import { ref, unref, computed } from 'vue';
+  import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+  import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+  import { router } from '@jeesite/core/router';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { WangEditor } from '@jeesite/core/components/WangEditor';
+  import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
+  import { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
+  import { BizMeetingInfo, bizMeetingInfoSave, bizMeetingInfoForm } from '@jeesite/biz/api/biz/meetingInfo';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { t } = useI18n('biz.meetingInfo');
+  const { showMessage } = useMessage();
+  const { meta } = unref(router.currentRoute);
+  const record = ref<BizMeetingInfo>({} as BizMeetingInfo);
+  
+  const WfTimestamp = () => {
+    return `WF_AM${Date.now()}`;
+  };
+
+  const getTitle = computed(() => ({
+    icon: meta.icon || 'i-ant-design:book-outlined',
+    value: record.value.isNewRecord ? t('新增会议信息') : t('编辑会议信息'),
+  }));
+
+  const inputFormSchemas: FormSchema<BizMeetingInfo>[] = [
+    {
+      label: t('会议标题'),
+      field: 'title',
+      component: 'Input',
+      componentProps: {
+        maxlength: 255,
+      },
+      required: true,
+    },
+    {
+      label: t('会议编号'),
+      field: 'meetingCode',
+      component: 'Input',
+      componentProps: {
+        maxlength: 64,
+      },
+      required: true,
+	  dynamicDisabled: true,
+    },
+	{
+	  label: t('会议地点'),
+	  field: 'meetingLocation',
+	  component: 'Input',
+	  componentProps: {
+	    maxlength: 255,
+	  },
+	  required: true,
+	  colProps: { md: 24, lg: 24 },
+	},
+    {
+      label: t('本部人员'),
+      field: 'meetingUser',
+      component: 'Input',
+      componentProps: {
+        maxlength: 1000,
+      },
+      required: true,
+	  colProps: { md: 24, lg: 24 },
+    },
+	{
+	  label: t('其他人员'),
+	  field: 'otherUser',
+	  component: 'Input',
+	  componentProps: {
+	    maxlength: 1000,
+	  },
+	  required: true,
+	  colProps: { md: 24, lg: 24 },
+	},
+    {
+      label: t('会议类型'),
+      field: 'meetingType',
+      component: 'Select',
+      componentProps: {
+        dictType: 'meeting_type',
+        allowClear: true,
+      },
+      required: true,
+    },
+	{
+	  label: t('会议状态'),
+	  field: 'ustatus',
+	  component: 'Select',
+	  componentProps: {
+	    dictType: 'meeting_status',
+	    allowClear: true,
+	  },
+	  required: true,
+	},
+    {
+      label: t('开始时间'),
+      field: 'startTime',
+      component: 'DatePicker',
+      componentProps: {
+        format: 'YYYY-MM-DD HH:mm',
+        showTime: { format: 'HH:mm' },
+      },
+      required: true,
+    },
+    {
+      label: t('结束时间'),
+      field: 'endTime',
+      component: 'DatePicker',
+      componentProps: {
+        format: 'YYYY-MM-DD HH:mm',
+        showTime: { format: 'HH:mm' },
+      },
+      required: true,
+    },
+	{
+	  label: t('会议内容'),
+	  field: 'meetingContent',
+	  component: 'InputTextArea',
+	  required: true,
+	  colProps: { md: 24, lg: 24 },
+	  slot: 'remarks',
+	},
+    {
+      label: t('补充说明'),
+      field: 'remark',
+      component: 'InputTextArea',
+      componentProps: {
+        maxlength: 500,
+      },
+      colProps: { md: 24, lg: 24 },
+    },
+    {
+      label: t('附件上传'),
+      field: 'dataMap',
+      component: 'Upload',
+      componentProps: {
+        loadTime: computed(() => record.value.__t),
+        bizKey: computed(() => record.value.id),
+        bizType: 'bizMeetingInfo_file',
+        uploadType: 'all',
+      },
+      colProps: { md: 24, lg: 24 },
+    },
+  ];
+
+  const [registerForm, { resetFields, setFieldsValue, validate }] = useForm<BizMeetingInfo>({
+    labelWidth: 120,
+    schemas: inputFormSchemas,
+    baseColProps: { md: 24, lg: 12 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    setModalProps({ loading: true });
+    await resetFields();
+    const res = await bizMeetingInfoForm(data);
+    record.value = (res.bizMeetingInfo || {}) as BizMeetingInfo;
+    record.value.__t = new Date().getTime();
+	if (record.value.isNewRecord) {
+	  record.value.meetingCode = WfTimestamp(); 
+	}
+    await setFieldsValue(record.value);
+    setModalProps({ loading: false });
+  });
+
+  async function handleSubmit() {
+    try {
+      const data = await validate();
+      setModalProps({ confirmLoading: true });
+      const params: any = {
+        isNewRecord: record.value.isNewRecord,
+        id: record.value.id || data.id,
+      };
+      // console.log('submit', params, data, record);
+      const res = await bizMeetingInfoSave(params, data);
+      showMessage(res.message);
+      setTimeout(closeModal);
+      emit('success', data);
+    } catch (error: any) {
+      if (error && error.errorFields) {
+        showMessage(error.message || t('common.validateError'));
+      }
+      console.log('error', error);
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>

web-vue/packages/biz/views/biz/meetingInfo/formImport.vue

@@ -0,0 +1,103 @@
+<!--
+ * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+-->
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :title="t('导入会议信息')"
+    :okText="t('导入')"
+    @register="registerModal"
+    @ok="handleSubmit"
+    :minHeight="120"
+    :width="400"
+  >
+    <Upload accept=".xls,.xlsx" :file-list="fileList" :before-upload="beforeUpload" @remove="handleRemove">
+      <a-button> <Icon icon="ant-design:upload-outlined" /> {{ t('选择文件') }} </a-button>
+      <span class="ml-4">{{ uploadInfo }}</span>
+    </Upload>
+    <div class="ml-4 mt-4">
+      {{ t('提示：仅允许导入“xls”或“xlsx”格式文件！') }}
+    </div>
+    <div class="mt-4">
+      <a-button @click="handleDownloadTemplate()" type="text">
+        <Icon icon="i-fa:file-excel-o" />
+        {{ t('下载模板') }}
+      </a-button>
+    </div>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { Upload } from 'ant-design-vue';
+  import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+  import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+  import { useGlobSetting } from '@jeesite/core/hooks/setting';
+  import { downloadByUrl } from '@jeesite/core/utils/file/download';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
+  import { bizMeetingInfoImportData } from '@jeesite/biz/api/biz/meetingInfo';
+  import { FileType } from 'ant-design-vue/es/upload/interface';
+  import { AxiosProgressEvent } from 'axios';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { t } = useI18n('biz.meetingInfo');
+  const { showMessage, showMessageModal } = useMessage();
+
+  const fileList = ref<FileType[]>([]);
+  const uploadInfo = ref('');
+
+  const beforeUpload = (file: FileType) => {
+    fileList.value = [file];
+    return false;
+  };
+
+  const handleRemove = () => {
+    fileList.value = [];
+  };
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(() => {
+    fileList.value = [];
+    uploadInfo.value = '';
+  });
+
+  async function handleDownloadTemplate() {
+    const { ctxAdminPath } = useGlobSetting();
+    downloadByUrl({ url: ctxAdminPath + '/biz/meetingInfo/importTemplate' });
+  }
+
+  function onUploadProgress(progressEvent: AxiosProgressEvent) {
+    const complete = ((progressEvent.loaded / (progressEvent.total || 1)) * 100) | 0;
+    if (complete != 100) {
+      uploadInfo.value = t('正在导入，请稍候') + ' ' + complete + '%...';
+    } else {
+      uploadInfo.value = '';
+    }
+  }
+
+  async function handleSubmit() {
+    try {
+      if (fileList.value.length == 0) {
+        showMessage(t('请选择要导入的数据文件'));
+        return;
+      }
+      setModalProps({ confirmLoading: true });
+      const params = {
+        file: fileList.value[0],
+      };
+      const { data } = await bizMeetingInfoImportData(params, onUploadProgress);
+      showMessageModal({ content: data.message });
+      setTimeout(closeModal);
+      emit('success');
+    } catch (error: any) {
+      if (error && error.errorFields) {
+        showMessage(error.message || t('common.validateError'));
+      }
+      console.log('error', error);
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>

web-vue/packages/biz/views/biz/meetingInfo/list.vue

@@ -0,0 +1,298 @@
+<!--
+ * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+-->
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #tableTitle>
+        <Icon :icon="getTitle.icon" class="m-1 pr-1" />
+        <span> {{ getTitle.value }} </span>
+      </template>
+      <template #toolbar>
+        <a-button type="default" :loading="loading" @click="handleExport()">
+          <Icon icon="i-ant-design:download-outlined" /> {{ t('导出') }}
+        </a-button>
+        <a-button type="primary" @click="handleForm({})" v-auth="'biz:meetingInfo:edit'">
+          <Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
+        </a-button>
+      </template>
+    </BasicTable>
+    <InputForm @register="registerModal" @success="handleSuccess" />
+    <FormImport @register="registerImportModal" @success="handleSuccess" />
+  </div>
+</template>
+<script lang="ts" setup name="ViewsBizMeetingInfoList">
+  import { onMounted, ref, computed, unref } from 'vue';
+  import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+  import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+  import { useGlobSetting } from '@jeesite/core/hooks/setting';
+  import { downloadByUrl } from '@jeesite/core/utils/file/download';
+  import { router } from '@jeesite/core/router';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
+  import { BizMeetingInfo, bizMeetingInfoList } from '@jeesite/biz/api/biz/meetingInfo';
+  import { bizMeetingInfoDelete, bizMeetingInfoListData } from '@jeesite/biz/api/biz/meetingInfo';
+  import { useModal } from '@jeesite/core/components/Modal';
+  import { FormProps } from '@jeesite/core/components/Form';
+  import InputForm from './form.vue';
+  import FormImport from './formImport.vue';
+
+  import { useUserStore } from '@jeesite/core/store/modules/user';
+  
+  const userStore = useUserStore();
+  const userinfo = computed(() => userStore.getUserInfo);
+
+  const { t } = useI18n('biz.meetingInfo');
+  const { showMessage } = useMessage();
+  const { meta } = unref(router.currentRoute);
+  const record = ref<BizMeetingInfo>({} as BizMeetingInfo);
+
+  const getTitle = {
+    icon: meta.icon || 'i-ant-design:book-outlined',
+    value: meta.title || t('会议信息管理'),
+  };
+  const loading = ref(false);
+
+  const searchForm: FormProps<BizMeetingInfo> = {
+    baseColProps: { md: 8, lg: 6 },
+    labelWidth: 90,
+    schemas: [
+      {
+        label: t('记录时间起'),
+        field: 'createTime_gte',
+        component: 'DatePicker',
+        componentProps: {
+          format: 'YYYY-MM-DD HH:mm',
+          showTime: { format: 'HH:mm' },
+        },
+      },
+      {
+        label: t('记录时间止'),
+        field: 'createTime_lte',
+        component: 'DatePicker',
+        componentProps: {
+          format: 'YYYY-MM-DD HH:mm',
+          showTime: { format: 'HH:mm' },
+        },
+      },
+      {
+        label: t('会议标题'),
+        field: 'title',
+        component: 'Input',
+      },
+      {
+        label: t('会议编号'),
+        field: 'meetingCode',
+        component: 'Input',
+      },
+      {
+        label: t('本部人员'),
+        field: 'meetingUser',
+        component: 'Input',
+      },
+      {
+        label: t('会议类型'),
+        field: 'meetingType',
+        component: 'Select',
+        componentProps: {
+          dictType: 'meeting_type',
+          allowClear: true,
+        },
+      },
+      {
+        label: t('会议状态'),
+        field: 'ustatus',
+        component: 'Select',
+        componentProps: {
+          dictType: 'meeting_status',
+          allowClear: true,
+        },
+      },
+    ],
+  };
+
+  const tableColumns: BasicColumn<BizMeetingInfo>[] = [
+    {
+      title: t('记录时间'),
+      dataIndex: 'createTime',
+      key: 'a.create_time',
+      sorter: true,
+      width: 180,
+      align: 'left',
+	  fixed:'left',
+    },
+    {
+      title: t('会议标题'),
+      dataIndex: 'title',
+      key: 'a.title',
+      sorter: true,
+      width: 200,
+      align: 'left',
+    },
+    {
+      title: t('会议编号'),
+      dataIndex: 'meetingCode',
+      key: 'a.meeting_code',
+      sorter: true,
+      width: 155,
+      align: 'left',
+    },
+    {
+      title: t('本部人员'),
+      dataIndex: 'meetingUser',
+      key: 'a.meeting_user',
+      sorter: true,
+      width: 155,
+      align: 'left',
+    },
+    {
+      title: t('其他人员'),
+      dataIndex: 'otherUser',
+      key: 'a.other_user',
+      sorter: true,
+      width: 155,
+      align: 'left',
+    },
+    {
+      title: t('会议类型'),
+      dataIndex: 'meetingType',
+      key: 'a.meeting_type',
+      sorter: true,
+      width: 130,
+      align: 'left',
+      dictType: 'meeting_type',
+    },
+    {
+      title: t('开始时间'),
+      dataIndex: 'startTime',
+      key: 'a.start_time',
+      sorter: true,
+      width: 180,
+      align: 'center',
+    },
+    {
+      title: t('结束时间'),
+      dataIndex: 'endTime',
+      key: 'a.end_time',
+      sorter: true,
+      width: 180,
+      align: 'center',
+    },
+    {
+      title: t('会议地点'),
+      dataIndex: 'meetingLocation',
+      key: 'a.meeting_location',
+      sorter: true,
+      width: 255,
+      align: 'left',
+    },
+    {
+      title: t('会议状态'),
+      dataIndex: 'ustatus',
+      key: 'a.ustatus',
+      sorter: true,
+      width: 130,
+      align: 'left',
+      dictType: 'meeting_status',
+    },
+    {
+      title: t('补充说明'),
+      dataIndex: 'remark',
+      key: 'a.remark',
+      sorter: true,
+      width: 225,
+      align: 'left',
+    },
+    {
+      title: t('更新时间'),
+      dataIndex: 'updateTime',
+      key: 'a.update_time',
+      sorter: true,
+      width: 180,
+      align: 'center',
+    },
+  ];
+
+  const actionColumn: BasicColumn<BizMeetingInfo> = {
+    width: 160,
+	align: 'center',
+    actions: (record: BizMeetingInfo) => [
+      {
+        icon: 'i-clarity:note-edit-line',
+        title: t('编辑'),
+        onClick: handleForm.bind(this, { id: record.id }),
+        auth: 'biz:meetingInfo:edit',
+      },
+      {
+        icon: 'i-ant-design:delete-outlined',
+        color: 'error',
+        title: t('删除'),
+        popConfirm: {
+          title: t('是否确认删除会议信息?'),
+          confirm: handleDelete.bind(this, record),
+        },
+        auth: 'biz:meetingInfo:edit',
+      },
+    ],
+  };
+
+  const [registerTable, { reload, getForm }] = useTable<BizMeetingInfo>({
+    api: bizMeetingInfoListData,
+    beforeFetch: (params) => {
+      return {
+		  ...params ,
+		  createUser: userinfo.value.loginCode ,
+	  };
+    },
+    columns: tableColumns,
+    actionColumn: actionColumn,
+    formConfig: searchForm,
+    showTableSetting: true,
+    useSearchForm: true,
+    canResize: true,
+  });
+
+  onMounted(async () => {
+    const res = await bizMeetingInfoList();
+    record.value = (res.bizMeetingInfo || {}) as BizMeetingInfo;
+    await getForm().setFieldsValue(record.value);
+  });
+
+  const [registerModal, { openModal }] = useModal();
+
+  function handleForm(record: Recordable) {
+    openModal(true, record);
+  }
+
+  async function handleExport() {
+    loading.value = true;
+    const { ctxAdminPath } = useGlobSetting();
+    await downloadByUrl({
+      url: ctxAdminPath + '/biz/meetingInfo/exportData',
+      params: {
+		  ...getForm().getFieldsValue(),
+		  createUser: userinfo.value.loginCode ,
+	  },
+    });
+    loading.value = false;
+  }
+
+  const [registerImportModal, { openModal: importModal }] = useModal();
+
+  function handleImport() {
+    importModal(true, {});
+  }
+
+  async function handleDelete(record: Recordable) {
+    const params = { id: record.id };
+    const res = await bizMeetingInfoDelete(params);
+    showMessage(res.message);
+    await handleSuccess(record);
+  }
+
+  async function handleSuccess(record: Recordable) {
+    await reload({ record });
+  }
+</script>

web-vue/packages/biz/views/biz/monitorInfo/index.vue

@@ -1,30 +1,84 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="运行信息">
-				<ServerInfo />
-			</TabPane>
-			<TabPane key="2" tab="磁盘信息">
-				<DeviceInfo />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <ServerInfo />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <DeviceInfo />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { PageWrapper } from '@jeesite/core/components/Page';
   import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import ServerInfo from './serverInfo/list.vue';
   import DeviceInfo from './deviceInfo/list.vue';
+  
   const activeKey = ref('1');
+  const configItems = [
+    { key: '1', label: '运行信息', icon: 'ant-design:bar-chart-outlined' },
+    { key: '2', label: '磁盘信息', icon: 'ant-design:cluster-outlined' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/biz/views/biz/settingInfo/index.vue

@@ -1,32 +1,83 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="系统配置">
-				<QuickLogin />
-			</TabPane>
-			<TabPane key="2" tab="邮箱配置">
-				<MailAccount />
-			</TabPane>
-		</Tabs>
-	</div>
+  <PageWrapper :sidebarWidth="180">
+    <template #sidebar>
+      <div class="config-sidebar">
+        <div 
+          v-for="item in configItems" 
+          :key="item.key"
+          class="sidebar-item"
+          :class="{ active: activeKey === item.key }"
+          @click="activeKey = item.key"
+        >
+         <Icon :icon="item.icon" size="14"/> {{ item.label }}
+        </div>
+      </div>
+    </template>
+
+    <!-- 主内容区域 -->
+    <div class="config-content">
+      <div v-if="activeKey === '1'" class="config-panel">
+        <QuickLogin />
+      </div>
+      <div v-if="activeKey === '2'" class="config-panel">
+        <MailAccount />
+      </div>
+    </div>
+  </PageWrapper>
 </template>
 
 <script lang="ts" setup name="MailAccount">
-	import { h, ref } from 'vue';
-	import { Tag, Tabs ,TabPane } from 'ant-design-vue';
-	import MailAccount from './account/list.vue';
-	import QuickLogin from './quickLogin/list.vue';
-	
-	const activeKey = ref('1');
+import { ref } from 'vue';
+import { Icon } from '@jeesite/core/components/Icon';
+import { PageWrapper } from '@jeesite/core/components/Page';
+import MailAccount from './account/list.vue';
+import QuickLogin from './quickLogin/list.vue';
+
+const activeKey = ref('1');
+const configItems = [
+  { key: '1', label: '系统配置', icon: 'ant-design:desktop-outlined' },
+  { key: '2', label: '邮箱配置', icon: 'ant-design:mail-outlined' }
+];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */ 
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
   width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  height: 100%;
 }
 </style>

web-vue/packages/core/views/sys/dictData/form.vue

@@ -54,15 +54,19 @@
       component: 'TreeSelect',
       componentProps: {
         allowClear: true,
-        // style: 'width: calc(50% - 60px)',
       },
-      // colProps: { md: 24, lg: 24 },
     },
-    {
-      field: 'none',
-      component: 'None',
-    },
-
+	{
+	  label: t('排序号'),
+	  field: 'treeSort',
+	  helpMessage: '升序',
+	  component: 'InputNumber',
+	  componentProps: {
+	    maxlength: 10,
+	  },
+	  defaultValue: '30',
+	  required: true,
+	},
     {
       label: t('选项标签'),
       field: 'dictLabelRaw',
@@ -81,18 +85,6 @@
       },
       required: true,
     },
-
-    {
-      label: t('排序号'),
-      field: 'treeSort',
-      helpMessage: '升序',
-      component: 'InputNumber',
-      componentProps: {
-        maxlength: 10,
-      },
-      defaultValue: '30',
-      required: true,
-    },
     {
       label: t('系统内置'),
       field: 'isSys',
@@ -102,21 +94,20 @@
       },
       required: true,
     },
-
-    {
-      label: t('选项描述'),
-      field: 'description',
-      component: 'Input',
-      componentProps: {
-        maxlength: 500,
-      },
-    },
     {
       label: t('选项图标'),
       field: 'dictIcon',
       component: 'IconPicker',
     },
-
+	{
+	  label: t('选项描述'),
+	  field: 'description',
+	  component: 'InputTextArea',
+	  componentProps: {
+	    maxlength: 500,
+	  },
+	  colProps: { md: 24, lg: 24 },
+	},
     {
       label: t('其它信息'),
       field: 'otherInfo',
@@ -132,9 +123,10 @@
         'tag error、tag success、tag warning、tag processing、tag default',
         'badge error、badge success、badge warning、badge processing',
       ],
-      component: 'Input',
+      component: 'Select',
       componentProps: {
-        maxlength: 500,
+        dictType: 'css_type',
+        allowClear: true,
       },
     },
     {
@@ -145,13 +137,6 @@
         maxlength: 500,
       },
     },
-
-    // {
-    //   label: t('其它信息'),
-    //   field: 'otherInfo',
-    //   component: 'Divider',
-    //   colProps: { md: 24, lg: 24 },
-    // },
     {
       label: t('备注信息'),
       field: 'remarks',

web-vue/packages/erp/views/erp/accountTransfer/list.vue

@@ -120,6 +120,7 @@
       sorter: true,
       width: 180,
       align: 'left',
+	  fixed:'left',
     },
     {
       title: t('转账说明'),

web-vue/packages/erp/views/erp/erpInc/index.vue

@@ -1,33 +1,83 @@
 <template>
-	<div class="web-page-container">
-		<Tabs v-model:activeKey="activeKey">
-			<TabPane key="1" tab="支出信息">
-				<Expense />
-			</TabPane>
-			<TabPane key="2" tab="收入信息">
-				<Income />
-			</TabPane>
-		</Tabs>
-	</div>
+	<PageWrapper :sidebarWidth="180">
+	  <template #sidebar>
+	    <div class="config-sidebar">
+	      <div 
+	        v-for="item in configItems" 
+	        :key="item.key"
+	        class="sidebar-item"
+	        :class="{ active: activeKey === item.key }"
+	        @click="activeKey = item.key"
+	      >
+	       <Icon :icon="item.icon" size="14"/> {{ item.label }}
+	      </div>
+	    </div>
+	  </template>
+	
+	  <!-- 主内容区域 -->
+	  <div class="config-content">
+	    <div v-if="activeKey === '1'" class="config-panel">
+	      <Expense />
+	    </div>
+	    <div v-if="activeKey === '2'" class="config-panel">
+	      <Income />
+	    </div>
+	  </div>
+	</PageWrapper>
 </template>
 <script lang="ts" setup name="AboutPage">
   import { h, ref } from 'vue';
-  import { Tag, Tabs ,TabPane } from 'ant-design-vue';
+  import { Icon } from '@jeesite/core/components/Icon';
   import { PageWrapper } from '@jeesite/core/components/Page';
+  import { Tag, Tabs ,TabPane } from 'ant-design-vue';
   import Expense from './expense/list.vue';
   import Income from './income/list.vue';
+  
   const activeKey = ref('1');
-
+  const configItems = [
+    { key: '1', label: '支出信息', icon: 'ant-design:rotate-left-outlined' },
+    { key: '2', label: '收入信息', icon: 'ant-design:rotate-right-outlined' }
+  ];
 </script>
 
-<style scoped lang="less">
-// 整体容器样式
-.web-page-container {
-  width: 100%;
-  background-color: #e8f4f8;
-  display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+<style scoped>
+/* 侧边栏样式 */
+.config-sidebar {
+  padding: 12px 0;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
 }
 
+.sidebar-item {
+  padding: 12px 24px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.sidebar-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sidebar-item.active {
+  background-color: #e6f7ff;
+  color: #1890ff;
+  font-weight: 320;
+  border-right: 3px solid #1890ff;
+}
+
+/* 主内容区域样式 */ 
+.config-content {
+  padding: 8px;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+
+.config-panel {
+  width: 100%;
+  height: 100%;
+}
 </style>