审核图标 和归属地手机号

master
fanfan 5 months ago
parent 057fab70a0
commit fc31d6bc94
  1. BIN
      src/assets/img/shenhe.png
  2. 17
      src/components/Table/GoodsItem/GoodsItem.vue
  3. 13
      src/components/Table/UserItem/UserItem.vue
  4. 7
      src/views/order/Index.vue

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -9,6 +9,7 @@
<a-tooltip placement="topLeft" :title="dataObj.title"> <a-tooltip placement="topLeft" :title="dataObj.title">
<p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p></a-tooltip <p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p></a-tooltip
> >
<span class="shen" v-if="dataObj.isCheck==1"> <img src="~@/assets/img/shenhe.png" /></span>
<!-- 副标题 --> <!-- 副标题 -->
<p v-if="isEmpty(dataObj.goodsProps)" class="subtitle" :class="{ 'c-p': subTitleColor }"> <p v-if="isEmpty(dataObj.goodsProps)" class="subtitle" :class="{ 'c-p': subTitleColor }">
<a-tooltip placement="topLeft" :title="dataObj.subtitle"> {{ dataObj.subtitle }}</a-tooltip> <a-tooltip placement="topLeft" :title="dataObj.subtitle"> {{ dataObj.subtitle }}</a-tooltip>
@ -37,6 +38,7 @@ export default {
data: PropTypes.object.def({}), data: PropTypes.object.def({}),
// //
subTitleColor: PropTypes.bool.def(false), subTitleColor: PropTypes.bool.def(false),
source: PropTypes.any.def(0),
}, },
computed: { computed: {
dataObj() { dataObj() {
@ -48,6 +50,7 @@ export default {
subtitle: '', subtitle: '',
goodsProps: [], goodsProps: [],
titleWidth: 200, titleWidth: 200,
isCheck:''
}, },
this.$props.data this.$props.data
) )
@ -64,6 +67,20 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@size: 60px; @size: 60px;
.shen {
width: 22px;
height: 22px;
border-radius: 50%;
background: red;
text-align: center;
line-height: 22px;
img {
width: 15px;
height: 15px;
line-height: 25px;
margin-top: -3px;
}
}
.goods-info { .goods-info {
width: 270px; width: 270px;
line-height: 1.3; line-height: 1.3;

@ -12,8 +12,11 @@
</a-tooltip> </a-tooltip>
</div> </div>
<div class="in-right flex flex-dir-column flex-x-center"> <div class="in-right flex flex-dir-column flex-x-center">
<p class="user-name oneline-hide">{{ user.nick_name }}</p> <p class="user-name oneline-hide"> {{ user.nick_name }}</p>
<p class="user-platform"> <p class="user-name oneline-hide">手机号{{ user.mobile }}</p>
<p class="user-name oneline-hide">归属地{{ JSON.parse(user.homelocation).prov }} {{ JSON.parse(user.homelocation).city }}</p>
<p class="user-platform">
<platform-icon :name="user.platform" :showTips="true" /> <platform-icon :name="user.platform" :showTips="true" />
</p> </p>
</div> </div>
@ -48,7 +51,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
// //
.user-info { .user-info {
width: 160px; width: 180px;
height: 40px; height: 40px;
line-height: 1.3; line-height: 1.3;
@ -65,8 +68,8 @@ export default {
.in-right { .in-right {
float: left; float: left;
width: 100px; // width: 100px;
height: 100%; // height: 100%;
.user-name { .user-name {
margin-bottom: 2px; margin-bottom: 2px;

@ -98,6 +98,8 @@
imageAlt: '商品图片', imageAlt: '商品图片',
title: goodsItm.goods_name, title: goodsItm.goods_name,
goodsProps: goodsItm.goods_props, goodsProps: goodsItm.goods_props,
isCheck: goodsItm.is_check,
source:1
}" }"
/> />
</td> </td>
@ -278,6 +280,11 @@ const columns = [
title: '买家', title: '买家',
dataIndex: 'user', dataIndex: 'user',
scopedSlots: { customRender: 'user' } scopedSlots: { customRender: 'user' }
},
{
title: '归属地',
dataIndex: 'user',
scopedSlots: { customRender: 'user' }
}, },
{ {
title: '支付方式', title: '支付方式',

Loading…
Cancel
Save