Skip to content

Z
zhqg-vue
Commit 72b977bd by wangyalan-git
Options

余额审核/会员管理页面添加余额详情

parent 7ab587ee
Showing with 930 additions and 46 deletions
src/views/modules/order/audit.vue
...@@ -24,9 +24,12 @@ ...@@ -24,9 +24,12 @@
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
icon="el-icon-detail"
@click="addOrUpdateHandle(scope.row.id,false)">详情</el-button> @click="addOrUpdateHandle(scope.row.id,false)">详情</el-button>
<el-button <el-button
type="success"
size="small"
@click="viewBalance(scope.row.userId)">余额</el-button>
<el-button
v-if="!scope.row.applyStatus" v-if="!scope.row.applyStatus"
type="primary" type="primary"
size="small" size="small"
...@@ -40,18 +43,21 @@ ...@@ -40,18 +43,21 @@
<add-or-update v-if="addOrUpdateVisible" <add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate" ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update> @refreshDataList="getDataList"></add-or-update>
<view-balance v-if="viewBalanceVisible"
ref="viewBalance"></view-balance>
</div> </div>
</template> </template>
<script> <script>
import { tableOption } from '@/crud/order/audit' import { tableOption } from '@/crud/order/audit'
import AddOrUpdate from './audit-add-or-update' import AddOrUpdate from './audit-add-or-update'
import ViewBalance from '../user/view-balance'
export default { export default {
data () { data () {
return { return {
dataForm: { dataForm: {
}, },
viewBalanceVisible: false,
dataList: [], dataList: [],
page: { page: {
total: 0, // 总页数 total: 0, // 总页数
...@@ -65,7 +71,8 @@ export default { ...@@ -65,7 +71,8 @@ export default {
} }
}, },
components: { components: {
AddOrUpdate AddOrUpdate,
ViewBalance
}, },
filters:{ filters:{
filterStatus(data){ filterStatus(data){
...@@ -149,7 +156,13 @@ export default { ...@@ -149,7 +156,13 @@ export default {
}, },
refreshChange () { refreshChange () {
this.getDataList(this.page) this.getDataList(this.page)
} },
viewBalance(id){
this.viewBalanceVisible = true
this.$nextTick(() => {
this.$refs.viewBalance.init(id)
})
},
} }
} }
</script> </script>
src/views/modules/user/balance-detail.vue 0 → 100644
<template>
<el-dialog append-to-body title="详情" :close-on-click-modal="false" :visible.sync="visible" width="80%">
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px">
<div class="main">
<div class="content">
<div class="order-number">
<div class="num-cont">
<el-row>
<el-col :span="8">
<el-form-item label="标题:">
<span class="text">{{dataForm.title}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额:">
<span class="text">{{dataForm.amount}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="时间:">
<span class="text">{{dataForm.createTime}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="类型:">
<div class="item">
<!-- 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现-->
<span v-if="dataForm.balanceType === 1"
size="small"
type="danger">订单佣金</span>
<span v-else-if="dataForm.balanceType === 2"
size="small"
type="danger">订单收益</span>
<span v-else-if="dataForm.balanceType === 3"
size="small"
type="danger">退单</span>
<span v-else-if="dataForm.balanceType === 4"
size="small"
type="danger">提现金额</span>
<span v-else-if="dataForm.balanceType === 5"
size="small"
type="danger">余额购买</span>
<span v-else-if="dataForm.balanceType === 6"
size="small"
type="danger">订单转让</span>
<span v-else-if="dataForm.balanceType === 7"
size="small"
type="danger">余额审核不通过</span>
<span v-else-if="dataForm.balanceType === 8"
size="small"
type="danger">余额审核提现</span>
<span v-else
size="small"
type="danger"></span>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="状态:">
<div class="item">
<span v-if="dataForm.balanceStatus === 1"
size="small"
type="danger">正常</span>
<span v-else-if="dataForm.balanceStatus === 2"
size="small"
type="danger">冻结</span>
<span v-else
size="small"
type="danger"></span>
</div>
</el-form-item>
</el-col>
</el-row>
<!-- 订单信息-->
<el-row>
<el-col :span="8" v-if="dataForm.orderNumber">
<el-form-item label="订单编号:">
<span class="text">{{dataForm.orderNumber}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.orderIncome">
<el-form-item label="累计收益金额:">
<span class="text">{{dataForm.orderIncome.incomeAmount}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.orderIncome">
<el-form-item label="可提现收益金额:">
<span class="text">{{dataForm.orderIncome.toCashAmmount}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.orderIncome">
<el-form-item label="提现收益金额:">
<span class="text">{{dataForm.orderIncome.cashAmomunt}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.order">
<el-form-item label="订单实付:">
<span class="text">{{dataForm.order.actualTotal}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.orderIncome">
<el-form-item label="现在订单价格:">
<span class="text">{{dataForm.orderIncome.nowOrderAmount}}</span>
</el-form-item>
</el-col>
<el-col :span="8" v-if="dataForm.order">
<el-form-item label="订单状态:">
<!-- 订单状态 -1已取消 1:待付款 2:待发货 3:待收货 4:待评价 5:成功 6:失败 7收益中 8挂单中 9已退单 10完成 11挂单待付款-->
<template slot-scope="scope">
<el-tag v-if="dataForm.order.status === 1" size="small" type="warning">待付款</el-tag>
<el-tag v-if="dataForm.order.status === 2" size="small" type="warning">待发货</el-tag>
<el-tag v-if="dataForm.order.status === 3" size="small" type="warning">待收货</el-tag>
<el-tag v-if="dataForm.order.status === 4" size="small" type="warning">待评价</el-tag>
<el-tag v-if="dataForm.order.status === 5" size="small" type="success">成功</el-tag>
<el-tag v-if="dataForm.order.status === 6" size="small" type="danger">失败</el-tag>
<el-tag v-if="dataForm.order.status === 7" size="small" type="warning">收益中</el-tag>
<el-tag v-if="dataForm.order.status === 8" size="small" type="warning">挂单中</el-tag>
<el-tag v-if="dataForm.order.status === 9" size="small" type="warning">已退单</el-tag>
<el-tag v-if="dataForm.order.status === 10" size="small" type="warning">已完成</el-tag>
<el-tag v-if="dataForm.order.status === 11" size="small" type="warning">挂单待付款</el-tag>
</template>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="order-state">
<div class="state-cont">
<div class="item-list" v-if="dataForm.orderItemList && dataForm.orderItemList.length">
<el-table :data="dataForm.orderItemList" border>
<el-table-column prop="" label="商品">
<template slot-scope="scope">
<img :src="resourcesUrl + scope.row.pic" width="100" height="100"/>
<span>{{scope.row.prodName}}</span>
</template>
</el-table-column>
<el-table-column prop="price" label="单价" width="180" align="center">
<template slot-scope="scope">
<span>{{scope.row.price}}</span>
</template>
</el-table-column>
<el-table-column prop="count" label="数量" width="180" align="center">
<template slot-scope="scope">
<span>{{scope.row.prodCount}}</span>
</template>
</el-table-column>
<el-table-column prop="totalPrice" label="总价" width="180" align="center">
<template slot-scope="scope">
<span>{{scope.row.productTotalAmount}}</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
</div>
</el-form>
</el-dialog>
</template>
<script>
// import AddOrUpdate from './order-addr'
// import DevyAdd from './order-devy'
export default {
data () {
return {
visible: false,
dataForm: {
orderId: 0,
orderNumber: '',
remarks: '',
total: 0,
actualTotal: 0,
dvyType: '',
status: 1,
addrOrderId: 0,
nickName: '',
orderItems: [],
orderTime: '',
updateTime: '',
payTime: '',
dvyTime: '',
finallyTime: '',
cancelTime: '',
userAddrOrder: {}
},
resourcesUrl: window.SITE_CONFIG.resourcesUrl,
addOrUpdateVisible: false,
devyVisible: false
}
},
components: {
// AddOrUpdate,
// DevyAdd
},
watch: {
visible: function () {
if (!this.visible) {
this.devyVisible = false
this.addOrUpdateVisible = false
}
}
},
methods: {
init (item) {
this.visible = true
this.dataForm = item
console.log('item',item)
},
getDataList () {
this.$http({
url: this.$http.adornUrl(`/order/order/orderInfo/${this.dataForm.orderNumber}`),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {
this.dataForm = data
})
},
// 表单提交
dataFormSubmit () {
},
// 发货
changeOrder (orderNumber) {
this.devyVisible = true
this.$nextTick(() => {
this.$refs.devyAdd.init(orderNumber, this.dataForm.dvyId, this.dataForm.dvyFlowId)
})
},
// 修改备注
changeRemarks () {
},
// 修改地址
changeAddr (val) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(val)
})
}
}
}
</script>
<style>
.main {
height: 100%;
width: 100%;
font: 14px Arial, "PingFang SC", "Hiragino Sans GB", STHeiti,
"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
color: #495060;
}
.content {
margin: 0 20px;
}
.content .steps {
margin-top: 50px;
}
.order-number .number-text {
font-weight: bold;
}
.order-number .text {
font-size: 14px;
color: #8a8a8a;
}
.order-state .state-title {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.title-left span {
font-weight: bold;
}
.title-left .text {
color: red;
}
.state-title .title-mid {
display: flex;
align-items: center;
}
.title-mid img {
width: 18px;
height: 18px;
}
.title-mid .mid-text {
color: red;
}
.title-mid .text {
color: #8a8a8a;
}
.content .order-state {
position: relative;
/*margin-top: 50px;*/
/*border-bottom: 1px solid #e9eaec;*/
}
.order-state .order-info {
width: 100%;
border-top: 1px solid #e9eaec;
margin: 50px 0;
display: flex;
}
.order-info img {
width: 18px !important;
height: 18px !important;
margin-right: 15px;
}
.order-info .detail-title {
height: 50px;
line-height: 50px;
display: flex;
align-items: center;
}
.order-info .order-details {
width: 50%;
border-right: 1px solid #e9eaec;
}
.order-info .detail-cont {
position: relative;
}
.detail-cont .detail01 {
display: flex;
height: 100%;
line-height: 25px;
margin-top: 15px;
}
.detail01 .text-width {
width: 100%;
}
.detail02 .text-width {
width: 100%;
}
.detail-cont .revise-addr {
color: #4395ff;
position: absolute;
top: 15px;
right: 0;
display: flex;
align-items: center;
cursor: pointer;
}
.order-info .detail-cont {
border-top: 1px dashed #e9eaec;
margin: 15px 20px 0 0;
}
.order-info .buyers {
width: 50%;
margin-left: 20px;
}
.buyers .buyers-info {
border-top: 1px dashed #e9eaec;
margin-top: 15px;
position: relative;
}
.buyers .detail02 {
display: flex;
height: 100%;
line-height: 25px;
margin-top: 15px;
}
.buyers .revise-remarks {
color: #4395ff;
position: absolute;
top: 15px;
right: 0;
display: flex;
align-items: center;
cursor: pointer;
}
.order-state .item-info {
padding-left: 70%;
margin: 25px 0;
}
.item-info span {
margin-bottom: 15px;
line-height: 30px;
}
.item-info .text {
position: absolute;
right: 0;
}
.item-info .amount {
font-size: 18px;
color: red;
}
.order-log .log-title {
height: 50px;
width: 100%;
line-height: 50px;
font-weight: bold;
border-bottom: 1px dashed #e9eaec;
}
.order-log .log-cont {
margin-top: 15px;
color: #4395ff;
}
</style>
src/views/modules/user/user.vue
<template> <template>
<div class="mod-user"> <div class="mod-user">
<avue-crud ref="crud" <avue-crud ref="crud"
:page="page" :page="page"
:data="dataList" :data="dataList"
:option="tableOption" :option="tableOption"
@search-change="searchChange" @search-change="searchChange"
@selection-change="selectionChange" @selection-change="selectionChange"
@on-load="getDataList"> @on-load="getDataList">
<template slot="menuLeft"> <template slot="menuLeft">
<el-button type="danger" <el-button type="danger"
@click="deleteHandle()" @click="deleteHandle()"
v-if="isAuth('admin:user:delete')" v-if="isAuth('admin:user:delete')"
size="small" size="small"
:disabled="dataListSelections.length <= 0">批量删除</el-button> :disabled="dataListSelections.length <= 0">批量删除</el-button>
</template> </template>
<template slot-scope="scope" <template slot-scope="scope"
slot="status"> slot="status">
<el-tag v-if="scope.row.status === 0" <el-tag v-if="scope.row.status === 0"
size="small" size="small"
type="danger">禁用</el-tag> type="danger">禁用</el-tag>
<el-tag v-else <el-tag v-else
size="small">正常</el-tag> size="small">正常</el-tag>
</template> </template>
<template slot-scope="scope" <template slot-scope="scope"
slot="menu"> slot="menu">
<el-button type="primary" <el-button type="primary"
icon="el-icon-edit" icon="el-icon-edit"
size="small" size="small"
v-if="isAuth('admin:user:update')" v-if="isAuth('admin:user:update')"
@click.stop="addOrUpdateHandle(scope.row.userId)">编辑</el-button> @click.stop="addOrUpdateHandle(scope.row.userId)">编辑</el-button>
<el-button type="primary"
icon="el-icon-user"
size="small"
@click.stop="viewBalance(scope.row.userId)">查看余额</el-button>
<el-button type="danger" <el-button type="danger"
icon="el-icon-delete" icon="el-icon-delete"
size="small" size="small"
v-if="isAuth('admin:user:delete')" v-if="isAuth('admin:user:delete')"
@click.stop="deleteHandle(scope.row.userId)">删除</el-button> @click.stop="deleteHandle(scope.row.userId)">删除</el-button>
</template> </template>
</avue-crud> </avue-crud>
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" <add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate" ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update> @refreshDataList="getDataList"></add-or-update>
</div> <view-balance v-if="viewBalanceVisible"
ref="viewBalance"></view-balance>
</div>
</template> </template>
<script> <script>
import { tableOption } from '@/crud/user/user' import { tableOption } from '@/crud/user/user'
import AddOrUpdate from './user-add-or-update' import AddOrUpdate from './user-add-or-update'
import ViewBalance from './view-balance'
export default { export default {
data () { data () {
return { return {
...@@ -57,6 +64,7 @@ export default { ...@@ -57,6 +64,7 @@ export default {
dataListLoading: false, dataListLoading: false,
dataListSelections: [], dataListSelections: [],
addOrUpdateVisible: false, addOrUpdateVisible: false,
viewBalanceVisible: false,
tableOption: tableOption, tableOption: tableOption,
page: { page: {
total: 0, // 总页数 total: 0, // 总页数
...@@ -66,7 +74,8 @@ export default { ...@@ -66,7 +74,8 @@ export default {
} }
}, },
components: { components: {
AddOrUpdate AddOrUpdate,
ViewBalance
}, },
methods: { methods: {
// 获取数据列表 // 获取数据列表
...@@ -97,6 +106,12 @@ export default { ...@@ -97,6 +106,12 @@ export default {
this.$refs.addOrUpdate.init(id) this.$refs.addOrUpdate.init(id)
}) })
}, },
viewBalance(id){
this.viewBalanceVisible = true
this.$nextTick(() => {
this.$refs.viewBalance.init(id)
})
},
// 删除 // 删除
deleteHandle (id) { deleteHandle (id) {
var ids = id ? [id] : this.dataListSelections.map(item => { var ids = id ? [id] : this.dataListSelections.map(item => {
......
src/views/modules/user/view-balance.vue 0 → 100644
<template>
<el-dialog title="余额明细"
:close-on-click-modal="false"
:visible.sync="visible">
<div class="mod-order-order">
<el-form :inline="true"
:model="dataForm"
@keyup.enter.native="getDataList(this.page)">
<el-form-item>
<!-- <el-date-picker v-model="dateRange"-->
<!-- type="datetimerange"-->
<!-- range-separator="至"-->
<!-- value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期">-->
<!-- </el-date-picker>-->
</el-form-item>
<el-form-item>
<template>
<el-select v-model="dataForm.balanceType"
clearable
placeholder="请选择余额类型">
<el-option v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model="dataForm.balanceStatus"
clearable
placeholder="请选择余额状态">
<el-option v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-form-item>
<el-form-item>
<el-button type="primary"
icon="el-icon-search"
size="small"
@click="getDataList()">查询</el-button>
</el-form-item>
</el-form>
<div class="main">
<div class="content">
<div class="tit">
<el-row class="table-title" style="width:100%">
<el-col :span="5"><span class="item">金额</span></el-col>
<el-col :span="5"><span class="item">余额类型</span></el-col>
<el-col :span="5"><span class="item">余额状态</span></el-col>
<el-col :span="5"><span class="item">时间</span></el-col>
<el-col :span="4"><span class="item">操作</span></el-col>
</el-row>
</div>
<div class="prod"
v-for="order in dataList"
:key="order.orderId">
<div class="prod-cont">
<el-row style="width:100%">
<el-col :span="5"
style="height: 100%;">
<div class="item">
<div>
<span class="totalprice">￥{{order.amount}}</span>
</div>
</div>
</el-col>
<el-col :span="5"
style="height: 100%;">
<div class="item">
<!-- 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现-->
<span v-if="order.balanceType === 1"
size="small"
type="danger">订单佣金</span>
<span v-else-if="order.balanceType === 2"
size="small"
type="danger">订单收益</span>
<span v-else-if="order.balanceType === 3"
size="small"
type="danger">退单</span>
<span v-else-if="order.balanceType === 4"
size="small"
type="danger">提现金额</span>
<span v-else-if="order.balanceType === 5"
size="small"
type="danger">余额购买</span>
<span v-else-if="order.balanceType === 6"
size="small"
type="danger">订单转让</span>
<span v-else-if="order.balanceType === 7"
size="small"
type="danger">余额审核不通过</span>
<span v-else-if="order.balanceType === 8"
size="small"
type="danger">余额审核提现</span>
<span v-else
size="small"
type="danger"></span>
</div>
</el-col>
<!-- <余额状态 1正常 2冻结-->
<el-col :span="5"
style="height: 100%;">
<div class="item">
<span v-if="order.balanceStatus === 1"
size="small"
type="danger">正常</span>
<span v-else-if="order.balanceStatus === 2"
size="small"
type="danger">冻结</span>
<span v-else
size="small"
type="danger"></span>
</div>
</el-col>
<el-col :span="5"
style="height: 100%;">
<div class="item">
<span
size="small"
type="danger">{{order.createTime}}</span>
</div>
</el-col>
<el-col :span="4"
style="height: 100%;">
<div class="item">
<div class="operate">
<!-- <button onclick="">打印订单</button><br> -->
<el-button v-if="isAuth('order:order:update')"
type="text"
size="small"
@click="addOrUpdateHandle(order)">详情</el-button>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
<div class="no-result" v-if="!(dataList && dataList.length)">
暂无数据
</div>
</div>
</div>
<el-pagination style="padding: 20px 5px" @size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="page.pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="page.pageSize"
:total="page.total"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
</div>
<span slot="footer"
class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary"
@click="visible = false">确定</el-button>
</span>
</el-dialog>
</template>
<script>
import AddOrUpdate from './balance-detail'
export default {
data () {
return {
userId: '',
visible: false,
dataForm: {},
dateRange: [],
statusOptions: [
{
value: 1,
label:'正常'
},
{
value: 2,
label:'冻结'
}],
// 余额类型 1订单佣金 2订单收益 3退单 4提现5余额购买6订单转让7余额审核不通过8余额审核提现
options: [
{
value: 1,
label: '订单佣金'
},
{
value: 2,
label: '订单收益'
},
{
value: 3,
label: '退单'
},
{
value: 4,
label: '提现'
},
{
value: 5,
label: '余额购买'
},
{
value: 6,
label: '订单转让'
},
{
value: 7,
label: '余额审核不通过'
}, {
value: 8,
label: '余额审核提现'
}],
resourcesUrl: window.SITE_CONFIG.resourcesUrl,
dataList: [],
page: {
total: 0, // 总页数
currentPage: 1, // 当前页数
pageSize: 10 // 每页显示多少条
},
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
consignmentInfoVisible: false,
dataRule: {
nickName: [
{ required: true, message: '用户名不能为空', trigger: 'blur' }
]
}
}
},
components: {
AddOrUpdate
},
methods: {
init (id) {
this.userId = id
this.visible = true
this.getDataList(this.page,{userId: this.userId})
},
// 获取数据列表
getDataList (page, params) {
page = (page === undefined ? this.page : page)
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/balanceRecord/getBalanceRecordList'),
method: 'get',
params: this.$http.adornParams(
Object.assign(
{
current: page == null ? this.page.currentPage : page.currentPage,
size: page == null ? this.page.pageSize : page.pageSize,
'userId': this.userId,
'balanceStatus': this.dataForm.balanceStatus,
'balanceType': this.dataForm.balanceType
// 'startTime': this.dateRange === null ? null : this.dateRange[0], // 开始时间
// 'endTime': this.dateRange === null ? null : this.dateRange[1] // 结束时间
},
params
), false
)
}).then(({ data }) => {
this.dataList = data.records
this.page.total = data.total
this.dataListLoading = false
})
},
// 每页数
sizeChangeHandle (val) {
this.page.pageSize = val
this.page.currentPage = 1
this.getDataList(this.page)
},
// 当前页
currentChangeHandle (val) {
this.page.currentPage = val
this.getDataList(this.page)
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
addOrUpdateHandle(item){
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(item)
})
}
}
}
</script>
<style lang="scss">
.mod-order-order {
.tit {
display: flex;
height: 45px;
align-items: center;
}
.tit .table-title>div{
text-align: center;
}
.tit .item {
padding: 0 10px;
width: 10%;
text-align: center;
}
.tit .product {
width: 25%;
}
.prod-tit {
padding: 10px;
background: #f8f8f9;
border-left: 1px solid #dddee1;
border-top: 1px solid #dddee1;
border-right: 1px solid #dddee1;
}
.prod-tit span {
margin-right: 15px;
}
.prod-cont {
display: flex;
border-top: 1px solid #dddee1;
border-bottom: 1px solid #dddee1;
border-left: 1px solid #dddee1;
color: #495060;
}
.prod-cont .item {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
padding: 10px;
// width: 10%;
border-right: 1px solid #dddee1;
text-align: center;
height: 100%;
}
.prod-cont .item span {
display: block;
}
.prod-cont .prod-item {
// width: 38%;
display: flex;
flex-direction: column;
border-right: 1px solid #dddee1;
}
.prod-name {
width: 55%;
text-align: left;
}
.prod-price {
position: absolute;
right: 40px;
text-align: center;
}
.prod-price span {
display: block;
margin-bottom: 10px;
}
.prod-name .prod-info {
display: block;
color: #80848f;
margin-top: 30px;
}
.prod-cont .items.name {
display: flex;
position: relative;
padding: 20px;
// height: 100px;
border-bottom: 1px solid #dddee1;
}
.prod-cont .items.name:last-child {
border-bottom: none;
}
.prod-image {
margin-right: 20px;
width: 100px;
height: 100px;
}
.prod-image img {
width: 100px;
height: 100px;
}
.item span {
display: block;
margin-bottom: 10px;
}
.item .operate {
color: #2d8cf0;
}
.item .totalprice {
color: #c00;
}
.prod .remark {
width: 100%;
height: 50px;
line-height: 50px;
background-color: #e8f7f6;
border-left: 1px solid #dddee1;
border-right: 1px solid #dddee1;
border-bottom: 1px solid #dddee1;
margin-bottom: 20px;
}
.buyer-remark {
padding: 0 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.no-result{
margin: 50px auto;
width: 100%;
text-align: center;
color: #999;
}
</style>
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