|
|
@ -1,37 +1,26 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="page"> |
|
|
|
<el-card shadow="hover" class="mgb20"> |
|
|
|
<h6 class="p-title">筛选</h6> |
|
|
|
<div> |
|
|
|
<div class="tool"> |
|
|
|
<div class="flex-center mgb20"> |
|
|
|
<ul class="filter"> |
|
|
|
<p class="hr_tag"></p> |
|
|
|
<li> |
|
|
|
<span>筛选</span> |
|
|
|
<label>创建日期</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<el-form label-width="80px" class="flex-between"> |
|
|
|
|
|
|
|
<div class="flex-center no-mb"> |
|
|
|
|
|
|
|
<el-form-item label="创建日期"> |
|
|
|
|
|
|
|
<el-date-picker v-model="date" align="right" unlink-panels type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker> |
|
|
|
<el-date-picker v-model="date" align="right" unlink-panels type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</li> |
|
|
|
<el-form-item label="状态"> |
|
|
|
<li> |
|
|
|
|
|
|
|
<label>状态</label> |
|
|
|
<el-select v-model="status" clearable placeholder="请选择状态" @change="initData"> |
|
|
|
<el-select v-model="status" clearable placeholder="请选择状态" @change="initData"> |
|
|
|
<el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option> |
|
|
|
<el-option v-for="(item,index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</li> |
|
|
|
</div> |
|
|
|
</ul> |
|
|
|
<el-form-item> |
|
|
|
<div> |
|
|
|
<el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
|
|
|
<el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-card shadow="hover" class="card"> |
|
|
|
<div class="tool"> |
|
|
|
<div class="flex-between mgb20"> |
|
|
|
<div></div> |
|
|
|
<div class="flex-center"> |
|
|
|
|
|
|
|
<p class="hr_tag"></p> |
|
|
|
|
|
|
|
<span>产品列表</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" round @click="add" v-auth="'/data:产品管理:新增'">新增</el-button> |
|
|
|
<el-button type="primary" round @click="add" v-auth="'/data:产品管理:新增'">新增</el-button> |
|
|
|
<el-button type="primary" round @click="delAllSelection" v-auth="'/data:产品管理:批量删除'">批量删除</el-button> |
|
|
|
<el-button type="primary" round @click="delAllSelection" v-auth="'/data:产品管理:批量删除'">批量删除</el-button> |
|
|
@ -62,7 +51,6 @@ |
|
|
|
<div class="pagination"> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChange" :current-page="page" :total="totals"></el-pagination> |
|
|
|
<el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChange" :current-page="page" :total="totals"></el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog :title="isDetail ? '查看产品' : (id ? '编辑产品' : '新增产品')" :visible.sync="productVisible" width="30%" center @close="closeProduct" class="dialog" :close-on-click-modal="false"> |
|
|
|
<el-dialog :title="isDetail ? '查看产品' : (id ? '编辑产品' : '新增产品')" :visible.sync="productVisible" width="30%" center @close="closeProduct" class="dialog" :close-on-click-modal="false"> |
|
|
|
<el-form ref="form" label-width="98px" :disabled="isDetail"> |
|
|
|
<el-form ref="form" label-width="98px" :disabled="isDetail"> |
|
|
@ -635,21 +623,9 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.card { |
|
|
|
|
|
|
|
min-height: calc(100vh - 420px); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .no-mb .el-form-item{ |
|
|
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-input--suffix .el-input__inner{ |
|
|
|
/deep/.el-input--suffix .el-input__inner{ |
|
|
|
padding-right: 56px; |
|
|
|
padding-right: 56px; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/.el-container{ |
|
|
|
|
|
|
|
.el-aside{ |
|
|
|
|
|
|
|
padding: 15px; |
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.type-wrap{ |
|
|
|
.type-wrap{ |
|
|
|
height: 450px; |
|
|
|
height: 450px; |
|
|
|
overflow:auto; |
|
|
|
overflow:auto; |
|
|
|