lishan

src/router/schedule.ts

@@ -81,7 +81,15 @@ export const scheduleRoutes: Array<RouteConfig> = [
         meta: {
           title: '语音识别'
         }
-      }
+      },
+      {
+        path: 'select-locale',
+        name: 'SelectLocale',
+        component: () => import('@/views/schedule/select-locale.vue'),
+        meta: {
+          title: '选择地点'
+        }
+      },
     ]
   }
 ]
\ No newline at end of file

src/views/schedule/select-locale.vue

+<template>
+  <!-- 选择地点 -->
+  <main-page
+    left-arrow
+    @click-left="$router.go(-1)"
+  >  
+    <div class="pt-14 px-4 pb-28">
+      <!-- 背景地图 -->
+     <div class="h-50 bg-white">
+
+     </div>
+     <!-- 选择地址 -->
+     <div class="mt-4 text-sm text-text-secondary rounded-lg">
+        <div class="bg-white h-7 flex items-center px-4">地点名称</div>
+        <c-cell placeholder="请输入地点名称" v-model="radio" type="input" leftinput="text-left">
+          <app-icon
+            slot="right"
+            icon-name="search-blue"
+            class-name="w-6 h-6 flex items-center "
+          />
+        </c-cell>
+     </div>
+     <!-- 预存地址 -->
+      <div class="mt-4 text-sm text-text-secondary">
+        <div class="bg-white h-7 flex items-center px-4">预存地址</div>
+         <van-radio-group v-model="radio">
+          <div v-for="(place,index) in places" :key="index" class="flex">
+            <van-radio :name="place" class="bg-white pl-4 pr-1"></van-radio>
+            <c-cell :title='place' class="w-full" titleColor="text-text-secondary text-sm"/>
+          </div>
+         </van-radio-group>
+      </div>
+      <!--按钮-->
+      <div class="fixed bottom-0 left-0 w-full px-4  bg-common-bg py-4">
+        <c-button>
+          发布
+        </c-button>
+      </div>
+    </div>
+  </main-page>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+import { RadioGroup, Radio } from 'vant';
+
+Vue.use(Radio);
+Vue.use(RadioGroup);
+export default Vue.extend({
+  name: "",
+  components: {
+    'main-page': () => import('@/layout/main-page.vue'),
+    'app-icon': () => import('@/components/common/Icon.vue'),
+    'c-cell': () => import('@/components/common/c-cell.vue'),
+    'c-button': () => import('@/components/common/c-button.vue'),
+  },
+  created() {
+    // console.log(Mock, 'mock')
+    
+  },
+  data() {
+    return {
+      radio:'',
+      place:'',
+      places:['第一会议室','峨眉会议室','南京分公司']
+    }
+  },
+  computed: {
+    // text() {
+    //   return this.currentRate.toFixed(0) + '%';
+    // },
+  },
+  methods:{
+  
+  }
+})
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file

src/views/schedule/speech-recognition.vue

@@ -10,10 +10,10 @@
 
       </div>
       <!-- 语音部分 -->
-      <div class="flex items-center justify-center h-50 w-80 mt-4" @click="clickAnimation()">
-        <div class="absolute rounded-full bg-green-100 w-40 h-40 flex items-center justify-center" :class="larg">
-          <div class=" rounded-full bg-green-200 w-32 h-32 flex items-center justify-center" :class="larg">
-            <div class="little rounded-full bg-green-300 w-20 h-20 flex items-center justify-between px-6">
+      <div class="flex items-center justify-center h-50 w-80 mt-4"  @click="clickAnimation()"  >
+        <div class="rounded-full bg-green-100 w-40 h-40 flex items-center justify-center" :class="larg">
+          <div class="rounded-full bg-green-200 w-32 h-32 flex items-center justify-center" :class="larg">
+            <div class="rounded-full bg-green-300 w-20 h-20 flex items-center justify-between px-6">
                 <div class="rounded-full w-1 h-5 bg-white" :class="long"></div>
                 <div class="rounded-full w-1 h-5 bg-white" :class="short"></div>
                 <div class="rounded-full w-1 h-5 bg-white" :class="long"></div>
@@ -21,16 +21,13 @@
             </div>
           </div>
         </div>
-        <div class="flex items-center justify-center text-xs text-text-secondary mt-50">长按录音</div>
       </div>
-      
-      <div class="flex justify-between fixed bottom-0 left-0 w-full px-16 text-sm text-text-secondary bg-common-bg py-4">
-          <div >
-            取消
-          </div>
-          <div>
-            确认
-          </div>
+      <div class="flex items-center justify-center text-xs text-text-secondary ">长按录音</div>
+      <!--按钮-->
+        <div class="fixed bottom-0 left-0 w-full px-4  bg-common-bg py-4">
+          <c-button>
+            发布
+          </c-button>
         </div>
     </div>
   </main-page>
@@ -43,6 +40,7 @@ export default Vue.extend({
   name: "SpeechRecognition",
   components: {
     'main-page': () => import('@/layout/main-page.vue'),
+    'c-button': () => import('@/components/common/c-button.vue'),
   },
   created() {
     // console.log(Mock, 'mock')
@@ -54,7 +52,7 @@ export default Vue.extend({
       larg:'',
       long:'',
       short:'',
-      mid:''
+      mid:'',
      
     }
   },
@@ -76,7 +74,7 @@ export default Vue.extend({
        this.long='long'
        this.short='short'
      }   
-   }
+   },
   }
 })
 </script>
@@ -93,16 +91,13 @@ export default Vue.extend({
     animation:short 1s linear 0.5s infinite alternate;
   }
 
-   @keyframes larg
-  {
+  @keyframes larg{
     0%{width:80px;height:80px;}
   }
-   @keyframes long
-  {
+  @keyframes long{
     0%{height:30px;}
   }
-  @keyframes short
-  {
+  @keyframes short{
     0%{height:30px;}
   }
 </style>
\ No newline at end of file