|
|
@ -206,8 +206,10 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, { |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="userAndform"> |
|
|
|
<div class="left"> |
|
|
|
<el-form :model="consumeForm" :rules="rules" ref="formRef" label-width="auto" style="max-width: 600px" |
|
|
|
class="consume-form"> |
|
|
|
class="add-form"> |
|
|
|
<el-form-item prop="jwcode" label="精网号" label-position="left"> |
|
|
|
<el-input v-model="consumeForm.jwcode" style="width: 220px" /> |
|
|
|
<el-button type="primary" @click="getUser(consumeForm.jwcode)" style="margin-left: 20px">查询</el-button> |
|
|
@ -228,11 +230,12 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, { |
|
|
|
<el-button @click="deleteConsumeForm" style="margin-left: 280px" type="success">重置</el-button> |
|
|
|
<el-button type="primary" :disabled="addDisabled" @click="handleConsumeForm"> 提交 </el-button> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<!-- 客户信息栏 --> |
|
|
|
<el-card v-if="user.jwcode" class="customer-info"> |
|
|
|
<el-form :model="user" label-width="auto" label-position="left"> |
|
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text> |
|
|
|
<el-text size="large" style="min-width: 600px;">客户信息</el-text> |
|
|
|
|
|
|
|
<!-- 第一行:姓名 + 当前付费金豆 --> |
|
|
|
<el-row style="margin-top: 20px"> |
|
|
@ -283,12 +286,40 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, { |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<style scoped> |
|
|
|
.consume-form { |
|
|
|
.userAndform { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
.left { |
|
|
|
width: 35%; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.add-form { |
|
|
|
width: 100%; |
|
|
|
margin-top: 50px; |
|
|
|
max-width: 50%; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
flex: 1; |
|
|
|
margin-left: 50px; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.beautiful { |
|
|
|
width: 90%; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
padding: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.customer-info { |
|
|
|