1、后台地图经纬度获取

admin-hanhai-vue/src/views/travelExperience/TravelExperienceList.vue

@@ -0,0 +1,221 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('非遗体验表')">导出</a-button>
+      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+        <a-button type="primary" icon="import">导入</a-button>
+      </a-upload>
+      <!-- 高级查询区域 -->
+      <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text,record">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+          <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="downloadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a @click="handleDetail(record)">详情</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <travel-experience-modal ref="modalForm" @ok="modalFormOk"></travel-experience-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import '@/assets/less/TableExpand.less'
+  import { mixinDevice } from '@/utils/mixin'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import TravelExperienceModal from './modules/TravelExperienceModal'
+
+  export default {
+    name: 'TravelExperienceList',
+    mixins:[JeecgListMixin, mixinDevice],
+    components: {
+      TravelExperienceModal
+    },
+    data () {
+      return {
+        description: '非遗体验表管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'非遗体验标题',
+            align:"center",
+            dataIndex: 'experienceTitle'
+          },
+          {
+            title:'非遗体验封面',
+            align:"center",
+            dataIndex: 'experienceImage',
+            scopedSlots: {customRender: 'imgSlot'}
+          },
+          {
+            title:'开放时间',
+            align:"center",
+            dataIndex: 'experienceOpentime'
+          },
+          {
+            title:'非遗体验详情',
+            align:"center",
+            dataIndex: 'experienceDetail',
+            scopedSlots: {customRender: 'htmlSlot'}
+          },
+          {
+            title:'开放时间',
+            align:"center",
+            dataIndex: 'openTime'
+          },
+          {
+            title:'联系电话',
+            align:"center",
+            dataIndex: 'phone'
+          },
+          {
+            title:'经度',
+            align:"center",
+            dataIndex: 'experienceLongitude'
+          },
+          {
+            title:'纬度',
+            align:"center",
+            dataIndex: 'experienceLatitude'
+          },
+          {
+            title:'价格',
+            align:"center",
+            dataIndex: 'experiencePrice'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            fixed:"right",
+            width:147,
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/travelExperience/travelExperience/list",
+          delete: "/travelExperience/travelExperience/delete",
+          deleteBatch: "/travelExperience/travelExperience/deleteBatch",
+          exportXlsUrl: "/travelExperience/travelExperience/exportXls",
+          importExcelUrl: "travelExperience/travelExperience/importExcel",
+          
+        },
+        dictOptions:{},
+        superFieldList:[],
+      }
+    },
+    created() {
+    this.getSuperFieldList();
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      },
+    },
+    methods: {
+      initDictConfig(){
+      },
+      getSuperFieldList(){
+        let fieldList=[];
+        fieldList.push({type:'string',value:'experienceTitle',text:'非遗体验标题',dictCode:''})
+        fieldList.push({type:'string',value:'experienceImage',text:'非遗体验封面',dictCode:''})
+        fieldList.push({type:'string',value:'experienceOpentime',text:'开放时间',dictCode:''})
+        fieldList.push({type:'Text',value:'experienceDetail',text:'非遗体验详情',dictCode:''})
+        fieldList.push({type:'string',value:'openTime',text:'开放时间',dictCode:''})
+        fieldList.push({type:'string',value:'phone',text:'联系电话',dictCode:''})
+        fieldList.push({type:'BigDecimal',value:'experienceLongitude',text:'经度',dictCode:''})
+        fieldList.push({type:'BigDecimal',value:'experienceLatitude',text:'纬度',dictCode:''})
+        fieldList.push({type:'BigDecimal',value:'experiencePrice',text:'价格',dictCode:''})
+        this.superFieldList = fieldList
+      }
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

admin-hanhai-vue/src/views/travelExperience/modules/TencentMapPicker.vue

@@ -0,0 +1,235 @@
+<template>
+  <div>
+      <div class="map-box">
+          <div class="map" ref="map" style="height: 400px" ></div>
+          <div class="map-search">
+              <div>
+                  <a-input-search id="place" v-model="searchValue" placeholder="请输入详细地址" enter-button @search="searchAddress(searchValue)" />
+              </div>
+              <div>
+                  <ul v-if="kwData.length">
+                      <li v-for="(item, index) in kwData" :key="index" @click="selectKeyword(item)">{{ item.address }}</li>
+                  </ul>
+              </div>
+          </div>
+      </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'TencentMapPicker',
+  props: {
+      latitude: {
+          type: Number|String,
+          default: 0
+      },
+      longitude: {
+          type: Number|String,
+          default: 0
+      }
+  },
+  watch: {
+      latitude(newVal, oldVal) {
+          console.info(`newVal`,newVal,`oldVal`,oldVal)
+          if (newVal) {
+              this.form.latitude = newVal
+              // this.$nextTick(()=>{
+              //     this.map.setCenter(new window.TMap.LatLng(this.form.latitude, this.form.longitude));
+              // })
+          }
+      },
+      longitude(newVal, oldVal) {
+          console.info(`newVal`,newVal,`oldVal`,oldVal)
+          if (newVal) {
+              this.form.longitude = newVal
+              // this.$nextTick(()=>{
+              //     this.map.setCenter(new window.TMap.LatLng(this.form.latitude, this.form.longitude));
+              // })
+          }
+      }
+  },
+  data() {
+      return {
+          searchValue: '', //地图搜索
+          form: {
+              longitude: 116.397128,
+              latitude: 39.916527
+          },
+          kwData:[]
+      }
+  },
+  mounted() {
+      let that = this
+      if (that.script) return;
+      that.script = document.createElement('script');
+      that.script.type = 'text/javascript';
+      that.script.src = `//map.qq.com/api/gljs?v=1.exp&libraries=service&key=SNGBZ-K6AKJ-5X2FI-XYKCM-DEZXZ-FGBA3`;
+      document.head.appendChild(that.script);
+      that.script.onload = () => {
+          window.initMap = that.initMap;
+          that.$nextTick(() => {
+              that.initMap();
+          });
+      };
+  },
+  methods: {
+      // 地图
+      initMap() {
+          // 搜索类
+          this.searchEr = new window.TMap.service.Search({ pageSize: 15 });
+          // 地图主类
+          this.map = new window.TMap.Map(this.$refs.map, {
+              backgroundColor: '#f7f7f7',
+              mapStyleId: 'style1',
+              zoom: 14,
+              mapTypeControlOptions: {
+                  mapTypeIds: [],
+              },
+              draggableCursor: 'crosshair',
+              center: new window.TMap.LatLng(this.form.latitude, this.form.longitude),
+          });
+          // 图层类
+          this.markerLayer = new window.TMap.MultiMarker({
+              map: this.map,
+              geometries: [],
+          });
+          // 地址逆解析
+          this.geocoder = new window.TMap.service.Geocoder();
+          const setMarker = () => {
+              const latlng = new window.TMap.LatLng(this.form.latitude, this.form.longitude);
+              this.markerLayer.setGeometries([]);
+              let geometries = this.markerLayer.getGeometries();
+              geometries.push({
+                  id: '-1',
+                  position: latlng,
+              });
+              this.markerLayer.updateGeometries(geometries);
+          };
+          this.map.on('click', (e) => {
+              this.form.longitude = e.latLng.getLng(); // 经度
+              this.form.latitude = e.latLng.getLat(); // 纬度
+
+              setMarker();
+              this.getAddressFormat();
+          });
+          if (this.form.longitude) {
+              this.map.setCenter(new window.TMap.LatLng(this.form.latitude, this.form.longitude));
+              setMarker();
+          }
+      },
+      selectKeyword(event){
+          this.map.setCenter(new window.TMap.LatLng(event.location.lat, event.location.lng));
+          this.kwData = []
+      },
+      // 地图搜索
+      searchAddress(keyword = '') {
+          if (!keyword) return;
+          this.$jsonp('https://apis.map.qq.com/ws/place/v1/suggestion', {
+              key: 'SNGBZ-K6AKJ-5X2FI-XYKCM-DEZXZ-FGBA3',
+              output: 'jsonp',
+              keyword: keyword,
+          }).then((res) => {
+              console.log(`res`,res)
+              if (res.status === 0) {
+                  this.kwData = res.data
+              } else {
+                  this.kwData = []
+              }
+          }).catch((e) => {
+              console.log(e)
+          })
+          this.markerLayer.setGeometries([]);
+          this.searchEr.searchRectangle({
+                  keyword,
+                  bounds: this.map.getBounds(),
+              })
+              .then((result) => {
+                  console.info(`result`,result)
+                  const { location = {} } = result.data[0] || {};
+                  const { lat = 39.916527, lng = 116.397128 } = location;
+                  this.map.setCenter(new window.TMap.LatLng(lat, lng));
+                  result.data.forEach((item, index) => {
+                      let geometries = this.markerLayer.getGeometries();
+                      // 点标注数据数组
+                      geometries.push({
+                          id: String(index),
+                          position: item.location,
+                      });
+                      // 绘制地点标注
+                      this.markerLayer.updateGeometries(geometries);
+                  });
+              });
+      },
+      getAddressFormat() {
+          const { longitude, latitude } = this.form;
+          this.geocoder
+              .getAddress({
+                  location: new window.TMap.LatLng(latitude, longitude),
+              })
+              .then((res) => {
+                  const {
+                      formatted_addresses: { recommend = '' },
+                  } = res.result || {};
+                  this.searchValue = recommend
+                  this.form.hotelDetailAddress = recommend;
+                  this.$emit('onLocationSelected', this.form);
+                  console.log(this.form);
+              });
+      },
+  }
+}
+</script>
+<style scoped>
+.map-box {
+  position: relative;
+
+}
+.map-search {
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  width: 300px;
+
+}
+
+button {
+  border-radius: 0;
+}
+
+.icons {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.time {
+  margin-top: 15px;
+  width: 100%;
+  font-size: 12px;
+  flex-wrap: wrap;
+  height: 70%;
+}
+ul{
+  background: white;
+  list-style-type: none;
+  padding-left: 0px;
+  height: 280px;
+  overflow: scroll;
+}
+li{
+  padding-left: 6px;
+  font-size: 10px;
+  text-align: left;
+  height: 40px;
+  line-height: 15px;
+  display: flex;
+  align-items: center;
+}
+li:hover{
+  cursor: pointer;
+  background: #f5f5f5;
+}
+</style>

admin-hanhai-vue/src/views/travelExperience/modules/TravelExperienceForm.vue

@@ -0,0 +1,164 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <j-form-container :disabled="formDisabled">
+      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
+        <a-row>
+          <a-col :span="24">
+            <a-form-model-item label="非遗体验标题" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceTitle">
+              <a-input v-model="model.experienceTitle" placeholder="请输入非遗体验标题"  ></a-input>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="非遗体验封面" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceImage">
+              <j-image-upload isMultiple  v-model="model.experienceImage" ></j-image-upload>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="开放时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceOpentime">
+              <a-input v-model="model.experienceOpentime" placeholder="请输入开放时间"  ></a-input>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="非遗体验详情" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceDetail">
+              <j-editor v-model="model.experienceDetail" />
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="开放时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="openTime">
+              <a-input v-model="model.openTime" placeholder="请输入开放时间"  ></a-input>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="phone">
+              <a-input v-model="model.phone" placeholder="请输入联系电话"  ></a-input>
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="经度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceLongitude">
+              <a-input-number v-model="model.experienceLongitude" placeholder="请输入经度" style="width: 100%" />
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="纬度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experienceLatitude">
+              <a-input-number v-model="model.experienceLatitude" placeholder="请输入纬度" style="width: 100%" />
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="地图选择位置" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <TencentMapPicker
+                :latitude="model.experienceLatitude"
+                :longitude="model.experienceLongitude"
+                @onLocationSelected="handleLocationSelected"
+              />
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-model-item label="价格" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="experiencePrice">
+              <a-input-number v-model="model.experiencePrice" placeholder="请输入价格" style="width: 100%" />
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </j-form-container>
+  </a-spin>
+</template>
+
+<script>
+
+  import { httpAction, getAction } from '@/api/manage'
+  import { validateDuplicateValue } from '@/utils/util'
+  import TencentMapPicker from './TencentMapPicker.vue';
+
+  export default {
+    name: 'TravelExperienceForm',
+    components: {
+      TencentMapPicker
+    },
+    props: {
+      //表单禁用
+      disabled: {
+        type: Boolean,
+        default: false,
+        required: false
+      }
+    },
+    data () {
+      return {
+        model:{
+          experienceLatitude:null,
+          experienceLongitude:null,
+         },
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+        },
+        url: {
+          add: "/travelExperience/travelExperience/add",
+          edit: "/travelExperience/travelExperience/edit",
+          queryById: "/travelExperience/travelExperience/queryById"
+        }
+      }
+    },
+    computed: {
+      formDisabled(){
+        return this.disabled
+      },
+    },
+    created () {
+       //备份model原始值
+      this.modelDefault = JSON.parse(JSON.stringify(this.model));
+    },
+    methods: {
+
+      handleLocationSelected({latitude, longitude}) {
+        console.log('event11',latitude, longitude)
+        this.model.experienceLatitude = latitude;
+        this.model.experienceLongitude = longitude;
+      },
+
+      add () {
+        this.edit(this.modelDefault);
+      },
+      edit (record) {
+        this.model = Object.assign({}, record);
+        this.visible = true;
+      },
+      submitForm () {
+        const that = this;
+        // 触发表单验证
+        this.$refs.form.validate(valid => {
+          if (valid) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            httpAction(httpurl,this.model,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+            })
+          }
+         
+        })
+      },
+    }
+  }
+</script>

admin-hanhai-vue/src/views/travelExperience/modules/TravelExperienceModal.Style#Drawer.vue

@@ -0,0 +1,84 @@
+<template>
+  <a-drawer
+    :title="title"
+    :width="width"
+    placement="right"
+    :closable="false"
+    @close="close"
+    destroyOnClose
+    :visible="visible">
+    <travel-experience-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></travel-experience-form>
+    <div class="drawer-footer">
+      <a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
+      <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+
+  import TravelExperienceForm from './TravelExperienceForm'
+
+  export default {
+    name: 'TravelExperienceModal',
+    components: {
+      TravelExperienceForm
+    },
+    data () {
+      return {
+        title:"操作",
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        });
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+/** Button按钮间距 */
+  .ant-btn {
+    margin-left: 30px;
+    margin-bottom: 30px;
+    float: right;
+  }
+  .drawer-footer{
+    position: absolute;
+    bottom: -8px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>

admin-hanhai-vue/src/views/travelExperience/modules/TravelExperienceModal.vue

@@ -0,0 +1,60 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <travel-experience-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></travel-experience-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import TravelExperienceForm from './TravelExperienceForm'
+  export default {
+    name: 'TravelExperienceModal',
+    components: {
+      TravelExperienceForm
+    },
+    data () {
+      return {
+        title:'',
+        width:800,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(){
+        this.$emit('ok');
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>

admin-hanhai-vue/src/views/travelSpot/TravelSpotList.vue

@@ -12,10 +12,10 @@
     <!-- 操作按钮区域 -->
     <div class="table-operator">
       <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
-      <!-- <a-button type="primary" icon="download" @click="handleExportXls('地点表')">导出</a-button>
+      <a-button type="primary" icon="download" @click="handleExportXls('地点表')">导出</a-button>
       <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
         <a-button type="primary" icon="import">导入</a-button>
-      </a-upload> -->
+      </a-upload>
       <!-- 高级查询区域 -->
       <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
       <a-dropdown v-if="selectedRowKeys.length > 0">
@@ -159,16 +159,6 @@
             dataIndex: 'spotDetail',
             scopedSlots: {customRender: 'htmlSlot'}
           },
-          {
-            title:'语音讲解文字',
-            align:"center",
-            dataIndex: 'spotAudio'
-          },
-          {
-            title:'语音讲解音频',
-            align:"center",
-            dataIndex: 'spotAudioContent'
-          },
           {
             title: '操作',
             dataIndex: 'action',
@@ -210,8 +200,6 @@
         fieldList.push({type:'BigDecimal',value:'spotLongitude',text:'地点坐标_经度',dictCode:''})
         fieldList.push({type:'BigDecimal',value:'spotLatitude',text:'地点坐标_纬度',dictCode:''})
         fieldList.push({type:'Text',value:'spotDetail',text:'地点详情',dictCode:''})
-        fieldList.push({type:'Text',value:'spotAudio',text:'语音讲解文字',dictCode:''})
-        fieldList.push({type:'string',value:'spotAudioContent',text:'语音讲解音频',dictCode:''})
         this.superFieldList = fieldList
       }
     }

admin-hanhai-vue/src/views/travelSpot/modules/TencentMapPicker.vue

@@ -179,7 +179,7 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .map-box {
   position: relative;
 

admin-hanhai-vue/src/views/travelSpot/modules/TravelSpotForm.vue

@@ -4,7 +4,7 @@
       <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
         <a-row>
           <a-col :span="24">
-            <a-form-model-item label="地点名字" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotName">
+            <a-form-model-item label="地点名字1" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotName">
               <a-input v-model="model.spotName" placeholder="请输入地点名字"  ></a-input>
             </a-form-model-item>
           </a-col>
@@ -47,16 +47,6 @@
               <j-editor v-model="model.spotDetail" />
             </a-form-model-item>
           </a-col>
-          <a-col :span="24">
-            <a-form-model-item label="语音讲解文字" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotAudio">
-              <a-textarea v-model="model.spotAudio" rows="4" placeholder="请输入语音讲解文字" />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="24">
-            <a-form-model-item label="语音讲解音频" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotAudioContent">
-              <a-input v-model="model.spotAudioContent" placeholder="请输入语音讲解音频"  ></a-input>
-            </a-form-model-item>
-          </a-col>
         </a-row>
       </a-form-model>
     </j-form-container>
@@ -85,8 +75,8 @@
     data () {
       return {
         model:{
-          longitude:null,
-          latitude:null,
+          spotLatitude:null,
+          spotLongitude:null,
          },
         labelCol: {
           xs: { span: 24 },
@@ -118,7 +108,7 @@
     methods: {
 
       handleLocationSelected({latitude, longitude}) {
-        console.log('event',latitude, longitude)
+        console.log('event11',latitude, longitude)
         this.model.spotLatitude = latitude;
         this.model.spotLongitude = longitude;
       },

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/controller/TravelSpotController.java

@@ -39,7 +39,7 @@ import org.jeecg.common.aspect.annotation.AutoLog;
  /**
  * @Description: 地点表
  * @Author: jeecg-boot
- * @Date:   2024-11-07
+ * @Date:   2024-11-11
  * @Version: V1.0
  */
 @Api(tags="地点表")

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/entity/TravelSpot.java

@@ -20,7 +20,7 @@ import lombok.experimental.Accessors;
 /**
  * @Description: 地点表
  * @Author: jeecg-boot
- * @Date:   2024-11-07
+ * @Date:   2024-11-11
  * @Version: V1.0
  */
 @Data
@@ -77,12 +77,4 @@ public class TravelSpot implements Serializable {
 	@Excel(name = "地点详情", width = 15)
     @ApiModelProperty(value = "地点详情")
     private java.lang.String spotDetail;
-	/**语音讲解文字*/
-	@Excel(name = "语音讲解文字", width = 15)
-    @ApiModelProperty(value = "语音讲解文字")
-    private java.lang.String spotAudio;
-	/**语音讲解音频*/
-	@Excel(name = "语音讲解音频", width = 15)
-    @ApiModelProperty(value = "语音讲解音频")
-    private java.lang.String spotAudioContent;
 }

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/mapper/TravelSpotMapper.java

@@ -9,7 +9,7 @@ import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 /**
  * @Description: 地点表
  * @Author: jeecg-boot
- * @Date:   2024-11-07
+ * @Date:   2024-11-11
  * @Version: V1.0
  */
 public interface TravelSpotMapper extends BaseMapper<TravelSpot> {

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/service/ITravelSpotService.java

@@ -6,7 +6,7 @@ import com.baomidou.mybatisplus.extension.service.IService;
 /**
  * @Description: 地点表
  * @Author: jeecg-boot
- * @Date:   2024-11-07
+ * @Date:   2024-11-11
  * @Version: V1.0
  */
 public interface ITravelSpotService extends IService<TravelSpot> {

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/service/impl/TravelSpotServiceImpl.java

@@ -10,7 +10,7 @@ import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
 /**
  * @Description: 地点表
  * @Author: jeecg-boot
- * @Date:   2024-11-07
+ * @Date:   2024-11-11
  * @Version: V1.0
  */
 @Service

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/vue/TravelSpotList.vue

@@ -159,16 +159,6 @@
             dataIndex: 'spotDetail',
             scopedSlots: {customRender: 'htmlSlot'}
           },
-          {
-            title:'语音讲解文字',
-            align:"center",
-            dataIndex: 'spotAudio'
-          },
-          {
-            title:'语音讲解音频',
-            align:"center",
-            dataIndex: 'spotAudioContent'
-          },
           {
             title: '操作',
             dataIndex: 'action',
@@ -210,8 +200,6 @@
         fieldList.push({type:'BigDecimal',value:'spotLongitude',text:'地点坐标_经度',dictCode:''})
         fieldList.push({type:'BigDecimal',value:'spotLatitude',text:'地点坐标_纬度',dictCode:''})
         fieldList.push({type:'Text',value:'spotDetail',text:'地点详情',dictCode:''})
-        fieldList.push({type:'Text',value:'spotAudio',text:'语音讲解文字',dictCode:''})
-        fieldList.push({type:'string',value:'spotAudioContent',text:'语音讲解音频',dictCode:''})
         this.superFieldList = fieldList
       }
     }

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/vue/modules/TravelSpotForm.vue

@@ -38,16 +38,6 @@
               <j-editor v-model="model.spotDetail" />
             </a-form-model-item>
           </a-col>
-          <a-col :span="24">
-            <a-form-model-item label="语音讲解文字" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotAudio">
-              <a-textarea v-model="model.spotAudio" rows="4" placeholder="请输入语音讲解文字" />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="24">
-            <a-form-model-item label="语音讲解音频" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spotAudioContent">
-              <a-input v-model="model.spotAudioContent" placeholder="请输入语音讲解音频"  ></a-input>
-            </a-form-model-item>
-          </a-col>
         </a-row>
       </a-form-model>
     </j-form-container>

jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/travelSpot/vue3/TravelSpot.data.ts

@@ -41,16 +41,6 @@ export const columns: BasicColumn[] = [
     dataIndex: 'spotDetail',
     slots: { customRender: 'htmlSlot' },
    },
-   {
-    title: '语音讲解文字',
-    align:"center",
-    dataIndex: 'spotAudio'
-   },
-   {
-    title: '语音讲解音频',
-    align:"center",
-    dataIndex: 'spotAudioContent'
-   },
 ];
 //查询数据
 export const searchFormSchema: FormSchema[] = [
@@ -100,14 +90,4 @@ export const formSchema: FormSchema[] = [
     field: 'spotDetail',
     component: 'JCodeEditor', //TODO String后缀暂未添加
   },
-  {
-    label: '语音讲解文字',
-    field: 'spotAudio',
-    component: 'InputTextArea',//TODO 注意string转换问题
-  },
-  {
-    label: '语音讲解音频',
-    field: 'spotAudioContent',
-    component: 'Input',
-  },
 ];