update user/role 's search bar

Esse commit está contido em:
lb 2023-07-07 15:37:54 +08:00
commit 1080660be3
5 arquivos alterados com 162 adições e 52 exclusões

Ver arquivo

@ -94,13 +94,6 @@ export default function () {
form: {
rows: [
[
{
input: true,
label: "原料名称",
prop: "name",
rules: { required: true, message: "必填项不能为空", trigger: "blur" },
elparams: { placeholder: "请输入原料名称" },
},
{
input: true,
label: "原料编码",
@ -109,6 +102,13 @@ export default function () {
elparams: { placeholder: "请输入原料编码" },
},
{ input: true, label: "原料描述", prop: "description", elparams: { placeholder: "原料描述" } },
{
input: true,
label: "中文名称", // 即,原料名称
prop: "name",
rules: { required: true, message: "必填项不能为空", trigger: "blur" },
elparams: { placeholder: "请输入中文名称" },
},
],
[
// {

Ver arquivo

@ -11,17 +11,18 @@ export default function () {
// { prop: 'version', label: '配方号' },
// { prop: "shapeCode", label: "砖型" },
// { prop: 'status', label: '状态', subcomponent: StatusComponent }, // subcomponent
{ prop: "description", label: "详情", subcomponent: TableTextComponent },
// { prop: "description", label: "详情", subcomponent: TableTextComponent },
{ prop: "remark", label: "备注" },
{ prop: "createTime", label: "添加时间", filter: timeFilter },
{
prop: "operations",
name: "操作",
fixed: "right",
width: 120,
// width: 120,
width: 90,
subcomponent: TableOperaionComponent,
options: [
{ name: "copy", label: "复制", icon: "copy-document" },
// { name: "copy", label: "复制", icon: "copy-document" },
{ name: "edit", label: "编辑", icon: "edit-outline" },
{ name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "pms:packingStep:delete" },
],
@ -62,13 +63,13 @@ export default function () {
name: "查询",
},
},
// {
// button: {
// type: "plain",
// name: "新增",
// permission: "pms:packingStep:save",
// },
// },
{
button: {
type: "plain",
name: "新增",
// permission: "pms:packingStep:save",
},
},
];
const dialogConfigs = {
@ -76,7 +77,7 @@ export default function () {
extraIds: { wsId: 5 }, // 工艺管理里面的相关模块的 dialogWithMenu 需要额外的工序 id
menu: [
{ name: "包装工艺", key: "info" },
{ name: "工艺参数", key: "attr", onlyEditMode: true },
// { name: "工艺参数", key: "attr", onlyEditMode: true },
],
form: {
rows: [

Ver arquivo

@ -8,9 +8,9 @@ export default function () {
{ type: "index", label: "序号" },
{ prop: "name", label: "物料名称" },
{ prop: "code", label: "物料编码" },
{ prop: "typeDictValue", label: "物料类型", filter: dictFilter("product_type") },
// { prop: "typeDictValue", label: "物料类型", filter: dictFilter("product_type") },
{ prop: "specifications", label: "规格" },
{ prop: "unitDictValue", label: "单位", filter: dictFilter("unit") },
// { prop: "unitDictValue", label: "单位", filter: dictFilter("unit") },
{ prop: "weight", label: "重量", filter: (val) => (val ? val + " kg" : "-") },
{ prop: "processTime", label: "产线完成单位产品用时", width: 200, filter: (val) => val + " (分钟)" },
{ prop: "remark", label: "备注" },

Ver arquivo

@ -1,7 +1,8 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-sys__user">
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
<!-- <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" /> -->
<BaseSearchForm :head-config="headConfig" @btn-click="handleBtnClick" />
<base-table :table-props="tableProps" :page="listQuery.page" :limit="listQuery.limit" :table-data="tableData">
<method-btn
v-if="tableBtn.length"
@ -41,6 +42,9 @@
import basicPage from "@/mixins/basic-page";
import AddOrUpdate from "./role-add-or-update";
import i18n from "@/i18n";
import BaseSearchForm from "../../../components/BaseSearchForm.vue";
const tableProps = [
{
prop: "name",
@ -96,29 +100,74 @@ export default {
plain: true,
},
],
headConfig: {
rules: null,
fields: [
{
label: i18n.t("role.name"),
prop: "name",
input: true,
default: { value: "" },
bind: { placeholder: "请输入角色名称" },
},
{
button: {
type: "primary",
name: "查询",
},
},
{
button: {
type: "primary",
name: "新增",
permission: "",
},
bind: {
plain: true,
},
},
],
},
};
},
components: {
AddOrUpdate,
BaseSearchForm
},
methods: {
//search-bar
buttonClick(val) {
switch (val.btnName) {
case "search":
this.listQuery.name = val.name;
this.listQuery.page = 1;
this.getDataList();
break;
case "add":
handleBtnClick({ btnName, payload }) {
console.log("[search] form handleBtnClick", btnName, payload);
switch (btnName) {
case "新增":
this.addOrEditTitle = "新增";
this.addOrUpdateVisible = true;
this.addOrUpdateHandle();
break;
default:
console.log(val);
case "查询": {
this.listQuery.name = payload.name;
this.listQuery.page = 1;
this.getDataList();
break;
}
}
},
//search-bar
// buttonClick(val) {
// switch (val.btnName) {
// case "search":
// this.listQuery.name = val.name;
// this.listQuery.page = 1;
// this.getDataList();
// break;
// case "add":
// this.addOrEditTitle = "";
// this.addOrUpdateVisible = true;
// this.addOrUpdateHandle();
// break;
// default:
// console.log(val);
// }
// },
},
};
</script>

Ver arquivo

@ -1,7 +1,8 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-sys__user">
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
<!-- <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" /> -->
<BaseSearchForm :head-config="headConfig" @btn-click="handleBtnClick" />
<base-table :table-props="tableProps" :page="listQuery.page" :limit="listQuery.limit" :table-data="tableData">
<method-btn
v-if="tableBtn.length"
@ -9,13 +10,16 @@
:width="100"
label="操作"
:method-list="tableBtn"
@clickBtn="(payload) => handleClick({
type: payload.type,
data: {
...payload.data,
name: payload.data.username
}
})" />
@clickBtn="
(payload) =>
handleClick({
type: payload.type,
data: {
...payload.data,
name: payload.data.username,
},
})
" />
</base-table>
<pagination
:limit.sync="listQuery.limit"
@ -29,7 +33,15 @@
@cancel="handleCancel"
@confirm="handleConfirm"
:before-close="handleCancel">
<add-or-update ref="addOrUpdate" @refreshDataList="() => { getDataList(); addOrUpdateVisible = false; }" @successSubmit="successSubmit"></add-or-update>
<add-or-update
ref="addOrUpdate"
@refreshDataList="
() => {
getDataList();
addOrUpdateVisible = false;
}
"
@successSubmit="successSubmit"></add-or-update>
</base-dialog>
</div>
</el-card>
@ -40,6 +52,8 @@ import basicPage from "@/mixins/basic-page";
import AddOrUpdate from "./user-add-or-update";
import i18n from "@/i18n";
import sysFilter from "@/filters/sys-filter";
import BaseSearchForm from "../../../components/BaseSearchForm.vue";
const tableProps = [
{
prop: "username",
@ -83,9 +97,38 @@ const tableBtn = [
},
];
export default {
name: "UserView",
mixins: [basicPage],
data() {
return {
headConfig: {
rules: null,
fields: [
{
label: i18n.t("user.username"),
prop: "username",
input: true,
default: { value: "" },
bind: { placeholder: "请输入用户名" },
},
{
button: {
type: "primary",
name: "查询",
},
},
{
button: {
type: "primary",
name: "新增",
permission: "",
},
bind: {
plain: true,
},
},
],
},
urlOptions: {
getDataListURL: "/sys/user/page",
deleteURL: "/sys/user",
@ -118,25 +161,42 @@ export default {
},
components: {
AddOrUpdate,
BaseSearchForm,
},
methods: {
//search-bar
buttonClick(val) {
switch (val.btnName) {
case "search":
this.listQuery.username = val.username;
this.listQuery.page = 1;
this.getDataList();
break;
case "add":
handleBtnClick({ btnName, payload }) {
console.log("[search] form handleBtnClick", btnName, payload);
switch (btnName) {
case "新增":
this.addOrEditTitle = "新增";
this.addOrUpdateVisible = true;
this.addOrUpdateHandle();
break;
default:
console.log(val);
case "查询": {
this.listQuery.username = payload.username;
this.listQuery.page = 1;
this.getDataList();
break;
}
}
},
//search-bar
// buttonClick(val) {
// switch (val.btnName) {
// case "search":
// this.listQuery.username = val.username;
// this.listQuery.page = 1;
// this.getDataList();
// break;
// case "add":
// this.addOrEditTitle = "";
// this.addOrUpdateVisible = true;
// this.addOrUpdateHandle();
// break;
// default:
// console.log(val);
// }
// },
},
};
</script>