11.11硬件商城

This commit is contained in:
DESKTOP-369JRHT\12997 2024-11-11 11:27:25 +08:00
parent 407425018b
commit 8bafad399c
9 changed files with 41 additions and 137 deletions

View File

@ -484,7 +484,7 @@ export default {
//height: 81vh; //height: 81vh;
} }
.table_box{ .table_box{
height: 72vh; height: 73vh;
overflow: auto; overflow: auto;
scrollbar-width: none; scrollbar-width: none;
} }

View File

@ -561,7 +561,7 @@ export default {
//height: 81vh; //height: 81vh;
} }
.table_box{ .table_box{
height: 72vh; height: 73vh;
overflow: auto; overflow: auto;
scrollbar-width: none; scrollbar-width: none;
} }

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="card-change" style="min-height: 500px; margin-left: 20px; margin-top: 20px; margin-right: 20px;" shadow="never"> <div class="card-change" style="height: 88vh; margin: 10px;box-sizing: border-box;padding-bottom: 0px" shadow="never">
<div> <div>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
<el-form-item label="" prop="name"> <el-form-item label="" prop="name">
@ -7,13 +7,13 @@
v-model="queryParams.name" v-model="queryParams.name"
placeholder="请输入商品名称" placeholder="请输入商品名称"
clearable clearable
style="width: 240px;"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="请选择分类" prop="categoryName"> <el-form-item label="" prop="categoryName">
<el-select v-model="queryParams.categoryName" style="width: 150px" placeholder="全部"> <el-select v-model="queryParams.categoryName" placeholder="请选择分类" >
<el-option <el-option
v-for="dict in dict.type.hardware_type" v-for="dict in dict.type.hardware_type"
:key="dict.label" :key="dict.label"
@ -23,8 +23,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="请选择状态" prop="status"> <el-form-item label="" prop="status">
<el-select v-model="queryParams.status" style="width: 150px" placeholder="全部"> <el-select v-model="queryParams.status" placeholder="请选择状态" >
<el-option <el-option
v-for="dict in dict.type.hardware_status" v-for="dict in dict.type.hardware_status"
:key="dict.value" :key="dict.value"
@ -45,8 +45,7 @@
>新增商品</el-button> >新增商品</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="height: 70vh; overflow: auto; scrollbar-width: none ">
<div style="height: 70vh; overflow: auto;">
<el-table :data="tableData" style="width: 100%" border> <el-table :data="tableData" style="width: 100%" border>
<el-table-column type="index" label="序号"></el-table-column> <el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="商品名称"></el-table-column> <el-table-column prop="name" label="商品名称"></el-table-column>

View File

@ -46,6 +46,7 @@ export default {
margin-right: 50px; margin-right: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer;
} }
.active{ .active{

View File

@ -18,15 +18,7 @@
<!-- 添加其他选项 --> <!-- 添加其他选项 -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="" prop="recipientRoles">-->
<!-- <el-input-->
<!-- v-model="queryParams.recipientRoles"-->
<!-- placeholder="请选择接收角色"-->
<!-- clearable-->
<!-- style="width: 240px;"-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="" prop="templateStatus"> <el-form-item label="" prop="templateStatus">
<el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;"> <el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;">
<el-option label="启用" value="1"></el-option> <el-option label="启用" value="1"></el-option>
@ -45,10 +37,8 @@
>新增通知模板</el-button> >新增通知模板</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- </el-card>-->
<!-- &lt;!&ndash; 列表信息&ndash;&gt;--> <div class="table_box">
<!-- <el-card style="margin-top: 20px" >-->
<div >
<el-table :data="tableData" style="width: 100%" border> <el-table :data="tableData" style="width: 100%" border>
<el-table-column align="center" type="index" label="序号"></el-table-column> <el-table-column align="center" type="index" label="序号"></el-table-column>
@ -488,5 +478,9 @@ export default {
height: 50px; height: 50px;
line-height: 60px; line-height: 60px;
} }
.table_box{
width: 100%;
height: 69vh;
}
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container" style="padding: 10px"> <div class="app-container" style="padding: 10px">
<div class="card-change" style="min-height: 80vh;"> <div class="card-change" >
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
<el-form-item label="" prop="deptName"> <el-form-item label="" prop="deptName">
<el-input <el-input
@ -20,15 +20,6 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="" prop="appStatus">-->
<!-- <el-input-->
<!-- v-model="queryParams.appStatus"-->
<!-- placeholder="请选择接受角色"-->
<!-- clearable-->
<!-- style="width: 240px;"-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="" prop="templateStatus"> <el-form-item label="" prop="templateStatus">
<el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;"> <el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;">
<el-option label="启用" value="1"></el-option> <el-option label="启用" value="1"></el-option>
@ -51,7 +42,7 @@
<!-- &lt;!&ndash; &ndash;&gt;--> <!-- &lt;!&ndash; &ndash;&gt;-->
<!-- &lt;!&ndash; 列表信息&ndash;&gt;--> <!-- &lt;!&ndash; 列表信息&ndash;&gt;-->
<!-- <el-card style="margin-top: 20px" >--> <!-- <el-card style="margin-top: 20px" >-->
<div > <div class="table_box" >
<el-table :data="tableData" style="width: 100%" border> <el-table :data="tableData" style="width: 100%" border>
<el-table-column align="center" type="index" label="序号"></el-table-column> <el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column align="center" prop="notificationName" label="通知名称"></el-table-column> <el-table-column align="center" prop="notificationName" label="通知名称"></el-table-column>
@ -583,5 +574,9 @@ export default {
height: 50px; height: 50px;
line-height: 60px; line-height: 60px;
} }
.table_box{
width: 100%;
height: 69vh;
}
</style> </style>

View File

@ -1,13 +1,8 @@
<template> <template>
<div class="app-container"> <div class="box_conter">
<!-- <div class="tab-box">-->
<!-- <div class="tab_" :class="{active:index== tabindex }" @click="getindex(index)" v-for="(item,index) in tabs"-->
<!-- :key="index">--> <div style=" width: 100%; display: flex;justify-content: space-between; height: 56px; border-radius: 8px; background: #fff;box-sizing: border-box;padding: 10px;width: 100%;margin: 0 auto;margin-bottom: 5px;margin-bottom: 10px">
<!-- {{ item.name }}-->
<!-- </div>-->
<!-- </div>-->
<div style="width: 100%;height: 15px"></div>
<div style=" width: 100%; display: flex;justify-content: space-between; height: 56px; border-radius: 8px; background: #fff;box-sizing: border-box;padding: 10px;width: 98%;margin: 0 auto;margin-bottom: 5px;">
<div style=" width: 100%;display: flex;justify-content: space-between;margin-left: 10px"> <div style=" width: 100%;display: flex;justify-content: space-between;margin-left: 10px">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
@ -1154,12 +1149,12 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.app-container { .box_conter{
width: 100%; box-sizing: border-box;
height: 100vh; padding: 10px;
background: #f6f8f9; border-bottom: 0px;
margin: 0; background: #f2f2f2;
padding: 0; padding-bottom: 0px;
} }
.sta { .sta {
@ -1296,13 +1291,13 @@ export default {
} }
.cot-box { .cot-box {
width: 98%; width: 100%;
border-radius: 8px; border-radius: 8px;
background: #fff; background: #fff;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
margin: 0 auto; margin: 0 auto;
height: 97vh; height: 91vh;
} }
.d-s { .d-s {

View File

@ -126,6 +126,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
border-radius: 8px; border-radius: 8px;
margin-bottom: 10px;
} }
.table-box { .table-box {
width: 100%; width: 100%;

View File

@ -910,24 +910,14 @@ export default {
</script> </script>
<style scoped> <style scoped>
.app-top {
width: 100%;
height: 60px; .box_conter{
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 10px;
border-bottom: 0px;
background: #f2f2f2;
padding-bottom: 0px;
} }
.clearfix {
width: 100%;
}
.box-card {
width: 100%;
margin-bottom: 15px;
}
.box-gang { .box-gang {
width: 100%; width: 100%;
display: flex; display: flex;
@ -937,21 +927,6 @@ export default {
} }
.box {
//box-sizing: border-box;
padding: 5px;
//background: #f9f9f9;
margin-right: 20px;
margin-bottom: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(64, 158, 255, 0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #fe8c4a;
}
.el-form--inline .el-form-item { .el-form--inline .el-form-item {
} }
@ -972,42 +947,6 @@ export default {
} }
} }
.size-bole {
height: 31px;
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 24px;
color: #555555;
text-align: left;
font-style: normal;
text-transform: none;
}
.icon-img {
width: 20px;
height: 20px;
margin-right: 5px;
img {
float: right;
width: 20px;
height: 20px;
}
}
.wgang {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.table-box {
width: 100%;
}
.pagination-box { .pagination-box {
width: 100%; width: 100%;
margin: 10px auto; margin: 10px auto;
@ -1016,9 +955,6 @@ export default {
justify-content: flex-end; justify-content: flex-end;
} }
.top-app-sou {
width: 20%;
}
.tk { .tk {
text-align: center; text-align: center;
@ -1026,19 +962,6 @@ export default {
margin: 10px 0; margin: 10px 0;
} }
.box1 {
padding: 5px;
margin-right: 20px;
margin-bottom: 20px;
padding-left: 20px;
width: 211px;
height: 60px;
background: rgba(255, 150, 85, 0.05);
border-radius: 6px 6px 6px 6px;
border: 1px solid #FF9655;
}
.box2 { .box2 {
padding: 5px; padding: 5px;
margin-bottom: 20px; margin-bottom: 20px;
@ -1082,9 +1005,5 @@ export default {
height: 59vh; height: 59vh;
overflow: auto; overflow: auto;
} }
.table-box {
width: 100%;
height: 66vh;
overflow: auto;
}
</style> </style>