RIceWqy
2 years ago
parent
4b7cd48796
commit
aea6bbfab6
@ -0,0 +1,83 @@
|
||||
export const tableOption = {
|
||||
searchMenuSpan: 6,
|
||||
columnBtn: false,
|
||||
border: true,
|
||||
// selection: true,
|
||||
index: false,
|
||||
indexLabel: '序号',
|
||||
stripe: true,
|
||||
menuAlign: 'center',
|
||||
menuWidth: 350,
|
||||
align: 'center',
|
||||
refreshBtn: true,
|
||||
searchSize: 'mini',
|
||||
addBtn: false,
|
||||
editBtn: false,
|
||||
delBtn: false,
|
||||
viewBtn: false,
|
||||
props: {
|
||||
label: 'label',
|
||||
value: 'value'
|
||||
},
|
||||
column: [
|
||||
{
|
||||
label: '档案ID',
|
||||
prop: 'portfolioId',
|
||||
search: false
|
||||
},
|
||||
{
|
||||
label: '会员ID',
|
||||
prop: 'userId',
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: '姓名',
|
||||
prop: 'name',
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: '出生日期',
|
||||
prop: 'birthDate',
|
||||
search: false
|
||||
},
|
||||
{
|
||||
label: '性别',
|
||||
prop: 'gender',
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: '民族',
|
||||
prop: 'ethnicity',
|
||||
search: false
|
||||
},
|
||||
{
|
||||
label: '身份证号码',
|
||||
prop: 'idCardNumber',
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: '联系电话',
|
||||
prop: 'phoneNumber',
|
||||
search: true
|
||||
},
|
||||
{
|
||||
label: '档案状态',
|
||||
prop: 'portfolioStatus',
|
||||
search: true,
|
||||
slot: true,
|
||||
type: 'select',
|
||||
dicData: [
|
||||
{
|
||||
label: '待审核',
|
||||
value: 0
|
||||
}, {
|
||||
label: '审核通过',
|
||||
value: 1
|
||||
}, {
|
||||
label: '审核未通过',
|
||||
value: -1
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="visible"
|
||||
:title="!dataForm.detailOrCheck ? '档案详情' : '档案审核'"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form
|
||||
ref="dataFormRef"
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
label-width="80px"
|
||||
@keyup.enter="onSubmit()"
|
||||
>
|
||||
<el-form-item
|
||||
label="用户头像"
|
||||
prop="pic"
|
||||
>
|
||||
<img
|
||||
v-if="dataForm.pic"
|
||||
:src="dataForm.pic"
|
||||
class="image"
|
||||
alt=""
|
||||
>
|
||||
<div v-else>
|
||||
无
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="用户昵称"
|
||||
prop="nickName"
|
||||
>
|
||||
<el-input
|
||||
v-model="dataForm.nickName"
|
||||
:disabled="true"
|
||||
placeholder="用户昵称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="状态"
|
||||
prop="status"
|
||||
>
|
||||
<el-radio-group v-model="dataForm.status">
|
||||
<el-radio :label="0">
|
||||
禁用
|
||||
</el-radio>
|
||||
<el-radio :label="1">
|
||||
正常
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span
|
||||
class="dialog-footer"
|
||||
>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="onSubmit()"
|
||||
>确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { Debounce } from '@/utils/debounce'
|
||||
|
||||
const emit = defineEmits(['refreshDataList'])
|
||||
|
||||
const visible = ref(false)
|
||||
const dataForm = ref({
|
||||
userId: 0,
|
||||
portfolioId: 0,
|
||||
nickName: '',
|
||||
pic: '',
|
||||
status: 1,
|
||||
detailOrCheck: 0
|
||||
})
|
||||
const page = reactive({
|
||||
total: 0, // 总页数
|
||||
currentPage: 1, // 当前页数
|
||||
pageSize: 10 // 每页显示多少条
|
||||
})
|
||||
const dataRule = {
|
||||
nickName: [
|
||||
{
|
||||
required: true,
|
||||
message: '用户名不能为空',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const dataFormRef = ref(null)
|
||||
const init = (params) => {
|
||||
dataForm.value.portfolioId = params.portfolioId || 0
|
||||
visible.value = true
|
||||
nextTick(() => {
|
||||
dataFormRef.value?.resetFields()
|
||||
})
|
||||
console.log(dataForm.value)
|
||||
if (dataForm.value.portfolioId) {
|
||||
http({
|
||||
url: http.adornUrl(`/user/portfolio/info/${dataForm.value.portfolioId}`),
|
||||
method: 'get',
|
||||
params: http.adornParams()
|
||||
})
|
||||
.then(({ data }) => {
|
||||
console.log(data)
|
||||
dataForm.value = data
|
||||
})
|
||||
}
|
||||
}
|
||||
defineExpose({ init })
|
||||
|
||||
/**
|
||||
* 表单提交
|
||||
*/
|
||||
const onSubmit = Debounce(() => {
|
||||
dataFormRef.value?.validate(valid => {
|
||||
if (valid) {
|
||||
http({
|
||||
url: http.adornUrl('/admin/user'),
|
||||
method: dataForm.value.userId ? 'put' : 'post',
|
||||
data: http.adornData({
|
||||
userId: dataForm.value.userId || undefined,
|
||||
nickName: dataForm.value.nickName,
|
||||
status: dataForm.value.status
|
||||
})
|
||||
})
|
||||
.then(() => {
|
||||
ElMessage({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
visible.value = false
|
||||
emit('refreshDataList', page)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<div class="mod-user">
|
||||
<avue-crud
|
||||
ref="crudRef"
|
||||
:page="page"
|
||||
:data="dataList"
|
||||
:option="tableOption"
|
||||
@search-change="onSearch"
|
||||
@selection-change="selectionChange"
|
||||
@on-load="getDataList"
|
||||
>
|
||||
<template #pic="scope">
|
||||
<span
|
||||
v-if="scope.row.pic"
|
||||
class="avue-crud__img"
|
||||
>
|
||||
<el-icon><Document/></el-icon>
|
||||
</span>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
|
||||
<template #portfolioStatus="scope">
|
||||
<el-tag
|
||||
v-if="scope.row.portfolioStatus === 0"
|
||||
type="info"
|
||||
>
|
||||
待审核
|
||||
</el-tag>
|
||||
<el-tag v-if="scope.row.portfolioStatus === 1" type="success">
|
||||
审核通过
|
||||
</el-tag>
|
||||
<el-tag v-if="scope.row.portfolioStatus === -1" type="danger">
|
||||
审核未通过
|
||||
</el-tag>
|
||||
</template>
|
||||
<template #menu="scope">
|
||||
<el-button
|
||||
v-if="isAuth('user:userPortfolio:detail')"
|
||||
type="primary"
|
||||
icon="el-icon-edit"
|
||||
@click.stop="onDetailOrCheck({portfolioId: scope.row.portfolioId,detailOrCheck:0})"
|
||||
>
|
||||
详情
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="isAuth('user:userPortfolio:approve')"
|
||||
type="danger"
|
||||
icon="el-icon-edit"
|
||||
@click.stop="onDetailOrCheck({portfolioId: scope.row.portfolioId,detailOrCheck:1})"
|
||||
>
|
||||
审核
|
||||
</el-button>
|
||||
</template>
|
||||
</avue-crud>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<detail-or-check
|
||||
v-if="detailOrCheckVisible"
|
||||
ref="detailOrCheckRef"
|
||||
@refresh-data-list="getDataList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { isAuth } from '@/utils'
|
||||
import { tableOption } from '@/crud/user/portfolio.js'
|
||||
import DetailOrCheck from './detail-or-check.vue'
|
||||
|
||||
const dataList = ref([])
|
||||
const dataListLoading = ref(false)
|
||||
const dataListSelections = ref([])
|
||||
const detailOrCheckVisible = ref(false)
|
||||
const page = reactive({
|
||||
total: 0, // 总页数
|
||||
currentPage: 1, // 当前页数
|
||||
pageSize: 10 // 每页显示多少条
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取数据列表
|
||||
*/
|
||||
const getDataList = (pageParam, params, done) => {
|
||||
dataListLoading.value = true
|
||||
http({
|
||||
url: http.adornUrl('/user/portfolio/page'),
|
||||
method: 'get',
|
||||
params: http.adornParams(
|
||||
Object.assign(
|
||||
{
|
||||
current: pageParam == null ? page.currentPage : pageParam.currentPage,
|
||||
size: pageParam == null ? page.pageSize : pageParam.pageSize
|
||||
},
|
||||
params
|
||||
)
|
||||
)
|
||||
})
|
||||
.then(({ data }) => {
|
||||
dataList.value = data.records
|
||||
page.total = data.total
|
||||
dataListLoading.value = false
|
||||
if (done) done()
|
||||
})
|
||||
}
|
||||
|
||||
const detailOrCheckRef = ref(null)
|
||||
/**
|
||||
* 详情 / 审核
|
||||
* @param param
|
||||
*/
|
||||
const onDetailOrCheck = (param) => {
|
||||
detailOrCheckVisible.value = true
|
||||
nextTick(() => {
|
||||
detailOrCheckRef.value?.init(param)
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 条件查询
|
||||
*/
|
||||
const onSearch = (params, done) => {
|
||||
getDataList(page, params, done)
|
||||
}
|
||||
|
||||
/**
|
||||
* 多选变化
|
||||
*/
|
||||
const selectionChange = (val) => {
|
||||
dataListSelections.value = val
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in new issue