Giter Club home page Giter Club logo

linetable's Introduction

LineTable

体验地址:

https://linetable.suezp.cn

VUE3 + ElementPlus + NutUI

ElemetnPlus 负责WEB 端组件 https://element-plus.gitee.io/#/zh-CN Nut UI 负责 H5 组件 https://nutui.jd.com/#/intro

Tips: 问题:Nut UI 我安装的时候 vue 版本是 3.0.x 没找到模块的错
解决: vue 升级到 3.2.4

通过前端配置的 crud 列表

平平无奇的表格

为什么要搞个表格

事情是这样的,我老姐的工作室需要统计客户信息,由于excel 用的不太好并且数据太多 有时候电脑卡,

我就帮她开发了个简简单单的 管理系统 一开始只有一个页面叫 周年客户数据 功能就是普遍的 增删改查功能 关键字搜索 编辑之类的, 过了几天== 我姐又发了我一个excel 表格过来 数据和上次不是一个表的 理所当然我 有新开了一个页面 但是功能呢是一模一样的 除了字段不同, 晚上我姐说在外面电脑不方便,理所当然我就干了两个 H5 的页面 监听可视区域的宽度 跳转路由 这个时间段还好只有两个页面维护基本也没我啥事。 .......又过了几天 新的表 又来了 ,目前有 4个表 功能算是完全一样吧 字段小差别 所以我就想着 让我姐他们工作室 自己新建表, 因为 功能重复度极高, 我就开始了。 现在才 刚刚开始 。 后台是用node写的 我也不知道什么并发之类的-- 后台功能也是 C V 操作 所以--

进度

目前 已完成表格的 增删改 以及 二级页面列表的 增删改查 目前的功能比较基础, 列表数据项宽度支持的更改保存。 下一步把 介绍和教程写上去把 后期再多增加一些可编辑性。

缺陷 目前的时间选择器 功能还不太完善 后期想把编辑改为详情 以及添加一些 图片的上传和展示。

还想做一些 流程管理带一些 等级管理的操作。

H5 目前还没想好怎么做........ 研发中

配置 VITE

.env.production .env.development
配置文件内以 VITE_ 开头的变量可以在 js 中获取到 以 import.meta.env.XXX 获取到

默认 两种模式 可自定义模式

通过 .env.XXX 配置模式名称 在文件中 NODE_ENV=production 来申明当前基本模式 启动 vite build --mode XXX 来自定义模式 以及环境内容

BUG1

如果打开了 一个表格 返回首页再删除该表格个之后 再TAB 导航上 还是存在改tab 首页删除表格 的时候 同步以下 store 中的 TAG

---已修复

BUG2

H5 页面 IOS 点击输入框页面自动放大

---已修复

目前的体验地址 大佬们手下留情

https://linetable.suezp.cn

linetable's People

Contributors

suezp226 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.