11.11硬件商城
This commit is contained in:
parent
407425018b
commit
8bafad399c
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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{
|
||||||
|
@ -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>-->
|
|
||||||
<!-- <!– 列表信息–>-->
|
<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>
|
||||||
|
|
||||||
|
@ -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 @@
|
|||||||
<!-- <!– –>-->
|
<!-- <!– –>-->
|
||||||
<!-- <!– 列表信息–>-->
|
<!-- <!– 列表信息–>-->
|
||||||
<!-- <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>
|
||||||
|
|
||||||
|
@ -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 {
|
||||||
|
@ -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%;
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user