行走红色苏州路线 区域

src/views/PartyshistoryRecoder/components/addPointer.vue

@@ -63,14 +63,14 @@
           </div>
         </div>
       </template>
-      <template v-slot:appId>
+      <template v-slot:appid>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
             <span style="color: red; font-weight: 600; padding-right: 4px"></span>
-            小程序appId：
+            小程序appid：
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.appId" clearable placeholder="请输入小程序appId" style="width: 300px"></el-input>
+            <el-input v-model="form.appid" clearable placeholder="请输入小程序appid" style="width: 300px"></el-input>
           </div>
         </div>
       </template>
@@ -188,6 +188,49 @@
             </el-upload>
           </div>
         </div>
+      </template>
+      <template v-slot:config>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">配置 ：</div>
+          <div class="xy-table-item-content">
+            <div class="table-tree">
+              <div style="display: flex;justify-content: flex-end;margin-right: 20px;margin-bottom: 10px;">
+                <Button type="primary" @click="addRow()" size="small" style="margin-left: 10px;" ghost>新增参数</Button>
+              </div>
+              <el-table :data="form.config" height="200" class="v-table" style="width: 100%;margin-bottom: 20px;">
+                <el-table-column type="index" align="center">
+                </el-table-column>
+                <el-table-column prop="key" label="标识" width="120">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.key">
+                    </el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="name" label="名称" width="120">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.name">
+                    </el-input>
+                  </template>
+                </el-table-column>
+
+                <el-table-column prop="value" label="数据值" width="280">
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.value">
+                    </el-input>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" width="100" align="center">
+                  <template slot-scope="scope">
+                    <Button type="error" @click="delRow(scope.row,scope.$index)" size="small" style="margin-left: 10px;"
+                      ghost>删除</Button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+        </div>
+
+
       </template>
       <template v-slot:content>
         <div class="xy-table-item">
@@ -230,7 +273,7 @@
           theme_id:'',
           name: "",
           iswx:'',
-          appId:'',
+          appid:'',
           path:'',
           image_id: "",
           lat: "",
@@ -239,7 +282,16 @@
           y: "",
           jiaodu: "",
           video_id: "",
-          video_image_id: "",
+          video_image_id: "",
+          config:[{
+            key:'address',
+            name:'详细地址',
+            value:''
+          },{
+            key:'time',
+            name:'开放时间',
+            value:''
+          }],
           content: "",
         },
         rules: {
@@ -343,14 +395,32 @@
           return false;
         }
       },
-
+      addRow() {
+        this.form.config.push({
+          name: "",
+          key: "",
+          value: ""
+        })
+      },
+      delRow(obj, index) {
+        this.form.config.splice(index, 1);
+      },
       async getDetail() {
         const res = await show({
           id: this.id,
           table_name: "map_points",
           with_relations: ['video', 'image', "videoImage"]
         });
-        this.$integrateData(this.form, res);
+        this.$integrateData(this.form, res);
+        this.form.config = res.config && res.config.length>0?res.config:[{
+            key:'address',
+            name:'详细地址',
+            value:''
+          },{
+            key:'time',
+            name:'开放时间',
+            value:''
+          }]
         this.image_id = res.image ? [{
           url: res.image?.url,
           name: res.image?.original_name,