Skip to content

O
op-web-service
Commit 172ebd08 authored by pengyunqian's avatar pengyunqian
Browse files
Options

update: first

parent 3687101c
Hide whitespace changes
Inline Side-by-side
Showing with 259 additions and 0 deletions
src/pages/Goods/Retail/index.vue 0 → 100644
View file @ 172ebd08
<template>
<el-card class="container">
<div class="retail">
<el-form inline>
<el-form-item label="分销活动id">
<el-input size="mini"></el-input>
</el-form-item>
<el-form-item class="search_input" label="分销活动名称">
<el-input size="mini"></el-input>
</el-form-item>
<el-form style="margin-left: 30px">
<el-form-item label="状态">
<el-button class="but but_one" type="info" plain size="mini"
>全部</el-button
>
<el-button class="but" type="info" plain size="mini"
>到期</el-button
>
<el-button class="but" type="info" plain size="mini"
>启用</el-button
>
<el-button class="but" type="info" plain size="mini"
>关闭</el-button
>
</el-form-item>
</el-form>
<el-button
type="primary"
style="margin-bottom: 10px"
@click="dialogFormVisible = true"
>创建分销活动</el-button
>
<el-table
:data="tableData"
align="center"
:header-cell-style="{ background: '#eee', color: '#606266' }"
style="width: 100%"
size="mini"
>
<el-table-column
align="center"
prop="date"
fixed
label="分销活动id"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="分销活动名称"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="province"
label="关联商品数"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="first"
label="一级分销金额"
width="120"
>
</el-table-column>
<el-table-column
align="center"
prop="second"
label="二级分销金额"
width="120"
>
</el-table-column>
<el-table-column align="center" prop="state" label="状态" width="100">
</el-table-column>
<el-table-column align="center" prop="founder" label="创建人" width="100">
</el-table-column>
<el-table-column
align="center"
prop="creation-time"
label="创建时间"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="update_time"
label="更新时间"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="due_time"
label="分销到期时间"
width="150"
>
</el-table-column>
<el-table-column
align="center"
:header-cell-style="{ background: 'none' }"
label="操作"
>
<template #default="scope">
<el-button @click="handleClick(scope.row)" type="text" size="mini"
>查看</el-button
>
<el-button type="text" size="mini" >关闭</el-button>
<el-button type="text" size="mini" >启用</el-button>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</el-card>
<!-- 创建分销活动 -->
<el-dialog fullscreen title="创建分销活动" v-model="dialogFormVisible" width="100%">
<div class="bor">
<el-row :gutter="50">
<el-col :span="12">
<el-form :model="form" size="small" label-width="150px">
<el-form-item label="分销活动名称:">
<el-input autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="一级佣金:" :label-width="formLabelWidth">
<el-input></el-input>
</el-form-item>
<el-form-item label="二级佣金:" :label-width="formLabelWidth">
<el-input></el-input>
</el-form-item>
<el-form-item label="活动生效时间:" :label-width="formLabelWidth">
<el-input
placeholder="2016-09-21 08:50:08~2016-09-21 08:50:08"
></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="12">
<el-form inline ref="form" :model="form" size="mini">
<el-form-item label="关联商品:"> </el-form-item>
<el-form-item label="商品id:">
<el-input></el-input>
</el-form-item>
<el-form-item label="生活号id:">
<el-input></el-input>
</el-form-item>
<div class="tab">
<el-table class="exporttable" size="mini" align="center" :data="tableData" border style="width: 100%;border-color:#606266" :header-cell-style="{borderColor:'#606266'}" :cell-style="{borderColor:'#606266'}">
<el-table-column align="center" type="selection" >
</el-table-column>
<el-table-column align="center" prop="date" label="商品id">
</el-table-column>
<el-table-column align="center" prop="name" label="商品名称">
</el-table-column>
<el-table-column align="center" prop="address" label="生活号id"> </el-table-column>
<el-table-column align="center" prop="address" label="生活号名称"> </el-table-column>
</el-table>
</div>
</el-form>
</el-col>
</el-row>
</div>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="dialogFormVisible = false" style="width:150px">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false" style="width:150px">确 定</el-button>
</span>
</template>
</el-dialog>
</template>
<script>
export default {
name: "GoodsRetail",
data() {
return {
tableData: [
{
date: "2016-05-02",
name: "xxx",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1518 弄",
zip: "启用",
time: 200333,
},
{
date: "2016-05-02",
name: "xxx",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1518 弄",
zip: 200333,
},
],
dialogFormVisible: false,
};
},
methods: {
handleClick(row) {
console.log(row);
},
},
};
</script>
<style lang="less" scoped>
.container {
// display: flex;
.retail {
margin-top: 30px;
}
.search_input{
margin-left: 100px;
}
.but_one {
margin-left: 10px;
}
.but {
margin-right: 10px;
border-radius: 0;
color: #606266;
}
}
.el-dialog{
padding: 0;
}
.bor{
border-top: 1px solid #606266;
margin-top: -30px;
.el-form-item{
margin-top: 30px;
}
::v-deep .el-input input{
border-radius: 0;
border: 1px solid #606266;
}
.exporttable{
border: 1px solid #606266;
}
.tab{
border: 1px solid #606266;
padding: 20px 10px;
}
}
.dialog-footer{
display: flex;
justify-content: center;
align-items: center;
}
</style>
src/router/Goods/index.js
View file @ 172ebd08
......@@ -12,6 +12,12 @@ const goodsRouters = [
name: "GoodsDetail",
component: () => import(/* webpackChunkName: "goods" */ "@/pages/Goods/Detail")
},
{
path: "/goods/retail",
name: "GoodsRetail",
component: () => import(/* webpackChunkName: "goods" */ "@/pages/Goods/Retail")
}
];
export default goodsRouters;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment