|
|
|
@ -1,38 +1,38 @@ |
|
|
|
<template> |
|
|
|
<el-card class="card1"> |
|
|
|
<el-text size="large">姓名：</el-text> |
|
|
|
<el-input v-model="searchObj.name" placeholder="请输入姓名" style="width: 12vw;margin-right:1vw" |
|
|
|
<el-text size="large">{{ t('common.name') }}：</el-text> |
|
|
|
<el-input v-model="searchObj.name" :placeholder="t('common.pleaseInputName')" style="width: 12vw;margin-right:1vw" |
|
|
|
clearable></el-input> |
|
|
|
|
|
|
|
<el-text size="large">精网号：</el-text> |
|
|
|
<el-input v-model="searchObj.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" |
|
|
|
<el-text size="large">{{ t('common.jwcode') }}：</el-text> |
|
|
|
<el-input v-model="searchObj.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width: 12vw;margin-right:1vw" |
|
|
|
clearable></el-input> |
|
|
|
|
|
|
|
<el-text size="large" style="width: 80px">更新时间：</el-text> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" :default-time="defaultTime" range-separator="至" |
|
|
|
start-placeholder="开始时间" end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" /> |
|
|
|
<el-text size="large" style="width: 80px">{{ t('common.updateTime') }}：</el-text> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" :default-time="defaultTime" :range-separator="t('common.to')" |
|
|
|
:start-placeholder="t('common.startTime')" :end-placeholder="t('common.endTime')" style="width: 25vw;margin-right:1vw" /> |
|
|
|
|
|
|
|
<el-button type="primary" @click="get">查询</el-button> |
|
|
|
<el-button type="success" @click="resetSearch">重置</el-button> |
|
|
|
<el-button type="primary" @click="get">{{ t('common.search') }}</el-button> |
|
|
|
<el-button type="success" @click="resetSearch">{{ t('common.reset') }}</el-button> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-card class="card2" style="margin-top:10px" v-show="tableData.length > 0"> |
|
|
|
<el-table :data="tableData" style="width: 82vw;height:74vh"> |
|
|
|
<el-table-column type="index" label="序号" width="100" header-align="center" align="center"> |
|
|
|
<el-table-column type="index" :label="t('common_list.id')" width="100" header-align="center" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="客户姓名" width="180" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="jwcode" label="精网号" width="180" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="num" label="数量" width="180" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="updateType" show-overflow-tooltip label="更新类型" width="180" align="center" /> |
|
|
|
<el-table-column prop="freeGold" label="免费金币" width="180" align="center" /> |
|
|
|
<el-table-column prop="permanentGold" label="永久金币" width="180" align="center" /> |
|
|
|
<el-table-column prop="taskGold" label="任务金币" width="180" align="center" /> |
|
|
|
<el-table-column prop="operator" label="操作人" width="180" /> |
|
|
|
<el-table-column prop="createTime" label="更新时间" width="200" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="remark" label="备注" show-overflow-tooltip width="200" align="center" /> |
|
|
|
<el-table-column prop="name" :label="t('common_list.customerName')" width="180" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="180" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="num" :label="t('common_list.number')" width="180" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="updateType" show-overflow-tooltip :label="t('common_list.type')" width="180" align="center" /> |
|
|
|
<el-table-column prop="freeGold" :label="t('common_list.freeGold')" width="180" align="center" /> |
|
|
|
<el-table-column prop="permanentGold" :label="t('common_list.permanentGold')" width="180" align="center" /> |
|
|
|
<el-table-column prop="taskGold" :label="t('common_list.taskGold')" width="180" align="center" /> |
|
|
|
<el-table-column prop="operator" :label="t('common_list.operator')" width="180" /> |
|
|
|
<el-table-column prop="createTime" :label="t('common_list.updateTime')" width="200" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="remark" :label="t('common_list.remark')" show-overflow-tooltip width="200" align="center" /> |
|
|
|
</el-table> |
|
|
|
<el-pagination background style="margin-top:20px" :current-page="pagination.pageNum" |
|
|
|
:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" |
|
|
|
@ -51,6 +51,11 @@ import dayjs from 'dayjs' |
|
|
|
const adminStore = useAdminStore() |
|
|
|
const { adminData, menuTree } = storeToRefs(adminStore) |
|
|
|
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js" |
|
|
|
// 国际化 |
|
|
|
import { useI18n } from 'vue-i18n' |
|
|
|
|
|
|
|
const { t } = useI18n() |
|
|
|
|
|
|
|
|
|
|
|
const defaultTime = [ |
|
|
|
new Date(2000, 1, 1, 0, 0, 0), |
|
|
|
@ -71,7 +76,7 @@ const pagination = ref({ |
|
|
|
//获取新表数据 |
|
|
|
const get = async function () { |
|
|
|
if(!canLook.value){ |
|
|
|
ElMessage.error('无此权限') |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
@ -89,13 +94,13 @@ const get = async function () { |
|
|
|
} |
|
|
|
}) |
|
|
|
if (res.code == 200) { |
|
|
|
ElMessage.success('查询成功') |
|
|
|
ElMessage.success(t('elmessage.searchSuccess')) |
|
|
|
tableData.value = res.data.list |
|
|
|
console.log('tableData.value', res.data.list) |
|
|
|
pagination.value.total = res.data.total |
|
|
|
} |
|
|
|
} else { |
|
|
|
ElMessage.error('请输入姓名或精网号') |
|
|
|
ElMessage.error(t('elmessage.checkNameOrJwcode')) |
|
|
|
return |
|
|
|
} |
|
|
|
} catch (e) { |
|
|
|
|
zhangrenyuan
1 month ago