配件页面功能配件页面功能

【部件中心】->【配件】页面
需求描述
1. 机型筛选

文章图片
根据机型（机器主型号+机器子型号）对页面数据进行筛选。
下拉列表选项变化时，刷新下方FC列表中的数据。

配件分类支持一下分类：
面板样式，基础语言，线缆，导轨，处理器激活码，内存激活码，动态内存扩展，其他。

文章图片
2.新建

文章图片
需求描述必填项
配件类型FCType。显示当前的配件类型下拉列表的值。是
PN32个字符以内。去除首尾空格。（PN与FC，不能同时为空）是
FC32个字符以内。去除首尾空格。（PN与FC，不能同时为空）是
中文描述100个字符以内。去除首尾空格。是
英文描述100个字符以内。去除首尾空格。是
发布日期AnnounceDay是
供货日期GADay。供货日期必须晚于发布日期。否
退市日期WithdrawDay。退市日期必须晚于发布日期。否
提示信息Info否
3. 编辑

文章图片
显示之前保存的数据，并可以编辑。
需求描述必填项
配件类型FCType。显示当前的配件类型下拉列表的值。是
PN32个字符以内。去除首尾空格。（PN与FC，不能同时为空）是
FC32个字符以内。去除首尾空格。（PN与FC，不能同时为空）是
中文描述100个字符以内。去除首尾空格。是
英文描述100个字符以内。去除首尾空格。是
发布日期AnnounceDay是
供货日期GADay。供货日期必须晚于发布日期。否
退市日期WithdrawDay。退市日期必须晚于发布日期。否
提示信息Info否
4.删除

文章图片
单击删除按钮，弹出提示框。
5. 批量操作
1）批量导出：按照下列模板，导出Excel文件。

文章图片
2）批量导入：
导入Excel文件，并抽取数据，存入系统数据库。导入时，检测主型号和子型号，如果发现不匹配，则报错，中止导入。
3）清空数据：清空当前列表中的所有数据。
6. 分页器
1）分页设置
下拉列表向上弹出。可以设置每页展示条数，25、50或100条/页。默认为25条/页。
2）分页器
“<<”跳转至首页。“>>”跳转至尾页。
每次展示10页。设按钮名称为b0~b9。默认b0=1。
设被点击按钮为bx, 当x>4时，重新设置分页器按钮。b0=bx-4。其他按钮依次递增一。
3）计数显示
“显示第x 至 y项，共 z项”。
z为搜索结果的总条数。
x为本页第一条记录在搜索结果中的序号。从1开始。
y为本页最后一条记录在搜索结果中的序号。
验收标准
附件
9009-42A_配件_yyyyMMddHHmmss.xlsx (9.17K)
返回
废话不多说直接上代码

.dialog-footer {
display:flex;
justify-content:center;
}
.el-dialog__header {
border-bottom:solid 1px #EFEFEF;
}
.dialog-footer {
display:flex;
justify-content:center;
}
.el-form-item__content .date_input {
width:100%!important;
}
.el-dropdown-link {
border:solid 1px #dcdfe6;
padding:10px 30px;
border-radius:3px;
cursor:pointer;
color:darkgray;
float:right;
background-color:#ffffff;
}
.el-icon-arrow-down {
font-size:12px;
color:darkgray;
background-color:#ffffff;
}
.el-dropdown-link {
padding:12px 40px;
cursor:pointer;
color:#409EFF;
}
.el-icon-arrow-down {
font-size:12px;
}
.content_dropdown {
float:right;
padding-right:10px;
}

以下是接口api，我们用的是elementUI+vue的后台框架 import requestfrom '@/utils/request'
// 新建配件
export function addDate(params) {
return request({
url:'other',
method:'post',
data: params
})
}
// 主型号
export function machineType() {
return request({
url:'product/type',
method:'get'
})
}
// 子型号
export function machineModel(type) {
return request({
url:'product/model/' + type,
method:'get'
})
}
// 编辑 - 回显软件
export function editUpdate(id) {
return request({
url:'other/' + id,
method:'get'
})
}
// 确定修改软件categoryId
export function updateParts(params) {
return request({
url:'other',
method:'put',
data: params
})
}
// 删除数据
export function delParts(id) {
return request({
url:'other/' + id,
method:'delete'
})
}
// 清空
export function partsEmpty(data) {
return request({
url:'other?machineType=' + data.machineType +'&machineModel=' + data.machineModel +'&categroyId='+ data.categroyId,
method:'delete'
})
}

配件页面功能

推荐阅读

购房定金协议应该包括什么内容

王者荣耀张飞的操作难度明明很低但却这么多人吹？

男人甩掉女人的9大谎言女人揭穿男人的谎言

江西的红烧肉怎么煮才好吃江西红烧肉的做法最正宗的做法

好的时钟java代码 java时钟程序代码

产假158天只发98天补贴对吗苏州生育津贴生完多久可以领取

白醋泡白术祛斑有那些危害？

家庭小作坊都需要哪些证件？如何办理？

小孩不想上学怎么解决小孩不愿意去上学的处理措施

两个月宝宝鼻塞好了又鼻塞晚上睡不好

奥运百米决赛时间是多少奥运百米决赛几号

百家讲坛女皇武则天3 百家讲坛武则天全集如何下载迅雷下载，百家讲坛秦始皇全集48

哈里·谢顿哈里布朗

java开发游戏接口，用java开发的游戏引擎

2023贵阳社保缴纳需要多少钱贵阳个人社保缴费标准一览

苹果手机能用两个微信吗苹果手机不能用微信了

怎样删除体脂秤的数据如何删除体脂秤的数据

原神渊月螺旋11-2 原神渊月螺旋11层用什么阵容

实体渠道数据分析,付费渠道推广数据分析的目标

凯迪拉克atsl油耗 2017款凯迪拉克atsl油耗