竞赛平台添加 联系我们按钮及弹窗

src/views/newMap/displayNew/demonMenu.vue

@@ -23,6 +23,7 @@
         <!-- <el-button v-if="isContest" size="small" @click=" fieldTeach">实操教学</el-button> -->
         <!-- <el-button v-if="isContest" size="small" @click=" fieldExam">实操测验</el-button> -->
         <el-button v-if="isContest" size="small" @click="goTheoryQuiz">理论考试</el-button>
+        <el-button v-if="isContest" size="small" @click="contectUs">联系方式</el-button>
         <template v-if="project === 'bjd'">
           <el-button v-if="running" size="small" @click="viewRunPlan">{{ $t('joinTraining.runGraphPreview') }}</el-button>
           <el-button v-if="!running" size="small" type="warning" @click="loadRunPlan">{{ $t('joinTraining.runGraphLoading') }}</el-button><!-- 运行图加载 -->
@@ -41,6 +42,7 @@
     <scheduling v-if="scheduleLoadShow" ref="scheduling" :group="group" />
     <scheduling-view v-if="schedulePreviewShow" ref="schedulingView" :group="group" />
     <qr-code ref="qrCode" />
+    <contect-us ref="contectUs" />
   </div>
 </template>
 <script>
@@ -53,6 +55,7 @@ import SchedulingView from '@/views/newMap/displayNew/demon/schedulingView';
 import { EventBus } from '@/scripts/event-bus';
 import DistributeDraft from '@/views/components/limits/distribute';
 import QrCode from '@/components/QrCode';
+import ContectUs from '@/views/newMap/displayNew/dispatherContest/contectUs';
 export default {
     name:'DemonMenu',
     components:{
@@ -61,7 +64,8 @@ export default {
         Scheduling,
         SchedulingView,
         DistributeDraft,
-        QrCode
+        QrCode,
+        ContectUs
     },
     props:{
         isAllShow:{
@@ -276,6 +280,9 @@ export default {
             if (this.$refs) {
                 this.$refs.distribute.doShow({PermissionType:'03', mapId: this.$route.query.mapId, prdType: this.$route.query.prdType});
             }
+        },
+        contectUs() {
+            this.$refs.contectUs.doShow();
         }
     }
 };

src/views/newMap/displayNew/dispatherContest/contectUs.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-dialog
+    title="联系方式"
+    :visible.sync="dialogVisible"
+    width="400px"
+    :before-close="handleClose"
+  >
+    <div><span class="el-icon-user" style="font-size:15px;margin-right:6px;" />联系人：小九</div>
+    <div class="eachInfo"><span class="el-icon-mobile-phone" style="font-size:15px;margin-right:6px;" />手&nbsp;&nbsp;&nbsp;&nbsp;机：13201793090</div>
+    <div class="eachInfo"><span class="el-icon-message" style="font-size:15px;margin-right:6px;" />邮&nbsp;&nbsp;&nbsp;&nbsp;箱：ServiceEmail@joylink.club</div>
+    <!-- <div class="eachInfo">微&nbsp;&nbsp;&nbsp;&nbsp;信：</div> -->
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+export default {
+    name:'',
+    data() {
+        return {
+            dialogVisible:false
+        };
+    },
+    methods:{
+        handleClose() {
+            this.dialogVisible = false;
+        },
+        doShow() {
+            this.dialogVisible = true;
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.eachInfo{
+    margin-top: 10px;
+}
+</style>