dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

8.31

Browse Source
This commit is contained in:
xvv 2024-08-31 11:55:39 +08:00
parent e4d735eda5
commit 7fba30453d
3 changed files with 1006 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

497
fuintAdmin/src/views/EventMarketing/openCardGift/TimeLimited.vue Normal file
View File

@ -0,0 +1,497 @@
<template>
<div class="center_">
<div class="bai-box">
<div class="d-a">
<div class="top-title">
<div class="d-s">
<div class="bigNum">1</div>
<div class="smtitle">创建限时特价</div>
</div>
<div class="hui-text">
不同的商品可以分别创建多个营销价格，分别设置多个
不同的价格优惠
</div>
</div>
<div class="gang_"></div>
<div class="top-title">
<div class="d-s">
<div class="bigNum">2</div>
<div class="smtitle">添加活动规则</div>
</div>
<div class="hui-text">
同一个限时优惠可以根据支付方式、会员等级以及活动
时间添加多个不同的活动规则;同一个商品，同一时间段
内，同一个会员，同一个支付方式不能添加多个活动规则
</div>
</div>
<div class="gang_"></div>
<div class="top-title">
<div class="d-s">
<div class="bigNum">3</div>
<div class="smtitle">开始使用限时特价</div>
</div>
<div class="hui-text">
限时优惠和活动规则创建后，商城会根据后台设置的
使用时间、支付方式、会员等级来显示不同的会员价
</div>
</div>
</div>
<!-- -->
<div class="d-b" style="margin-bottom: 15px">
<div class="d-s">
<div class="gang"></div>
<div class="g-title">限时优惠</div>
</div>
<el-button type="primary" @click="centerDialogVisible =! centerDialogVisible">新增限时优惠</el-button>
</div>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
type="index"
align="center"
label="序号"
width="50">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="限时优惠名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="适用商品数量"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建人"
>
</el-table-column>
<el-table-column
align="date"
prop="address"
label="地址">
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>修改</el-button>
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- -->
<div class="d-b" style="margin-bottom: 15px;margin-top: 20px">
<div class="d-s">
<div class="gang"></div>
<div class="g-title">活动规则</div>
</div>
<el-button type="primary" @click="showDialogVisible =! showDialogVisible" >新增活动规则</el-button>
</div>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
type="index"
align="center"
label="序号"
width="50">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="限时优惠名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="活动规则名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="会员等级"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="支付方式"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="会员标签"
>
</el-table-column>
<el-table-column
align="date"
prop="address"
label="生效时间">
</el-table-column>
<el-table-column
align="date"
prop="address"
label="适用时间段">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="每人每天参与限制"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="每人累计参与限制"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="状态"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建人"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建时间"
>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>修改</el-button>
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog
title="新增/修改限时优惠"
:visible.sync="centerDialogVisible"
width="40%"
center>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="限时优惠名称" prop="name">
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
</el-form-item>
<el-form-item label="类型" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="固定价格" value="yi"></el-option>
<el-option label="折扣" value="re"></el-option>
<el-option label="减价" value="san"></el-option>
</el-select>
<div>当手动/自动调整商品价格后，若调整后的售价低于规则设置时的会员
价，则该规则不生效。</div>
</el-form-item>
<el-form-item label="折扣" prop="name" v-if="ruleForm.region == 're' ">
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
<div>折扣请填写0~1的数字。例如输入0.8，表示打8折</div>
</el-form-item>
<el-form-item label="减价金额" prop="name" v-if="ruleForm.region == 'san' " >
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
<div>减价金额不能小于 0.01</div>
</el-form-item>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
align="center"
prop="name"
label="油品油号"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="当前挂牌价（元/L)"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="优惠价（元/L）"
>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<el-dialog
title="新增/修改活动规则"
:visible.sync="showDialogVisible"
width="30%"
center>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="活动规则名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="限时优惠名称" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择优惠名称">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用会员等级" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择会员等级">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label=" 会员标签" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择会员标签">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="可使用支付方式" prop="type">
<el-checkbox-group v-model="ruleForm.type">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="生效时间" required>
<el-form-item prop="date1">
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
</el-form-item>
</el-form-item>
<el-form-item label="适用实收金额" required>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<div style="margin-left: 5px">到</div>
</el-col>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="适用加油升数" required>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<div style="margin-left: 5px">到</div>
</el-col>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="最大优惠金额" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="每人每日参与限制" label-width="140px" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="每人累计参与限制" label-width="140px" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="适用时间段" prop="name">
<div class="d-s" style="margin-bottom: 5px">
每周： <el-select v-model="ruleForm.region" placeholder="请选择适用时间">
<el-option label="周一" value="shanghai"></el-option>
<el-option label="周二" value="beijing"></el-option>
</el-select>
</div>
<div class="d-s" style="margin-bottom: 5px">
每月：<el-select v-model="ruleForm.region" placeholder="请选择适用时间">
<el-option label="周一" value="shanghai"></el-option>
<el-option label="周二" value="beijing"></el-option>
</el-select>
</div>
<div class="d-s">
时间段： <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" ></el-date-picker>
</div>
</el-form-item>
<!-- -->
<el-form-item>
<el-button type="primary" >立即创建</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
ruleForm: {
name: '',
region: '',
type: [],
},
rules: {
name: [
{required: true, message: '请输入活动名称', trigger: 'blur'},
{min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'}
],
region: [
{required: true, message: '请选择活动区域', trigger: 'change'}
],
},
centerDialogVisible: false,
showDialogVisible:false,
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>
<style scoped lang="scss">
.center_ {
width: 100%;
border-radius: 8px;
background: #f9f9f9;
box-sizing: border-box;
padding: 20px;
margin: 0 auto;
}
.bai-box{
border-radius: 10px;
background: #fff;
box-sizing: border-box;
padding: 15px;
}
.d-b{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.d-a{
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
.d-s{
display: flex;
align-items: center;
}
.top-title{
}
.hui-text{
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 30px;
width: 380px;
height: 120px;
overflow: hidden;
}
.bigNum{
font-size: 60px;
font-weight: bold;
color: #333333;
margin-right: 15px;
}
.smtitle{
font-size: 28px;
color: #333333;
font-weight: bold;
}
.gang_{
width: 1px;
height: 75px;
border: 1px solid #FF9655;
}
.gang{
width: 2px;
height: 13px;
background: #FF9655;
margin-right: 10px;
}
.g-title{
font-size: 14px;
color: #333333;
}
</style>

14
fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
View File

@ -1,8 +1,10 @@
<template> <template>
<div class="a-container"> <div class="a-container">
<!---->
<activeNewlyweds v-show="id == 1"></activeNewlyweds> <activeNewlyweds v-show="id == 1"></activeNewlyweds>
<activeConsumption v-show="id == 3" ></activeConsumption> <activeConsumption v-show="id == 3" ></activeConsumption>
<separate v-show="id == 9" ></separate>
<TimeLimited v-show="id == 10"></TimeLimited>
</div> </div>
</template> </template>
@ -12,6 +14,10 @@
import activeNewlyweds from '../../EventMarketing/activeNewlyweds/index.vue' import activeNewlyweds from '../../EventMarketing/activeNewlyweds/index.vue'
//消费有礼 //消费有礼
import activeConsumption from '../../EventMarketing/activeConsumption/index.vue' import activeConsumption from '../../EventMarketing/activeConsumption/index.vue'
// 分时优惠
import separate from './separate.vue'
// 限时优惠
import TimeLimited from './TimeLimited.vue'
export default { export default {
data() { data() {
@ -28,7 +34,11 @@ export default {
//开卡有礼 //开卡有礼
activeNewlyweds, activeNewlyweds,
//消费有礼 //消费有礼
activeConsumption activeConsumption,
// 分时优惠
separate,
// 限时优惠
TimeLimited
}, },
methods: { methods: {

497
fuintAdmin/src/views/EventMarketing/openCardGift/separate.vue Normal file
View File

@ -0,0 +1,497 @@
<template>
<div class="center_">
<div class="bai-box">
<div class="d-a">
<div class="top-title">
<div class="d-s">
<div class="bigNum">1</div>
<div class="smtitle">创建分时优惠</div>
</div>
<div class="hui-text">
不同的商品可以分别创建多个营销价格，分别设置多个
不同的价格优惠
</div>
</div>
<div class="gang_"></div>
<div class="top-title">
<div class="d-s">
<div class="bigNum">2</div>
<div class="smtitle">添加活动规则</div>
</div>
<div class="hui-text">
同一个分时优惠可以根据支付方式、会员等级以及活动
时间添加多个不同的活动规则;同一个商品，同一时间段
内，同一个会员，同一个支付方式不能添加多个活动规则
</div>
</div>
<div class="gang_"></div>
<div class="top-title">
<div class="d-s">
<div class="bigNum">3</div>
<div class="smtitle">开始使用分时优惠</div>
</div>
<div class="hui-text">
分时优惠和活动规则创建后，商城会根据后台设置的
使用时间、支付方式、会员等级来显示不同的会员价
</div>
</div>
</div>
<!-- -->
<div class="d-b" style="margin-bottom: 15px">
<div class="d-s">
<div class="gang"></div>
<div class="g-title">分时优惠</div>
</div>
<el-button type="primary" @click="centerDialogVisible =! centerDialogVisible">新增分时优惠</el-button>
</div>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
type="index"
align="center"
label="序号"
width="50">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="分时优惠名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="适用商品数量"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建人"
>
</el-table-column>
<el-table-column
align="date"
prop="address"
label="地址">
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>修改</el-button>
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- -->
<div class="d-b" style="margin-bottom: 15px;margin-top: 20px">
<div class="d-s">
<div class="gang"></div>
<div class="g-title">活动规则</div>
</div>
<el-button type="primary" @click="showDialogVisible =! showDialogVisible" >新增活动规则</el-button>
</div>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
type="index"
align="center"
label="序号"
width="50">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="分时优惠名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="活动规则名称"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="会员等级"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="支付方式"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="会员标签"
>
</el-table-column>
<el-table-column
align="date"
prop="address"
label="生效时间">
</el-table-column>
<el-table-column
align="date"
prop="address"
label="适用时间段">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="每人每天参与限制"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="每人累计参与限制"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="状态"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建人"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="创建时间"
>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>修改</el-button>
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog
title="新增/修改分时优惠"
:visible.sync="centerDialogVisible"
width="40%"
center>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="分时优惠名称" prop="name">
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
</el-form-item>
<el-form-item label="类型" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="固定价格" value="yi"></el-option>
<el-option label="折扣" value="re"></el-option>
<el-option label="减价" value="san"></el-option>
</el-select>
<div>当手动/自动调整商品价格后，若调整后的售价低于规则设置时的会员
价，则该规则不生效。</div>
</el-form-item>
<el-form-item label="折扣" prop="name" v-if="ruleForm.region == 're' ">
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
<div>折扣请填写0~1的数字。例如输入0.8，表示打8折</div>
</el-form-item>
<el-form-item label="减价金额" prop="name" v-if="ruleForm.region == 'san' " >
<el-input v-model="ruleForm.name" style="width: 217px"></el-input>
<div>减价金额不能小于 0.01</div>
</el-form-item>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
align="center"
prop="name"
label="油品油号"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="当前挂牌价（元/L)"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="优惠价（元/L）"
>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<el-dialog
title="新增/修改活动规则"
:visible.sync="showDialogVisible"
width="30%"
center>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="活动规则名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="分时优惠名称" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择优惠名称">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="适用会员等级" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择会员等级">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label=" 会员标签" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择会员标签">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="可使用支付方式" prop="type">
<el-checkbox-group v-model="ruleForm.type">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="生效时间" required>
<el-form-item prop="date1">
<el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
</el-form-item>
</el-form-item>
<el-form-item label="适用实收金额" required>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<div style="margin-left: 5px">到</div>
</el-col>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="适用加油升数" required>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<div style="margin-left: 5px">到</div>
</el-col>
<el-col :span="11">
<el-form-item prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="最大优惠金额" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="每人每日参与限制" label-width="140px" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="每人累计参与限制" label-width="140px" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="适用时间段" prop="name">
<div class="d-s" style="margin-bottom: 5px">
每周： <el-select v-model="ruleForm.region" placeholder="请选择适用时间">
<el-option label="周一" value="shanghai"></el-option>
<el-option label="周二" value="beijing"></el-option>
</el-select>
</div>
<div class="d-s" style="margin-bottom: 5px">
每月：<el-select v-model="ruleForm.region" placeholder="请选择适用时间">
<el-option label="周一" value="shanghai"></el-option>
<el-option label="周二" value="beijing"></el-option>
</el-select>
</div>
<div class="d-s">
时间段： <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" ></el-date-picker>
</div>
</el-form-item>
<!-- -->
<el-form-item>
<el-button type="primary" >立即创建</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
ruleForm: {
name: '',
region: '',
type: [],
},
rules: {
name: [
{required: true, message: '请输入活动名称', trigger: 'blur'},
{min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'}
],
region: [
{required: true, message: '请选择活动区域', trigger: 'change'}
],
},
centerDialogVisible: false,
showDialogVisible:false,
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>
<style scoped lang="scss">
.center_ {
width: 100%;
border-radius: 8px;
background: #f9f9f9;
box-sizing: border-box;
padding: 20px;
margin: 0 auto;
}
.bai-box{
border-radius: 10px;
background: #fff;
box-sizing: border-box;
padding: 15px;
}
.d-b{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.d-a{
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
.d-s{
display: flex;
align-items: center;
}
.top-title{
}
.hui-text{
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 30px;
width: 380px;
height: 120px;
overflow: hidden;
}
.bigNum{
font-size: 60px;
font-weight: bold;
color: #333333;
margin-right: 15px;
}
.smtitle{
font-size: 28px;
color: #333333;
font-weight: bold;
}
.gang_{
width: 1px;
height: 75px;
border: 1px solid #FF9655;
}
.gang{
width: 2px;
height: 13px;
background: #FF9655;
margin-right: 10px;
}
.g-title{
font-size: 14px;
color: #333333;
}
</style>