From 8d6473173c0bda1ea714f79dd88f9f2674a0cc03 Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Wed, 22 May 2024 16:30:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(PageContent):=20:sparkles:=20=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81input=E5=B1=9E=E6=80=A7=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PageContent/index.vue   | 13 +++++++++++++
 src/views/demo/curd/config/content2.ts | 11 ++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/PageContent/index.vue b/src/components/PageContent/index.vue
index 3c40d283..5cc9489e 100644
--- a/src/components/PageContent/index.vue
+++ b/src/components/PageContent/index.vue
@@ -160,6 +160,17 @@
                 />
               </template>
             </template>
+            <!-- 生成输入框组件 -->
+            <template v-else-if="col.templet === 'input'">
+              <template v-if="col.prop">
+                <el-input
+                  v-model="scope.row[col.prop]"
+                  :type="col.inputType ?? 'text'"
+                  :disabled="!hasAuth(`${contentConfig.pageName}:modify`)"
+                  @blur="handleModify(col.prop, scope.row[col.prop], scope.row)"
+                />
+              </template>
+            </template>
             <!-- 格式化为价格 -->
             <template v-else-if="col.templet === 'price'">
               <template v-if="col.prop">
@@ -332,6 +343,7 @@ export interface IContentConfig<T = any> {
       | "list"
       | "url"
       | "switch"
+      | "input"
       | "price"
       | "percent"
       | "icon"
@@ -345,6 +357,7 @@ export interface IContentConfig<T = any> {
     inactiveValue?: boolean | string | number;
     activeText?: string;
     inactiveText?: string;
+    inputType?: string;
     priceFormat?: string;
     dateFormat?: string;
     operat?: Array<
diff --git a/src/views/demo/curd/config/content2.ts b/src/views/demo/curd/config/content2.ts
index b4b02c7e..e2e53480 100644
--- a/src/views/demo/curd/config/content2.ts
+++ b/src/views/demo/curd/config/content2.ts
@@ -22,6 +22,7 @@ const contentConfig: IContentConfig = {
           gender: 1,
           status: 1,
           status2: 1,
+          sort: 99,
           createTime: 1715647982437,
         },
         {
@@ -36,13 +37,14 @@ const contentConfig: IContentConfig = {
           gender: 0,
           status: 0,
           status2: 0,
+          sort: 0,
           createTime: 1715648977426,
         },
       ],
     });
   },
   modifyAction(data) {
-    // console.log("modifyAction:", data);
+    console.log("modifyAction:", data);
     return Promise.resolve(null);
   },
   cols: [
@@ -89,6 +91,13 @@ const contentConfig: IContentConfig = {
       activeText: "启用",
       inactiveText: "禁用",
     },
+    {
+      label: "排序",
+      align: "center",
+      prop: "sort",
+      templet: "input",
+      inputType: "number",
+    },
     {
       label: "创建时间",
       align: "center",