Browse Source

页面修复

master
主管理员 2 months ago
parent
commit
8839150fcd
2 changed files with 86 additions and 74 deletions
  1. +1
    -1
      CatmDogd-Mall-Front-test/.env.development
  2. +85
    -73
      CatmDogd-Mall-Front-test/src/views/model/AppUsers/index.vue

+ 1
- 1
CatmDogd-Mall-Front-test/.env.development View File

@ -6,7 +6,7 @@ ENV = 'development'
# 若依管理系统/开发环境 https://pet-admin.hhlm1688.com/api
#VUE_APP_BASE_API = 'https://pet-admin.hhlm1688.com/api/prod-api'
VUE_APP_BASE_API = 'http://localhost:8001'
VUE_APP_BASE_API = 'http://localhost:8081/prod-api'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true


+ 85
- 73
CatmDogd-Mall-Front-test/src/views/model/AppUsers/index.vue View File

@ -75,11 +75,30 @@
placeholder="选择过期时间">
</el-date-picker>
</el-form-item>
<el-form-item class="flex_one tr">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-form-item label="是否合伙人" prop="userHh">
<el-input
v-model="queryParams.userHh"
placeholder="请输入是否合伙人"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否伴宠师" prop="userBcs">
<el-input
v-model="queryParams.userBcs"
placeholder="请输入是否伴宠师"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</template>
<el-form-item class="flex_one tr">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
@ -90,7 +109,7 @@
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['model:AppUsers:add']"
v-hasPermi="['model:appUsers:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
@ -101,7 +120,7 @@
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['model:AppUsers:edit']"
v-hasPermi="['model:appUsers:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
@ -112,7 +131,7 @@
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['model:AppUsers:remove']"
v-hasPermi="['model:appUsers:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
@ -123,13 +142,13 @@
size="mini"
:loading="exportLoading"
@click="handleExport"
v-hasPermi="['model:AppUsers:export']"
v-hasPermi="['model:appUsers:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="AppUsersList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="appUsersList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="用户编号" align="center" prop="userId" />
<el-table-column label="备注" align="center" prop="remark" v-if="columns[0].visible"/>
@ -145,9 +164,11 @@
<el-table-column label="刷新token" align="center" prop="refreshToken" v-if="columns[10].visible"/>
<el-table-column label="过期时间" align="center" prop="expireTime" width="180" v-if="columns[11].visible">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.expireTime, '')}}</span>
<span>{{ parseTime(scope.row.expireTime, '')}}</span>
</template>
</el-table-column>
<el-table-column label="是否合伙人" align="center" prop="userHh" v-if="columns[12].visible"/>
<el-table-column label="是否伴宠师" align="center" prop="userBcs" v-if="columns[13].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -155,14 +176,14 @@
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['model:AppUsers:edit']"
v-hasPermi="['model:appUsers:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['model:AppUsers:remove']"
v-hasPermi="['model:appUsers:remove']"
>删除</el-button>
</template>
</el-table-column>
@ -176,7 +197,7 @@
@pagination="getList"
/>
<!-- 添加或修改用户对话框 -->
<!-- 添加或修改用户对话框 -->
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
<el-form-item label="逻辑删除" prop="delFlag">
@ -217,12 +238,18 @@
</el-form-item>
<el-form-item label="过期时间" prop="expireTime">
<el-date-picker clearable size="small"
v-model="form.expireTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择过期时间">
v-model="form.expireTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择过期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="是否合伙人" prop="userHh">
<el-input v-model="form.userHh" placeholder="请输入是否合伙人" />
</el-form-item>
<el-form-item label="是否伴宠师" prop="userBcs">
<el-input v-model="form.userBcs" placeholder="请输入是否伴宠师" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
@ -233,8 +260,14 @@
</template>
<script>
import { listAppUsers, getAppUsers, delAppUsers, addAppUsers, updateAppUsers, exportAppUsers } from "@/api/model/AppUsers";
import {parseTime} from "../../../utils/ruoyi";
import {
listAppUsers,
getAppUsers,
delAppUsers,
addAppUsers,
updateAppUsers,
exportAppUsers
} from "@/api/model/AppUsers";
export default {
name: "AppUsers",
@ -254,8 +287,8 @@ export default {
showSearch: true,
//
total: 0,
//
AppUsersList: [],
//
appUsersList: [],
//
title: "",
//
@ -265,63 +298,55 @@ export default {
pageNum: 1,
pageSize: 10,
updatorBy: null,
userImage: null,
userName: null,
userState: null,
userTelephone: null,
unionid: null,
openid: null,
accessToken: null,
expiresIn: null,
refreshToken: null,
expireTime: null,
userHh: null,
userBcs: null
},
//
form: {},
//
rules: {
userName: [
{ required: true, message: "用户名称不能为空", trigger: "blur" }
{required: true, message: "用户名称不能为空", trigger: "blur"}
],
},
columns: [
{ key: 4, label: "备注", visible: true },
{ key: 6, label: "修改人", visible: true },
{ key: 7, label: "用户头像", visible: false },
{ key: 8, label: "用户名称", visible: true },
{ key: 9, label: "用户状态, 0==为注册, 1==已注册为认证", visible: true },
{ key: 10, label: "用户电话", visible: false },
{ key: 11, label: "只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段", visible: false },
{ key: 12, label: "用户的标识,对当前公众号唯一", visible: false },
{ key: 13, label: "token", visible: false },
{ key: 14, label: "过期时间", visible: false },
{ key: 15, label: "刷新token", visible: false },
{ key: 16, label: "过期时间", visible: false },
],
{key: 4, label: "备注", visible: true},
{key: 6, label: "修改人", visible: true},
{key: 7, label: "用户头像", visible: false},
{key: 8, label: "用户名称", visible: true},
{key: 9, label: "用户状态, 0==为注册, 1==已注册为认证", visible: true},
{key: 10, label: "用户电话", visible: false},
{key: 11, label: "只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段", visible: false},
{key: 12, label: "用户的标识,对当前公众号唯一", visible: false},
{key: 13, label: "token", visible: false},
{key: 14, label: "过期时间", visible: false},
{key: 15, label: "刷新token", visible: false},
{key: 16, label: "过期时间", visible: false},
{key: 17, label: "是否合伙人", visible: false},
{key: 18, label: "是否伴宠师", visible: false},
],
showMoreCondition: false
};
},
created() {
this.getList();
},
methods: {
parseTime,
/** 查询用户列表 */
/** 查询用户表列表 */
getList() {
this.loading = true;
listAppUsers(this.queryParams).then(response => {
this.AppUsersList = response.rows;
this.appUsersList = response.rows;
this.total = response.total;
this.loading = false;
});
@ -335,39 +360,24 @@ export default {
reset() {
this.form = {
userId: null,
createBy: null,
createTime: null,
delFlag: null,
remark: null,
updateTime: null,
updatorBy: null,
userImage: null,
userName: null,
userState: null,
userTelephone: null,
unionid: null,
openid: null,
accessToken: null,
expiresIn: null,
refreshToken: null,
expireTime: null,
userHh: null,
userBcs: null
};
this.resetForm("form");
},
@ -384,14 +394,14 @@ export default {
//
handleSelectionChange(selection) {
this.ids = selection.map(item => item.userId)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户";
this.title = "添加用户";
},
/** 修改按钮操作 */
handleUpdate(row) {
@ -400,7 +410,7 @@ export default {
getAppUsers(userId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改用户";
this.title = "修改用户";
});
},
/** 提交按钮 */
@ -426,23 +436,25 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const userIds = row.userId || this.ids;
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function() {
this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(function () {
return delAppUsers(userIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams;
this.$modal.confirm('是否确认导出所有用户数据项?').then(() => {
this.$modal.confirm('是否确认导出所有用户数据项?').then(() => {
this.exportLoading = true;
return exportAppUsers(queryParams);
}).then(response => {
this.download(response.msg);
this.exportLoading = false;
}).catch(() => {});
}).catch(() => {
});
}
}
};


Loading…
Cancel
Save