diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index 243e13d9..0f79a63d 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -293,9 +293,10 @@
;
export interface IOperatData {
name: string;
- row: any;
- column: any;
+ row: IObject;
+ column: IObject;
$index: number;
}
@@ -152,7 +152,7 @@ export interface IContentConfig {
imageWidth?: number;
imageHeight?: number;
// list模板相关参数
- selectList?: Record;
+ selectList?: IObject;
// switch模板相关参数
activeValue?: boolean | string | number;
inactiveValue?: boolean | string | number;
@@ -173,6 +173,8 @@ export interface IContentConfig {
icon?: string;
name: string;
text: string;
+ type?: "primary" | "success" | "warning" | "danger" | "info";
+ render?: (row: IObject) => boolean;
}
>;
// filter值拼接符
diff --git a/src/views/demo/curd/config/content.ts b/src/views/demo/curd/config/content.ts
index 5548f680..ef77d1e0 100644
--- a/src/views/demo/curd/config/content.ts
+++ b/src/views/demo/curd/config/content.ts
@@ -86,6 +86,7 @@ const contentConfig: IContentConfig = {
{ label: "创建时间", align: "center", prop: "createTime", width: 180 },
{
label: "操作",
+ align: "center",
fixed: "right",
width: 220,
templet: "tool",
diff --git a/src/views/demo/curd/config/content2.ts b/src/views/demo/curd/config/content2.ts
index 49dfc351..2e72eed2 100644
--- a/src/views/demo/curd/config/content2.ts
+++ b/src/views/demo/curd/config/content2.ts
@@ -54,7 +54,7 @@ const contentConfig: IContentConfig = {
cols: [
{ type: "index", width: 50, align: "center" },
{ label: "ID", align: "center", prop: "id", show: false },
- { label: "用户名", align: "center", prop: "username" },
+ { label: "文本", align: "center", prop: "username" },
{ label: "图片", align: "center", prop: "avatar", templet: "image" },
{
label: "百分比",
@@ -63,7 +63,7 @@ const contentConfig: IContentConfig = {
templet: "percent",
},
{
- label: "价格",
+ label: "货币符",
align: "center",
prop: "price",
templet: "price",
@@ -86,7 +86,7 @@ const contentConfig: IContentConfig = {
slotName: "status",
},
{
- label: "状态",
+ label: "Switch",
align: "center",
prop: "status2",
templet: "switch",
@@ -96,20 +96,39 @@ const contentConfig: IContentConfig = {
inactiveText: "禁用",
},
{
- label: "排序",
+ label: "输入框",
align: "center",
prop: "sort",
templet: "input",
inputType: "number",
},
{
- label: "创建时间",
+ label: "日期格式化",
align: "center",
prop: "createTime",
minWidth: 120,
templet: "date",
dateFormat: "YYYY/MM/DD HH:mm:ss",
},
+ {
+ label: "操作栏",
+ align: "center",
+ fixed: "right",
+ width: 220,
+ templet: "tool",
+ operat: [
+ {
+ name: "reset_pwd",
+ auth: "password:reset",
+ icon: "refresh-left",
+ text: "重置密码",
+ type: "primary",
+ render(row) {
+ return row.id === 1;
+ },
+ },
+ ],
+ },
],
};
diff --git a/src/views/demo/curd/index.vue b/src/views/demo/curd/index.vue
index 5097f19f..75f71086 100644
--- a/src/views/demo/curd/index.vue
+++ b/src/views/demo/curd/index.vue
@@ -65,7 +65,11 @@
-
+
{{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }}