759 lines
21 KiB
Vue
759 lines
21 KiB
Vue
<template>
|
||
<div class="search">
|
||
<Row>
|
||
<Col>
|
||
<Card>
|
||
<div class="main-content">
|
||
<div class="div-flow-left">
|
||
<div class="div-form-default">
|
||
<h3>退货申请</h3>
|
||
<dl>
|
||
<dt>退货状态</dt>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='APPLY'">申请退货</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='PASS'">申请通过</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='REFUSE'">申请拒绝</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='BUYER_RETURN'">买家退货，待卖家收货</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='SELLER_RE_DELIVERY'">商家换货</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='SELLER_CONFIRM'">卖家确认收货</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='SELLER_TERMINATION'">卖家终止售后</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='BUYER_CONFIRM'">买家确认收货</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='BUYER_CANCEL'">买家取消售后</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='WAIT_REFUND'">等待平台退款</dd>
|
||
<dd v-if="afterSaleInfo.serviceStatus =='COMPLETE'">已完成</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>退货退款编号</dt>
|
||
<dd>{{afterSaleInfo.sn}}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>退货退款原因</dt>
|
||
<dd>{{afterSaleInfo.reason}}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>申请退款金额</dt>
|
||
<dd>￥{{afterSaleInfo.applyRefundPrice | unitPrice}}</dd>
|
||
</dl>
|
||
<dl v-if="afterSaleInfo.actualRefundPrice">
|
||
<dt>实际退款金额</dt>
|
||
<dd>{{afterSaleInfo.actualRefundPrice}}</dd>
|
||
</dl>
|
||
<dl v-if="afterSaleInfo.refundPoint">
|
||
<dt>退还积分</dt>
|
||
<dd>{{afterSaleInfo.refundPoint}}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>退货数量</dt>
|
||
<dd>{{afterSaleInfo.num}}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>问题描述</dt>
|
||
<dd>{{afterSaleInfo.problemDesc}}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>凭证</dt>
|
||
<dd v-if="afterSaleImage == ''">
|
||
暂无凭证
|
||
</dd>
|
||
<dd v-else>
|
||
<div class="div-img" v-for="(item, index) in afterSaleImage">
|
||
<img class="complain-img" :src=item>
|
||
</div>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
|
||
<div class="div-form-default" v-if="afterSaleInfo.serviceStatus=='APPLY'">
|
||
<h3>处理意见</h3>
|
||
<dl>
|
||
<dt>商家</dt>
|
||
<dd>
|
||
<div class="div-content">
|
||
{{afterSaleInfo.storeName}}
|
||
</div>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>是否同意</dt>
|
||
<dd>
|
||
<div class="div-content">
|
||
<RadioGroup type="button" button-style="solid" v-model="params.serviceStatus">
|
||
<Radio label="PASS">
|
||
<span>同意</span>
|
||
</Radio>
|
||
<Radio label="REFUSE">
|
||
<span>拒绝</span>
|
||
</Radio>
|
||
</RadioGroup>
|
||
</div>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>申请退款金额</dt>
|
||
<dd>{{ afterSaleInfo.applyRefundPrice | unitPrice('￥') }}</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>实际退款金额</dt>
|
||
<dd>
|
||
<Input v-model="params.actualRefundPrice" style="width:260px"/>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>备注信息</dt>
|
||
<dd>
|
||
<Input v-model="params.remark" type="textarea" maxlength="200" :rows="4" clearable style="width:260px" />
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dd>
|
||
<div style="text-align: right;width: 45%;margin-top: 10px">
|
||
<Button type="primary" :loading="submitLoading" @click="handleSubmit" style="margin-left: 5px">
|
||
确定
|
||
</Button>
|
||
</div>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="div-form-default" v-if="afterSaleInfo.serviceStatus !='APPLY'">
|
||
<h3>商家处理</h3>
|
||
<dl>
|
||
<dt>商家</dt>
|
||
<dd>
|
||
<div class="div-content">
|
||
{{afterSaleInfo.storeName}}
|
||
</div>
|
||
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>审核结果</dt>
|
||
<dd>
|
||
<div class="div-content">
|
||
<span v-if="params.serviceStatus=='PASS'">
|
||
审核通过
|
||
</span>
|
||
<span v-else>
|
||
审核拒绝
|
||
</span>
|
||
</div>
|
||
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>备注信息</dt>
|
||
<dd>
|
||
{{afterSaleInfo.auditRemark}}
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
<div class="div-flow-center">
|
||
|
||
</div>
|
||
<div class="div-flow-right">
|
||
<div class="div-form-default">
|
||
<h3>相关商品交易信息</h3>
|
||
<dl>
|
||
<dt>
|
||
<img :src="afterSaleInfo.goodsImage" height="60px">
|
||
</dt>
|
||
<dd>
|
||
<a>{{afterSaleInfo.goodsName}}</a><br>
|
||
<span>{{afterSaleInfo.num}}(数量)</span><br>
|
||
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
<div class="div-form-default">
|
||
<h3>订单相关信息</h3>
|
||
<dl>
|
||
<dt>
|
||
订单编号
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.orderSn}}
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
<!--"-->
|
||
<div class="div-form-default" v-if="afterSaleInfo.afterSaleAllowOperationVO && afterSaleInfo.afterSaleAllowOperationVO.refund">
|
||
<h3>平台退款</h3>
|
||
|
||
<dl>
|
||
<dt>备注信息</dt>
|
||
<dd>
|
||
<Input v-model="refundPriceForm.remark" type="textarea" maxlength="200" :rows="4" clearable style="width:260px" />
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>操作</dt>
|
||
<dd>
|
||
<Button type="primary" :loading="submitLoading" @click="refundPriceSubmit" style="margin-left: 5px">
|
||
退款
|
||
</Button>
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
<div class="div-form-default" v-if="afterSaleInfo.serviceStatus =='BUYER_RETURN'">
|
||
<h3>物流信息</h3>
|
||
<dl>
|
||
<dt>
|
||
收货人
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.sconsigneeName}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
收货人手机
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.sconsigneeMobile}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
收货地址
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.sconsigneeAddressPath}} {{afterSaleInfo.sconsigneeDetail}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
物流公司
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.slogisticsNo}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
物流单号
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.slogisticsCode}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>操作</dt>
|
||
<dd>
|
||
<Button type="primary" :loading="submitLoading" @click="sellerConfirmSubmit" style="margin-left: 5px">
|
||
确认收货
|
||
</Button>
|
||
<Button type="primary" :loading="submitLoading" @click="logisticsSeller()" style="margin-left: 5px">
|
||
查询物流
|
||
</Button>
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
<div class="div-form-default" v-if="afterSaleInfo.serviceStatus =='PASS' && afterSaleInfo.serviceType == 'EXCHANGE_GOODS'">
|
||
<h3>换货</h3>
|
||
<dl>
|
||
<dt>
|
||
换货
|
||
</dt>
|
||
<dd>
|
||
<Button type="primary" :loading="submitLoading" @click="exchangeGoods" style="margin-left: 5px">
|
||
换货
|
||
</Button>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="div-form-default" v-if="afterSaleInfo.serviceStatus =='SELLER_RE_DELIVERY'">
|
||
<h3>物流信息</h3>
|
||
<dl>
|
||
<dt>
|
||
收货人
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.mconsigneeName}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
收货人手机
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.mconsigneeMobile}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
收货地址
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.mconsigneeAddressPath}} {{afterSaleInfo.mconsigneeDetail}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
物流公司
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.mlogisticsName}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>
|
||
物流单号
|
||
</dt>
|
||
<dd>
|
||
{{afterSaleInfo.mlogisticsNo}}
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>操作</dt>
|
||
<dd>
|
||
<Button type="primary" :loading="submitLoading" @click="logisticsBuyer()" style="margin-left: 5px">
|
||
查询物流
|
||
</Button>
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</Card>
|
||
</Col>
|
||
</Row>
|
||
<!-- 订单发货 -->
|
||
<Modal v-model="modalVisible" width="500px">
|
||
<p slot="header">
|
||
<span>订单发货</span>
|
||
</p>
|
||
<div>
|
||
<Form ref="form" :model="form" :label-width="90" :rules="formValidate" style="position:relative">
|
||
<FormItem label="物流公司" prop="logisticsId">
|
||
<Select v-model="form.logisticsId" placeholder="请选择" style="width:250px">
|
||
<Option v-for="(item, i) in checkedLogistics" :key="i" :value="item.id">{{item.name}}
|
||
</Option>
|
||
</Select>
|
||
</FormItem>
|
||
<FormItem label="物流单号" prop="logisticsNo">
|
||
<Input v-model="form.logisticsNo" style="width:250px" />
|
||
</FormItem>
|
||
</Form>
|
||
|
||
</div>
|
||
|
||
<div slot="footer" style="text-align: right">
|
||
<Button size="large" @click="orderDeliverCancel">取消</Button>
|
||
<Button type="success" size="large" @click="orderDeliverySubmit">发货</Button>
|
||
|
||
</div>
|
||
</Modal>
|
||
<!-- 查询物流 -->
|
||
<Modal v-model="logisticsModal" width="40">
|
||
<p slot="header">
|
||
<span>查询物流</span>
|
||
</p>
|
||
<div class="layui-layer-wrap">
|
||
<dl>
|
||
<dt>售后单号：</dt>
|
||
<dd>
|
||
<div class="text-box">{{sn}}</div>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>物流公司：</dt>
|
||
<dd>
|
||
<div class="text-box">{{logisticsInfo.shipper}}</div>
|
||
</dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>快递单号：</dt>
|
||
<dd>
|
||
<div nctype="ordersSn" class="text-box">{{logisticsInfo.logisticCode}}</div>
|
||
</dd>
|
||
</dl>
|
||
<div class="div-express-log">
|
||
<ul class="express-log">
|
||
<li v-for="(item,index) in logisticsInfo.traces">
|
||
<span class="time">{{item.AcceptTime}}</span>
|
||
<span class="detail">{{item.AcceptStation}}</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div slot="footer" style="text-align: right">
|
||
<Button @click="logisticsClose">取消</Button>
|
||
</div>
|
||
</Modal>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import * as API_Order from "@/api/order";
|
||
import uploadPicThumb from "@/views/my-components/lili/upload-pic-thumb";
|
||
|
||
export default {
|
||
name: "orderComplaint",
|
||
components: {
|
||
uploadPicThumb,
|
||
},
|
||
data() {
|
||
return {
|
||
sn: "", // 订单号
|
||
logisticsModal: false, //查询物流模态框
|
||
logisticsInfo: {}, //物流信息
|
||
form: {
|
||
logisticsNo: "",
|
||
logisticsId: "",
|
||
}, //换货发货form
|
||
formValidate: {
|
||
logisticsNo: [
|
||
{ required: true, message: "发货单号不能为空", trigger: "change" },
|
||
],
|
||
logisticsId: [
|
||
{ required: true, message: "请选择物流公司", trigger: "blur" },
|
||
],
|
||
},
|
||
modalVisible: false, // 添加或编辑显示
|
||
afterSaleInfo: {}, // 售后信息
|
||
afterSaleImage: [], //会员申诉图片
|
||
appealImages: [], //商家申诉的图片
|
||
submitLoading: false, // 添加或编辑提交状态
|
||
checkedLogistics: [], //选中的物流公司集合
|
||
//商家处理意见
|
||
params: {
|
||
serviceStatus: "PASS",
|
||
remark: "",
|
||
},
|
||
//平台退款
|
||
refundPriceForm: {
|
||
remark: "",
|
||
},
|
||
};
|
||
},
|
||
watch: {
|
||
$route(to, from) {},
|
||
},
|
||
methods: {
|
||
getDetail() {
|
||
this.loading = true;
|
||
API_Order.getAfterSaleOrderDetail(this.sn).then((res) => {
|
||
this.loading = false;
|
||
if (res.success) {
|
||
this.afterSaleInfo = res.result;
|
||
this.afterSaleImage = (res.result.afterSaleImage || "").split(",");
|
||
//退货地址去掉逗号
|
||
if (this.afterSaleInfo.mconsigneeAddressPath)
|
||
this.afterSaleInfo.mconsigneeAddressPath = this.afterSaleInfo.mconsigneeAddressPath.replaceAll(","," ");
|
||
|
||
this.$set(this.params,'actualRefundPrice', this.afterSaleInfo.applyRefundPrice)
|
||
}
|
||
});
|
||
},
|
||
//换货弹出框
|
||
exchangeGoods() {
|
||
API_Order.getLogisticsChecked().then((res) => {
|
||
if (res.success) {
|
||
this.checkedLogistics = res.result;
|
||
this.modalVisible = true;
|
||
}
|
||
});
|
||
},
|
||
orderDeliverCancel() {
|
||
this.modalVisible = false;
|
||
},
|
||
//商家确认收货
|
||
sellerConfirmSubmit() {
|
||
this.$Modal.confirm({
|
||
title: "确认收货",
|
||
content: "请确认已经收到退货货物？",
|
||
loading: true,
|
||
onOk: () => {
|
||
API_Order.afterSaleSellerConfirm(this.sn, this.params).then((res) => {
|
||
this.$Modal.remove();
|
||
if (res.success) {
|
||
this.$Message.success("收货成功");
|
||
this.getDetail();
|
||
}
|
||
});
|
||
},
|
||
});
|
||
},
|
||
//平台退款
|
||
refundPriceSubmit() {
|
||
if (this.refundPriceForm.remark == "") {
|
||
this.$Message.error("请输入退款备注");
|
||
return;
|
||
}
|
||
this.$Modal.confirm({
|
||
title: "确认退款",
|
||
content: "请确认退款？",
|
||
loading: true,
|
||
onOk: () => {
|
||
API_Order.refundPrice(this.sn, this.refundPriceForm).then((res) => {
|
||
this.$Modal.remove();
|
||
if (res.success) {
|
||
this.$Message.success("收款成功");
|
||
this.getDetail();
|
||
}
|
||
});
|
||
},
|
||
});
|
||
},
|
||
//查询物流
|
||
logisticsSeller() {
|
||
this.logisticsModal = true;
|
||
API_Order.getSellerDeliveryTraces(this.sn).then((res) => {
|
||
if (res.success && res.result != null) {
|
||
this.logisticsInfo = res.result;
|
||
}
|
||
});
|
||
},
|
||
//查询物流
|
||
logisticsBuyer() {
|
||
this.logisticsModal = true;
|
||
API_Order.getAfterSaleTraces(this.sn).then((res) => {
|
||
if (res.success && res.result != null) {
|
||
this.logisticsInfo = res.result;
|
||
}
|
||
});
|
||
},
|
||
//关闭物流弹出框
|
||
logisticsClose() {
|
||
this.logisticsModal = false;
|
||
},
|
||
|
||
//换货发货
|
||
orderDeliverySubmit() {
|
||
this.$refs.form.validate((valid) => {
|
||
if (valid) {
|
||
API_Order.afterSaleSellerDelivery(this.sn, this.form).then((res) => {
|
||
if (res.success) {
|
||
this.$Message.success("订单发货成功");
|
||
this.modalVisible = false;
|
||
this.getDataDetail();
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
//回复
|
||
handleSubmit() {
|
||
if (this.params.remark == "") {
|
||
this.$Message.error("请输入备注信息");
|
||
return;
|
||
}
|
||
if (this.params.actualRefundPrice == "") {
|
||
this.$Message.error("请输入退款金额");
|
||
return;
|
||
}
|
||
API_Order.afterSaleSellerReview(this.sn, this.params).then((res) => {
|
||
this.submitLoading = false;
|
||
if (res.success) {
|
||
this.$Message.success("审核成功");
|
||
this.params.remark = "";
|
||
this.getDetail();
|
||
}
|
||
});
|
||
},
|
||
},
|
||
|
||
mounted() {
|
||
this.sn = this.$route.query.sn;
|
||
this.getDetail();
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss" >
|
||
.ivu-col {
|
||
width: 100% !important;
|
||
}
|
||
.main-content {
|
||
min-height: 600px;
|
||
padding: 10px;
|
||
}
|
||
|
||
.div-flow-left {
|
||
width: 49%;
|
||
letter-spacing: normal;
|
||
display: inline-block;
|
||
border-right: solid #f5f5f5 1px;
|
||
|
||
.div-form-default {
|
||
width: 97%;
|
||
|
||
h3 {
|
||
font-weight: 600;
|
||
line-height: 22px;
|
||
background-color: #f5f5f5;
|
||
padding: 6px 0 6px 12px;
|
||
border-bottom: solid 1px #e7e7e7;
|
||
}
|
||
|
||
dl {
|
||
font-size: 0;
|
||
line-height: 30px;
|
||
clear: both;
|
||
padding: 0;
|
||
margin: 0;
|
||
border-bottom: dotted 1px #e6e6e6;
|
||
overflow: hidden;
|
||
|
||
dt {
|
||
display: inline-block;
|
||
width: 13%;
|
||
vertical-align: top;
|
||
text-align: right;
|
||
padding: 15px 1% 15px 0;
|
||
margin: 0;
|
||
font-size: 12px;
|
||
}
|
||
|
||
dd {
|
||
display: inline-block;
|
||
width: 84%;
|
||
padding: 15px 0 15px 1%;
|
||
margin: 0;
|
||
border-left: 1px solid #f0f0f0;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
dl dt {
|
||
width: 100px;
|
||
text-align: right;
|
||
}
|
||
|
||
.div-express-log {
|
||
max-height: 300px;
|
||
border: solid 1px #e7e7e7;
|
||
background: #fafafa;
|
||
overflow-y: auto;
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.express-log {
|
||
margin-right: -10px;
|
||
margin: 5px;
|
||
padding: 10px;
|
||
list-style-type: none;
|
||
|
||
.time {
|
||
width: 30%;
|
||
display: inline-block;
|
||
float: left;
|
||
}
|
||
|
||
.detail {
|
||
width: 60%;
|
||
margin-left: 30px;
|
||
display: inline-block;
|
||
}
|
||
|
||
li {
|
||
line-height: 30px;
|
||
}
|
||
}
|
||
|
||
.layui-layer-wrap {
|
||
dl {
|
||
border-top: solid 1px #f5f5f5;
|
||
margin-top: -1px;
|
||
overflow: hidden;
|
||
|
||
dt {
|
||
font-size: 14px;
|
||
line-height: 28px;
|
||
display: inline-block;
|
||
padding: 8px 1% 8px 0;
|
||
color: #999;
|
||
}
|
||
|
||
dd {
|
||
font-size: 14px;
|
||
line-height: 28px;
|
||
display: inline-block;
|
||
padding: 8px 0 8px 8px;
|
||
border-left: solid 1px #f5f5f5;
|
||
|
||
.text-box {
|
||
line-height: 40px;
|
||
color: #333;
|
||
word-break: break-all;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.div-img {
|
||
width: 130px;
|
||
height: 130px;
|
||
text-align: center;
|
||
float: left;
|
||
}
|
||
|
||
.div-flow-center {
|
||
width: 2%;
|
||
display: inline-block;
|
||
}
|
||
|
||
.div-flow-right {
|
||
width: 49%;
|
||
vertical-align: top;
|
||
word-spacing: normal;
|
||
display: inline-block;
|
||
|
||
.div-form-default {
|
||
width: 97%;
|
||
|
||
h3 {
|
||
font-weight: 600;
|
||
line-height: 22px;
|
||
background-color: #f5f5f5;
|
||
padding: 6px 0 6px 12px;
|
||
border-bottom: solid 1px #e7e7e7;
|
||
}
|
||
|
||
dl {
|
||
font-size: 0;
|
||
line-height: 30px;
|
||
clear: both;
|
||
padding: 0;
|
||
margin: 0;
|
||
border-bottom: dotted 1px #e6e6e6;
|
||
overflow: hidden;
|
||
|
||
dt {
|
||
display: inline-block;
|
||
width: 13%;
|
||
vertical-align: top;
|
||
text-align: right;
|
||
padding: 15px 1% 15px 0;
|
||
margin: 0;
|
||
font-size: 12px;
|
||
}
|
||
|
||
dd {
|
||
display: inline-block;
|
||
width: 84%;
|
||
padding: 15px 0 15px 1%;
|
||
margin: 0;
|
||
border-left: 1px solid #f0f0f0;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.complain-img {
|
||
width: 120px;
|
||
height: 120px;
|
||
text-align: center;
|
||
}
|
||
</style>
|