Skip to content

N
newShopFront
Commit 4fc70da0 authored by 邓学云's avatar 邓学云
Browse files
Options

用户列表 用户评价管理 token homeURL

parent ca051701
Hide whitespace changes
Inline Side-by-side
Showing with 758 additions and 148 deletions
src/api/homeURL.js 0 → 100644
View file @ 4fc70da0
const homeUrl= 'http://localhost/dengxueyun/newshopBack/backend/web/v1/';
export default homeUrl
\ No newline at end of file
src/api/store.js 0 → 100644
View file @ 4fc70da0
import api from './index'
import { axios } from '@/utils/request'
import loginToken from './token'
import homeUrl from './homeURL'
/**
* login func
* parameter: {
* username: '',
* password: '',
* remember_me: true,
* captcha: '12345'
* }
* @param parameter
* @returns {*}
*/
// 获取门店评价列表
export function getEvaluateList (parameter) {
// let newParameter={
// 'page':parameter.page,
// 'pageSize':parameter.pageSize
// }
return axios({
url: homeUrl+'branch/branch-scores/branch-score-list',
method: 'get',
headers: {
"Authorization": loginToken
},
params: parameter
})
}
// 获取门店评价详情
export function getEvaluateDetails (id) {
return axios({
url: homeUrl+'branch/branch-scores/score-info?id='+id,
method: 'get',
headers: {
"Authorization": loginToken
}
})
}
// 更新门店详情
export function modifyEvaluateDetails (parameter) {
// console.log(parameter)
return axios({
url: homeUrl+'branch/branch-scores/score-info-update',
method: 'put',
headers: {
"Authorization": loginToken
},
data: parameter
})
}
// 新建门店评价
export function addEvaluate (parameter) {
console.log('新建',parameter)
return axios({
url: homeUrl+'branch/branch-scores/add-branch-score',
method: 'post',
data: parameter,
headers: {
"Authorization": loginToken
}
})
}
// 删除门店评价
export function deleteEvaluate (id) {
console.log(id)
return axios({
url: homeUrl+'branch/branch-scores/score-info-del?guid='+id,
method: 'delete',
headers: {
"Authorization": loginToken
}
})
}
/**
* get user 2step code open?
* @param parameter {*}
*/
export function get2step (parameter) {
return axios({
url: api.twoStepCode,
method: 'post',
data: parameter
})
}
src/api/token.js 0 → 100644
View file @ 4fc70da0
const loginToken = "Bearer EHtB5oGwObjgdUSgSYRY8Lr_QA8lV_NZ";
export default loginToken
\ No newline at end of file
src/api/userstaff.js
View file @ 4fc70da0
import api from './index'
import { axios } from '@/utils/request'
import loginToken from './token'
import homeUrl from './homeURL'
/**
* login func
......@@ -14,49 +16,49 @@ import { axios } from '@/utils/request'
*/
// 获取用户组列表
export function getUserGroup (parameter) {
console.log(parameter)
let newParameter={
'page':parameter.page-1,
'pageSize':parameter.pageSize
}
// console.log(parameter)
// let newParameter={
// 'page':parameter.page,
// 'pageSize':parameter.pageSize
// }
return axios({
url: 'http://localhost/dengxueyun/newshopBack/backend/web/v1/shopuser/shop-user-membergrades/list',
url: homeUrl+'shopuser/shop-user-membergrades/membergrade-list',
method: 'get',
headers: {
"Authorization": "Bearer mAw2G7C-e6i5-3HO2xjny7J_9BrmkJ8J"
"Authorization": loginToken
},
params: newParameter
params: parameter
})
}
// 新增用户组
export function addUserGroup (parameter) {
return axios({
url: 'http://localhost/dengxueyun/newshopBack/backend/web/v1/shopuser/shop-user-membergrades/add',
url: homeUrl+'shopuser/shop-user-membergrades/membergrade-add',
method: 'post',
data: parameter,
headers: {
"Authorization": "Bearer mAw2G7C-e6i5-3HO2xjny7J_9BrmkJ8J"
"Authorization": loginToken
}
})
}
// 获取用户组详情
export function getUserGroupDetails (id) {
return axios({
url: 'http://localhost/dengxueyun/newshopBack/backend/web/v1/shopuser/shop-user-membergrades/one?guid='+id,
url: homeUrl+'shopuser/shop-user-membergrades/membergrade-detail?guid='+id,
method: 'get',
headers: {
"Authorization": "Bearer mAw2G7C-e6i5-3HO2xjny7J_9BrmkJ8J"
"Authorization": loginToken
}
})
}
// 修改用户组详情
export function modifyUserGroupDetails (parameter) {
console.log(parameter)
// console.log(parameter)
return axios({
url: 'http://localhost/dengxueyun/newshopBack/backend/web/v1/shopuser/shop-user-membergrades/revise',
url: homeUrl+'shopuser/shop-user-membergrades/membergrade-revise',
method: 'put',
headers: {
"Authorization": "Bearer mAw2G7C-e6i5-3HO2xjny7J_9BrmkJ8J"
"Authorization": loginToken
},
data: parameter
})
......@@ -64,14 +66,51 @@ export function getUserGroupDetails (id) {
// 删除用户组
export function deleteUserGroup (id) {
return axios({
url: 'http://localhost/dengxueyun/newshopBack/backend/web/v1/shopuser/shop-user-membergrades/del',
url: homeUrl+'shopuser/shop-user-membergrades/membergrade-delete',
method: 'delete',
headers: {
"Authorization": "Bearer mAw2G7C-e6i5-3HO2xjny7J_9BrmkJ8J"
"Authorization": loginToken
},
data: {'GUID':id}
})
}
// 获取用户列表
export function getUList (parameter) {
// console.log(parameter)
// let newParameter={
// 'page':parameter.page,
// 'pageSize':parameter.pageSize
// }
return axios({
url: homeUrl+'shopuser/shop-user-lists/user-list',
method: 'get',
headers: {
"Authorization": loginToken
},
params: parameter
})
}
// 用户列表详情
export function getUListDetails (id) {
return axios({
url: homeUrl+'shopuser/shop-user-lists/user-detail?GUID='+id,
method: 'get',
headers: {
"Authorization": loginToken
}
})
}
// 修改用户列表
export function UListModify (parameter) {
return axios({
url: homeUrl+'shopuser/shop-user-lists/user-update',
method: 'post',
data: parameter,
headers: {
"Authorization": loginToken
}
})
}
/**
* get user 2step code open?
......
src/views/storedc/storeEvaluateManage.vue
View file @ 4fc70da0
......@@ -2,32 +2,34 @@
<a-card :bordered="false">
<div>
<div class="table-page-search-wrapper">
<a-form :form="form" layout="inline">
<a-row :gutter="48">
<a-col :md="8" :sm="24">
<a-form-item label="门店编号">
<a-input v-model="queryParam.id" placeholder="请输入门店编号"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="员工号">
<a-input-number v-model="queryParam.userid" placeholder="请输入员工号" style="width: 100%"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<span class="table-page-search-submitButtons">
<a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
<a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
<a-button style="margin-left: 8px">导出</a-button>
</span>
</a-col>
</a-row>
</a-form>
<a-form :form="formCheck" layout="inline">
<a-row :gutter="48">
<a-col :md="8" :sm="24">
<a-form-item label="门店编号">
<a-input v-model="queryParam.BRANCH_CODE" placeholder="请输入门店编号"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="员工号">
<a-input-number v-model="queryParam.ARTIFICIAL_NUMBER" placeholder="请输入员工号" style="width: 100%"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<span class="table-page-search-submitButtons">
<a-button type="primary" @click="checkList">查询</a-button>
<a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
<a-button style="margin-left: 8px">导出</a-button>
</span>
</a-col>
</a-row>
</a-form>
</div>
<div class="table-operator">
<a-button-group>
<a-button @click="goEdit(1)" type='primary' icon='plus'>添加分值</a-button>
<a-button style="margin-left: 8px" type='primary' icon='file-add'>导入打分</a-button>
<a-button style="margin-left: 8px" type='primary' icon='download'>下载导入模板</a-button>
</a-button-group>
</div>
<s-table
ref="table"
......@@ -36,34 +38,250 @@
:columns="columns"
:data="loadData"
>
<template v-for="(col, index) in columns" v-if="col.scopedSlots" :slot="col.dataIndex" slot-scope="text, record">
<div :key="index">
<a-input
v-if="record.editable"
style="margin: -5px 0"
:value="text"
@change="e => handleChange(e.target.value, record.key, col, record)"
/>
<template v-else>{{ text }}</template>
</div>
</template>
<template slot="action" slot-scope="text, record">
<div class="editable-row-operations">
<span v-if="record.editable">
<a @click="() => save(record)">保存</a>
<a-divider type="vertical" />
<a-popconfirm title="真的放弃编辑吗?" @confirm="() => cancel(record)">
<a>取消</a>
</a-popconfirm>
</span>
<span v-else>
<a class="edit" @click="() => edit(record)">修改</a>
<a-divider type="vertical" />
<a class="delete" @click="() => del(record)">删除</a>
</span>
</div>
</template>
<div
slot="expandedRowRender"
slot-scope="record"
style="margin: 0">
<a-row
:gutter="24"
:style="{ marginBottom: '12px' }">
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>基础服务分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.BASIC_SERVICES) > 0">
<a-tag color="cyan">{{ record.BASIC_SERVICES }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>质量管理分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.QUALITY_ASSURANCE) > 0">
<a-tag color="cyan">{{ record.QUALITY_ASSURANCE }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>运营管理分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.OPERATION_MANAGEMENT) > 0">
<a-tag color="cyan">{{ record.OPERATION_MANAGEMENT }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>门店形象分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.STORE_IMAGE) > 0">
<a-tag color="cyan">{{ record.STORE_IMAGE }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>店务管理分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.ELECTRICITY_MANAGEMENT) > 0">
<a-tag color="cyan">{{ record.ELECTRICITY_MANAGEMENT }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>顾客评价分数(手动干预值)：</span>
</a-col>
<a-col :span="12" v-if="Number(record.CUSTOMERE_VALUATION) > 0">
<a-tag color="cyan">{{ record.CUSTOMERE_VALUATION }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>顾客评价分数(原值)：</span>
</a-col>
<a-col :span="12" v-if="Number(record.SCORE) > 0">
<a-tag color="cyan">{{ record.SCORE }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>顾客评价分数(最终值)：</span>
</a-col>
<a-col :span="12" v-if="Number(record.REAL_SCORE) > 0">
<a-tag color="cyan">{{ record.REAL_SCORE }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
<a-col :span="12" :style="{ marginBottom: '12px' }">
<a-col :span="12">
<span>门店配置分数：</span>
</a-col>
<a-col :span="12" v-if="Number(record.STORE_CONFIGURATION) > 0">
<a-tag color="cyan">{{ record.STORE_CONFIGURATION }}</a-tag>
</a-col>
<a-col :span="12" v-else>-</a-col>
</a-col>
</a-row>
</div>
<span slot="action" slot-scope="text, record">
<!-- <router-link :to="{path:'/userstaff/user_group_editor',query:{goid:0,userId:'GUID'}}"> -->
<a type="primary" @click="goEdit(record)">编辑</a>
<!-- </router-link> -->
<a-divider type="vertical" />
<a-popconfirm title="是否要删除此行？" @confirm="remove(record.GUID)">
<a>删除</a>
</a-popconfirm>
</span>
<!-- <s-table
slot="expandedRowRender"
slot-scope="text, record"
:columns="columnsMore"
:data="loadData"
>
</s-table> -->
</s-table>
<a-modal title="操作" :width="800" :destroyOnClose="destroyOnClose" v-model="visible" @ok="handleOk(1)">
<a-form :form="modalForm">
<a-form-item
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
hidden
v-decorator="['GUID']"
name="GUID"
placeholder="请输入评分GUID" />
</a-form-item>
<a-form-item
v-if="handOk==0"
label="门店名称"
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
disabled
v-decorator="['BRANCH_NAME']"
name="BRANCH_NAME"
placeholder="请输入门店名称" />
</a-form-item>
<a-form-item
label="门店编号"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['BRANCH_CODE',{rules: [{required:true,message:'请输入门店编号'}]}]"
name="BRANCH_CODE"
placeholder="请输入门店编号" />
</a-form-item>
<a-form-item
label="基础服务分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['BASIC_SERVICES',{rules: [{required:true,message:'请输入基础服务分数'}]}]"
name="BASIC_SERVICES"
placeholder="请输入基础服务分数" />
</a-form-item>
<a-form-item
label="质量管理分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['QUALITY_ASSURANCE',{rules: [{required:true,message:'请输入质量管理分数'}]}]"
name="QUALITY_ASSURANCE"
placeholder="请输入质量管理分数" />
</a-form-item>
<a-form-item
label="运营管理分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['OPERATION_MANAGEMENT',{rules: [{required:true,message:'请输入运营管理分数'}]}]"
name="OPERATION_MANAGEMENT"
placeholder="请输入运营管理分数" />
</a-form-item>
<a-form-item
label="门店形象分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['STORE_IMAGE',{rules: [{required:true,message:'请输入门店形象分数'}]}]"
name="STORE_IMAGE"
placeholder="请输入门店形象分数" />
</a-form-item>
<a-form-item
label="店务管理分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['ELECTRICITY_MANAGEMENT',{rules: [{required:true,message:'请输入店务管理分数'}]}]"
name="ELECTRICITY_MANAGEMENT"
placeholder="请输入店务管理分数" />
</a-form-item>
<a-form-item
label="顾客评价分数（手动干预评价分数）"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['CUSTOMERE_VALUATION',{rules: [{required:true,message:'请输入顾客评价分数（手动干预评价分数）'}]}]"
name="CUSTOMERE_VALUATION"
placeholder="请输入顾客评价分数（手动干预评价分数）" />
</a-form-item>
<a-form-item
label="门店配置分数"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['STORE_CONFIGURATION',{rules: [{required:true,message:'请输入门店配置分数'}]}]"
name="STORE_CONFIGURATION"
placeholder="请输入门店配置分数" />
</a-form-item>
<a-form-item
label="导入员工"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['ARTIFICIAL_NUMBER',{rules: [{required:true,message:'请输入导入员工'}]}]"
name="ARTIFICIAL_NUMBER"
placeholder="请输入导入员工" />
</a-form-item>
<a-form-item
label="导入员工姓名"
required
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-input
v-decorator="['ARTIFICIAL_NAME',{rules: [{required:true,message:'请输入导入员工姓名'}]}]"
name="ARTIFICIAL_NAME"
placeholder="请输入导入员工姓名" />
</a-form-item>
</a-form>
</a-modal>
</div>
</a-card>
</template>
......@@ -71,7 +289,7 @@
<script>
import moment from 'moment'
import { STable } from '@/components'
import { getUserGroup,deleteUserGroup } from '@/api/userstaff'
import { getEvaluateList,getEvaluateDetails,modifyEvaluateDetails,addEvaluate,deleteEvaluate } from '@/api/store'
export default {
name: 'TableList',
......@@ -81,34 +299,36 @@ export default {
data () {
return {
mdl: {},
labelCol: {
xs: { span: 8 },
sm: { span: 8 }
},
wrapperCol: {
xs: { span: 12 },
sm: { span: 12 }
},
destroyOnClose:true,
visible: false,
columns: [
{
title: '组名称',
dataIndex: 'NAME'
title: '门店名称',
dataIndex: 'BRANCH_NAME'
},
{
title: '优惠百分比',
dataIndex: 'GRADE_PERCENT',
scopedSlots: { customRender: 'GRADE_PERCENT' }
title: '门店编号',
dataIndex: 'BRANCH_CODE'
},
{
title: '是否为默认组',
dataIndex: 'IS_DEFAULT',
scopedSlots: { customRender: 'IS_DEFAULT' }
title: '导入人工号',
dataIndex: 'ARTIFICIAL_NUMBER'
},
{
title: '所需积分',
dataIndex: 'IS_SETRANGE',
scopedSlots: { customRender: 'IS_SETRANGE' }
title: '导入人姓名',
dataIndex: 'ARTIFICIAL_NAME'
},
{
title: '积分比率',
dataIndex: 'MONEY_POINT_SRATE',
scopedSlots: { customRender: 'MONEY_POINT_SRATE' }
},
{
title: '添加时间',
dataIndex: 'CREATE_TIME'
title: '更新时间',
dataIndex: 'UPDATE_TIME'
},
{
title: '操作',
......@@ -117,14 +337,24 @@ export default {
}
],
// form
form: this.$form.createForm(this),
formCheck: this.$form.createForm(this),
modalForm:this.$form.createForm(this),
// 查询参数
queryParam: {},
queryParam: {},//查询参数
queryParam1:{},//编辑参数
// whichOptions:0,//单纯查询0or编辑之后查询1
// giveArray:{},//传递数组
handOk:1,//新建1or编辑0
// 加载数据方法 必须为 Promise 对象
loadData: parameter => {
return getUserGroup(Object.assign(parameter, this.queryParam))
// if(this.whichOptions==1){
// this.giveArray=Object.assign(parameter, {})
// }else{
// this.giveArray=Object.assign(parameter, this.queryParam)
// }
return getEvaluateList(Object.assign(parameter, this.queryParam))
.then(res => {
console.log(res)
// this.whichOptions=0;
res.pageSize=res._meta.perPage;
res.page=res._meta.currentPage;
res.totalPage=res._meta.pageCount;
......@@ -138,11 +368,76 @@ export default {
}
},
mounted(){
this.$refs.table.refresh();
// this.$refs.table.refresh();
},
methods: {
remove ( key ) {
console.log(key)
deleteEvaluate(key).then(res => {
this.$refs.table.refresh();
}).catch(err => {
})
},
checkList(){
// this.whichOptions=0;
this.$refs.table.refresh(true)
},
handleOk(){
if(this.handOk==0){
const { modalForm: { validateFields } } = this;
validateFields({ force: true }, (err, values) => {
if (!err) {
const EvaluateModify = Object.assign({ ...values });
modifyEvaluateDetails(EvaluateModify).then(res => {
this.visible=false;
// this.whichOptions=1;
this.$refs.table.refresh(true)
}).catch(err => {
})
}
})
}else{
const { modalForm: { validateFields } } = this;
validateFields({ force: true }, (err, values) => {
if (!err) {
const EvaluateModify = Object.assign({ ...values });
addEvaluate(EvaluateModify).then(res => {
this.visible=false;
// this.whichOptions=1;
this.$refs.table.refresh(true)
}).catch(err => {
})
}
})
// addEvaluate(this.queryParam1).then(res => {
// this.visible=false;
// this.whichOptions=1;
// this.$refs.table.refresh(true)
// }).catch(err => {
// })
}
},
goEdit(value){
this.visible = true
if(value==1){
this.handOk=1
}else{
this.handOk=0;
getEvaluateDetails(value.GUID).then(res => {
this.$nextTick(() => {
this.modalForm.setFieldsValue(res)
})
// this.queryParam1=Object.assign({}, res);
}).catch(err => {
})
}
},
handleChange (value, key, column, record) {
console.log(value, key, column)
record[column.dataIndex] = value
},
edit (row) {
......
src/views/userstaff/uList.vue
View file @ 4fc70da0
<template>
<div>
<div class="table-page-search-wrapper">
<a-form layout="inline">
<a-form :form='formCheck' layout="inline">
<a-row :gutter="48">
<a-col :md="8" :sm="24">
<a-form-item label="用户名">
<a-input v-model="queryParam.id" placeholder="请输入"/>
<a-input v-model="queryParam.NAME" placeholder="请输入"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="绑定会员">
<a-select v-model="queryParam.status" placeholder="请选择" default-value="0">
<a-select v-model="queryParam.BINDCARD" placeholder="请选择" default-value="0">
<a-select-option value="0">否</a-select-option>
<a-select-option value="1">是</a-select-option>
</a-select>
......@@ -19,17 +19,17 @@
<template v-if="advanced">
<a-col :md="8" :sm="24">
<a-form-item label="会员卡号">
<a-input-number v-model="queryParam.callNo" placeholder="请输入" style="width: 100%"/>
<a-input-number v-model="queryParam.MEMBER_NO" placeholder="请输入" style="width: 100%"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="注册时间">
<a-date-picker v-model="queryParam.date" style="width: 100%" placeholder="请输入更新日期"/>
<a-date-picker v-model="queryParam.CREATE_DATE" style="width: 100%" placeholder="请输入更新日期"/>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="用户所属">
<a-select v-model="queryParam.useStatus" placeholder="请选择" default-value="0">
<a-select v-model="queryParam.USER_GROUP_GUID" placeholder="请选择" default-value="0">
<a-select-option value="0">全部</a-select-option>
<a-select-option value="1">关闭</a-select-option>
<a-select-option value="2">运行中</a-select-option>
......@@ -38,7 +38,7 @@
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="手机号/账号">
<a-input-number v-model="queryParam.callNo" placeholder="请输入" style="width: 100%"/>
<a-input-number v-model="queryParam.CODE" placeholder="请输入" style="width: 100%"/>
</a-form-item>
</a-col>
</template>
......@@ -60,94 +60,208 @@
size="default"
:columns="columns"
:data="loadData"
rowKey='GUID'
>
<!-- :data="loadData" -->
<span slot="action">
<router-link to="/userstaff/ulist_details">
<a type="primary">修改</a>
</router-link>
<!-- <a-divider type="vertical"/>
<a-dropdown>
<a class="ant-dropdown-link">
更多 <a-icon type="down"/>
</a>
<a-menu slot="overlay">
<a-menu-item>
<a href="javascript:;">1st menu item</a>
</a-menu-item>
<a-menu-item>
<a href="javascript:;">2nd menu item</a>
</a-menu-item>
<a-menu-item>
<a href="javascript:;">3rd menu item</a>
</a-menu-item>
</a-menu>
</a-dropdown> -->
<span slot="action" slot-scope="text, record">
<!-- <router-link to="/userstaff/ulist_details"> -->
<a type="primary" @click="handleEdit(record)">修改</a>
<!-- </router-link> -->
</span>
</s-table>
<a-modal title="操作" :width="800" :destoryOnClose="destoryOnClose" v-model="visible" @ok='handleOk(0)'>
<a-form :form="modalForm">
<a-form-item
label="昵称"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
v-decorator="['NAME']"
name="NAME"
placeholder="请输入昵称" />
</a-form-item>
<a-form-item
required
label="工号/手机号"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
disabled
v-decorator="['CODE']"
name="CODE"
placeholder="请输入工号/手机号" />
</a-form-item>
<a-form-item
label="积分"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
disabled
v-decorator="['CONSUMPTION_POINT']"
name="CONSUMPTION_POINT"
placeholder="请输入积分" />
</a-form-item>
<a-form-item
label="所属用户组"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-select
mode="multiple"
:size="size"
placeholder='请选择用户组'
v-decorator="['userMemberGradeList']"
>
<a-select-option v-for="item in modal_usergroup" :key="item.GUID">
{{item.NAME}}
</a-select-option>
</a-select>
</a-form-item>
<a-form-item
label="手机号"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
v-decorator="['MOBILE_PHONE']"
name="MOBILE_PHONE"
placeholder="请输入手机号" />
</a-form-item>
<a-form-item
label="性别"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-select
v-decorator="['CONTACT_SEX',{initialValue:'0',normalize:checkNull}]"
>
<a-select-option value="1">男</a-select-option>
<a-select-option value="0">女</a-select-option>
</a-select>
</a-form-item>
<a-form-item
label="出生日期"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-date-picker
v-decorator="['CONTACTBIRTH_DATE']"
/>
</a-form-item>
<a-form-item
label="员工工号"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
v-decorator="['EMPLOYEE_CODE']"
name="EMPLOYEE_CODE"
placeholder="请输入员工工号" />
</a-form-item>
<a-form-item
label="门店代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
v-decorator="['EMPLOYEE_GUID']"
name="EMPLOYEE_GUID"
placeholder="请输入门店代码" />
</a-form-item>
<a-form-item
label="会员卡号"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-input
v-decorator="['MEMBER_NO']"
name="MEMBER_NO"
placeholder="请输入会员卡号" />
</a-form-item>
<a-form-item
label="会员标签"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-select
mode="multiple"
v-decorator="['LABEL']"
:size="size"
>
<a-select-option v-for="i in 25" :key="(i + 9).toString(36) + i">
{{(i + 9).toString(36) + i}}
</a-select-option>
</a-select>
</a-form-item>
<a-form-item
label="是否为惠氏分销商上级"
:labelCol="labelCol"
:wrapperCol="wrapperCol">
<a-select
v-decorator="['IS_HS_DISTRIBUTOR_PARENT',{initialValue:'0',normalize:checkNull}]"
>
<a-select-option value="1">是</a-select-option>
<a-select-option value="0">否</a-select-option>
</a-select>
</a-form-item>
</a-form>
</a-modal>
</div>
</template>
<script>
import moment from 'moment'
import { STable } from '@/components'
import { getUList,getUserGroup,getUListDetails,UListModify } from '@/api/userstaff'
export default {
name: 'TableList',
components: {
STable
},
// mounted(){
// var url = this.HOME + 'ajax/json_demo.json'; //HOME变量为已挂载的可跨域域名，这里将其拼接完，成为一个完整路径
// console.log(url)
// this.$axios({ //this代表vue对象，之前在入口文件中把axios挂载到了vue中，所以这里直接用this.$axios调用axios对象
// method: 'get',
// url:url
// }).then(function (res) {
// console.log(res);
// }).catch(function (err) {
// console.log(err);
// })
// },
data () {
return {
mdl: {},
destoryOnClose:true,
labelCol: {
xs: { span: 8 },
sm: { span: 8 }
},
wrapperCol: {
xs: { span: 12 },
sm: { span: 12 }
},
visible:false,
size: 'default',
// queryParam1: {},
modal_usergroup:[],
// 高级搜索 展开/关闭
advanced: false,
// 查询参数
queryParam: {},
formCheck:this.$form.createForm(this),
modalForm:this.$form.createForm(this),
columns: [
{
title: '规则编号',
dataIndex: 'no'
},
{
title: '用户姓名',
dataIndex: 'name'
dataIndex: 'NAME'
},
{
title: '注册时间',
dataIndex: 'zhucetime'
dataIndex: 'CREATE_DATE'
},
{
title: '推荐工号',
dataIndex: 'tjgh'
dataIndex: 'USER_GROUP_GUID'
},
{
title: '电话',
dataIndex: 'dh'
dataIndex: 'CODE'
},
{
title: 'wecha_id',
dataIndex: 'wehid'
dataIndex: 'WX_NO'
},
{
title: '用户标签',
dataIndex: 'yhbq'
dataIndex: 'LABEL'
},
{
title: '积分',
dataIndex: 'points'
dataIndex: 'CONSUMPTION_POINT'
},
{
title: '操作',
......@@ -155,18 +269,86 @@ export default {
scopedSlots: { customRender: 'action' }
}
],
// giveArray:{},//查询参数
// whichOptions:0,//0为修改查询，1为默认查询
// 加载数据方法 必须为 Promise 对象
loadData: parameter => {
return this.$http.get('/service', {
params: Object.assign(parameter, this.queryParam)
}).then(res => {
console.log(res.result)
return res.result
})
// if(this.whichOptions==1){
// this.giveArray=Object.assign(parameter, {})
// }else{
// this.giveArray=Object.assign(parameter, this.queryParam)
// }
return getUList(Object.assign(parameter, this.queryParam))
.then(res => {
// this.whichOptions=0;
res.pageSize=res._meta.perPage;
res.page=res._meta.currentPage;
res.totalPage=res._meta.pageCount;
res.totalCount=res._meta.totalCount;
return res
})
}
}
},
mounted(){
// getUserGroup().then(res => {
// console.log('用户组')
// console.log(res)
// }).catch(err => {
// })
},
methods: {
checkNull(value){
if(value==null){
return '0';
}
},
handleOk(value){
if(value==0){
const { modalForm: { validateFields } } = this;
validateFields({ force: true }, (err, values) => {
if (!err) {
const EvaluateModify = Object.assign({ ...values });
UListModify(EvaluateModify).then(res => {
this.visible=false;
// this.whichOptions=1;
this.$refs.table.refresh(true)
}).catch(err => {
})
}
})
// console.log(this.queryParam1)
// UListModify(this.queryParam1).then(res => {
// this.visible=false;
// // this.whichOptions=1;
// this.$refs.table.refresh(true)
// }).catch(err => {
// })
}
},
handleEdit(record) {
this.visible = true
var that=this;
getUListDetails(record.GUID).then(res => {
this.$nextTick(() => {
this.modalForm.setFieldsValue(res.data.userInfo)
that.modal_usergroup=res.data.memberGradeList;
})
// that.queryParam1=Object.assign({}, res.data.userInfo);
// if(that.queryParam1.IS_HS_DISTRIBUTOR_PARENT==null){
// that.queryParam1.IS_HS_DISTRIBUTOR_PARENT='0';
// }
// if(that.queryParam1.CONTACT_SEX==null){
// that.queryParam1.CONTACT_SEX='0';
// }
}).catch(err => {
})
},
toggleAdvanced () {
this.advanced = !this.advanced
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment