散户管理前端界面调整

dev-jingling
jingling 9 months ago
parent 3710519603
commit a76b232ccb

@ -1,220 +1,204 @@
<template>
<transition name="el-zoom-in-center">
<div class="JNPF-preview-main">
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
<div class="JNPF-common-page-header">
<el-page-header @back="goBack"
content="详情"/>
<transition name="el-zoom-in-center">
<div class="JNPF-preview-main">
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
<div class="JNPF-common-page-header">
<el-page-header @back="goBack" content="详情" />
<div class="options">
<el-button @click="goBack"></el-button>
<el-button @click="goBack"></el-button>
</div>
</div>
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
<el-form ref="formRef" :model="dataForm" size="default" label-width="100px" label-position="right" >
<template v-if="!loading">
<el-col :span="8" >
<jnpf-form-tip-item label="头像"
prop="headIcon" >
<JnpfUploadImg v-model="dataForm.headIcon"
disabled
detailed :fileSize="5" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0" >
</div>
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
<el-form ref="formRef" :model="dataForm" size="default" label-width="100px"
label-position="right">
<template v-if="!loading">
<el-col :span="8">
<jnpf-form-tip-item label="头像" prop="headIcon">
<JnpfUploadImg v-model="dataForm.headIcon" disabled detailed :fileSize="5"
sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
</JnpfUploadImg>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="微信openid"
prop="wxOpenid" >
<p>{{dataForm.wxOpenid}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="微信名"
prop="wxUserName" >
<p>{{dataForm.wxUserName}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="昵称"
prop="nickName" >
<p>{{dataForm.nickName}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="手机"
prop="mobilePhone" >
<p>{{dataForm.mobilePhone}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="性别"
prop="gender" >
<p>{{dataForm.gender}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="生日"
prop="birthday" >
<p>{{dataForm.birthday}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="账户余额"
prop="banlance" >
<p>{{dataForm.banlance}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="会员码"
prop="membershipNumber" >
<p>{{dataForm.membershipNumber}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="会员积分"
prop="membershipPoint" >
<p>{{dataForm.membershipPoint}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="会员等级"
prop="membershipLevel" >
<p>{{dataForm.membershipLevel}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="消费喜好"
prop="consumePreference" >
<p>{{dataForm.consumePreference}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="发票抬头"
prop="taxTitle" >
<p>{{dataForm.taxTitle}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="企业税号"
prop="taxId" >
<p>{{dataForm.taxId}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="最后登录IP"
prop="lastLogIp" >
<p>{{dataForm.lastLogIp}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="最后登录时间"
prop="lastLogTime" >
<p>{{dataForm.lastLogTime}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="有效标志"
prop="enabledMark" >
<p>{{dataForm.enabledMark}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item label="创建时间"
prop="creatorTime" >
<p>{{dataForm.creatorTime}}</p>
</jnpf-form-tip-item>
</el-col>
</template>
</el-form>
</el-row>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="微信openid" prop="wxOpenid">
<p>{{dataForm.wxOpenid}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="微信名" prop="wxUserName">
<p>{{dataForm.wxUserName}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="昵称" prop="nickName">
<p>{{dataForm.nickName}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="手机" prop="mobilePhone">
<p>{{dataForm.mobilePhone}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="性别" prop="gender">
<p>{{ dataForm.gender }} </p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="生日" prop="birthday">
<p>{{dataForm.birthday}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="账户余额" prop="banlance">
<p>{{dataForm.banlance}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="会员码" prop="membershipNumber">
<p>{{dataForm.membershipNumber}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="会员积分" prop="membershipPoint">
<p>{{dataForm.membershipPoint}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="会员等级" prop="membershipLevel">
<p>{{dataForm.membershipLevel}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="消费喜好" prop="consumePreference">
<p>{{dataForm.consumePreference}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="发票抬头" prop="taxTitle">
<p>{{dataForm.taxTitle}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="企业税号" prop="taxId">
<p>{{dataForm.taxId}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="创建时间" prop="creatorTime">
<p>{{dataForm.creatorTime}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="有效标志" prop="enabledMark">
<p>{{ dataForm.enabledMark }} </p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="最后登录IP" prop="lastLogIp">
<p>{{dataForm.lastLogIp}}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="最后登录时间" prop="lastLogTime">
<p>{{dataForm.lastLogTime}}</p>
</jnpf-form-tip-item>
</el-col>
</template>
</el-form>
</el-row>
</div>
</transition>
</transition>
</template>
<script>
import request from '@/utils/request'
import request from '@/utils/request'
import { getConfigData } from '@/api/onlineDev/visualDev'
import jnpf from '@/utils/jnpf'
import Detail from '@/views/basic/dynamicModel/list/detail'
import { thousandsFormat } from "@/components/Generator/utils/index"
export default {
components: { Detail},
props: [],
data() {
return {
visible: false,
detailVisible: false,
loading: false,
import { getConfigData } from '@/api/onlineDev/visualDev'
import jnpf from '@/utils/jnpf'
import Detail from '@/views/basic/dynamicModel/list/detail'
import { thousandsFormat } from "@/components/Generator/utils/index"
export default {
components: { Detail },
props: [],
data() {
return {
visible: false,
detailVisible: false,
loading: false,
dataForm: {
id :'',
headIcon : [],
wxOpenid : '',
wxUserName : '',
nickName : '',
mobilePhone : '',
gender : '',
birthday : '',
banlance : '',
membershipNumber : '',
membershipPoint : '',
membershipLevel : '',
consumePreference : '',
taxTitle : '',
taxId : '',
lastLogIp : '',
lastLogTime : '',
enabledMark : "519107823167080453",
creatorTime : '',
},
enabledMarkProps:{"label":"fullName","value":"id" },
dataForm: {
id: '',
headIcon: [],
wxOpenid: '',
wxUserName: '',
nickName: '',
mobilePhone: '',
gender: "1",
birthday: '',
banlance: '',
membershipNumber: '',
membershipPoint: '',
membershipLevel: '',
consumePreference: '',
taxTitle: '',
taxId: '',
creatorTime: '',
enabledMark: "",
lastLogIp: '',
lastLogTime: '',
},
genderOptions: [{ "fullName": "男", "id": "1" }, { "fullName": "女", "id": "2" }, { "fullName": "保密", "id": "3" }],
genderProps: { "label": "fullName", "value": "id" },
enabledMarkOptions: [{ "fullName": "启用", "id": "1" }, { "fullName": "禁用", "id": "0" }],
enabledMarkProps: { "label": "fullName", "value": "id" },
}
},
computed: {},
watch: {},
created() {
}
},
computed: {},
watch: {},
created() {
},
mounted() {},
methods: {
toDetail(defaultValue, modelId) {
if (!defaultValue) return
getConfigData(modelId).then(res => {
if (!res.data || !res.data.formData) return
let formData = JSON.parse(res.data.formData)
formData.popupType = 'general'
this.detailVisible = true
this.$nextTick(() => {
this.$refs.Detail.init(formData, modelId, defaultValue)
})
})
},
dataInfo(dataAll){
let _dataAll =dataAll
this.dataForm = _dataAll
},
},
mounted() { },
methods: {
toDetail(defaultValue, modelId) {
if (!defaultValue) return
getConfigData(modelId).then(res => {
if (!res.data || !res.data.formData) return
let formData = JSON.parse(res.data.formData)
formData.popupType = 'general'
this.detailVisible = true
this.$nextTick(() => {
this.$refs.Detail.init(formData, modelId, defaultValue)
})
})
},
dataInfo(dataAll) {
let _dataAll = dataAll
this.dataForm = _dataAll
},
goBack() {
this.$emit('refresh')
},
init(id) {
this.dataForm.id = id || 0;
this.visible = true;
this.$nextTick(() => {
if(this.dataForm.id){
this.loading = true
request({
url: '/api/scm/Client/detail/'+this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
this.loading = false
})
}
goBack() {
this.$emit('refresh')
},
init(id) {
this.dataForm.id = id || 0;
this.visible = true;
this.$nextTick(() => {
if (this.dataForm.id) {
this.loading = true
request({
url: '/api/scm/Client/detail/' + this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
this.loading = false
})
}
})
},
},
}
})
},
},
}
</script>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save