From 39cafb7bb6fed6fa971e01b2aadae958ce516678 Mon Sep 17 00:00:00 2001
From: ghusermoon <2673031505@qq.com>
Date: Sun, 27 Sep 2020 10:39:14 +0800
Subject: [PATCH] =?UTF-8?q?select=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mine/Archives.vue       | 22 +++++++-
 src/views/mine/ReleaseWebcast.vue | 92 +++++++++++++++++++++++++++++++
 2 files changed, 113 insertions(+), 1 deletion(-)
 create mode 100644 src/views/mine/ReleaseWebcast.vue

diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index dc18d34..6758914 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -20,6 +20,8 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            @dropdownVisibleChange="downSelect"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['美国', '英国']" :key="index" :value="item">
                                 {{ item }}
@@ -37,6 +39,7 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
                                 {{ item }}
@@ -53,6 +56,7 @@
                                         style="width: 171px"
                                         size="small"
                                         ref="select"
+                                        :getPopupContainer="triggerNode => triggerNode.parentNode"
                                     >
                                         <a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
                                             {{ item }}
@@ -78,6 +82,7 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
                                 {{ item }}
@@ -136,6 +141,7 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['北京 GMT +08:00']" :key="index" :value="item">
                                 {{ item }}
@@ -149,6 +155,7 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['人民币']" :key="index" :value="item">
                                 {{ item }}
@@ -162,6 +169,7 @@
                             style="width: 171px"
                             size="small"
                             ref="select"
+                            :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
                             <a-select-option v-for="(item, index) in ['英语', '中文']" :key="index" :value="item">
                                 {{ item }}
@@ -222,7 +230,6 @@ export default defineComponent({
          */
         function updateUserName (): void {
             console.log('修改');
-            
         }
         /**
          * 添加我还会说语言
@@ -258,6 +265,11 @@ export default defineComponent({
             console.log('12');
             
         }
+        
+        function downSelect (open: boolean): void {
+            console.log(open);
+            // if()
+        }
         return {
             formData,
             updateUserName,
@@ -265,6 +277,7 @@ export default defineComponent({
             updatePhoneNumber,
             updateUserPassword,
             submitInfo,
+            downSelect,
         }
     }
 });
@@ -277,6 +290,7 @@ export default defineComponent({
     background-color: #ffffff;
     padding: 46px;
     border-radius: 17px;
+    position: relative;
     .update-btn {
         font-size: 11px;
         color: #08AE98;
@@ -334,6 +348,12 @@ export default defineComponent({
                         border: 1px solid #DCDFE0;
                         font-size: 11px;
                     }
+                    .ant-select {
+                        font-size: 12px;
+                    }
+                    .select-down {
+                        font-size: 12px;
+                    }
                 }
                 .speak-lang {
                     .speak-array {
diff --git a/src/views/mine/ReleaseWebcast.vue b/src/views/mine/ReleaseWebcast.vue
new file mode 100644
index 0000000..dd0e61c
--- /dev/null
+++ b/src/views/mine/ReleaseWebcast.vue
@@ -0,0 +1,92 @@
+<template>
+    <div class="webcast">
+        <a-form :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
+            <a-form-item label="Activity name">
+            <a-input v-model:value="form.name" />
+            </a-form-item>
+            <a-form-item label="Activity zone">
+            <a-select v-model:value="form.region" placeholder="please select your zone">
+                <a-select-option value="shanghai">
+                Zone one
+                </a-select-option>
+                <a-select-option value="beijing">
+                Zone two
+                </a-select-option>
+            </a-select>
+            </a-form-item>
+            <a-form-item label="Activity time">
+            <a-date-picker
+                v-model:value="form.date1"
+                show-time
+                type="date"
+                placeholder="Pick a date"
+                style="width: 100%;"
+            />
+            </a-form-item>
+            <a-form-item label="Instant delivery">
+            <a-switch v-model:checked="form.delivery" />
+            </a-form-item>
+            <a-form-item label="Activity type">
+            <a-checkbox-group v-model:value="form.type">
+                <a-checkbox value="1" name="type">
+                Online
+                </a-checkbox>
+                <a-checkbox value="2" name="type">
+                Promotion
+                </a-checkbox>
+                <a-checkbox value="3" name="type">
+                Offline
+                </a-checkbox>
+            </a-checkbox-group>
+            </a-form-item>
+            <a-form-item label="Resources">
+            <a-radio-group v-model:value="form.resource">
+                <a-radio value="1">
+                Sponsor
+                </a-radio>
+                <a-radio value="2">
+                Venue
+                </a-radio>
+            </a-radio-group>
+            </a-form-item>
+            <a-form-item label="Activity form">
+            <a-input v-model:value="form.desc" type="textarea" />
+            </a-form-item>
+            <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
+            <a-button type="primary" @click="onSubmit">
+                Create
+            </a-button>
+            <a-button style="margin-left: 10px;">
+                Cancel
+            </a-button>
+            </a-form-item>
+        </a-form>
+    </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+    name: 'ReleaseWebcast',
+    setup() {
+        function onSubmit(): void {
+
+        }
+        return {
+            labelCol: { span: 4 },
+            wrapperCol: { span: 14 },
+            form: {
+                name: '',
+                region: undefined,
+                date1: undefined,
+                delivery: false,
+                type: [],
+                resource: '',
+                desc: '',
+            },
+            onSubmit
+        }
+    }
+})
+</script>
+<style lang="scss" scoped>
+</style>
\ No newline at end of file