<el-table-column prop="ts" label="时间"> <template v-slot="scope"> <el-form :ref="`formRef${scope.$index}ts`" v-if="scope.row.ts_editing" :model="scope.row"> <el-form-item prop="ts" :rules="{ required: true, message: '请输入时间', trigger: 'blur' }"> <el-date-picke...
<el-input v-model="formData.name" placeholder="请输入姓名" style="width: 800px" /> </el-form-item> <el-form-item label="性别" prop="sex"> <el-select v-model="formData.sex" placeholder="请选择性别" filterable size="large" style="width: 800px" clearable > <el-option v-for="ite...
<el-input-number :max="item.max" v-else-if="item.type == 'numberInput'" style="width: 100%;" :controls="false" :disabled="item.disabled ? true : false" v-model="ruleForm[item.valueKey]" :placeholder="item.placeholder" /> <el-table v-else-if="item.type == 'table'" :data=...
<el-table-column prop="date" label="日期" sortable="custom"></el-table-column> <el-table-column prop="name" label="姓名" sortable="custom"></el-table-column> <el-table-column prop="address" label="地址" sortable="custom"></el-table-column> </el-table> <el-pagination @current-ch...
-- 登录 --><el-formclass="form login-form clear-fix"ref="loginFormRef":model="loginForm":rules="loginRules"><el-form-itemlabel="邮箱"prop="email"><el-inputv-model="loginForm.email"type="text"placeholder="请输入邮箱地址"></el-input></el-form-item><el-form-itemlabel="密码"prop=...
⭐️一款基于 Vue3.0 和 Element Plus 二次封装的支持多行编辑的可编辑表格 ry-edit-table,轻量简单实用。 😇支持: 支持激活表格的多行编辑。 通过表格配置属性listConfig即可让组件渲染出对应的表头。 通过表格配置属性listConfig即可设置对应列的输入框类型和校验规则。
</el-form> </div> <div class="admin-view-body"> <div class="admin-table-btns"> <el-button @click="openAdd" type="primary" icon="plus">新增</el-button> </div> <div class="admin-table-list"> <el-table border :data="$table.data" :empty-text="$table.emptyText" v-loading="...
(.el-table__header-wrapper) { position: fixed; z-index: 20; } :deep(.el-table__inner-wrapper) { overflow: hidden; } :deep(.el-table__body-wrapper) { margin-top: 40px; } :deep(.el-input__inner) { width: 300px; margin-right: 10px; } :deep(.warning-row) { --el-table-...
封装包含PageHeader页头组件 + EpTable通用表格渲染组件 + BtnGroup通用按钮组 + EpDialog确认弹窗组件; 二次封装ElForm表单组件,根据具体的业务需求,灵活使用ElForm表单进行表单校验; 打包上线 配置路由 vue3创建router/index.ts 写路由的时候氛围无需权限路由(比如登录)和需要权限的路由。
2、组件2 ConfigTableForm(配置式表格表单) 主要功能: (1) ConfigFrom的表格版,以表格形式操作表单; (2) 其余特性同ConfigFrom; 优点: (1) 整合ElementPlus原生功能,继承功能的前提下提升开发效率。 3、组件3 PopupSelect(弹框选择器) 主要功能: