修改显示

src/views/index.vue

@@ -361,14 +361,14 @@ const RIGHT = defineComponent({
                 <ElCard shadow="always" style={{marginTop: "12px"}}>
                   {areaPoints.value.map((i, k) => (
                       <div style={{marginBottom: "12px"}} key={k}>
-                        <ElInput disabled modelValue={i.name} style={{width: "100px"}}/>
+                        <ElInput modelValue={i.name} placeholder="点位名称" style={{width: "100px"}}/>
                         <ElInput
-                            modelValue={i.lon}
+                            modelValue={i.lon} placeholder="经度"
                             style={{width: "150px", marginLeft: "20px"}}
                             onUpdate:modelValue={val => (areaPoints.value[k].lon = val)}
                         />
                         <ElInput
-                            modelValue={i.lat}
+                            modelValue={i.lat} placeholder="纬度"
                             style={{width: "150px", marginLeft: "20px"}}
                             onUpdate:modelValue={val => (areaPoints.value[k].lat = val)}
                         />
@@ -377,6 +377,8 @@ const RIGHT = defineComponent({
                       </div>
                   ))}
 
+                  <ElButton type="primary" onClick={() => areaPoints.value.push({})}
+                            style={{textAlign: "center"}}>添加</ElButton>
                 </ElCard>
 
                 <div style={{textAlign: "center", marginTop: "12px"}}>