1. 新增

public/index.html

@@ -8,7 +8,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
-    <script src="https://map.qq.com/api/gljs?v=1.exp&key=BCDBZ-SY2LL-D57PJ-MVO7X-QVWX3-UCBN6"></script>
+    <script src="https://map.qq.com/api/gljs?v=1.exp&key=K3ABZ-N2AKZ-27EX7-TOURO-VFNCH-CUBKQ&libraries=service"></script>
     <style>
     html,
     body,

src/myComponents/qqMap.vue

@@ -16,7 +16,8 @@
     data() {
         return {
             map: null,
-            markerLayer: null
+            markerLayer: null,
+            geocoder: null
         }
     },
     mounted() {
@@ -26,6 +27,8 @@
     methods: {
         initMap(params) {
             //定义地图中心点坐标
+             // 经纬度解析类回调函数
+            
             let center = new TMap.LatLng(params.lat||39.916527, params.lng||116.397128)
             //定义map变量，调用 TMap.Map() 构造函数创建地图
             this.map = new TMap.Map(document.getElementById('mapBox'), {
@@ -34,15 +37,23 @@
                 pitch: 43.5,  //设置俯仰角
                 rotation: 45    //设置地图旋转角度
             });
+            this.geocoder = new TMap.service.Geocoder()
             if(params.lat) {
                 this.setMakerLayer(params,false)
             }
             //监听点击事件添加marker
             this.map.on("click", (evt) => {
                 this.setMakerLayer(evt.latLng)
-                this.$emit('setDot',{
-                    ...evt.latLng
-                })                    
+                this.geocoder.getAddress({ location: evt.latLng }).then((result) => {
+                    console.log("result===",result.result.address)
+                    this.$emit('setDot',{
+                        ...evt.latLng,
+                        address: result.result.address
+                    })
+                    //result.result.address即为解析出来的地址
+                });
+                                
+                                    
             });
         },
         setMakerLayer(params,type){

src/views/tourism/marketingActivities/formBox/templateManagementForm.vue

@@ -2,7 +2,7 @@
   <el-dialog
     :title="title"
     :visible.sync="open"
-    width="95%"
+    width="70%"
     append-to-body
     :close-on-click-modal="false"
     @close="cancel"
@@ -18,40 +18,45 @@
         element-loading-spinner="''"
         element-loading-background="rgba(0, 0, 0, 0.8)"
         >
-        <el-tabs v-model="activeName" @tab-click="handleClick">
+        <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="模板配置：" name="first"></el-tab-pane>
-        </el-tabs>
+        </el-tabs> -->
         <div style="display: flex;width: 100%;">
-          <div style="width: calc( 100% - 600px );padding-right: 10px;box-sizing: border-box;">
-            <asEditor />
+          <div style="width: 600px;padding-right: 10px;box-sizing: border-box;justify-content: center;display: flex;flex-direction: column;">
+            <span style="justify-content: center;display: flex;font-size: 18px;font-weight: 600;">{{ form.name }}</span>
+            <IphoneXR
+            :url1="form.backImage?form.backImage.join(','):''"
+            :url2="form.backImage2?form.backImage2.join(','):''"
+            :color="form.productBg"
+             /> 
           </div>
-          <div style="width: 600px;flex-shrink: 0;border-left: 1px solid #ccc;padding-left: 10px;box-sizing: border-box;">
+          <div style="width: calc( 100% - 600px );flex-shrink: 0;border-left: 1px solid #ccc;padding-left: 10px;box-sizing: border-box;">
             <el-form :model="form" ref="form" :rules="rules" label-width="150px">
               <div>
-                  <el-form-item label="模板名称：" prop="activityName">
-                    <el-input style="width: 350px;" v-model="form.activityName" placeholder="请输入模板名称" maxlength="50" show-word-limit />
+                  <el-form-item label="模板名称：" prop="name">
+                    <el-input style="width: 350px;" v-model="form.name" placeholder="请输入模板名称" maxlength="50" show-word-limit />
                   </el-form-item>
-                  <el-form-item label="页面路径：" prop="activityName">
-                    <el-input style="width: 350px;" v-model="form.activityName" placeholder="请输入页面路径" maxlength="50" show-word-limit />
+                  <el-form-item label="页面路径：" prop="appletPath">
+                    <el-input style="width: 350px;" v-model="form.appletPath" placeholder="请输入页面路径" maxlength="50" show-word-limit />
                   </el-form-item>
-                  <el-form-item label="背景图1：" prop="image">
+                  <el-form-item label="背景图1：" prop="backImage">
                     <div style="display: flex;">
                       <div 
-                      v-for="(item,index) in form.image" 
+                      v-for="(item,index) in form.backImage" 
                       :key="index"
                       style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
                         <el-image 
                           style="width: 100%; height: 100%"
                           :src="item" 
-                          :preview-src-list="form.image">
+                          :preview-src-list="form.backImage">
                         </el-image>
-                        <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                        <span @click="handleRemove('backImage',index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
                           <i class="el-icon-error"></i>
                         </span>
                       </div>
                       <div 
                       style="width: 100px; height: 100px;" 
-                      v-if="!form.image||form.image.length<1"
+                      v-if="!form.backImage||form.backImage.length<1"
                       v-loading="actionUrlLoading"
                       element-loading-text="上传中..."
                       element-loading-spinner="el-icon-loading"
@@ -64,38 +69,37 @@
                             bucket: 'tourism'
                           }"
                           :show-file-list="false"
-                          :before-upload="beforeAvatarUpload"
-                          :on-success="handleAvatarSuccess"
-                          :on-progress="handleAvatarProgress"
+                          :before-upload="(file)=>beforeAvatarUpload(file)"
+                          :on-success="(response, file, fileList)=>handleAvatarSuccess(response, file, fileList,'backImage','actionUrlLoading')"
+                          :on-progress="()=>handleAvatarProgress('actionUrlLoading')"
                           :disabled="actionUrlLoading"
-                          :on-error="handleAvatarError"
+                          :on-error="()=>handleAvatarError('actionUrlLoading')"
                           >
                           <i class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                       </div>
-                      
+                      <span>支持jpg/png/gif,支持1MB大小以内的图片上传</span>
                     </div>
-                    <span>建议尺寸375px X 392px,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
                   </el-form-item>
-                  <el-form-item label="背景图2：" prop="image">
+                  <el-form-item label="背景图2：" prop="backImage2">
                     <div style="display: flex;">
                       <div 
-                      v-for="(item,index) in form.image" 
+                      v-for="(item,index) in form.backImage2" 
                       :key="index"
                       style="width: 100px; height: 100px;position: relative;border: 1px solid #999;border-radius: 5px;margin-right: 20px;">
                         <el-image 
                           style="width: 100%; height: 100%"
                           :src="item" 
-                          :preview-src-list="form.image">
+                          :preview-src-list="form.backImage2">
                         </el-image>
-                        <span @click="handleRemove(index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
+                        <span @click="handleRemove('backImage2',index)" style="position: absolute;top: -15px;right: -15px;color: red;font-size: 24px;z-index: 999;cursor: pointer;">
                           <i class="el-icon-error"></i>
                         </span>
                       </div>
                       <div 
                       style="width: 100px; height: 100px;" 
-                      v-if="!form.image||form.image.length<1"
-                      v-loading="actionUrlLoading"
+                      v-if="!form.backImage2||form.backImage2.length<1"
+                      v-loading="actionUrlLoading1"
                       element-loading-text="上传中..."
                       element-loading-spinner="el-icon-loading"
                       element-loading-background="rgba(0, 0, 0, 0.8)"
@@ -107,20 +111,20 @@
                             bucket: 'tourism'
                           }"
                           :show-file-list="false"
-                          :before-upload="beforeAvatarUpload"
-                          :on-success="handleAvatarSuccess"
-                          :on-progress="handleAvatarProgress"
-                          :disabled="actionUrlLoading"
-                          :on-error="handleAvatarError"
+                          :before-upload="(file)=>beforeAvatarUpload(file)"
+                          :on-success="(response, file, fileList)=>handleAvatarSuccess(response, file, fileList,'backImage2','actionUrlLoading1')"
+                          :on-progress="()=>handleAvatarProgress('actionUrlLoading1')"
+                          :disabled="actionUrlLoading1"
+                          :on-error="()=>handleAvatarError('actionUrlLoading1')"
                           >
                           <i class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                       </div>
                       
                     </div>
-                    <span>建议尺寸375px X 392px,支持jpg/png/gif,支持1MB大小以内的图片上传</span>
+                    <span>支持jpg/png/gif,支持1MB大小以内的图片上传</span>
                   </el-form-item>
-                  <el-form-item label="产品区域背景色值：" prop="eventTime">
+                  <el-form-item label="产品区域背景色值：" prop="productBg">
                     <el-color-picker v-model="form.productBg"></el-color-picker>
                   </el-form-item>
               </div>
@@ -155,10 +159,10 @@ import {
   listTableApi,
  } from '@/api/CURD'
 import selectTicketOrders from "../model/selectTicketOrders.vue"
-import asEditor from "@/myComponents/asEditor"
+import IphoneXR from "../model/iphoneXR.vue"
 export default {
   name: "addAndEdit",
-  components: {selectTicketOrders,asEditor},
+  components: {selectTicketOrders,IphoneXR},
   dicts: ['tourism_couponManagement_type','tourism_couponManagement_useUserType','tourism_couponManagement_receiveType','tourism_couponManagement_useConfig','goods_type'],
   data() {
     return {
@@ -178,18 +182,18 @@ export default {
         id: undefined,
       },
       rules: {
-        activityName: [{ required: true, message: "请输入活动名称", trigger: ["change","blur"] }],
-        image: [{ required: true, message: "请上传封面", trigger: ["change","blur"] }],
-        eventTime: [{ required: true, message: "请选择活动起止时间", trigger: ["change","blur"] }],
-        jsonObj: [{ required: true, message: "请选择模板", trigger: ["change","blur"] }],
-        useUserRelid_2: [{ required: true, message: "请选择优惠券", trigger: ["change","blur"] }],
-        useUserRelid_3: [{ required: true, message: "请选择景区门票", trigger: ["change","blur"] }],
+        name: [{ required: true, message: "请输入模板名称", trigger: ["change","blur"] }],
+        appletPath: [{ required: true, message: "请输入页面路径", trigger: ["change","blur"] }],
+        backImage: [{ required: true, message: "请上传背景图1", trigger: ["change","blur"] }],
+        backImage2: [{ required: true, message: "请上传背景图2", trigger: ["change","blur"] }],
+        productBg: [{ required: true, message: "请选择产品区域背景色值", trigger: ["change","blur"] }],
       },
 
       activeName: 'first',
 
       actionUrl: process.env.VUE_APP_BASE_API + process.env.VUE_APP_UPLOAD_IMAGE,
       actionUrlLoading: false,
+      actionUrlLoading1: false,
 
       jsonObjList: []
     };
@@ -208,15 +212,15 @@ export default {
         this.$set(this,'form',{
           ...row,
           eventTime: [], // 活动时间段
-          image: [],
-          useUserRelid_2: [],
-          useUserRelid_3: [],
+          backImage: [],
+          backImage2: [],
         })
         this.formStatus = 1
       }else if(model=='EDIT') { // 新增
         let obj = {
           ...row,
-          image: row.image?row.image.split(','):[],
+          backImage: row.backImage?row.backImage.split(','):[],
+          backImage2: row.backImage2?row.backImage2.split(','):[],
         }
         this.$set(this,'form',{
           memberId: row.id
@@ -241,10 +245,10 @@ export default {
         if(res.code == 200) {
           let obj = {
             ...res.data,
-            eventTime: [res.data.startDate,res.data.endDate], // 发放时间段
-            image: res.data.image?res.data.image.split(','):[],
-            useUserRelid_3: [],
-            useUserRelid_2: []
+            name: res.data.templateName,
+            backImage: res.data.templateStyle.backImage?res.data.templateStyle.backImage.split(','):[],
+            backImage2: res.data.templateStyle.backImage2?res.data.templateStyle.backImage2.split(','):[],
+            productBg: res.data.templateStyle.productBg?res.data.templateStyle.productBg:'',
           }
           this.$set(this,'form',JSON.parse(JSON.stringify(obj)))
           this.formStatus = 1
@@ -288,12 +292,14 @@ export default {
           this.loadingText = "提交数据中..."
           this.loading = true
           let param = JSON.parse(JSON.stringify(this.form))
-          param['startDate'] = param.eventTime[0]
-          param['endDate'] = param.eventTime[1]
-
-          delete param.eventTime
-          delete param.useUserRelid_2
-          delete param.useUserRelid_3
+          param['templateStyle'] = {
+            backImage: this.form.backImage.join(','),
+            backImage2: this.form.backImage2.join(','),
+            productBg: this.form.productBg,
+          }
+          delete param.backImage
+          delete param.backImage2
+          delete param.productBg
           if (this.model != 'ADD') {
             addTableApi(
               this.configUrl.edit,{
@@ -361,34 +367,33 @@ export default {
 
     },
     /**  上传图片 单张  */
-    handleAvatarSuccess(response, file, fileList) {
+    handleAvatarSuccess(response, file, fileList,name,loadingName) {
       console.log("res, file",response, file, fileList)
-      this.actionUrlLoading = false
+      this[loadingName] = false
       if(response.code == 200) {
-        this.form.imag.push(response.data.url)
+        this.form[name].push(response.data.url)
       }
     },
-    beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 <= 1;
+    beforeAvatarUpload(file,size=1,typeList=['png','jepg','jpg','gif']) {
+      const isLt2M = file.size / 1024 / 1024 <= size;
       let testmsg = file.name.substring(file.name.lastIndexOf('.')+1)
-      let typeList = ['png','jepg','jpg']
       const isJPG = typeList.includes(testmsg);
       if (!isJPG) {
         this.$message.error(`上传图片图片只能是 ${typeList} 格式!`);
       }
       if (!isLt2M) {
-        this.$message.error('上传图片图片大小不能超过 1MB!');
+        this.$message.error(`上传图片图片大小不能超过 ${size}MB!`);
       }
       return isJPG && isLt2M;
     },
-    handleAvatarProgress(){
-      this.actionUrlLoading = true
+    handleAvatarProgress(loadingName){
+      this[loadingName] = true
     },
-    handleAvatarError() {
-      this.actionUrlLoading = false
+    handleAvatarError(loadingName) {
+      this[loadingName] = false
     },
-    handleRemove(index) {
-      this.form.imag.splice(index,1)
+    handleRemove(name,index) {
+      this.form[name].splice(index,1)
     },
   },
 };
@@ -399,7 +404,7 @@ export default {
   padding: 0 30px;
   padding: 0 30px;
   min-height: 50vh;
-  max-height: 65vh;
+  max-height: 70vh;
   overflow-y: auto;
   >div {
     width: 100%;

src/views/tourism/marketingActivities/model/iphoneXR.vue

@@ -0,0 +1,484 @@
+<template>
+    <div class="phone">
+        <div class="phone_bg1">
+            <div class="phone_bg2">
+                <div class="phone_bg3">
+                    <div class="phone_lh">
+                        <div class="phone_lh_con">
+                            <div class="lh_tiao"></div>
+                            <div class="lh_yuan"></div>
+                        </div>
+                    </div>
+                    <span class="date_time">{{ time }}</span>
+
+                    <div class="states">
+                        <ul class="ul_xinhao">
+                            <li></li>
+                            <li></li>
+                            <li></li>
+                            <li></li>
+                        </ul>
+
+                        <div class="wifi1">
+                            <div class="wifi2">
+                                <div class="wifi3">
+                                    <div class="wifi4">
+                                        <div class="wifi5">
+
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="dianliang"></div>
+                    </div>
+                    <!--   -->
+                    <div style="display: flex;flex-direction: column;height: calc( 100% - 40px );justify-content: space-between;overflow: hidden;overflow-y: auto;">
+                        <div style="min-height: 150px;flex-shrink: 0;">
+							<img :src="url1" alt="" style="width: 100%; height: auto">
+                        </div>
+                        <div :style="{backgroundColor: color?color:'#fff',height: '200px',flexShrink: 0}">
+
+                        </div>
+                        <div style="min-height: 150px;flex-shrink: 0;">
+                            <img :src="url2" alt="" style="width: 100%; height: auto;">
+                        </div>
+                    </div>
+                    <!--    -->
+                    <div class="phone_home"></div>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="jingyin"></div>
+        <div class="yl_jia"></div>
+        <div class="yl_jian"></div>
+        <div class="suoping"></div>
+
+    </div>
+</template>
+<script>
+export default {
+    name: "IphoneXR",
+    props: {
+        color: {
+            type: String,
+            default: ''
+        },
+        url1: {
+            type: String,
+            default: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
+        },
+        url2: {
+            type: String,
+            default: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
+        },
+    },
+    data(){
+        return {
+            time: '',
+            timeInter: null,
+        }
+    },
+    created() {
+        if(this.timeInter) {
+            clearInterval(this.timeInter)
+        }
+        this.timeInter = setInterval(this.getDate, 1000);
+    },
+    methods: {
+        getDate() {
+            var today = new Date();
+            var time = this.twoDigits(today.getHours()) + ":" + this.twoDigits(today.getMinutes());
+            this.time = time
+        },
+        twoDigits(val) {
+            if (val < 10) return "0" + val;
+            return val;
+        }
+    }
+}
+</script>
+<style scoped lang="scss">
+@-webkit-keyframes phone {
+	0% {
+	-webkit-transform:skew(0deg,0deg) translateY(0px);
+}
+50% {
+	-webkit-transform:skew(0deg,0deg) translateY(5px);
+}
+100% {
+	-webkit-transform:skew(0deg,0deg) translateY(0px);
+}
+}@-webkit-keyframes phone_yy {
+	0% {
+	-webkit-transform:translate(0px,0px);
+	background:rgba(0,0,0,0.2);
+	filter:blur(8px);
+}
+50% {
+	-webkit-transform:translate(-8px,-8px);
+	background:rgba(0,0,0,0.3);
+	filter:blur(5px);
+}
+100% {
+	-webkit-transform:translate(0px,0px);
+	background:rgba(0,0,0,0.2);
+	filter:blur(8px);
+}
+}.phone {
+	margin:0px auto;
+	width:360px;
+	height:620px;
+	background:#68686b;
+	border-radius:30px;
+	box-sizing:border-box;
+	padding:2px;
+	position:relative;
+	-webkit-transform:skew(0deg,0deg);
+	-webkit-animation:phone 4s ease 0s infinite;
+	position:relative;
+}
+.phone:after {
+	position:absolute;
+	content:"";
+	display:block;
+	width:100%;
+	height:100%;
+	background:rgba(0,0,0,0.2);
+	top:10px;
+	left:10px;
+	z-index:-1;
+	border-radius:18px;
+	filter:blur(8px);
+	-webkit-animation:phone_yy 4s ease 0s infinite;
+}
+.phone_bg1 {
+	width:100%;
+	height:100%;
+	background:#fff;
+	border-radius:30px;
+	box-sizing:border-box;
+	padding:0.5px;
+}
+.phone_bg2 {
+	width:100%;
+	height:100%;
+	background:#0b0d0c;
+	border-radius:30px;
+	box-sizing:border-box;
+	padding:10px;
+	box-shadow:inset 14px 0px 10px -15px #fff,inset -14px 0px 10px -15px #fff;
+}
+.phone_bg3 {
+	width:100%;
+	height:100%;
+	background:#f8f8f8;
+	border-radius:26px;
+	box-sizing:border-box;
+	position:relative;
+}
+.phone_lh {
+	width:50%;
+	height:20px;
+	background:#0b0d0c;
+	margin:0 auto;
+	border-radius:0px 0px 14px 14px;
+	position:relative;
+}
+.phone_lh_con {
+	display:flex;
+	align-items:center;
+	justify-content:center;
+}
+.phone_lh:before {
+	position:absolute;
+	content:"";
+	width:5px;
+	height:5px;
+	background:#0b0d0c;
+	left:-5px;
+	top:0px;
+	z-index:9;
+}
+.phone_lh:after {
+	position:absolute;
+	content:"";
+	width:5px;
+	height:5px;
+	background:#0b0d0c;
+	right:-5px;
+	top:0px;
+	z-index:9;
+}
+.phone_lh_con:before {
+	position:absolute;
+	content:"";
+	width:10px;
+	height:10px;
+	background:#fff;
+	border-radius:100%;
+	left:-10px;
+	top:0px;
+	z-index:10;
+}
+.phone_lh_con:after {
+	position:absolute;
+	content:"";
+	width:10px;
+	height:10px;
+	background:#fff;
+	border-radius:100%;
+	right:-10px;
+	top:0px;
+	z-index:10;
+}
+.lh_tiao {
+	width:25%;
+	height:3px;
+	border-radius:5em;
+	background:#2d2d2d;
+	margin-left:8px;
+	margin-top:4px;
+}
+.lh_yuan {
+	width:5px;
+	height:5px;
+	border-radius:5em;
+	background:#212554;
+	margin-left:8px;
+	margin-top:4px;
+}
+.phone_home {
+	width:32%;
+	height:0.5%;
+	border-radius:5em;
+	position:absolute;
+	bottom:1%;
+	left:50%;
+	margin-left:-16%;
+	background:#0b0d0c;
+}
+.phone_bg3 #text {
+	font-size:18px;
+	position:absolute;
+	top:20%;
+	left:0%;
+	text-align:center;
+	width:100%;
+	font-weight:600;
+}
+.phone_bg3 .a_user {
+	font-size:10px;
+	font-weight:bold;
+	position:absolute;
+	bottom:10%;
+	left:50%;
+	text-align:center;
+	width:64px;
+	margin-left:-32px;
+	background:#06F;
+	color:#fff;
+	border-radius:5em;
+	line-height:1.5em;
+	padding:3px 0px;
+	cursor:pointer;
+	transition:all 0.8s ease;
+}
+.phone_bg3 .date_time {
+	width:25%;
+	left:0px;
+	position:absolute;
+	top:6px;
+	z-index:111;
+	font-size:13px;
+	font-weight:600;
+	text-align:center;
+}
+.states {
+	width:25%;
+	right:7px;
+	position:absolute;
+	top:-5px;
+	z-index:111;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+}
+.states .ul_xinhao {
+	display:flex;
+	align-items:flex-end;
+	list-style:none;
+}
+.states .ul_xinhao li {
+	width:3px;
+	height:3px;
+	background:#0d0b0c;
+	margin-left:1px;
+	list-style:none;
+}
+.states .ul_xinhao li:nth-of-type(2) {
+	height:4px;
+}
+.states .ul_xinhao li:nth-of-type(3) {
+	height:6.5px;
+}
+.states .ul_xinhao li:nth-of-type(4) {
+	height:8.5px;
+}
+.states .dianliang {
+	width:18px;
+	height:10px;
+	border:1px solid #b6b6b6;
+	box-sizing:border-box;
+	border-radius:2px;
+	margin-left:0.5px;
+	position:relative;
+}
+.states .dianliang:after {
+	content:"";
+	position:absolute;
+	width:94%;
+	height:88%;
+	top:6%;
+	left:3%;
+	box-sizing:border-box;
+	background:#0d0b0c;
+	border-radius:2px;
+}
+.states .dianliang:before {
+	content:"";
+	position:absolute;
+	width:1px;
+	height:4px;
+	box-sizing:border-box;
+	background:#b6b6b6;
+	border-radius:2px;
+	right:-2.5px;
+	top:50%;
+	margin-top:-2px;
+}
+.states .wifi1 {
+	border-radius:5em;
+	margin-left:0.5px;
+	border:solid transparent;
+	border-top-color:#0d0b0c;
+	border-width:2.2px 2.2px;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+	transform:translateY(4.5px);
+}
+.states .wifi2 {
+	border-radius:5em;
+	border:solid transparent;
+	border-top-color:#fff;
+	border-width:2.15px 2.15px;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+}
+.states .wifi3 {
+	border-radius:5em;
+	border:solid transparent;
+	border-top-color:#0d0b0c;
+	border-width:2.1px 2.1px;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+}
+.states .wifi4 {
+	border-radius:5em;
+	border:solid transparent;
+	border-top-color:#fff;
+	border-width:2.05px 2.05px;
+	display:flex;
+	align-items:center;
+	justify-content:center;
+}
+.states .wifi5 {
+	border-radius:5em;
+	border:solid transparent;
+	border-top-color:#0d0b0c;
+	border-width:2px 2px;
+}
+.jingyin {
+	width:1.5px;
+	height:3.75%;
+	background:#121212;
+	position:absolute;
+	top:13.5%;
+	left:-1.5px;
+	border-radius:5px 0px 0px 5px;
+}
+.jingyin:after {
+	content:"";
+	display:block;
+	width:0.8px;
+	height:90%;
+	background:rgba(255,255,255,0.8);
+	position:absolute;
+	left:0px;
+	bottom:5%;
+}
+.yl_jia {
+	width:1.5px;
+	height:7%;
+	background:#121212;
+	position:absolute;
+	top:20.75%;
+	left:-1.5px;
+	border-radius:5px 0px 0px 5px;
+}
+.yl_jia:after {
+	content:"";
+	display:block;
+	width:0.5px;
+	height:90%;
+	background:rgba(255,255,255,0.6);
+	position:absolute;
+	right:0px;
+	bottom:5%;
+}
+.yl_jian {
+	width:1.5px;
+	height:7%;
+	background:#121212;
+	position:absolute;
+	top:30%;
+	left:-1.5px;
+	border-radius:5px 0px 0px 5px;
+}
+.yl_jian:after {
+	content:"";
+	display:block;
+	width:0.5px;
+	height:90%;
+	background:rgba(255,255,255,0.6);
+	position:absolute;
+	right:0px;
+	bottom:5%;
+}
+.suoping {
+	width:1.5px;
+	height:11.5%;
+	background:#121212;
+	position:absolute;
+	top:23%;
+	right:-1.5px;
+	border-radius:0px 5px 5px 0px;
+}
+.suoping:after {
+	content:"";
+	display:block;
+	width:0.5px;
+	height:90%;
+	background:rgba(255,255,255,0.6);
+	position:absolute;
+	left:0px;
+	bottom:5%;
+}
+
+</style>

src/views/tourism/popularCheck/detailsBox/contentManagementDetails.vue

@@ -85,6 +85,11 @@
             <el-form-item label="内容：">
               <span style="display: block;min-width: 250px;">{{ form.content }}</span>
             </el-form-item>
+            <el-form-item label="星级评分：">
+              <div style="margin-top: 10px;">
+                <el-rate v-model="form.score" disabled></el-rate>
+              </div>
+            </el-form-item>
           </div>
           <div v-if="model=='DEATILSADD'">
             <div class="form-title" style="display: flex;align-items: flex-end;"><span>审核操作</span><i>(注意：驳回时需填写驳回原因)</i></div>

src/views/tourism/scenicAreaManagement/navigationManagement/formBox/scenicGuideForm.vue

@@ -86,6 +86,9 @@
             <el-button type="primary" @click="findLocation" style="margin-left: 10px;">查找位置</el-button>
           </div>
         </el-form-item>
+        <el-form-item label="地址：" prop="address">
+          <el-input v-model="form.address" placeholder="请输入地址" />
+        </el-form-item>
         <!-- 腾讯地图  -->
         <div style="width: 100%;height: 300px;">
           <qqMapBox ref="qqMapBox" @setDot="setDot" />
@@ -145,6 +148,7 @@ export default {
         latitude: [{ required: true, message: "请输入纬度", trigger: ["change","blur"] }],
         content: [{ required: true, message: "请输入开放状态", trigger: ["change","blur"] }],
         workTime: [{ required: true, message: "请输入营业时间", trigger: ["change","blur"] }],
+        address: [{ required: true, message: "请输入地址", trigger: ["change","blur"] }],
       },
       pointTypeList: [],// 景点产品关联
       //  上传文件
@@ -320,6 +324,7 @@ export default {
     setDot(params){
       this.$set(this.form,'longitude',params.lng)
       this.$set(this.form,'latitude',params.lat)
+      this.$set(this.form,'address',params.address)
     },
     handleRemove(index) {
       this.form.imgUrl.splice(index,1)