From 99030da81395c5f2e41ad635a53ec166ca41d9e4 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 27 Feb 2024 17:20:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../designer/components/datasourcePicker.vue      |  1 +
 .../bigscreen/designer/components/tableEditor.vue | 15 ++++++++++++++-
 vue.config.js                                     |  4 ++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/bigscreen/designer/components/datasourcePicker.vue b/packages/bigscreen/designer/components/datasourcePicker.vue
index 0a76bf3d..07700da9 100644
--- a/packages/bigscreen/designer/components/datasourcePicker.vue
+++ b/packages/bigscreen/designer/components/datasourcePicker.vue
@@ -87,6 +87,7 @@ export default {
               this.tableData[k.substring(1) || 0] = item
             } else if (![columnProp, 'key'].includes(k)) {
               const index = columns.findIndex(e => k == e)
+              console.log(index)
               if (index > -1) {
                 const item = this.tableData[index] || {}
                 item[prop] = v
diff --git a/packages/bigscreen/designer/components/tableEditor.vue b/packages/bigscreen/designer/components/tableEditor.vue
index 7f4712d6..b34fded9 100644
--- a/packages/bigscreen/designer/components/tableEditor.vue
+++ b/packages/bigscreen/designer/components/tableEditor.vue
@@ -1,9 +1,10 @@
 <script>
 import AiDialogBtn from "dui/packages/layout/AiDialogBtn.vue";
+import Template from "../../../../project/sass/apps/AppAskForm/components/Template.vue";
 
 export default {
   name: "tableEditor",
-  components: {AiDialogBtn},
+  components: {Template, AiDialogBtn},
   model: {
     event: "input",
     prop: "tableData"
@@ -44,6 +45,7 @@ export default {
         })
       }
     },
+    columns:v=>v.configs
   },
   methods: {
     rowSave(form, done) {
@@ -82,6 +84,9 @@ export default {
 <template>
   <section class="tableEditor">
     <avue-crud :option="option" :data="records" @row-save="rowSave" @row-cancel="rowSave" @row-del="rowDel">
+      <template v-for="c in columns" :slot="`${c.prop}Header`" slot-scope="{column = {}}">
+        <el-input class="headerInput" v-model="column.label" clearable placeholder="请输入列名" @change="$emit('update:configs', columns)"/>
+      </template>
       <template v-if="label" v-slot:menuLeft>
         <div class="label" v-text="label"/>
       </template>
@@ -155,5 +160,13 @@ export default {
   &:last-of-type {
     margin-bottom: 0;
   }
+
+  :deep(.headerInput) {
+    .el-input__inner {
+      padding: 0;
+      border: none;
+      background: transparent;
+    }
+  }
 }
 </style>
diff --git a/vue.config.js b/vue.config.js
index bb82d7ea..572d00b4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -37,8 +37,8 @@ module.exports = {
   },
   devServer: {
     host: '0.0.0.0', //主机地址
-    port: 80, //端口号
-    open: true,
+    port: 7895, //端口号
+    // open: true,
     proxy: {
       //设置代理,可解决跨
       '/lan': {