散户管理前端界面调整

dev-jingling
jingling 9 months ago
parent 3710519603
commit a76b232ccb

@ -1,143 +1,124 @@
<template>
<transition name="el-zoom-in-center">
<div class="JNPF-preview-main">
<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="详情"/>
<el-page-header @back="goBack" content="详情" />
<div class="options">
<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" >
<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" >
<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" >
<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" >
<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" >
<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" >
<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>
<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" >
<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" >
<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" >
<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" >
<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" >
<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" >
<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" >
<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" >
<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>
<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="lastLogTime" >
<p>{{dataForm.lastLogTime}}</p>
<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="enabledMark" >
<p>{{dataForm.enabledMark}}</p>
<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="creatorTime" >
<p>{{dataForm.creatorTime}}</p>
<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-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},
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 {
@ -146,27 +127,30 @@
loading: false,
dataForm: {
id :'',
headIcon : [],
wxOpenid : '',
wxUserName : '',
nickName : '',
mobilePhone : '',
gender : '',
birthday : '',
banlance : '',
membershipNumber : '',
membershipPoint : '',
membershipLevel : '',
consumePreference : '',
taxTitle : '',
taxId : '',
lastLogIp : '',
lastLogTime : '',
enabledMark : "519107823167080453",
creatorTime : '',
id: '',
headIcon: [],
wxOpenid: '',
wxUserName: '',
nickName: '',
mobilePhone: '',
gender: "1",
birthday: '',
banlance: '',
membershipNumber: '',
membershipPoint: '',
membershipLevel: '',
consumePreference: '',
taxTitle: '',
taxId: '',
creatorTime: '',
enabledMark: "",
lastLogIp: '',
lastLogTime: '',
},
enabledMarkProps:{"label":"fullName","value":"id" },
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" },
}
},
@ -175,7 +159,7 @@
created() {
},
mounted() {},
mounted() { },
methods: {
toDetail(defaultValue, modelId) {
if (!defaultValue) return
@ -189,8 +173,8 @@
})
})
},
dataInfo(dataAll){
let _dataAll =dataAll
dataInfo(dataAll) {
let _dataAll = dataAll
this.dataForm = _dataAll
},
@ -201,10 +185,10 @@
this.dataForm.id = id || 0;
this.visible = true;
this.$nextTick(() => {
if(this.dataForm.id){
if (this.dataForm.id) {
this.loading = true
request({
url: '/api/scm/Client/detail/'+this.dataForm.id,
url: '/api/scm/Client/detail/' + this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
@ -215,6 +199,6 @@
})
},
},
}
}
</script>

File diff suppressed because one or more lines are too long

@ -5,8 +5,7 @@
<transition name="el-zoom-in-center">
<div class="JNPF-preview-main">
<div class="JNPF-common-page-header">
<el-page-header @back="goBack"
:content="!dataForm.id ? '新建':'编辑'"/>
<el-page-header @back="goBack" :content="!dataForm.id ? '新建':'编辑'" />
<div class="options">
<el-dropdown class="dropdown" placement="bottom">
<el-button style="width:70px">
@ -26,156 +25,155 @@
{{!dataForm.id ?'确定并新增':'确定并继续'}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> </el-button>
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"
:disabled='continueBtnLoading'> </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" :rules="dataRule" size="default" label-width="100px" label-position="right" >
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="default"
label-width="100px" label-position="right">
<template v-if="!loading">
<!-- 具体表单 -->
<el-col :span="8" >
<jnpf-form-tip-item
label="头像" prop="headIcon" >
<el-col :span="8">
<jnpf-form-tip-item label="头像" prop="headIcon">
<JnpfUploadImg v-model="dataForm.headIcon" @change="changeData('headIcon',-1)"
disabled :fileSize="5" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0" >
disabled :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" >
<el-col :span="8">
<jnpf-form-tip-item label="微信openid" prop="wxOpenid">
<JnpfInput v-model="dataForm.wxOpenid" @change="changeData('wxOpenid',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="微信名" prop="wxUserName" >
<el-col :span="8">
<jnpf-form-tip-item label="微信名" prop="wxUserName">
<JnpfInput v-model="dataForm.wxUserName" @change="changeData('wxUserName',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="昵称" prop="nickName" >
<el-col :span="8">
<jnpf-form-tip-item label="昵称" prop="nickName">
<JnpfInput v-model="dataForm.nickName" @change="changeData('nickName',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="手机" prop="mobilePhone" >
<el-col :span="8">
<jnpf-form-tip-item label="手机" prop="mobilePhone">
<JnpfInput v-model="dataForm.mobilePhone" @change="changeData('mobilePhone',-1)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="性别" prop="gender" >
<JnpfInput v-model="dataForm.gender" @change="changeData('gender',-1)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput>
<el-col :span="8">
<jnpf-form-tip-item label="性别" prop="gender">
<JnpfRadio v-model="dataForm.gender" @change="changeData('gender',-1)"
optionType="default" direction="horizontal" size="small" :options="genderOptions"
:props="genderProps">
</JnpfRadio>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="生日" prop="birthday" >
<JnpfInput v-model="dataForm.birthday" @change="changeData('birthday',-1)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput>
<el-col :span="8">
<jnpf-form-tip-item label="生日" prop="birthday">
<JnpfDatePicker v-model="dataForm.birthday" @change="changeData('birthday',-1)"
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')"
placeholder="请选择" clearable :style='{"width":"100%"}' type="date"
format="yyyy-MM-dd">
</JnpfDatePicker>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="账户余额" prop="banlance" >
<el-col :span="8">
<jnpf-form-tip-item label="账户余额" prop="banlance">
<JnpfInput v-model="dataForm.banlance" @change="changeData('banlance',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="会员码" prop="membershipNumber" >
<JnpfInput v-model="dataForm.membershipNumber" @change="changeData('membershipNumber',-1)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
<el-col :span="8">
<jnpf-form-tip-item label="会员码" prop="membershipNumber">
<JnpfInput v-model="dataForm.membershipNumber"
@change="changeData('membershipNumber',-1)" placeholder="请输入" clearable
:style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="会员积分" prop="membershipPoint" >
<JnpfInput v-model="dataForm.membershipPoint" @change="changeData('membershipPoint',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
<el-col :span="8">
<jnpf-form-tip-item label="会员积分" prop="membershipPoint">
<JnpfInput v-model="dataForm.membershipPoint"
@change="changeData('membershipPoint',-1)" placeholder="请输入" disabled clearable
:style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="会员等级" prop="membershipLevel" >
<JnpfInput v-model="dataForm.membershipLevel" @change="changeData('membershipLevel',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
<el-col :span="8">
<jnpf-form-tip-item label="会员等级" prop="membershipLevel">
<JnpfInput v-model="dataForm.membershipLevel"
@change="changeData('membershipLevel',-1)" placeholder="请输入" disabled clearable
:style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="消费喜好" prop="consumePreference" >
<JnpfInput v-model="dataForm.consumePreference" @change="changeData('consumePreference',-1)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
<el-col :span="8">
<jnpf-form-tip-item label="消费喜好" prop="consumePreference">
<JnpfInput v-model="dataForm.consumePreference"
@change="changeData('consumePreference',-1)" placeholder="请输入" clearable
:style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="发票抬头" prop="taxTitle" >
<el-col :span="8">
<jnpf-form-tip-item label="发票抬头" prop="taxTitle">
<JnpfInput v-model="dataForm.taxTitle" @change="changeData('taxTitle',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="企业税号" prop="taxId" >
<el-col :span="8">
<jnpf-form-tip-item label="企业税号" prop="taxId">
<JnpfInput v-model="dataForm.taxId" @change="changeData('taxId',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="最后登录IP" prop="lastLogIp" >
<JnpfInput v-model="dataForm.lastLogIp" @change="changeData('lastLogIp',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="最后登录时间" prop="lastLogTime" >
<JnpfInput v-model="dataForm.lastLogTime" @change="changeData('lastLogTime',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
<el-col :span="8">
<jnpf-form-tip-item label="创建时间" prop="creatorTime">
<JnpfDatePicker v-model="dataForm.creatorTime"
@change="changeData('creatorTime',-1)" :startTime="dateTime(false,1,1,'','')"
:endTime="dateTime(false,1,1,'','')" placeholder="请选择" disabled clearable
:style='{"width":"100%"}' type="datetime" format="yyyy-MM-dd HH:mm:ss">
</JnpfDatePicker>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="有效标志" prop="enabledMark" >
<el-col :span="8">
<jnpf-form-tip-item label="有效标志" prop="enabledMark">
<JnpfSelect v-model="dataForm.enabledMark" @change="changeData('enabledMark',-1)"
placeholder="请选择" clearable :style='{"width":"100%"}' :options="enabledMarkOptions" :props="enabledMarkProps" >
placeholder="请选择" clearable :style='{"width":"100%"}'
:options="enabledMarkOptions" :props="enabledMarkProps">
</JnpfSelect>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="最后登录IP" prop="lastLogIp">
<JnpfInput v-model="dataForm.lastLogIp" @change="changeData('lastLogIp',-1)"
placeholder="请输入" disabled clearable :style='{"width":"100%"}'>
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8" >
<jnpf-form-tip-item
label="创建时间" prop="creatorTime" >
<JnpfDatePicker v-model="dataForm.creatorTime" @change="changeData('creatorTime',-1)"
:startTime="dateTime(false,1,1,'','')" :endTime="dateTime(false,1,1,'','')" placeholder="请选择" disabled clearable :style='{"width":"100%"}' format="yyyy-MM-dd HH:mm:ss" >
<el-col :span="8">
<jnpf-form-tip-item label="最后登录时间" prop="lastLogTime">
<JnpfDatePicker v-model="dataForm.lastLogTime"
@change="changeData('lastLogTime',-1)" :startTime="dateTime(false,1,1,'','')"
:endTime="dateTime(false,1,1,'','')" placeholder="请选择" disabled clearable
:style='{"width":"100%"}' type="datetime" format="yyyy-MM-dd HH:mm:ss">
</JnpfDatePicker>
</jnpf-form-tip-item>
</el-col>
@ -183,24 +181,24 @@
</template>
</el-form>
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false" />
</el-row>
</div>
</transition>
</template>
</template>
<script>
import request from '@/utils/request'
import {mapGetters} from "vuex";
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
import { getDefaultCurrentValueUserId } from '@/api/permission/user'
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
import { thousandsFormat } from "@/components/Generator/utils/index"
export default {
components: { },
import request from '@/utils/request'
import { mapGetters } from "vuex";
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
import { getDefaultCurrentValueUserId } from '@/api/permission/user'
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
import { thousandsFormat } from "@/components/Generator/utils/index"
export default {
components: {},
props: [],
data() {
return {
@ -214,40 +212,40 @@
loading: false,
btnLoading: false,
formRef: 'formRef',
setting:{},
setting: {},
eventType: '',
userBoxVisible:false,
userBoxVisible: false,
selectDialogVisible: false,
currTableConf:{},
dataValueAll:{},
addTableConf:{
currTableConf: {},
dataValueAll: {},
addTableConf: {
},
//
ableAll:{
ableAll: {
},
tableRows:{
tableRows: {
},
Vmodel:"",
currVmodel:"",
Vmodel: "",
currVmodel: "",
dataForm: {
headIcon : [],
wxOpenid : undefined,
wxUserName : undefined,
nickName : undefined,
mobilePhone : undefined,
gender : undefined,
birthday : undefined,
banlance : undefined,
membershipNumber : undefined,
membershipPoint : undefined,
membershipLevel : undefined,
consumePreference : undefined,
taxTitle : undefined,
taxId : undefined,
lastLogIp : undefined,
lastLogTime : undefined,
enabledMark : "519107823167080453",
creatorTime : undefined,
headIcon: [],
wxOpenid: undefined,
wxUserName: undefined,
nickName: undefined,
mobilePhone: undefined,
gender: "1",
birthday: undefined,
banlance: undefined,
membershipNumber: undefined,
membershipPoint: undefined,
membershipLevel: undefined,
consumePreference: undefined,
taxTitle: undefined,
taxId: undefined,
creatorTime: undefined,
enabledMark: undefined,
lastLogIp: undefined,
lastLogTime: undefined,
},
tableRequiredData: {},
dataRule:
@ -262,34 +260,36 @@
enabledMark: [
{
required: true,
message: '请至少选择一个',
message: '请选择',
trigger: 'change'
},
],
},
enabledMarkOptions:[],
enabledMarkProps:{"label":"fullName","value":"id" },
childIndex:-1,
isEdit:false,
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" },
childIndex: -1,
isEdit: false,
interfaceRes: {
headIcon:[] ,
wxOpenid:[] ,
wxUserName:[] ,
nickName:[] ,
mobilePhone:[] ,
gender:[] ,
birthday:[] ,
banlance:[] ,
membershipNumber:[] ,
membershipPoint:[] ,
membershipLevel:[] ,
consumePreference:[] ,
taxTitle:[] ,
taxId:[] ,
lastLogIp:[] ,
lastLogTime:[] ,
enabledMark:[] ,
creatorTime:[] ,
headIcon: [],
wxOpenid: [],
wxUserName: [],
nickName: [],
mobilePhone: [],
gender: [],
birthday: [],
banlance: [],
membershipNumber: [],
membershipPoint: [],
membershipLevel: [],
consumePreference: [],
taxTitle: [],
taxId: [],
creatorTime: [],
enabledMark: [],
lastLogIp: [],
lastLogTime: [],
},
}
},
@ -302,7 +302,7 @@
this.initDefaultData()
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm))
},
mounted() {},
mounted() { },
methods: {
prev() {
this.index--
@ -332,7 +332,7 @@
},
getInfo(id) {
request({
url: '/api/scm/Client/'+ id,
url: '/api/scm/Client/' + id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
@ -356,7 +356,7 @@
for (let i = 0; i < faceReList.length; i++) {
if (faceReList[i].relationField == model) {
let options = 'get' + key + 'Options';
if(this[options]){
if (this[options]) {
this[options]()
}
this.changeData(key, index)
@ -365,8 +365,8 @@
}
}
},
changeDataFormData(type, data, model,index,defaultValue) {
if(!this.isEdit) {
changeDataFormData(type, data, model, index, defaultValue) {
if (!this.isEdit) {
if (type == 2) {
for (let i = 0; i < this.dataForm[data].length; i++) {
if (index == -1) {
@ -380,21 +380,15 @@
}
}
},
dataAll(){
this.getenabledMarkOptions();
},
getenabledMarkOptions() {
getDictionaryDataSelector('519107761586309125').then(res => {
this.enabledMarkOptions = res.data.list
})
dataAll() {
},
goBack() {
this.$emit('refresh')
},
clearData(){
clearData() {
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
},
init(id,isDetail,allList) {
init(id, isDetail, allList) {
this.prevDis = false
this.nextDis = false
this.allList = allList || []
@ -413,16 +407,16 @@
this.dataForm.id = id || 0;
this.visible = true;
this.$nextTick(() => {
if(this.dataForm.id){
if (this.dataForm.id) {
this.loading = true
request({
url: '/api/scm/Client/'+this.dataForm.id,
url: '/api/scm/Client/' + this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
this.loading = false
});
}else{
} else {
this.clearData()
this.initDefaultData()
}
@ -443,7 +437,7 @@
})
},
request() {
let _data =this.dataList()
let _data = this.dataList()
if (this.dataFormSubmitType == 2) {
this.continueBtnLoading = true
} else {
@ -473,13 +467,13 @@
this.$emit('refresh', true)
}
})
}).catch(()=>{
}).catch(() => {
this.btnLoading = false
this.continueBtnLoading = false
})
}else{
} else {
request({
url: '/api/scm/Client/'+this.dataForm.id,
url: '/api/scm/Client/' + this.dataForm.id,
method: 'PUT',
data: _data
}).then((res) => {
@ -494,15 +488,15 @@
this.$emit('refresh', true)
}
})
}).catch(()=>{
}).catch(() => {
this.btnLoading = false
this.continueBtnLoading = false
})
}
},
openSelectDialog(key) {
this.currTableConf=this.addTableConf[key]
this.currVmodel=key
this.currTableConf = this.addTableConf[key]
this.currVmodel = key
this.selectDialogVisible = true
this.$nextTick(() => {
this.$refs.selectDialog.init()
@ -511,8 +505,8 @@
addForSelect(data) {
for (let i = 0; i < data.length; i++) {
let t = data[i]
if(this['get'+this.currVmodel]){
this['get'+this.currVmodel](t)
if (this['get' + this.currVmodel]) {
this['get' + this.currVmodel](t)
}
}
},
@ -579,18 +573,18 @@
}
return timeDataValue;
},
dataList(){
dataList() {
var _data = this.dataForm;
return _data;
},
dataInfo(dataAll){
let _dataAll =dataAll
dataInfo(dataAll) {
let _dataAll = dataAll
this.dataForm = _dataAll
this.isEdit = true
this.dataAll()
this.childIndex=-1
this.childIndex = -1
},
},
}
}
</script>

@ -36,7 +36,8 @@
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="search()"></el-button>
<el-button icon="el-icon-refresh-right" @click="reset()"></el-button>
<el-button type="text" icon="el-icon-arrow-down" @click="showAll=true" v-if="!showAll">
<el-button type="text" icon="el-icon-arrow-down" @click="showAll=true"
v-if="!showAll">
展开
</el-button>
<el-button type="text" icon="el-icon-arrow-up" @click="showAll=false" v-else>
@ -64,120 +65,73 @@
</div>
</div>
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange'
:span-method="arraySpanMethod"
>
<el-table-column
prop="wxOpenid"
label="微信openid" align="left"
>
:span-method="arraySpanMethod">
<el-table-column prop="wxOpenid" label="微信openid" align="left">
</el-table-column>
<el-table-column
prop="wxUserName"
label="微信名" align="left"
>
<el-table-column prop="wxUserName" label="微信名" align="left">
</el-table-column>
<el-table-column
prop="nickName"
label="昵称" align="left"
>
<el-table-column prop="nickName" label="昵称" align="left">
</el-table-column>
<el-table-column
prop="mobilePhone"
label="手机" align="left"
>
<el-table-column prop="mobilePhone" label="手机" align="left">
</el-table-column>
<el-table-column
prop="gender"
label="性别" align="left"
>
<el-table-column label="性别" prop="gender" algin="left">
<template slot-scope="scope">
<span v-if="scope.row.gender === 1"></span>
<span v-else-if="scope.row.gender === 2"></span>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="birthday"
label="生日" align="left"
>
<el-table-column prop="birthday" label="生日" align="left">
<template slot-scope="scope">
<span v-if="scope.row.birthday">
{{jnpf.toDate(scope.row.birthday,'yyyy-MM-dd')}}
</span>
</template>
</el-table-column>
<el-table-column
prop="banlance"
label="账户余额" align="left"
>
<el-table-column prop="banlance" label="账户余额" align="left">
</el-table-column>
<el-table-column
prop="membershipNumber"
label="会员码" align="left"
>
<el-table-column prop="membershipNumber" label="会员码" align="left">
</el-table-column>
<el-table-column
prop="membershipPoint"
label="会员积分" align="left"
>
<el-table-column prop="membershipPoint" label="会员积分" align="left">
</el-table-column>
<el-table-column
prop="membershipLevel"
label="会员等级" align="left"
>
<el-table-column prop="membershipLevel" label="会员等级" align="left">
</el-table-column>
<el-table-column
prop="consumePreference"
label="消费喜好" align="left"
>
<el-table-column prop="consumePreference" label="消费喜好" align="left">
</el-table-column>
<el-table-column
prop="taxTitle"
label="发票抬头" align="left"
>
<el-table-column prop="taxTitle" label="发票抬头" align="left">
</el-table-column>
<el-table-column
prop="taxId"
label="企业税号" align="left"
>
<el-table-column prop="taxId" label="企业税号" align="left">
</el-table-column>
<el-table-column
prop="lastLogIp"
label="最后登录IP" align="left"
>
<el-table-column prop="lastLogIp" label="最后登录IP" align="left">
</el-table-column>
<el-table-column
prop="lastLogTime"
label="最后登录时间" align="left"
>
<el-table-column prop="lastLogTime" label="最后登录时间" align="left">
</el-table-column>
<el-table-column
prop="enabledMark"
label="有效标志" align="left"
>
<el-table-column prop="enabledMark" label="有效标志" align="left">
</el-table-column>
<el-table-column
prop="creatorTime"
label="创建时间" align="left"
>
<el-table-column prop="creatorTime" label="创建时间" align="left">
</el-table-column>
<el-table-column label="操作"
fixed="right" width="150" >
<template slot-scope="scope" >
<el-button type="text"
@click="addOrUpdateHandle(scope.row)" >编辑
<el-table-column label="操作" fixed="right" width="150">
<template slot-scope="scope">
<el-button type="text" @click="addOrUpdateHandle(scope.row)">
</el-button>
<el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)">
</el-button>
<el-button type="text"
@click="goDetail(scope.row.id)">详情
<el-button type="text" @click="goDetail(scope.row.id)">
</el-button>
</template>
</el-table-column>
</JNPF-table>
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData"/>
<pagination :total="total" :page.sync="listQuery.currentPage"
:limit.sync="listQuery.pageSize" @pagination="initData" />
</div>
</div>
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh"/>
<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download"/>
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
<ImportBox v-if="uploadBoxVisible" ref="UploadBox" @refresh="initData" />
<Detail v-if="detailVisible" ref="Detail" @refresh="detailVisible=false"/>
<ToFormDetail v-if="toFormDetailVisible" ref="toFormDetail" @close="toFormDetailVisible = false" />
<Detail v-if="detailVisible" ref="Detail" @refresh="detailVisible=false" />
<ToFormDetail v-if="toFormDetailVisible" ref="toFormDetail"
@close="toFormDetailVisible = false" />
<SuperQuery v-if="superQueryVisible" ref="SuperQuery" :columnOptions="superQueryJson"
@superQuery="superQuery" />
</div>
@ -185,39 +139,40 @@
<script>
import request from '@/utils/request'
import {mapGetters} from "vuex";
import {getDictionaryDataSelector} from '@/api/systemData/dictionary'
import JNPFForm from './form'
import Detail from './Detail'
import ExportBox from '@/components/ExportBox'
import ToFormDetail from '@/views/basic/dynamicModel/list/detail'
import {getDataInterfaceRes} from '@/api/systemData/dataInterface'
import { getConfigData } from '@/api/onlineDev/visualDev'
import { getDefaultCurrentValueUserIdAsync } from '@/api/permission/user'
import { getDefaultCurrentValueDepartmentIdAsync } from '@/api/permission/organize'
import columnList from './columnList'
import { thousandsFormat } from "@/components/Generator/utils/index"
import SuperQuery from '@/components/SuperQuery'
import superQueryJson from './superQueryJson'
import request from '@/utils/request'
import { mapGetters } from "vuex";
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
import JNPFForm from './form'
import Detail from './Detail'
import ExportBox from '@/components/ExportBox'
import ToFormDetail from '@/views/basic/dynamicModel/list/detail'
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
import { getConfigData } from '@/api/onlineDev/visualDev'
import { getDefaultCurrentValueUserIdAsync } from '@/api/permission/user'
import { getDefaultCurrentValueDepartmentIdAsync } from '@/api/permission/organize'
import columnList from './columnList'
import { thousandsFormat } from "@/components/Generator/utils/index"
import SuperQuery from '@/components/SuperQuery'
import superQueryJson from './superQueryJson'
import { jnpf } from '@/utils/jnpf.js'
export default {
export default {
components: {
JNPFForm,
Detail,
ExportBox,ToFormDetail , SuperQuery
ExportBox, ToFormDetail, SuperQuery
},
data() {
return {
keyword:'',
keyword: '',
expandsTree: true,
refreshTree: true,
toFormDetailVisible:false,
expandObj:{},
toFormDetailVisible: false,
expandObj: {},
columnOptions: [],
mergeList: [],
exportList:[],
exportList: [],
columnList,
showAll: false,
@ -226,10 +181,10 @@
uploadBoxVisible: false,
detailVisible: false,
query: {
wxUserName:undefined,
nickName:undefined,
mobilePhone:undefined,
membershipNumber:undefined,
wxUserName: undefined,
nickName: undefined,
mobilePhone: undefined,
membershipNumber: undefined,
},
treeProps: {
children: 'children',
@ -253,8 +208,10 @@
flowListVisible: false,
flowList: [],
exportBoxVisible: false,
enabledMarkOptions:[],
enabledMarkProps:{"label":"fullName","value":"id" },
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" },
interfaceRes: {
},
}
@ -299,9 +256,9 @@
},
loadNode(node, resolve) {
const nodeData = node.data
const config ={
treeInterfaceId:"",
treeTemplateJson:[]
const config = {
treeInterfaceId: "",
treeTemplateJson: []
}
if (config.treeInterfaceId) {
//
@ -380,7 +337,7 @@
}
})
newList.forEach(item => {
if (item.children && item.children.length ) {
if (item.children && item.children.length) {
item.children.forEach((child, index) => {
if (index == 0) {
this.mergeList.push({
@ -418,13 +375,13 @@
}
this.exportList = exportList
},
goDetail(id){
goDetail(id) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.Detail.init(id)
})
},
sortChange({column, prop, order}) {
sortChange({ column, prop, order }) {
this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc'
this.listQuery.sidx = !order ? '' : prop
this.initData()
@ -443,16 +400,16 @@
...this.query,
keyword: this.keyword,
dataType: 0,
menuId:this.menuId,
moduleId:'518048760677270981',
type:1,
menuId: this.menuId,
moduleId: '518048760677270981',
type: 1,
};
request({
url: `/api/scm/Client/getList`,
method: 'post',
data: _query
}).then(res => {
var _list =res.data.list;
var _list = res.data.list;
this.list = _list.map(o => ({
...o,
...this.expandObj,
@ -480,10 +437,10 @@
}).catch(() => {
});
},
handelUpload(){
handelUpload() {
this.uploadBoxVisible = true
this.$nextTick(() => {
this.$refs.UploadBox.init("","scm/Client")
this.$refs.UploadBox.init("", "scm/Client")
})
},
openSuperQuery() {
@ -498,10 +455,10 @@
this.initData()
},
addOrUpdateHandle(row, isDetail) {
let id = row?row.id:""
let id = row ? row.id : ""
this.formVisible = true
this.$nextTick(() => {
this.$refs.JNPFForm.init(id, isDetail,this.list)
this.$refs.JNPFForm.init(id, isDetail, this.list)
})
},
exportData() {
@ -511,7 +468,7 @@
})
},
download(data) {
let query = {...data, ...this.listQuery, ...this.query,menuId:this.menuId}
let query = { ...data, ...this.listQuery, ...this.query, menuId: this.menuId }
request({
url: `/api/scm/Client/Actions/Export`,
method: 'post',
@ -524,10 +481,10 @@
})
},
search() {
this.listQuery.currentPage=1
this.listQuery.pageSize=20
this.listQuery.sort="desc"
this.listQuery.sidx=""
this.listQuery.currentPage = 1
this.listQuery.pageSize = 20
this.listQuery.sort = "desc"
this.listQuery.sidx = ""
this.initData()
},
refresh(isrRefresh) {
@ -543,5 +500,5 @@
if (isrRefresh) this.reset()
},
}
}
}
</script>

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