feat(member): 后台管理移除会员昵称列
This commit is contained in:
parent
ad1b873074
commit
11d55cd01b
|
@ -2,43 +2,41 @@
|
|||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:topList="topList"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
></topBar>
|
||||
/>
|
||||
<div class="main">
|
||||
<div class="form_all">
|
||||
<el-form ref="select" :model="select" label-width="auto">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="4">
|
||||
<el-form-item label="服务编号">
|
||||
<el-input clearable v-model="select.serviceCode"></el-input>
|
||||
<el-input v-model="select.serviceCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'会员编号'">
|
||||
<el-input clearable v-model="select.memberCode"></el-input>
|
||||
<el-input v-model="select.memberCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="creationTime"
|
||||
@change="changeTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
:clearable="false"
|
||||
:range-separator="'至'"
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="creationTime"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="daterange"
|
||||
:clearable="false"
|
||||
:range-separator="'至'"
|
||||
:start-placeholder="'开始日期'"
|
||||
:end-placeholder="'结束日期'"
|
||||
@change="changeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4">
|
||||
<el-button type="primary" @click="getList">
|
||||
{{ '搜索' }}</el-button
|
||||
>
|
||||
{{ '搜索' }}</el-button>
|
||||
<el-button type="" @click="reset"> {{ '重置' }}</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
@ -49,30 +47,28 @@
|
|||
<el-button
|
||||
v-has-buttons="['ServiceNumberAdd']"
|
||||
size="small"
|
||||
@click="openDig"
|
||||
class="addBtn"
|
||||
>{{ '添加' }}</el-button
|
||||
>
|
||||
@click="openDig"
|
||||
>{{ '添加' }}</el-button>
|
||||
<el-button
|
||||
size="small"
|
||||
@click="handleExport"
|
||||
v-hasButtons="['ServiceNumberExport']"
|
||||
size="small"
|
||||
class="exportBtn"
|
||||
@click="handleExport"
|
||||
>
|
||||
{{ '导出' }}</el-button
|
||||
>
|
||||
{{ '导出' }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="maintable">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:header-cell-style="{ background: '#EEEEEE' }"
|
||||
:row-class-name="tableRowClassName"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column align="center" prop="serviceCode" label="服务编号" />
|
||||
<el-table-column
|
||||
align="center"
|
||||
|
@ -85,7 +81,6 @@
|
|||
:label="'会员姓名'"
|
||||
/>
|
||||
|
||||
<el-table-column align="center" prop="nickName" label="会员昵称" />
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="gradeName"
|
||||
|
@ -109,10 +104,10 @@
|
|||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
@click="handleDelete(scope.row.memberCode)"
|
||||
type="text"
|
||||
v-has-buttons="['ServiceNumberDelete']"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDelete(scope.row.memberCode)"
|
||||
>
|
||||
{{ '删除' }}
|
||||
</el-button>
|
||||
|
@ -142,23 +137,23 @@
|
|||
<el-col :span="12">
|
||||
<el-form-item :label="'会员编号'" prop="memberCode">
|
||||
<el-input
|
||||
clearable
|
||||
v-model="form.memberCode"
|
||||
clearable
|
||||
:placeholder="'请选择'"
|
||||
@blur="checkName"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="'会员姓名'">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="form.memberName"
|
||||
disabled
|
||||
:placeholder="'请输入会员姓名'"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
|
@ -170,63 +165,63 @@
|
|||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import topBar from "@/components/topBar";
|
||||
import * as api from "@/api/configManage.js";
|
||||
import topBar from '@/components/topBar'
|
||||
import * as api from '@/api/configManage.js'
|
||||
export default {
|
||||
name: "ServiceNumber",
|
||||
name: 'ServiceNumber',
|
||||
components: {
|
||||
topBar,
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moren: "serviceNumber",
|
||||
moren: 'serviceNumber',
|
||||
topList: [
|
||||
{
|
||||
name: "服务编号配置",
|
||||
path: "serviceNumber",
|
||||
},
|
||||
name: '服务编号配置',
|
||||
path: 'serviceNumber'
|
||||
}
|
||||
],
|
||||
select: {},
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
pageSize: 50
|
||||
},
|
||||
total: 0,
|
||||
dialogVisible: false,
|
||||
tableData: [],
|
||||
loading: false,
|
||||
form: {},
|
||||
dialogTitle: "",
|
||||
dialogTitle: '',
|
||||
rules: {
|
||||
memberCode: [
|
||||
{ required: true, message: '请输入', trigger: "blur" },
|
||||
],
|
||||
{ required: true, message: '请输入', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
multipleSelection: [],
|
||||
creationTime: [],
|
||||
};
|
||||
creationTime: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// 获取列表
|
||||
this.getList();
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
changeTime(val) {
|
||||
this.select.startDate = val ? val[0] : "";
|
||||
this.select.endDate = val ? val[1] : "";
|
||||
this.select.startDate = val ? val[0] : ''
|
||||
this.select.endDate = val ? val[1] : ''
|
||||
},
|
||||
checkName() {
|
||||
api
|
||||
.checkMemberDetail({ memberCode: this.form.memberCode })
|
||||
.then((res) => {
|
||||
this.$set(this.form, "memberName", res.data.memberName);
|
||||
});
|
||||
this.$set(this.form, 'memberName', res.data.memberName)
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
this.multipleSelection = val
|
||||
},
|
||||
onSubmit(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
|
@ -235,93 +230,93 @@ export default {
|
|||
if (res.code == 200) {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.dialogVisible = false;
|
||||
type: 'success'
|
||||
})
|
||||
this.dialogVisible = false
|
||||
// 获取列表
|
||||
this.getList();
|
||||
this.$refs[formName].resetFields();
|
||||
this.$refs[formName].clearValidate();
|
||||
this.getList()
|
||||
this.$refs[formName].resetFields()
|
||||
this.$refs[formName].clearValidate()
|
||||
}
|
||||
});
|
||||
})
|
||||
} else {
|
||||
return false;
|
||||
return false
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
reset() {
|
||||
this.select = {};
|
||||
this.creationTime = [];
|
||||
this.select = {}
|
||||
this.creationTime = []
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
};
|
||||
this.getList();
|
||||
pageSize: 50
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
// 删除
|
||||
handleDelete(code) {
|
||||
this.$confirm('确认删除?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: "warning",
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
api
|
||||
.delServiceNumber({
|
||||
memberCode: code,
|
||||
memberCode: code
|
||||
})
|
||||
.then((res) => {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.getList();
|
||||
});
|
||||
});
|
||||
type: 'success'
|
||||
})
|
||||
this.getList()
|
||||
})
|
||||
})
|
||||
},
|
||||
openDig() {
|
||||
this.form = {};
|
||||
this.dialogVisible = true;
|
||||
this.dialogTitle = '添加';
|
||||
this.form = {}
|
||||
this.dialogVisible = true
|
||||
this.dialogTitle = '添加'
|
||||
},
|
||||
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.loading = true
|
||||
api
|
||||
.getServiceNumberList(Object.assign({}, this.queryParams, this.select))
|
||||
.then((res) => {
|
||||
this.tableData = res.rows;
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
});
|
||||
this.tableData = res.rows
|
||||
this.total = res.total
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.$confirm('是否确认导出所有数据项?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: "warning",
|
||||
type: 'warning'
|
||||
}).then((_) => {
|
||||
this.download(
|
||||
"/member/manage/member-service-code/export",
|
||||
'/member/manage/member-service-code/export',
|
||||
Object.assign({}, this.queryParams, this.select),
|
||||
`服务编号配置-${new Date().getTime()}.xlsx`
|
||||
);
|
||||
});
|
||||
)
|
||||
})
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false;
|
||||
this.dialogVisible = false
|
||||
},
|
||||
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (rowIndex % 2 == 1) {
|
||||
return "warning-row";
|
||||
return 'warning-row'
|
||||
} else if (rowIndex % 2 == 0) {
|
||||
return "success-row";
|
||||
return 'success-row'
|
||||
}
|
||||
return "";
|
||||
},
|
||||
},
|
||||
};
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-table .warning-row {
|
||||
|
@ -455,4 +450,3 @@ export default {
|
|||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -549,12 +549,6 @@
|
|||
:label="'会员姓名'"
|
||||
width="180"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="allTxt.nickName"
|
||||
align="center"
|
||||
prop="nickName"
|
||||
label="会员昵称"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="allTxt.phone"
|
||||
align="center"
|
||||
|
|
Loading…
Reference in New Issue