|
@ -553,52 +553,52 @@ onMounted(async function () { |
|
|
<div class="right"> |
|
|
<div class="right"> |
|
|
<!-- 客户信息栏 --> |
|
|
<!-- 客户信息栏 --> |
|
|
<el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info"> |
|
|
<el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info"> |
|
|
<el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left"> |
|
|
|
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第一行:姓名 + 历史金币 --> |
|
|
|
|
|
<el-row style="margin-top: 20px"> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="姓名"> |
|
|
|
|
|
<p>{{ user.name }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="14"> |
|
|
|
|
|
<el-form-item label="当前金币总数" style="width: 500px"> |
|
|
|
|
|
<span style="color: #2fa1ff; margin-right: 5px" v-if="user.nowSumGold !== undefined">{{ |
|
|
|
|
|
user.nowSumGold |
|
|
|
|
|
}}</span> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<!-- 金币详情独立显示 --> |
|
|
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
|
|
|
user.nowPermanentGold |
|
|
|
|
|
}}; |
|
|
|
|
|
免费金币:{{ user.nowFreeGold }}; |
|
|
|
|
|
任务金币:{{ user.nowTaskGold }})</span> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第二行:精网号 + 当前金币(独立行) --> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="精网号"> |
|
|
|
|
|
<p>{{ user.jwcode }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="14"> |
|
|
|
|
|
<el-form-item label="消费次数"> |
|
|
|
|
|
<p style="color: #2fa1ff">{{ user.consumeNum }} </p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
|
|
<p style="font-size: small; color: #b1b1b1">(仅统计2025-01-01后的数据)</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第三行:首次充值日期 + 充值次数 --> |
|
|
|
|
|
<!-- <el-row > |
|
|
|
|
|
|
|
|
<el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left"> |
|
|
|
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第一行:姓名 + 历史金币 --> |
|
|
|
|
|
<el-row style="margin-top: 20px"> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="姓名"> |
|
|
|
|
|
<p>{{ user.name }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="14"> |
|
|
|
|
|
<el-form-item label="当前金币总数" style="width: 500px"> |
|
|
|
|
|
<span style="color: #2fa1ff; margin-right: 5px" v-if="user.nowSumGold !== undefined">{{ |
|
|
|
|
|
user.nowSumGold |
|
|
|
|
|
}}</span> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<!-- 金币详情独立显示 --> |
|
|
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
|
|
|
user.nowPermanentGold |
|
|
|
|
|
}}; |
|
|
|
|
|
免费金币:{{ user.nowFreeGold }}; |
|
|
|
|
|
任务金币:{{ user.nowTaskGold }})</span> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第二行:精网号 + 当前金币(独立行) --> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="精网号"> |
|
|
|
|
|
<p>{{ user.jwcode }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="14"> |
|
|
|
|
|
<el-form-item label="消费次数"> |
|
|
|
|
|
<p style="color: #2fa1ff">{{ user.consumeNum }} </p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
|
|
<p style="font-size: small; color: #b1b1b1">(仅统计2025-01-01后的数据)</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 第三行:首次充值日期 + 充值次数 --> |
|
|
|
|
|
<!-- <el-row > |
|
|
<el-col :span="9"> |
|
|
<el-col :span="9"> |
|
|
<el-form-item label="首次充值日期"> |
|
|
<el-form-item label="首次充值日期"> |
|
|
<p v-if="user.firstRecharge"> |
|
|
<p v-if="user.firstRecharge"> |
|
@ -609,16 +609,16 @@ onMounted(async function () { |
|
|
|
|
|
|
|
|
</el-row> --> |
|
|
</el-row> --> |
|
|
|
|
|
|
|
|
<!-- 第四行:消费次数 + 所属门店 --> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="所属门店"> |
|
|
|
|
|
<p>{{ user.market }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
<!-- 第四行:消费次数 + 所属门店 --> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col :span="9"> |
|
|
|
|
|
<el-form-item label="所属门店"> |
|
|
|
|
|
<p>{{ user.market }}</p> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
</el-card> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
@ -655,7 +655,7 @@ p { |
|
|
.customer-info { |
|
|
.customer-info { |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
margin-left: 20px; |
|
|
|
|
|
|
|
|
margin-left: 20px; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding: 0 10px; |
|
|
padding: 0 10px; |
|
|