图层 左侧修改文字

src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue

@@ -10,12 +10,14 @@
       >{{item.label}}</div>
     </div>
 
-    <Divider v-if="mode==1" />
-    <div v-if="mode==1" class="row items-center">
-      <div class="col">图层名称：</div>
-      <el-input style="width:60%;" v-model="layerName" @input="updateLayerName"></el-input>
-    </div>
-    
+    <template v-if="mode==1">
+      <Divider  />
+      <div class="row items-center">
+        <div class="col">图层名称：</div>
+        <el-input style="width:60%;" v-model="layerName" @input="updateLayerName"></el-input>
+      </div>
+      <el-input v-if="layerName&&(layerName=='title'||layerName=='dinner'||layerName=='hotel')" type="textarea" autosize style="width:100%;" v-model="contentStr" @input="updateContentStr"></el-input>
+    </template>
 
     <ElementDataMapping v-if="mode==0||mode==2"></ElementDataMapping>
 
@@ -523,7 +525,7 @@ const orderedListPanelVisible = ref(false)
 const indentLeftPanelVisible = ref(false)
 const indentRightPanelVisible = ref(false)
 const layerName = ref(handleElement.value?.layerName??'')
-
+const contentStr = ref(handleElement.value?.contentStr??'')
 const bulletListStyleTypeOption = ref(['disc', 'circle', 'square'])
 const orderedListStyleTypeOption = ref(['decimal', 'lower-roman', 'upper-roman', 'lower-alpha', 'upper-alpha', 'lower-greek'])
 
@@ -681,7 +683,9 @@ const updateLink = (link?: string) => {
 const updateLayerName = (e:any)=>{
   updateElement({ layerName: e })
 }
-
+const updateContentStr = (e:any)=>{
+  updateElement({ contentStr: e,content: e })
+}
 const initMapping = ()=>{
   if(handleElement.value && !handleElement.value.dataMapping && 'TemplateDataSource' in handleElement.value && handleElement.value.TemplateDataSource){
     if(handleElement.value.TemplateDataSource.index!=null && handleElement.value.TemplateDataSource.Content){