From 07c135f75e5f8db5ca3800c2871fed1b78b7e668 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Tue, 17 May 2022 09:48:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=BB=E5=8A=A8=E5=9C=B0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html             |    2 +
 src/assets/imgs/ditu.png      |  Bin 0 -> 15169 bytes
 src/views/active/activity.vue | 1046 +++++++++++++++++----------------
 3 files changed, 551 insertions(+), 497 deletions(-)
 create mode 100644 src/assets/imgs/ditu.png
diff --git a/public/index.html b/public/index.html
index a0135f9..61d5f33 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,8 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
     <script charset="utf-8" src="https://map.qq.com/api/gljs?v=2.exp&key=4VBBZ-HAA3X-QKI46-7GAL2-LQEOT-BEBKN"></script>
+  <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=4VBBZ-HAA3X-QKI46-7GAL2-LQEOT-BEBKN"></script>
+    <script src="http://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
   </head>
   <body>
     <noscript>
diff --git a/src/assets/imgs/ditu.png b/src/assets/imgs/ditu.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e69c214362f9dec771e727d1ae24a7fdd23c4ae
GIT binary patch
literal 15169
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

literal 0
HcmV?d00001

diff --git a/src/views/active/activity.vue b/src/views/active/activity.vue
index d197b90..659245e 100644
--- a/src/views/active/activity.vue
+++ b/src/views/active/activity.vue
@@ -4,429 +4,465 @@
     <div style="padding: 0px 20px">
       <div ref="lxHeader">
         <LxHeader icon="md-apps" text="活动管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
-          <div slot="content"></div>
-          <slot>
-            <div>
-              <Input style="width: 200px; margin-right: 10px" v-model="searchFields.Name" placeholder="关键字搜索" />
-              <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
-              <Button type="primary" @click="edit()" style="margin-left: 10px">新增活动</Button>
-            </div>
+          <div slot="content"></div>
+          <slot>
+            <div>
+              <Input style="width: 200px; margin-right: 10px" v-model="searchFields.Name" placeholder="关键字搜索" />
+              <Button type="primary" @click="load" style="margin-left: 10px">查询</Button>
+              <Button type="primary" @click="edit()" style="margin-left: 10px">新增活动</Button>
+            </div>
           </slot>
         </LxHeader>
       </div>
+
       <div class="table-tree">
-        <el-table :data="tableData" :height="tableHeight" style="width: 100%">
-          <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
-          <el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
-            :label="column.title" :width="column.width">
-            <template slot-scope="scope">
-              <div v-if="column.type=='opt'">
-                <Button ghost size="small" @click="toactive(scope.row)" type="success"
-                  style="margin-left: 10px;">订单</Button>
-                <Button ghost size="small" @click="edit(scope.row)" type="primary"
-                  style="margin-left: 10px;">编辑</Button>
-                <Button ghost size="small" type="error" @click="del(scope.row)"
-                  style="margin-left: 10px;">删除</Button>
-                <Button v-if="scope.row['status']==1" ghost size="small" type="info" @click="changeStatus(scope.row)"
-                  style="margin-left: 10px;">下架</Button>
-                  <Button v-if="scope.row['status']==0" ghost size="small" type="warning" @click="changeStatus(scope.row)"
-                    style="margin-left: 10px;">上架</Button>
-              </div>
-
-              <div v-else-if="column.type=='dateRange'">
-                {{scope.row["start_time"]+"至"+scope.row["end_time"]}}
-              </div>
-              <div v-else-if="column.type=='status'">
-                <el-tag v-if="scope.row['status']==1" type="" effect="dark" >
-                    上架中
-                </el-tag>
-                <el-tag v-if="scope.row['status']==0" type="info" effect="dark" >
-                    下架
-                </el-tag>
-              </div>
-              <div v-else>{{scope.row[column.field]}}</div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div class="pagination">
-          <el-pagination @current-change="handleCurrentChange" :current-page="paginations.page"
-            :page-size="paginations.page_size" background layout="prev, pager, next" :total="paginations.total">
-          </el-pagination>
+        <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+          <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
+          <el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
+            :label="column.title" :width="column.width">
+            <template slot-scope="scope">
+              <div v-if="column.type=='opt'">
+                <Button ghost size="small" @click="toactive(scope.row)" type="success"
+                  style="margin-left: 10px;">订单</Button>
+                <Button ghost size="small" @click="edit(scope.row)" type="primary"
+                  style="margin-left: 10px;">编辑</Button>
+                <Button ghost size="small" type="error" @click="del(scope.row)" style="margin-left: 10px;">删除</Button>
+                <Button v-if="scope.row['status']==1" ghost size="small" type="info" @click="changeStatus(scope.row)"
+                  style="margin-left: 10px;">下架</Button>
+                <Button v-if="scope.row['status']==0" ghost size="small" type="warning" @click="changeStatus(scope.row)"
+                  style="margin-left: 10px;">上架</Button>
+              </div>
+
+              <div v-else-if="column.type=='dateRange'">
+                {{scope.row["start_time"]+"-"+changeEndTime(scope.row["end_time"])}}
+              </div>
+              <div v-else-if="column.type=='status'">
+                <el-tag v-if="scope.row['status']==1" type="" effect="dark">
+                  上架中
+                </el-tag>
+                <el-tag v-if="scope.row['status']==0" type="info" effect="dark">
+                  下架
+                </el-tag>
+              </div>
+              <div v-else>{{scope.row[column.field]}}</div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination @current-change="handleCurrentChange" :current-page="paginations.page"
+            :page-size="paginations.page_size" background layout="prev, pager, next" :total="paginations.total">
+          </el-pagination>
         </div>
       </div>
     </div>
     <el-dialog title="详情编辑" :visible.sync="dialogFormVisible" fullscreen width="90%">
-      <el-form :model="form" :rules="rules" ref="form" label-position="right" :label-width="formLabelWidth">
-        <el-row>
-          <el-col :span="10">
-            <el-form-item label="活动名称" prop="name">
-               <el-input v-model="form.name" placeholder="请填写活动名称" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10" :offset="4">
-            <el-form-item label="所属区域" prop="area">
-               <el-select v-model="form.area" placeholder="请选择所属区域" style="width:100%">
-                  <el-option
-                    v-for="item in parameters.activityArea"
-                    :key="item.value"
-                    :label="item.value"
-                    :value="item.id">
-                  </el-option>
-                </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-form-item label="关联类型" prop="type">
-               <el-select v-model="form.type" placeholder="请选择关联类型" style="width:100%">
-                  <el-option
-                    v-for="item in parameters.activityType"
-                    :key="item.value"
-                    :label="item.value"
-                    :value="item.id">
-                  </el-option>
-                </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10" :offset="4">
-            <el-form-item label="关联内容" prop="con">
-               <el-select v-model="form.form" placeholder="请选择关联内容" style="width:100%">
-                  <el-option
-                    v-for="item in parameters.activityCon"
-                    :key="item.value"
-                    :label="item.value"
-                    :value="item.id">
-                  </el-option>
-                </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-form-item label="地址" prop="address">
-              <el-input v-model="form.address" placeholder="请填写活动地址" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10" :offset="4">
-            <el-form-item label="集合地" prop="resort">
-              <el-input v-model="form.assemble" placeholder="请填写集合地" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-form-item label="地址经度" prop="longitude">
-              <el-input v-model="form.longitude" placeholder="请填写地址经度" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10" :offset="4">
-            <el-form-item label="地址纬度" prop="latitude">
-              <el-input v-model="form.latitude" placeholder="请填写地址纬度" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="开始时间" prop="start_time">
-              <el-date-picker
-                style="width:100%"
-                v-model="form.start_time"
-                type="datetime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="选择活动开始时间">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="结束时间" prop="end_time">
-              <el-time-select
-                  style="width:100%"
-                  placeholder="结束时间"
-                  v-model="form.end_time"
-                  :picker-options="{
-                    start: '00:00',
-                    step: '00:15',
-                    end: '24:00',
-                  }">
-                </el-time-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="预定截止" prop="end_plan">
-              <el-date-picker
-                style="width:100%"
-                v-model="form.end_plan"
-                type="datetime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                placeholder="选择预定截止时间">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="总人数" prop="total">
-              <el-input v-model="form.total" placeholder="请填写总人数(0为不限制)" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="价格" prop="price">
-              <el-input v-model="form.price" placeholder="请填写价格" autocomplete="off"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="目标群体" prop="group">
-              <el-select v-model="form.target" placeholder="请选择目标群体" style="width:100%">
-                 <el-option
-                   v-for="item in parameters.activityGroup"
-                   :key="item.value"
-                   :label="item.value"
-                   :value="item.id">
-                 </el-option>
-               </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-form-item label="海报图" prop="cover">
-          <el-upload
-            action="/api/admin/upload-file"
-            list-type="picture-card"
-            :file-list="coverlist"
-            ref="pictureUpload"
-            :limit="1"
-            :auto-upload="true"
-            :data="uploadOther"
-            :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}"
-            >
-              <i slot="default" class="el-icon-plus"></i>
-              <div slot="file" slot-scope="{file}">
-                <img
-                  class="el-upload-list__item-thumbnail"
-                  :src="file.url" alt=""
-                >
-                <span class="el-upload-list__item-actions">
-                  <span
-                    class="el-upload-list__item-preview"
-                    @click="handlePictureCardPreview(file)"
-                  >
-                    <i class="el-icon-zoom-in"></i>
-                  </span>
-                  <span
-                    v-if="!disabled"
-                    class="el-upload-list__item-delete"
-                    @click="handleRemove(file)"
-                  >
-                    <i class="el-icon-delete"></i>
-                  </span>
-                </span>
-              </div>
-          </el-upload>
-
-        </el-form-item>
-        <el-form-item label="banner图(最多三张)" prop="banners_list">
-          <el-upload
-            action="/api/admin/upload-file"
-            list-type="picture-card"
-            :file-list="bannersList"
-            ref="pictureUploads"
-            :limit="3"
-            :auto-upload="true"
-            :data="uploadOther"
-            :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}"
-            >
-              <i slot="default" class="el-icon-plus"></i>
-              <div slot="file" slot-scope="{file}">
-                <img
-                  class="el-upload-list__item-thumbnail"
-                  :src="file.url" alt=""
-                >
-                <span class="el-upload-list__item-actions">
-                  <span
-                    class="el-upload-list__item-preview"
-                    @click="handlePictureCardPreview(file)"
-                  >
-                    <i class="el-icon-zoom-in"></i>
-                  </span>
-                  <span
-                    v-if="!disabled"
-                    class="el-upload-list__item-delete"
-                    @click="handleRemove(file)"
-                  >
-                    <i class="el-icon-delete"></i>
-                  </span>
-                </span>
-              </div>
-          </el-upload>
-
-        </el-form-item>
-
-        <el-form-item label="活动介绍" prop="content">
-          <div style="width: 99.9%;">
-            <tinymce v-model="form.content" ref="tiny" :height="300" />
-          </div>
+      <el-form :model="form" :rules="rules" ref="form" label-position="right" :label-width="formLabelWidth">
+        <el-row>
+          <el-col :span="10">
+            <el-form-item label="活动名称" prop="name">
+              <el-input v-model="form.name" placeholder="请填写活动名称" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="4">
+            <el-form-item label="所属区域" prop="area">
+              <el-select v-model="form.area" placeholder="请选择所属区域" style="width:100%">
+                <el-option v-for="item in parameters.activityArea" :key="item.value" :label="item.value"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="关联类型" prop="type">
+              <el-select v-model="form.type" placeholder="请选择关联类型" style="width:100%">
+                <el-option v-for="item in parameters.activityType" :key="item.value" :label="item.value"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="4">
+            <el-form-item label="关联内容" prop="con">
+              <el-select v-model="form.form" placeholder="请选择关联内容" style="width:100%">
+                <el-option v-for="item in parameters.activityCon" :key="item.value" :label="item.value"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model="form.address" placeholder="请填写活动地址" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="4">
+            <el-form-item label="集合地" prop="resort">
+              <el-input v-model="form.assemble" placeholder="请填写集合地" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="地址经度" prop="longitude">
+              <el-input v-model="form.longitude" placeholder="请填写地址经度" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="4">
+            <el-form-item label="地址纬度" prop="latitude">
+              <el-input v-model="form.latitude" placeholder="请填写地址纬度" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="20" :offset="2">
+
+            <div id="containers" style="width:100%;height:300px;margin-bottom:20px"></div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="开始时间" prop="start_time">
+              <el-date-picker style="width:100%" v-model="form.start_time" type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择活动开始时间" @change="isShowTime">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="结束时间" prop="end_time">
+              <el-time-select style="width:100%" placeholder="结束时间" value-format="HH:mm:ss" v-model="form.end_time"
+                :picker-options="{
+                    start: '00:00',
+                    step: '00:15',
+                    end: '24:00',
+                    minTime: showTime
+                  }">
+              </el-time-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="预定截止" prop="end_plan">
+              <el-date-picker style="width:100%" v-model="form.end_plan" type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择预定截止时间">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="总人数" prop="total">
+              <el-input v-model="form.total" placeholder="请填写总人数(0为不限制)" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="价格" prop="price">
+              <el-input v-model="form.price" placeholder="请填写价格" autocomplete="off"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="目标群体" prop="group">
+              <el-select v-model="form.target" placeholder="请选择目标群体" style="width:100%">
+                <el-option v-for="item in parameters.activityGroup" :key="item.value" :label="item.value"
+                  :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="海报图" prop="cover">
+          <el-upload action="/api/admin/upload-file" list-type="picture-card" :file-list="coverlist" ref="pictureUpload"
+            :limit="1" :auto-upload="true" :data="uploadOther"
+            :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
+            <i slot="default" class="el-icon-plus"></i>
+            <div slot="file" slot-scope="{file}">
+              <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <span class="el-upload-list__item-actions">
+                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+                  <i class="el-icon-zoom-in"></i>
+                </span>
+                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+                  <i class="el-icon-delete"></i>
+                </span>
+              </span>
+            </div>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="轮播图(最多三张)" prop="banners_list">
+          <el-upload action="/api/admin/upload-file" list-type="picture-card" :file-list="bannersList"
+            ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther"
+            :on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
+            <i slot="default" class="el-icon-plus"></i>
+            <div slot="file" slot-scope="{file}">
+              <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <span class="el-upload-list__item-actions">
+                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+                  <i class="el-icon-zoom-in"></i>
+                </span>
+                <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+                  <i class="el-icon-delete"></i>
+                </span>
+              </span>
+            </div>
+          </el-upload>
+
+        </el-form-item>
+
+        <el-form-item label="活动介绍" prop="content">
+          <div style="width: 99.9%;">
+            <tinymce v-model="form.content" ref="tiny" :height="300" />
+          </div>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="resetForm('form')">取 消</el-button>
         <el-button type="primary" @click="submitForm('form')">确 定</el-button>
       </div>
-    </el-dialog>
-    <el-dialog :visible.sync="dialogVisible">
-      <img width="100%" :src="dialogImageUrl" alt="">
+    </el-dialog>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
   </div>
 </template>
 <script>
-  import LxHeader from "@/components/LxHeader/index.vue";
-  import Tinymce from '@/components/Tinymce'
-  import {
-    getToken
+  import LxHeader from "@/components/LxHeader/index.vue";
+  import Tinymce from '@/components/Tinymce'
+  import {
+    getToken
   } from '@/utils/auth'
   import {
-    listactive,
-    store,
-    save,
-    del,
-    get,
+    listactive,
+    store,
+    save,
+    del,
+    get,
     chanStatus
   } from "../../api/active/activity.js";
   export default {
     components: {
-      LxHeader,
+      LxHeader,
       Tinymce,
     },
     data() {
       return {
         dialogFormVisible: false,
-        formLabelWidth: "120px",
-        selectedValue:null,
-        dialogImageUrl: '',
-        dialogVisible: false,
-        disabled: false,
-        tableHeight: 0,
-        //查询条件字段
-        searchFields: {
-          name: ""
-        },
-        tableData: [],
-        paginations: {
-          page: 1,
-          page_size: 15,
-          total: 0
-        },
-        uploadOther: {
-          token: ""
-        },
-        parameters: {
-          activityArea: [{
-            id:1,
-            value:"本馆"
-          },{
-            id:2,
-            value:"馆外"
-          }],
-          activityType: [{
-            id:1,
-            value:"公益"
-          },{
-            id:2,
-            value:"商业"
-          }],
-          activityCon: [{
-            id:1,
-            value:"讲座"
-          },{
-            id:2,
-            value:"主题参观"
-          },{
-            id:3,
-            value:"体验活动"
-          }],
-          activityGroup:[{
-            id:1,
-            value:"幼儿园"
-          },{
-            id:2,
-            value:"小学生"
-          },{
-            id:3,
-            value:"初中生"
-          },{
-            id:4,
-            value:"高中生"
-          }]
-        },
+        formLabelWidth: "120px",
+        selectedValue: null,
+        dialogImageUrl: '',
+        dialogVisible: false,
+        disabled: false,
+        tableHeight: 0,
+        //查询条件字段
+        searchFields: {
+          name: ""
+        },
+        tableData: [],
+        paginations: {
+          page: 1,
+          page_size: 15,
+          total: 0
+        },
+        uploadOther: {
+          token: ""
+        },
+        parameters: {
+          activityArea: [{
+            id: 1,
+            value: "本馆"
+          }, {
+            id: 2,
+            value: "馆外"
+          }],
+          activityType: [{
+            id: 1,
+            value: "公益"
+          }, {
+            id: 2,
+            value: "商业"
+          }],
+          activityCon: [{
+            id: 1,
+            value: "讲座"
+          }, {
+            id: 2,
+            value: "主题参观"
+          }, {
+            id: 3,
+            value: "体验活动"
+          }],
+          activityGroup: [{
+            id: 1,
+            value: "幼儿园"
+          }, {
+            id: 2,
+            value: "小学生"
+          }, {
+            id: 3,
+            value: "初中生"
+          }, {
+            id: 4,
+            value: "高中生"
+          }]
+        },
 
-        form: {
-          name:"",
-          area:"",
-          type:"",
-          form:"",
-          target:"",
-          address:"",
-          assemble: "",
-          cover:"",
-          start_time:"",
-          end_time:"",
-          end_plan:"",
-          total:0,
-          content:"",
-          price:"",
-          longitude:"",
-          latitude:"",
-          banners_list:[]
-        },
-        coverlist:[],
-        bannersList:[],
-        // fileList:[],
-        columns: [{
-            field: "name",
-            title: "活动名称",
-            type: "string",
-          },
-          {
-            field: "address",
-            title: "活动地址",
-            type: "string",
-          },
-          {
-            field: "dateRange",
-            title: "活动时间",
-            type: "dateRange",
-            align:"center",
-            width:300
-          },
-          {
-            field: "end_plan",
-            title: "截止时间",
-            type: "string",
-            align:"center",
-            width:160
-          },
-          {
-            field: "status",
-            title: "状态",
-            type: "status",
-            align:"center",
-            width:120
-          },
-          {
-            field: "操作",
-            title: "操作",
-            width: 240,
-            type: "opt",
-          }
+        form: {
+          name: "",
+          area: "",
+          type: "",
+          form: "",
+          target: "",
+          address: "",
+          assemble: "",
+          cover: "",
+          start_time: "",
+          end_time: "",
+          end_plan: "",
+          total: 0,
+          content: "",
+          price: "",
+          longitude: "",
+          latitude: "",
+          banners_list: []
+        },
+        showTime: "",
+        coverlist: [],
+        bannersList: [],
+        // fileList:[],
+        columns: [{
+            field: "name",
+            title: "活动名称",
+            type: "string",
+          },
+          {
+            field: "address",
+            title: "活动地址",
+            type: "string",
+          },
+          {
+            field: "dateRange",
+            title: "活动时间",
+            type: "dateRange",
+            align: "center",
+            width: 300
+          },
+          {
+            field: "end_plan",
+            title: "截止时间",
+            type: "string",
+            align: "center",
+            width: 160
+          },
+          {
+            field: "status",
+            title: "状态",
+            type: "status",
+            align: "center",
+            width: 120
+          },
+          {
+            field: "操作",
+            title: "操作",
+            width: 240,
+            type: "opt",
+          }
         ],
         rules: {
           name: [{
             required: true,
             message: '请输入活动名称',
             trigger: 'blur'
+          }],
+          longitude: [{
+            required: true,
+            message: '请输入经度',
+            trigger: 'blur'
+          }],
+          latitude: [{
+            required: true,
+            message: '请输入纬度',
+            trigger: 'blur'
+          }],
+          start_time: [{
+            required: true,
+            message: '请选择开始时间',
+            trigger: 'blur'
+          }],
+          end_time: [{
+            required: true,
+            message: '请选择结束时间',
+            trigger: 'blur'
+          }],
+          end_plan: [{
+            required: true,
+            message: '请选择截止日期',
+            trigger: 'blur'
           }]
-
         },
+        markerLayer: {},
+        map: {},
+        imgsrc: "/src/assets/imgs/ditu.png"
+      }
+    },
+    mounted() {
+
+    },
+    destroyed() {
+
+    },
+    beforeUpdate() {
+
+    },
+    created() {
+      this.uploadOther.token = getToken();
+      this.initLoad();
+      this.load();
 
+    },
+    watch: {
+      dialogFormVisible(newVal, oldVal) {
+        if (newVal == true) {
+          let that = this;
+          that.markerLayer = new TMap.MultiMarker({});
+          that.initMap();
+        }
       }
-    },
-    mounted() {
-    },
-    created() {
-      this.uploadOther.token = getToken();
-      this.initLoad();
-      this.load();
     },
     methods: {
+      initMap() {
+        //如果地图存在，就销毁，下面会重新创建一个
+       // if (!!this.map) {
+       //   this.map.destroy();
+       // }
+        this.$nextTick(() => {
+          let that = this;
+          console.log(window); // 通过window获取
+          var center = new window.TMap.LatLng(31.302377, 120.625826)
+          //初始化地图
+          var map = new window.TMap.Map("containers", {
+            zoom: 18, //设置地图缩放级别
+            center: center, //设置地图中心点坐标
+          });
+          console.log(map);
+          this.map = map;
+          map.on("click", (e) => {
+            this.markerLayer.setGeometries([]);
+            const position = e.latLng;
+            that.form.longitude = position.lng,
+              that.form.latitude = position.lat,
+              this.addImgMarker(position);
+          });
+        })
+      },
+      addImgMarker(data) {
+        this.markerLayer = new TMap.MultiMarker({
+          map: this.map,
+          //样式定义
+          styles: {
+            //创建一个styleId为"myStyle"的样式（styles的子属性名即为styleId）
+            myStyle: new TMap.MarkerStyle({
+              width: 25, // 点标记样式宽度（像素）
+              height: 35, // 点标记样式高度（像素）
+              src: this.imgsrc, //图片路径
+              //焦点在图片中的像素位置，一般大头针类似形式的图片以针尖位置做为焦点，圆形点以圆心位置为焦点
+              anchor: {
+                x: 16,
+                y: 32
+              },
+            }),
+          },
+        });
+      },
       initLoad() {
         var that = this;
         var clientHeight = document.documentElement.clientHeight
@@ -434,42 +470,44 @@
         var paginationHeight = 37; //分页的高度
         var topHeight = 50; //页面 头部
         let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
-        that.tableHeight = tableHeight;
+        that.tableHeight = tableHeight;
 
       },
       load() {
-        var that = this;
-        listactive({
-          page: this.paginations.page,
-          page_size: this.paginations.page_size,
-          name:this.searchFields.name
-        }).then(res => {
-          this.tableData = res.data;
-          this.paginations.total = res.total
-        }).catch(error => {
-
+        var that = this;
+        listactive({
+          page: this.paginations.page,
+          page_size: this.paginations.page_size,
+          name: this.searchFields.name
+        }).then(res => {
+          this.tableData = res.data;
+          this.paginations.total = res.total
+        }).catch(error => {
+
         })
       },
       info(obj) {
-        var that = this;
-        get(obj.id).then(res => {
-          let result = Object.assign(that.form, res);
-          that.form = result;
-          that.form.end_time = result.end_time.substring(11,result.end_time.length);
-          result.cover_upload.coverType = "cover";
-          that.coverlist.push(result.cover_upload);
-          let _files = [];
-          for (var mod of result.banners) {
-            let m = Object.assign({}, mod);
-            m.url = mod.upload.url;
-            m.id= mod.upload.id;
-            m.coverType = "poster";
-            _files.push(m);
-          }
-          that.bannersList = _files;
-          this.$refs.tiny.setContent(result.content);
-        }).catch(error => {
-          //reject(error)
+        var that = this;
+        get(obj.id).then(res => {
+          that.coverlist = [];
+          let result = Object.assign(that.form, res);
+          that.form = result;
+          that.showTime = result.start_time.substring(11, result.start_time.length);
+          that.form.end_time = result.end_time.substring(11, result.end_time.length);
+          result.cover_upload.coverType = "cover";
+          that.coverlist.push(result.cover_upload);
+          let _files = [];
+          for (var mod of result.banners) {
+            let m = Object.assign({}, mod);
+            m.url = mod.upload.url;
+            m.id = mod.upload.id;
+            m.coverType = "poster";
+            _files.push(m);
+          }
+          that.bannersList = _files;
+          this.$refs.tiny.setContent(result.content);
+        }).catch(error => {
+          //reject(error)
         })
 
       },
@@ -479,13 +517,13 @@
         if (obj) {
           var that = this;
           that.info(obj);
-        } else {
-        }
+        } else {}
         this.dialogFormVisible = true;
+
       },
       submitForm(formName) {
-        var that = this;
-        that.form.end_time = that.form.start_time.substring(0,10)+" "+that.form.end_time+":00";
+        var that = this;
+        that.form.end_time = that.form.start_time.substring(0, 10) + " " + that.form.end_time;
         this.$refs[formName].validate((valid) => {
           if (valid) {
             if (that.form.id) {
@@ -509,39 +547,39 @@
             return false;
           }
         });
-      },
-      changeStatus(obj){
-        var that = this;
-        if (obj) {
-          let status = obj.status==0?1:0;
-          let para={
-            id:obj.id,
-            status:status
-          }
-          this.$Modal.confirm({
-            title: '确认要变更状态？',
-            onOk: () => {
-              chanStatus({
-                id:para.id,
-                status:para.status
-              }).then(response => {
-                this.$Message.success('操作成功');
-                that.load();
-              }).catch(error => {
-                console.log(error)
-                reject(error)
-              })
-            },
-            onCancel: () => {
-              //this.$Message.info('Clicked cancel');
-            }
-          });
-        }
+      },
+      changeStatus(obj) {
+        var that = this;
+        if (obj) {
+          let status = obj.status == 0 ? 1 : 0;
+          let para = {
+            id: obj.id,
+            status: status
+          }
+          this.$Modal.confirm({
+            title: '确认要变更状态？',
+            onOk: () => {
+              chanStatus({
+                id: para.id,
+                status: para.status
+              }).then(response => {
+                this.$Message.success('操作成功');
+                that.load();
+              }).catch(error => {
+                console.log(error)
+                reject(error)
+              })
+            },
+            onCancel: () => {
+              //this.$Message.info('Clicked cancel');
+            }
+          });
+        }
       },
       resetForm(formName) {
-        var that = this;
-        this.coverlist=[];
-        this.bannersList=[];
+        var that = this;
+        this.coverlist = [];
+        this.bannersList = [];
         this.$refs.tiny.setContent("");
         this.$refs[formName].resetFields();
         that.dialogFormVisible = false;
@@ -565,57 +603,71 @@
             }
           });
         }
-      },
-      handleRemove(file) {
-        if(file.coverType=="cover"){
-          this.coverlist=[];
-        }else if(file.coverType=="poster"){
-          for(var i = 0; i < this.bannersList.length; i++){
-            if(this.bannersList[i].url==file.url){
-              this.bannersList.splice(i, 1)
-            }
-          }
-        }
-      },
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url;
-        this.dialogVisible = true;
-      },
-      handlesuccess(response, file, fileList, index) {
-        if(index==1){
-          let listid="";
-          for (var m of fileList) {
-            m.coverType = "cover";
-            if (m.response)
-              listid=m.response.id;
-            else
-             listid=m.id;
-          }
-          this.coverlist=fileList;
-          this.form.cover = listid;
-        }else{
-          let listUrl = [];
-
-          for (var m of fileList) {
-            m.coverType = "poster";
-            if (m.response)
-              listUrl.push({"upload_id":m.response.id});
-            else
-              listUrl.push({"upload_id":m.id});
-          }
-          this.bannersList=fileList
-          this.form.banners_list = listUrl
-        }
-      },
-      handleCurrentChange(page) {
-        this.paginations.page = page;
-        this.load();
-      },
-      toactive(obj){
-        if(obj.id){
-          let url = "/#/order/activeorder?activity_id="+obj.id;
-          window.location.href = url
-        }
+      },
+      handleRemove(file) {
+        if (file.coverType == "cover") {
+          this.coverlist = [];
+        } else if (file.coverType == "poster") {
+          for (var i = 0; i < this.bannersList.length; i++) {
+            if (this.bannersList[i].url == file.url) {
+              this.bannersList.splice(i, 1)
+            }
+          }
+        }
+      },
+      handlePictureCardPreview(file) {
+        this.dialogImageUrl = file.url;
+        this.dialogVisible = true;
+      },
+      handlesuccess(response, file, fileList, index) {
+        if (index == 1) {
+          let listid = "";
+          for (var m of fileList) {
+            m.coverType = "cover";
+            if (m.response)
+              listid = m.response.id;
+            else
+              listid = m.id;
+          }
+          this.coverlist = fileList;
+          this.form.cover = listid;
+        } else {
+          let listUrl = [];
+
+          for (var m of fileList) {
+            m.coverType = "poster";
+            if (m.response)
+              listUrl.push({
+                "upload_id": m.response.id
+              });
+            else
+              listUrl.push({
+                "upload_id": m.id
+              });
+          }
+          this.bannersList = fileList
+          this.form.banners_list = listUrl
+        }
+      },
+      handleCurrentChange(page) {
+        this.paginations.page = page;
+        this.load();
+      },
+      toactive(obj) {
+        if (obj.id) {
+          let url = "/#/order/activeorder?activity_id=" + obj.id;
+          window.location.href = url
+        }
+      },
+      changeEndTime(val) {
+        if (val) {
+          val = val.substring(11, val.length);
+          return val
+        }
+
+      },
+      isShowTime(val) {
+        this.showTime = val.substring(11, val.length);
       },
     }
   };
