From 34dc5033df0fa80267566727a1cdb149c5cf71c8 Mon Sep 17 00:00:00 2001
From: asd <374367073@qq.com>
Date: Wed, 28 Oct 2020 09:30:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=84=E7=A7=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavTop.vue         |   13 +-
 src/views/mine/Aboutus.vue        |    6 +
 src/views/mine/Cashout.vue        |  593 +++++++-------
 src/views/mine/ReleaseWebcast.vue | 1215 +++++++++++++++--------------
 4 files changed, 967 insertions(+), 860 deletions(-)

diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index b7685c9..83ffc50 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="nav">
-        <div class="logo" :style="{'background-color': types == 0 ? 'unset' : ''}">
+        <div class="logo" :style="{'background-color': types == 0 ? 'unset' : ''}" @click="toindex">
 
             <img src="@/static/images/logo.png" alt="" class="img">
             <div class="title" :style="{'color': types == 0 ? '#07AD97' : ''}">Beelink</div>
@@ -183,12 +183,14 @@
     }
 }
 </style>
+
 <script lang="ts">
 import { editsystemsetting, getcurrencys, getlanguages, getzonelist } from '@/api';
 import router from '@/router';
 import store from '@/store';
 import { computed, defineComponent, onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
+import axios from 'axios'
 
 export default defineComponent({
     props:{
@@ -199,6 +201,9 @@ export default defineComponent({
     },
     setup(props){
         // console.log(useRoute().currentRoute.value.name)
+        axios.get("//api.map.baidu.com/location/ip?ak=YoG7yXzGNdKSDpAjvl7DpBaESaqzUKhT").then((res)=>{
+            console.log(res,"llllkljsdkoj")
+        })
         const routes = useRoute();
         console.log(routes.path);
         const types = ref(props.type)
@@ -295,6 +300,9 @@ export default defineComponent({
         function setlanguage(e?: any){
             editsystemsetting({language:e})
         }
+        function toindex(){
+            router.push("/")
+        }
 
         return {
             nav,
@@ -308,7 +316,8 @@ export default defineComponent({
             currencychange,
             languagelist,
             setlanguage,
-            nowroute
+            nowroute,
+            toindex
         }
     }
 })
diff --git a/src/views/mine/Aboutus.vue b/src/views/mine/Aboutus.vue
index eba4811..de99b86 100644
--- a/src/views/mine/Aboutus.vue
+++ b/src/views/mine/Aboutus.vue
@@ -47,6 +47,7 @@
 import { defineComponent, ref } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { feedback } from '@/api';
+import { useRoute } from 'vue-router';
 export default defineComponent({
   name: "Aboutus",
   components: {
@@ -55,6 +56,11 @@ export default defineComponent({
   setup() {
     const tabindex=ref(1)
     const value = ref("")
+    console.log(useRoute().query)
+    const selected=useRoute().query.selected
+    if(useRoute().query.selected){
+      tabindex.value=Number(selected)
+    }
      const tabchange: (e: number) => void = (e: number) => {
       console.log(e);
       tabindex.value=e
diff --git a/src/views/mine/Cashout.vue b/src/views/mine/Cashout.vue
index 305ea3c..dfe20e8 100644
--- a/src/views/mine/Cashout.vue
+++ b/src/views/mine/Cashout.vue
@@ -1,55 +1,72 @@
 <template>
-  <div class="cashout">
-    
-    <div class="mingxilist">
-      <div class="tabs">
-        <div class="beforetab">提现到指定账户</div>
-        <span class="residue">余额：{{yue}}</span>
-        <div class="topbtn topbtn2">提现到指定账户</div>
-        <div class="topbtn topbtn1">提现记录</div>
-      </div>
-      <div class="line"></div>
-      <div class="choose">
-        <div class="chooseitem">
-          <div class="label">选择账户</div>
-          <!-- <a-radio></a-radio> -->
-         <!-- {{payinfo.type}} -->
-          <a-radio-group v-model:value="payinfo.type" @change="onChange">
-            <div class="accountlist">
-              <a-radio  v-for="(i,j) in accountlist" :key="j" :value="j">
-                <div class="accountitem">
-                  <div class="hostinfo" v-if="i.type==4">
-                    <div>
-                      <img src="@/static/images/bank.png" alt="" class="icon" />
-                      <span class="accounttype">银行卡</span>
-                    </div>
-                  </div>
-                    <div class="hostinfo" v-if="i.type==2">
-                    <div>
-                      <img
-                        src="@/static/images/walletzfb.png"
-                        alt=""
-                        class="icon icon1"
-                      />
-                      <span class="accounttype">支付宝</span>
-                    </div>
-                  </div>
-                   <div class="hostinfo" v-if="i.type==1">
-                    <div>
-                      <img
-                        src="@/static/images/walletweixin.png"
-                        alt=""
-                        class="icon icon1"
-                      />
-                      <span class="accounttype">微信</span>
-                    </div>
-                  </div>
-                  <div class="zhanghao">账号：6217 **** **** **** 175</div>
-                </div>
-              </a-radio>
-              
-              
-              <!-- <a-radio :value="2">
+    <div class="cashout">
+        <div class="mingxilist">
+            <div class="tabs">
+                <div class="beforetab">提现到指定账户</div>
+                <span class="residue">余额：{{ yue }}</span>
+                <div class="topbtn topbtn2">提现到指定账户</div>
+                <div class="topbtn topbtn1">提现记录</div>
+            </div>
+            <div class="line"></div>
+            <div class="choose">
+                <div class="chooseitem">
+                    <div class="label">选择账户</div>
+                    <!-- <a-radio></a-radio> -->
+                    <!-- {{payinfo.type}} -->
+                    <a-radio-group
+                        v-model:value="payinfo.type"
+                        @change="onChange"
+                    >
+                        <div class="accountlist">
+                            <a-radio
+                                v-for="(i, j) in accountlist"
+                                :key="j"
+                                :value="j"
+                            >
+                                <div class="accountitem">
+                                    <div class="hostinfo" v-if="i.type == 4">
+                                        <div>
+                                            <img
+                                                src="@/static/images/bank.png"
+                                                alt=""
+                                                class="icon"
+                                            />
+                                            <span class="accounttype"
+                                                >银行卡</span
+                                            >
+                                        </div>
+                                    </div>
+                                    <div class="hostinfo" v-if="i.type == 2">
+                                        <div>
+                                            <img
+                                                src="@/static/images/walletzfb.png"
+                                                alt=""
+                                                class="icon icon1"
+                                            />
+                                            <span class="accounttype"
+                                                >支付宝</span
+                                            >
+                                        </div>
+                                    </div>
+                                    <div class="hostinfo" v-if="i.type == 1">
+                                        <div>
+                                            <img
+                                                src="@/static/images/walletweixin.png"
+                                                alt=""
+                                                class="icon icon1"
+                                            />
+                                            <span class="accounttype"
+                                                >微信</span
+                                            >
+                                        </div>
+                                    </div>
+                                    <div class="zhanghao">
+                                        账号：6217 **** **** **** 175
+                                    </div>
+                                </div>
+                            </a-radio>
+
+                            <!-- <a-radio :value="2">
                 <div class="accountitem">
                   <div class="hostinfo">
                     <div>
@@ -79,264 +96,290 @@
                   <div class="zhanghao">账号：6217 **** **** **** 175</div>
                 </div>
               </a-radio> -->
+                        </div>
+                    </a-radio-group>
+                </div>
+                <div class="cashoutmoney">
+                    <div class="label">提现金额</div>
+                    <div class="moneynum">
+                        <a-input v-model:value="payinfo.money" class="shuru" />
+                        <div>￥</div>
+                        <div class="cashoutall" @click="all">全部金额</div>
+                        <div class="desc">
+                            注：每笔提现收取0.1%服务费，最低￥0.1
+                        </div>
+                    </div>
+                </div>
+                <div
+                    class="ale"
+                    v-if="
+                        payinfo.money < 100 || payinfo.money > parseFloat(yue)
+                    "
+                >
+                    *您的余额只有{{ parseFloat(yue) }}，最低提现金额￥100
+                </div>
             </div>
-            </a-radio-group>
-          
+            <div class="cashoutall submit" @click="sub">立即提现</div>
+            <NavBottom class="navbottom"></NavBottom>
         </div>
-        <div class="cashoutmoney">
-          <div class="label">提现金额</div>
-          <div class="moneynum">
-            <a-input v-model:value="payinfo.money" class="shuru" />
-            <div>￥</div>
-            <div class="cashoutall" @click="all">全部金额</div>
-            <div class="desc">注：每笔提现收取0.1%服务费，最低￥0.1</div>
-          </div>
-        </div>
-        <div class="ale" v-if="payinfo.money<100 || payinfo.money>parseFloat(yue)">*您的余额只有{{parseFloat(yue)}}，最低提现金额￥100</div>
-      </div>
-      <div class="cashoutall submit" @click="sub">立即提现</div>
-      <NavBottom class="navbottom"></NavBottom>
     </div>
-  </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, onMounted, ref, toRaw } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
-import { cashout, getwallect } from '@/api';
-import store from '@/store';
+import { cashout, getwallect } from "@/api";
+import store from "@/store";
+import { message } from "ant-design-vue";
 export default defineComponent({
-  name: "Cashout",
-  components: {
-    NavBottom,
-  },
-  setup() {
-    const money = ref(0);
-    const payinfo=ref<any>({
-      type:0,
-      money:0,
-      account	:"",
-      mname:"",
-      bankcode:"",
-      bankname:"",
-      international:0,
+    name: "Cashout",
+    components: {
+        NavBottom,
+    },
+    setup() {
+        const money = ref(0);
+        const payinfo = ref<any>({
+            type: 0,
+            money: 0,
+            account: "",
+            mname: "",
+            bankcode: "",
+            bankname: "",
+            international: 0,
+        });
+        const moneychange: (e: number) => void = (e: number) => {
+            console.log(e);
+        };
+        // const yue=ref<string>(store.state.userinfo.money)
+        const yue = ref<number>(10000);
+        // yue.value=store.state.userinfo.money
+        const accountlist = ref<Array<any>>([]);
 
-    })
-    const moneychange: (e: number) => void = (e: number) => {
-      console.log(e);
-    };
-    // const yue=ref<string>(store.state.userinfo.money)
-    const yue=ref<number>(10000)
-    // yue.value=store.state.userinfo.money
-    const accountlist =ref<Array<any>>([])
+        onMounted(async () => {
+            accountlist.value = await getwallect();
+            console.log(store.state.userinfo);
+        });
+        function onChange(e: any) {
+            console.log(e.target.value);
+            payinfo.value.type = e.target.value;
+            // payinfo.value.typeid=toRaw(accountlist.value)[e.target.value].wallectid
+            // payinfo.value.type=toRaw(accountlist.value)[e.target.value].wallectid
+        }
+        function all() {
+            payinfo.value.money = yue.value;
+        }
+        function sub() {
+            console.log(toRaw(payinfo.value));
 
-    onMounted(async () => {
-      accountlist.value=await  getwallect();
-    });
-    function onChange(e: any) {
-      console.log(e.target.value);
-      payinfo.value.type=e.target.value
-      // payinfo.value.typeid=toRaw(accountlist.value)[e.target.value].wallectid
-      // payinfo.value.type=toRaw(accountlist.value)[e.target.value].wallectid
-    }
-    function all(){
-      payinfo.value.money=yue.value
-    }
-    function sub(){
-      console.log(toRaw(payinfo.value))
-      console.log(toRaw(payinfo.value))
-      payinfo.value.money=Number(payinfo.value.money)
-      cashout(toRaw(payinfo.value),toRaw(accountlist.value)[payinfo.value.type])
-      
-    }
-    return {
-      money,
-      moneychange,
-      payinfo,
-      onChange,
-      all,
-      yue,
-      sub,
-      accountlist,
-      store
-    };
-  },
+            payinfo.value.money = Number(payinfo.value.money);
+            console.log(toRaw(payinfo.value));
+            if (accountlist.value.length == 0) {
+                message.error("您的账户列表为空，请先添加");
+                return;
+            } else if (payinfo.value.money < 100) {
+                message.error("最低提现金额为100");
+                return;
+            } else if (payinfo.value.money > yue.value) {
+                message.error("余额不足");
+            } else {
+                cashout(
+                    toRaw(payinfo.value),
+                    toRaw(accountlist.value)[payinfo.value.type]
+                );
+            }
+
+            // cashout(
+            //     toRaw(payinfo.value),
+            //     toRaw(accountlist.value)[payinfo.value.type]
+            // );
+        }
+        return {
+            money,
+            moneychange,
+            payinfo,
+            onChange,
+            all,
+            yue,
+            sub,
+            accountlist,
+            store,
+        };
+    },
 });
 </script>
 <style lang="scss" scoped>
 .cashout ::v-deep(.ant-breadcrumb) > span:last-child {
-  color: #08ae98;
+    color: #08ae98;
 }
 .cashout ::v-deep(.ant-radio-wrapper) {
-  display: flex;
+    display: flex;
 }
 .cashout ::v-deep(.ant-radio) {
-  top: 43px;
-  height:13px
+    top: 43px;
+    height: 13px;
 }
 .cashout {
-  .mingxilist {
-    width: 1150px;
-    // height: 533px;
-    background: white;
-    border-radius: 18px;
-    margin-top: 18px;
-    .tabs {
-      display: flex;
-      flex-wrap: nowrap;
-      padding-top: 35px;
-      padding-left: 40px;
-      .residue {
-        font-size: 11px;
-        margin: auto 0;
-        color: #08ae98;
-        position: relative;
-        left: -30px;
-      }
-      .topbtn {
-        // width: 89px;
-        height: 17px;
-        padding-left: 14px;
-        padding-right: 14px;
-        line-height: 17px;
-        border: 1px solid #08ae98;
-        border-radius: 3px;
-        font-size: 10px;
-        color: #08ae98;
-        font-weight: 500;
-        margin: auto 0;
-      }
-      .topbtn2 { 
-        margin-left: 642px;
-      }
-      .topbtn1 {
-        padding-left: 9px;
-        padding-right: 9px;
-        color: #d12c2e;
-        border: 1px solid #d12c2e;
-        margin-left: 11px;
-      }
-    }
-    .line {
-      width: 1070px;
-      height: 1px;
-      background: #eeeeee;
-      margin: 0 auto;
-      margin-top: 11px;
-    }
-    .beforetab {
-      color: #121212;
-      font-size: 13px;
-      line-height: 35px;
-      font-weight: bold;
-      margin-right: 57px;
-    }
-    .choose {
-      margin-top: 28px;
-      margin-left: 40px;
-
-      .label {
-        color: #808080;
-        font-size: 11px;
-        margin-right: 28px;
-      }
-      .chooseitem {
-        display: flex;
-        margin-bottom: 34px;
-        .label{
-          width:150px;
-        }
-        .accountlist {
-          display: flex;
-          flex-wrap: wrap;
-          .accountitem {
-            // width: 200px;
-            padding-bottom: 16px;
-            padding-right: 20px;
-            border: 1px solid #dcdfe0;
-            background: white;
-            border-radius: 17px;
-            margin-left: 17px;
-            margin-right: 46px;
-            margin-bottom: 17px;
-            .hostinfo {
-              display: flex;
-              padding-top: 17px;
-              .icon {
-                width: 47px;
-                height: 29px;
-                margin-right: 11px;
-                margin-left: 17px;
-              }
-              .icon1 {
-                width: 29px !important;
-                height: 29px !important;
-              }
-              .accounttype {
-                font-size: 13px;
-                color: #111111;
+    .mingxilist {
+        width: 1150px;
+        // height: 533px;
+        background: white;
+        border-radius: 18px;
+        margin-top: 18px;
+        .tabs {
+            display: flex;
+            flex-wrap: nowrap;
+            padding-top: 35px;
+            padding-left: 40px;
+            .residue {
+                font-size: 11px;
+                margin: auto 0;
+                color: #08ae98;
+                position: relative;
+                left: -30px;
+            }
+            .topbtn {
+                // width: 89px;
+                height: 17px;
+                padding-left: 14px;
+                padding-right: 14px;
+                line-height: 17px;
+                border: 1px solid #08ae98;
+                border-radius: 3px;
+                font-size: 10px;
+                color: #08ae98;
                 font-weight: 500;
-              }
+                margin: auto 0;
             }
-            .zhanghao {
-              color: #111111;
-              font-size: 10px;
-              margin-top: 38px;
-              margin-left: 17px;
+            .topbtn2 {
+                margin-left: 642px;
+            }
+            .topbtn1 {
+                padding-left: 9px;
+                padding-right: 9px;
+                color: #d12c2e;
+                border: 1px solid #d12c2e;
+                margin-left: 11px;
             }
-          }
         }
-      }
-      .cashoutmoney {
-        display: flex;
-        .moneynum {
-          display: flex;
-          font-size: 11px;
-          line-height: 23px;
-          color: #808080;
-          .shuru {
-            width: 171px;
-              height: 23px;
-            margin-right: 8px;
-          }
-       
-          .desc{
-              margin-left:17px
-          }
-       
+        .line {
+            width: 1070px;
+            height: 1px;
+            background: #eeeeee;
+            margin: 0 auto;
+            margin-top: 11px;
         }
-      }
-    }
-       .cashoutall {
+        .beforetab {
+            color: #121212;
+            font-size: 13px;
+            line-height: 35px;
+            font-weight: bold;
+            margin-right: 57px;
+        }
+        .choose {
+            margin-top: 28px;
+            margin-left: 40px;
+
+            .label {
+                color: #808080;
+                font-size: 11px;
+                margin-right: 28px;
+            }
+            .chooseitem {
+                display: flex;
+                margin-bottom: 34px;
+                // .label {
+                //     width: 150px;
+                // }
+                .accountlist {
+                    display: flex;
+                    flex-wrap: wrap;
+                    .accountitem {
+                        // width: 200px;
+                        padding-bottom: 16px;
+                        padding-right: 20px;
+                        border: 1px solid #dcdfe0;
+                        background: white;
+                        border-radius: 17px;
+                        margin-left: 17px;
+                        margin-right: 46px;
+                        margin-bottom: 17px;
+                        .hostinfo {
+                            display: flex;
+                            padding-top: 17px;
+                            .icon {
+                                width: 47px;
+                                height: 29px;
+                                margin-right: 11px;
+                                margin-left: 17px;
+                            }
+                            .icon1 {
+                                width: 29px !important;
+                                height: 29px !important;
+                            }
+                            .accounttype {
+                                font-size: 13px;
+                                color: #111111;
+                                font-weight: 500;
+                            }
+                        }
+                        .zhanghao {
+                            color: #111111;
+                            font-size: 10px;
+                            margin-top: 38px;
+                            margin-left: 17px;
+                        }
+                    }
+                }
+            }
+            .cashoutmoney {
+                display: flex;
+                .moneynum {
+                    display: flex;
+                    font-size: 11px;
+                    line-height: 23px;
+                    color: #808080;
+                    .shuru {
+                        width: 171px;
+                        height: 23px;
+                        margin-right: 8px;
+                    }
+
+                    .desc {
+                        margin-left: 17px;
+                    }
+                }
+            }
+        }
+        .cashoutall {
             width: 67px;
             height: 23px;
             line-height: 23px;
             background: #08ae98;
             border-radius: 3px;
-            color:white;
+            color: white;
             text-align: center;
             margin-left: 23px;
             font-weight: bold;
-          }
-       .ale{
-           color:#D12C2E;
-           font-size: 10px;
-           position: relative;
-           left: 80px;
-           top: 11px;
-          }
-          .submit{
-              font-size:10px;
-              font-weight: 500;
-              position: relative;
-              top: 56px;
-              left: 20px;
-          }
-  }
+        }
+        .ale {
+            color: #d12c2e;
+            font-size: 10px;
+            position: relative;
+            left: 80px;
+            top: 11px;
+        }
+        .submit {
+            font-size: 10px;
+            font-weight: 500;
+            position: relative;
+            top: 56px;
+            left: 20px;
+        }
+    }
 
-  .navbottom {
-    padding-top: 250px;
-    padding-bottom: 30px;
-  }
+    .navbottom {
+        padding-top: 250px;
+        padding-bottom: 30px;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/mine/ReleaseWebcast.vue b/src/views/mine/ReleaseWebcast.vue
index ee987f9..7ebb0dc 100644
--- a/src/views/mine/ReleaseWebcast.vue
+++ b/src/views/mine/ReleaseWebcast.vue
@@ -1,165 +1,171 @@
 <template>
-  <div class="webcast">
-    <a-form :label-col="labelCol" :wrapper-col="wrapperCol">
-      <div class="title">直播信息</div>
-      <a-form-item label="直播标题">
-        <a-input
-          size="small"
-          v-model:value="form.title"
-          placeholder="请输入您的直播标题"
-        />
-      </a-form-item>
-      <a-form-item label="直播封面" class="item-cover">
-        <a-upload list-type="picture" :customRequest="uploadspic">
-          <div class="upload-image" v-if="!viewCover && form.img.length == 0">
-            <PlusOutlined
-              style="fontsize: 22px"
-              v-if="uploadpicprogress == 0"
-            />
-            <a-progress
-              type="circle"
-              :percent="uploadpicprogress"
-              :width="80"
-              v-else
-            />
-          </div>
-          <div class="upload-image" v-else>
-            <img style="width: 100%; height: 100%" :src="form.img" />
-          </div>
-        </a-upload>
-      </a-form-item>
-      <a-form-item label="视频介绍" class="video-introduction">
-        <a-upload list-type="picture" :customRequest="uploads">
-          <div class="upload-image" v-if="form.fileurl.length == 0">
-            <PlaySquareOutlined
-              style="fontsize: 22px"
-              v-if="uploadprogress == 0"
-            />
-            <a-progress
-              type="circle"
-              :percent="uploadprogress"
-              :width="80"
-              v-else
-            />
-            <!-- <video style="display: none" :src="videofile"></video> -->
-          </div>
-          <div
-            class="upload-image upload"
-            style="position: relative"
-            v-show="form.fileurl.length != 0"
-          >
-            <video
-              :src="form.fileurl"
-              :ref="
-                (el) => {
-                  videos[0] = el;
-                }
-              "
-              class="upload"
-            ></video>
-            <!-- <a-progress type="circle" :percent="100" :width="80" style="position:absolute;right:35%"/> -->
-          </div>
-        </a-upload>
-        <div class="demand">
-          <p class="one-line-hide">视频要求：</p>
-          <p class="one-line-hide">1.上传视频时间要求为30s之内</p>
-          <p class="one-line-hide">2.支持文件大小100M</p>
-          <p class="one-line-hide">
-            3.文件扩展名：fiv、mp4…文件扩展名：fiv、mp4…
-          </p>
-        </div>
-      </a-form-item>
-      <a-form-item label="开始时间">
-        <!-- <a-input
+    <div class="webcast">
+        <a-form :label-col="labelCol" :wrapper-col="wrapperCol">
+            <div class="title">直播信息</div>
+            <a-form-item label="直播标题">
+                <a-input
+                    size="small"
+                    v-model:value="form.title"
+                    placeholder="请输入您的直播标题"
+                />
+            </a-form-item>
+            <a-form-item label="直播封面" class="item-cover">
+                <a-upload list-type="picture" :customRequest="uploadspic"	:before-upload="beforeUploadpic">
+                    <div
+                        class="upload-image"
+                        v-if="!viewCover && form.img.length == 0"
+                    >
+                        <PlusOutlined
+                            style="fontsize: 22px"
+                            v-if="uploadpicprogress == 0"
+                        />
+                        <a-progress
+                            type="circle"
+                            :percent="uploadpicprogress"
+                            :width="80"
+                            v-else
+                        />
+                    </div>
+                    <div class="upload-image" v-else>
+                        <img
+                            style="width: 100%; height: 100%"
+                            :src="form.img"
+                        />
+                    </div>
+                </a-upload>
+            </a-form-item>
+            <a-form-item label="视频介绍" class="video-introduction">
+                <a-upload list-type="picture" :customRequest="uploads"	:before-upload="beforeUpload">
+                    <div class="upload-image" v-if="form.fileurl.length == 0">
+                        <PlaySquareOutlined
+                            style="fontsize: 22px"
+                            v-if="uploadprogress == 0"
+                        />
+                        <a-progress
+                            type="circle"
+                            :percent="uploadprogress"
+                            :width="80"
+                            v-else
+                        />
+                        <!-- <video style="display: none" :src="videofile"></video> -->
+                    </div>
+                    <div
+                        class="upload-image upload"
+                        style="position: relative"
+                        v-show="form.fileurl.length != 0"
+                    >
+                        <video
+                            :src="form.fileurl"
+                            :ref="
+                                (el) => {
+                                    videos[0] = el;
+                                }
+                            "
+                            class="upload"
+                        ></video>
+                        <!-- <a-progress type="circle" :percent="100" :width="80" style="position:absolute;right:35%"/> -->
+                    </div>
+                </a-upload>
+                <div class="demand">
+                    <p class="one-line-hide">视频要求：</p>
+                    <p class="one-line-hide">1.上传视频时间要求为30s之内</p>
+                    <p class="one-line-hide">2.支持文件大小100M</p>
+                    <p class="one-line-hide">
+                        3.文件扩展名：fiv、mp4…文件扩展名：fiv、mp4…
+                    </p>
+                </div>
+            </a-form-item>
+            <a-form-item label="开始时间">
+                <!-- <a-input
           size="small"
           v-model:value="form.startTime"
           placeholder="请设置您的开始时间"
         /> -->
-        <a-date-picker
-          show-time
-          :value="form.dateline"
-          @change="startchange"
-          placeholder="请设置您的开始时间"
-        />
-      </a-form-item>
-      <a-form-item
-        label="直播时长"
-        class="duration"
-        v-bind="validateInfos.livetime"
-      >
-        <a-input
-          size="small"
-          v-model:value="form.livetime"
-          placeholder="请输入直播时间"
-          type="number"
-        />
-        <span class="unit">分钟</span>
-      </a-form-item>
-      <a-form-item label="直播人数" v-bind="validateInfos.livenumber">
-        <a-input
-          size="small"
-          v-model:value="form.livenumber"
-          placeholder="请输入直播人数"
-		  type="number"
-        />
-      </a-form-item>
-      <a-form-item label="直播简介" class="brief">
-        <a-textarea
-          v-model:value="form.desc"
-          :autoSize="true"
-          class="brief-textarea"
-          :maxlength="200"
-          placeholder="请输入您的直播简介"
-        />
-        <span class="words-number">{{ form.desc.length }}/200</span>
-      </a-form-item>
-      <a-form-item :wrapper-col="{ span: 4, offset: 0 }">
-        <a-button @click="onSubmit">发布直播</a-button>
-      </a-form-item>
-    </a-form>
-    <div class="modal-container">
-      <a-modal
-        centered
-        :footer="null"
-        :getContainer="modalNode"
-        dialogClass="modal-dialog"
-        v-model:visible="isEntitled"
-        @cancel="hideNoticeModal"
-      >
-        <template v-slot:closeIcon>
-          <img src="@/static/images/delete.png" class="close" />
-        </template>
-        <div class="notice-container report" v-if="lives.status == 1">
-          <div class="title">您尚未获得直播资格</div>
-          <div class="title sub-title">
-            {{ lives.data.msg }}
-          </div>
-          <div class="confirm-btn">意见反馈</div>
-        </div>
-        <div class="notice-container" v-else>
-          <div class="title">您尚未获得直播资格</div>
-          <div class="title sub-title">
-            <!-- 上一周/月您在平台视频点击量为
+                <a-date-picker
+                    show-time
+                    :value="form.dateline"
+                    @change="startchange"
+                    placeholder="请设置您的开始时间"
+                />
+            </a-form-item>
+            <a-form-item
+                label="直播时长"
+                class="duration"
+                v-bind="validateInfos.livetime"
+            >
+                <a-input
+                    size="small"
+                    v-model:value="form.livetime"
+                    placeholder="请输入直播时间"
+                    type="number"
+                />
+                <span class="unit">分钟</span>
+            </a-form-item>
+            <a-form-item label="直播人数" v-bind="validateInfos.livenumber">
+                <a-input
+                    size="small"
+                    v-model:value="form.livenumber"
+                    placeholder="请输入直播人数"
+                    type="number"
+                />
+            </a-form-item>
+            <a-form-item label="直播简介" class="brief">
+                <a-textarea
+                    v-model:value="form.desc"
+                    :autoSize="true"
+                    class="brief-textarea"
+                    :maxlength="200"
+                    placeholder="请输入您的直播简介"
+                />
+                <span class="words-number">{{ form.desc.length }}/200</span>
+            </a-form-item>
+            <a-form-item :wrapper-col="{ span: 4, offset: 0 }">
+                <a-button @click="onSubmit">发布直播</a-button>
+            </a-form-item>
+        </a-form>
+        <div class="modal-container">
+            <a-modal
+                centered
+                :footer="null"
+                :getContainer="modalNode"
+                dialogClass="modal-dialog"
+                v-model:visible="isEntitled"
+                @cancel="hideNoticeModal"
+            >
+                <template v-slot:closeIcon>
+                    <img src="@/static/images/delete.png" class="close" />
+                </template>
+                <div class="notice-container report" v-if="lives.status == 1">
+                    <div class="title">您尚未获得直播资格</div>
+                    <div class="title sub-title">
+                        {{ lives.data.msg }}
+                    </div>
+                    <div class="confirm-btn" @click="fankui">意见反馈</div>
+                </div>
+                <div class="notice-container" v-else>
+                    <div class="title">您尚未获得直播资格</div>
+                    <div class="title sub-title">
+                        <!-- 上一周/月您在平台视频点击量为
             <span class="red">第24名</span>，要在前
             <span class="bule">20名</span> 才能获得直播资格 -->
-            {{ lives.msg }}
-          </div>
-          <rank-list :list="lives.data"></rank-list>
+                        {{ lives.msg }}
+                    </div>
+                    <rank-list :list="lives.data"></rank-list>
+                </div>
+            </a-modal>
         </div>
-      </a-modal>
+        <nav-bottom></nav-bottom>
     </div>
-    <nav-bottom></nav-bottom>
-  </div>
 </template>
 <script lang="ts">
 import {
-  defineComponent,
-  onBeforeUpdate,
-  onMounted,
-  reactive,
-  Ref,
-  ref,
-  toRaw,
+    defineComponent,
+    onBeforeUpdate,
+    onMounted,
+    reactive,
+    Ref,
+    ref,
+    toRaw,
 } from "vue";
 import { PlaySquareOutlined, PlusOutlined } from "@ant-design/icons-vue";
 import { useForm } from "@ant-design-vue/use";
@@ -172,457 +178,500 @@ import { getlivest, liveadd, liveinfo, setlive } from "@/api";
 import { useRoute } from "vue-router";
 import dayjs from "dayjs";
 import { message } from "ant-design-vue";
+import router from '@/router';
 
 export default defineComponent({
-  name: "ReleaseWebcast",
-  components: {
-    PlaySquareOutlined,
-    PlusOutlined,
-    NavBottom,
-    RankList,
-  },
-  setup() {
-    // 表单数据
-    const form = ref({
-      title: "",
-      img: "",
-      fileid: "",
-      fileurl: "",
-      fileduration: 0,
-      dateline: "",
-      livetime: "",
-      livenumber: "",
-      desc: "",
-    });
-
-    const uploadprogress: Ref<number> = ref(0);
-    const uploadpicprogress: Ref<number> = ref(0);
-    const videofile = ref<File>();
-    const videos = ref<Array<any>>([]);
-    const lives = ref<any>({});
-    /**
-     * 验证直播时间
-     */
-    async function validateaLivetime(
-      rule: unknown,
-      value: number
-    ): Promise<string | void> {
-      console.log(value);
-      if (value < 30 || value > 120) {
-        return Promise.reject("*最短30min 最长120min");
-      } else {
-        return Promise.resolve();
-      }
-    }
-    /**
-     * 验证直播人数
-     */
-    const validateLivenumber = async (
-      rule: unknown,
-      value: number
-    ): Promise<string | void> => {
-      console.log(value);
-      if (value < 1 || value > 4) {
-        return Promise.reject("**最少1人，最多4人");
-      } else {
-        return Promise.resolve();
-      }
-    };
-    // 验证规则
-    const rules = reactive({
-      livetime: [
-        {
-          validator: validateaLivetime,
-          trigger: "change",
-        },
-      ],
-      livenumber: [
-        {
-          validator: validateLivenumber,
-          trigger: "change",
-        },
-      ],
-    });
-
-    // 是否显示封面预览 封面的路径
-    const viewCover: Ref<boolean> = ref(false);
-    const previewImage: Ref<string> = ref("");
-
-    /**
-     * 封面改变触发事件
-     */
-
-    function coverChange(info: ImgInfo): void {
-      // console.log(info);
-      // 获取预览图片
-      previewCover(info.file).then((url) => (previewImage.value = url));
-      viewCover.value = true;
-      // form.cover = fileList;
-    }
-
-    const { resetFields, validate, validateInfos } = useForm(form, rules);
-
-    /**
-     * 表单提交
-     */
-
-    // const subdata = ref({
-    //   title: "",
-    //   img: "",
-    //   fileid: "",
-    //   fileurl: "",
-    //   fileduration: "",
-    //   dateline: "",
-    //   livetime: "",
-    //   livenumber: "",
-    //   desc: "",
-    // });
-    /**
-     * todo 需要后台返回年份
-     */
-    const id = useRoute().query.id;
-    if (id != null && typeof id == "string") {
-      liveinfo(parseInt(id)).then((res) => {
-        form.value = res;
-      });
-    }
-    const onSubmit = (e: FromSend) => {
-      e.preventDefault();
-      validate()
-        .then(() => {
-          console.log(toRaw(form), 111);
-          const subdata: any = toRaw(form.value);
-          if (subdata.title == "") {
-            message.error("直播标题不能为空");
-            return;
-          } else if (subdata.img == "") {
-            message.error("直播封面不能为空");
-            return;
-          } else if (subdata.fileurl == "") {
-            message.error("视频介绍不能为空");
-            return;
-          } else if (subdata.dateline == "") {
-            message.error("开始时间不能为空");
-            return;
-          } else if (subdata.livetime == "") {
-            message.error("直播时长不能为空");
-            return;
-          } else if (subdata.livenumber == "") {
-            message.error("直播人数不能为空");
-            return;
-          } else if (subdata.desc == "") {
-            message.error("直播简介不能为空");
-            return;
-          } else {
-            //   subdata.fileid=picinfo.
-            if (id != undefined && id) {
-              /**
-               * todo 提交会报错  编辑直播
-               */
-              subdata.id = id;
-              // setlive(subdata)
-            } else {
-              console.log(subdata);
-              // liveadd(subdata);
-            }
-          }
-        })
-        .catch((err: unknown) => {
-          console.log("error", err);
+    name: "ReleaseWebcast",
+    components: {
+        PlaySquareOutlined,
+        PlusOutlined,
+        NavBottom,
+        RankList,
+    },
+    setup() {
+        // 表单数据
+        const form = ref({
+            title: "",
+            img: "",
+            fileid: "",
+            fileurl: "",
+            fileduration: 0,
+            dateline: "",
+            livetime: "",
+            livenumber: "",
+            desc: "",
         });
-    };
-    const isEntitled: Ref<boolean> = ref(false);
-    /**
-     * 隐藏无资格提示
-     */
-    function hideNoticeModal(): void {
-      isEntitled.value = false;
-    }
 
-    /**
-     * 开始时间设置
-     */
+        const uploadprogress: Ref<number> = ref(0);
+        const uploadpicprogress: Ref<number> = ref(0);
+        const videofile = ref<File>();
+        const videos = ref<Array<any>>([]);
+        const lives = ref<any>({});
+        /**
+         * 验证直播时间
+         */
+        async function validateaLivetime(
+            rule: unknown,
+            value: number
+        ): Promise<string | void> {
+            console.log(value);
+            if (value < 30 || value > 120) {
+                return Promise.reject("*最短30min 最长120min");
+            } else {
+                return Promise.resolve();
+            }
+        }
+        /**
+         * 验证直播人数
+         */
+        const validateLivenumber = async (
+            rule: unknown,
+            value: number
+        ): Promise<string | void> => {
+            console.log(value);
+            if (value < 1 || value > 4) {
+                return Promise.reject("**最少1人，最多4人");
+            } else {
+                return Promise.resolve();
+            }
+        };
+        // 验证规则
+        const rules = reactive({
+            livetime: [
+                {
+                    validator: validateaLivetime,
+                    trigger: "change",
+                },
+            ],
+            livenumber: [
+                {
+                    validator: validateLivenumber,
+                    trigger: "change",
+                },
+            ],
+        });
 
-    function startchange(e: string): void {
-      // const month = new Date(e).getMonth()+1
-      // console.log(new Date(e).getFullYear()+"-"+month+'-'+new Date(e).getDate())
-      // console.log(e.toString())
-      const time = dayjs(new Date(e));
-      const timestr =
-        time.year() +
-        "-" +
-        (time.month() + 1) +
-        "-" +
-        time.date() +
-        " " +
-        time.hour() +
-        ":" +
-        time.minute() +
-        ":" +
-        time.second();
-      console.log(timestr);
-      form.value.dateline = timestr;
-    }
-    /**
-     *  上传文件
-     */
-    const videoinfo = reactive({
-      fileId: "",
-      url: "",
-    });
-    const picinfo = reactive({
-      fileId: "",
-      url: "",
-    });
-    interface AntUpload {
-      action: string;
-      data: unknown;
-      file: File;
-    }
-    async function uploads(file: AntUpload) {
-      console.log(file);
-      videofile.value = file.file;
-      videos.value[0].addEventListener("durationchange", () => {
-        console.log(videos.value[0].duration);
-        form.value.fileduration = videos.value[0].duration;
-      });
-      const res = await uploadflie(file.file, (info: any) => {
-        console.log(info);
-        uploadprogress.value = info.percent.toFixed(2) * 100;
-      });
-      console.log(res);
+        // 是否显示封面预览 封面的路径
+        const viewCover: Ref<boolean> = ref(false);
+        const previewImage: Ref<string> = ref("");
 
-      form.value.fileid = res.fileId;
-      form.value.fileurl = res.video.url;
-    }
+        /**
+         * 封面改变触发事件
+         */
 
-    async function uploadspic(file: AntUpload) {
-      const res = await uploadflie(file.file, (info: any) => {
-        console.log(info);
-        uploadpicprogress.value = info.percent.toFixed(2) * 100;
-      });
-      console.log(res);
+        function coverChange(info: ImgInfo): void {
+            // console.log(info);
+            // 获取预览图片
+            previewCover(info.file).then((url) => (previewImage.value = url));
+            viewCover.value = true;
+            // form.cover = fileList;
+        }
+        function fankui(){
+            router.push({path:"/mine/aboutus",query:{selected:3}})
+        }
+        const { resetFields, validate, validateInfos } = useForm(form, rules);
 
-      //  picinfo.fileId=res.fileId
-      //  picinfo.url=res.video.url
-      form.value.img = res.video.url;
-    }
+        /**
+         * 表单提交
+         */
 
-    getlivest().then((res) => {
-      if (res) {
-        isEntitled.value = true;
-        lives.value = res;
-      }
-    });
+        // const subdata = ref({
+        //   title: "",
+        //   img: "",
+        //   fileid: "",
+        //   fileurl: "",
+        //   fileduration: "",
+        //   dateline: "",
+        //   livetime: "",
+        //   livenumber: "",
+        //   desc: "",
+        // });
+        /**
+         * todo 需要后台返回年份
+         */
+        const id = useRoute().query.id;
+        if (id != null && typeof id == "string") {
+            liveinfo(parseInt(id)).then((res) => {
+                form.value = res;
+            });
+        }
+        const onSubmit = (e: FromSend) => {
+            e.preventDefault();
+            validate()
+                .then(() => {
+                    console.log(toRaw(form), 111);
+                    const subdata: any = toRaw(form.value);
+                    if (subdata.title == "") {
+                        message.error("直播标题不能为空");
+                        return;
+                    } else if (subdata.img == "") {
+                        message.error("直播封面不能为空");
+                        return;
+                    } else if (subdata.fileurl == "") {
+                        message.error("视频介绍不能为空");
+                        return;
+                    } else if (subdata.dateline == "") {
+                        message.error("开始时间不能为空");
+                        return;
+                    } else if (subdata.livetime == "") {
+                        message.error("直播时长不能为空");
+                        return;
+                    } else if (subdata.livenumber == "") {
+                        message.error("直播人数不能为空");
+                        return;
+                    } else if (subdata.desc == "") {
+                        message.error("直播简介不能为空");
+                        return;
+                    } else {
+						if(lives.value.status==0){
+							//   subdata.fileid=picinfo.
+							if (id != undefined && id) {
+								/**
+								 * todo 提交会报错  编辑直播
+								 */
+								subdata.id = id;
+								// setlive(subdata)
+							} else {
+								console.log(subdata);
+								console.log(lives.value)
+								// liveadd(subdata);
+							}
+						}else{
+							message.error("您尚未获得直播资格")
+						}
 
-    return {
-      labelCol: { span: 4 },
-      wrapperCol: { span: 14 },
-      modalNode: () => document.getElementsByClassName("modal-container")[0],
-      validateInfos,
-      resetFields,
-      viewCover,
-      previewImage,
-      coverChange,
-      form,
-      onSubmit,
-      isEntitled,
-      hideNoticeModal,
-      uploads,
-      uploadprogress,
-      videoinfo,
-      uploadspic,
-      uploadpicprogress,
-      picinfo,
-      startchange,
-      videofile,
-      videos,
-      lives,
-    };
-  },
+                        
+                    }
+                })
+                .catch((err: unknown) => {
+                    console.log("error", err);
+                });
+        };
+        const isEntitled: Ref<boolean> = ref(false);
+        /**
+         * 隐藏无资格提示
+         */
+        function hideNoticeModal(): void {
+            isEntitled.value = false;
+        }
+
+        /**
+         * 开始时间设置
+         */
+
+        function startchange(e: string): void {
+            // const month = new Date(e).getMonth()+1
+            // console.log(new Date(e).getFullYear()+"-"+month+'-'+new Date(e).getDate())
+            // console.log(e.toString())
+            const time = dayjs(new Date(e));
+            const timestr =
+                time.year() +
+                "-" +
+                (time.month() + 1) +
+                "-" +
+                time.date() +
+                " " +
+                time.hour() +
+                ":" +
+                time.minute() +
+                ":" +
+                time.second();
+            console.log(timestr);
+            form.value.dateline = timestr;
+        }
+        /**
+         *  上传文件
+         */
+        const videoinfo = reactive({
+            fileId: "",
+            url: "",
+        });
+        const picinfo = reactive({
+            fileId: "",
+            url: "",
+        });
+        interface AntUpload {
+            action: string;
+            data: unknown;
+            file: File;
+		}
+		const ifallowupload=ref<boolean>(false)
+		function beforeUpload(info?: any){
+			console.log(info)
+			if(info.type.split("/")[0]!="video"){
+				ifallowupload.value=false
+				message.error("视频介绍的文件格式错误")
+				return 
+			}else{
+				ifallowupload.value=true
+			}
+		}
+        async function uploads(file: AntUpload) {
+			if(ifallowupload.value){
+				console.log(file);
+				videofile.value = file.file;
+				videos.value[0].addEventListener("durationchange", () => {
+					console.log(videos.value[0].duration);
+					form.value.fileduration = videos.value[0].duration;
+				});
+				const res = await uploadflie(file.file, (info: any) => {
+					console.log(info);
+					uploadprogress.value = info.percent.toFixed(2) * 100;
+				});
+				console.log(res);
+
+				form.value.fileid = res.fileId;
+				form.value.fileurl = res.video.url;
+			}
+            
+        }
+		const ifallowpic=ref<boolean>(false)
+        async function uploadspic(file: AntUpload) {
+			if(ifallowpic.value){
+				const res = await uploadflie(file.file, (info: any) => {
+					console.log(info);
+					uploadpicprogress.value = info.percent.toFixed(2) * 100;
+				});
+				console.log(res);
+
+				//  picinfo.fileId=res.fileId
+				//  picinfo.url=res.video.url
+				form.value.img = res.video.url;
+			}
+            
+        }
+
+        getlivest().then((res) => {
+            if (res) {
+                isEntitled.value = true;
+                lives.value = res;
+            }
+		});
+		function beforeUploadpic(info?: any){
+			console.log(info)
+			if(info.type.split("/")[0]!='image'){
+				message.error("封面必须是图片文件")
+				ifallowpic.value=false
+				return
+			}else{
+				ifallowpic.value=true
+			}
+		}
+
+        return {
+            labelCol: { span: 4 },
+            wrapperCol: { span: 14 },
+            modalNode: () =>
+                document.getElementsByClassName("modal-container")[0],
+            validateInfos,
+            resetFields,
+            viewCover,
+            previewImage,
+            coverChange,
+            form,
+            onSubmit,
+            isEntitled,
+            hideNoticeModal,
+            uploads,
+            uploadprogress,
+            videoinfo,
+            uploadspic,
+            uploadpicprogress,
+            picinfo,
+            startchange,
+            videofile,
+            videos,
+			lives,
+			beforeUploadpic,
+			ifallowpic,
+			beforeUpload,
+            ifallowupload,
+            fankui
+        };
+    },
 });
 </script>
 <style lang="scss" scoped>
 .webcast {
-  width: 100%;
-  min-width: 700px;
-  background-color: #ffffff;
-  padding: 46px;
-  border-radius: 17px;
-  position: relative;
-  ::v-deep(.ant-form) {
-    .title {
-      font-size: 12px;
-      font-weight: bold;
-      color: #111111;
-      margin-bottom: 28px;
-    }
-    .ant-row {
-      .ant-form-item-label {
-        width: 60px;
-        margin: 0 30px 0 17px;
-        > label {
-          font-size: 12px;
-          font-weight: 500;
-          color: #808080;
-          &::after {
-            content: "";
-          }
-        }
-      }
-      .upload {
-        width: 171px;
-        height: 96px;
-      }
-      .upload-image {
-        width: 171px;
-        height: 96px;
-        border: 1px solid #dcdfe0;
-        border-radius: 3px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 17px;
-      }
-      .ant-input {
-        width: 171px;
-        padding: 6px 11px;
-        border-radius: 3px;
-        border: 1px solid #dcdfe0;
-        font-size: 11px;
-        color: #3f3f3f;
-        &::-webkit-input-placeholder {
-          font-size: 12px;
-          color: #808080;
-        }
-      }
-      .ant-select {
-        font-size: 12px;
-      }
-      .ant-select-dropdown {
-        font-size: 12px;
-      }
-      .ant-form-explain {
-        font-size: 10px;
-        font-weight: 500;
-        color: #d22d2e;
-      }
-      .ant-upload-list {
-        display: none;
-      }
-      .ant-btn {
-        padding: 0;
-        width: 63px;
-        height: 23px;
-        background: #08ae98;
-        border-radius: 3px;
-        font-size: 10px;
-        font-weight: 500;
-        color: #ffffff;
-      }
-    }
-    .item-cover {
-      .preview-image {
-        width: 171px;
-        height: 96px;
-      }
-    }
-    .video-introduction {
-      .ant-form-item-control-wrapper {
-        .ant-form-item-children {
-          display: flex;
-          align-items: center;
-          .demand {
-            line-height: 17px;
-            font-size: 10px;
-            font-weight: 500;
-            color: #808080;
-            width: 134px;
-            > p {
-              margin: 0;
-            }
-          }
-        }
-      }
-    }
-    .duration {
-      .unit {
-        margin-left: 18px;
-        font-size: 12px;
-        font-weight: 500;
-        color: #808080;
-      }
-    }
-    .brief {
-      position: relative;
-      .ant-input {
-        width: 359px;
-      }
-      .brief-textarea {
-        min-height: 85px;
-        padding-bottom: 30px;
-      }
-      .words-number {
-        position: absolute;
-        right: 11px;
-        bottom: -11px;
-        font-size: 11px;
-        font-weight: 500;
-        color: #7f7f7f;
-        user-select: none;
-      }
-    }
-  }
-  .modal-container {
-    ::v-deep(.modal-dialog) {
-      .close {
-        width: 14px;
-        height: 14px;
-      }
-      .ant-modal-content {
-        box-sizing: border-box;
-        padding: 25px 30px;
-        width: 569px;
-        background: #ffffff;
-        box-shadow: 0px 4px 6px 0px rgba(102, 102, 102, 0.07);
-        border-radius: 28px;
-        .notice-container {
-          .title {
-            font-size: 11px;
+    width: 100%;
+    min-width: 700px;
+    background-color: #ffffff;
+    padding: 46px;
+    border-radius: 17px;
+    position: relative;
+    ::v-deep(.ant-form) {
+        .title {
+            font-size: 12px;
             font-weight: bold;
             color: #111111;
-            margin-bottom: 16px;
-          }
-          .sub-title {
-            .red {
-              color: #d12c2d;
-            }
-            .bule {
-              color: #0dbba3;
-            }
-          }
-          .confirm-btn {
-            display: inline-block;
-            background: #07ad97;
-            border-radius: 2px;
-            font-size: 9px;
-            font-weight: 500;
-            color: #ffffff;
-            text-align: center;
-            cursor: pointer;
-            user-select: none;
-            height: 22px;
-            line-height: 22px;
-            padding: 0 17px;
-          }
+            margin-bottom: 28px;
         }
-        .report {
-          .sub-title {
-            margin-bottom: 50px;
-          }
+        .ant-row {
+            .ant-form-item-label {
+                width: 60px;
+                margin: 0 30px 0 17px;
+                > label {
+                    font-size: 12px;
+                    font-weight: 500;
+                    color: #808080;
+                    &::after {
+                        content: "";
+                    }
+                }
+            }
+            .upload {
+                width: 171px;
+                height: 96px;
+            }
+            .upload-image {
+                width: 171px;
+                height: 96px;
+                border: 1px solid #dcdfe0;
+                border-radius: 3px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 17px;
+            }
+            .ant-input {
+                width: 171px;
+                padding: 6px 11px;
+                border-radius: 3px;
+                border: 1px solid #dcdfe0;
+                font-size: 11px;
+                color: #3f3f3f;
+                &::-webkit-input-placeholder {
+                    font-size: 12px;
+                    color: #808080;
+                }
+            }
+            .ant-select {
+                font-size: 12px;
+            }
+            .ant-select-dropdown {
+                font-size: 12px;
+            }
+            .ant-form-explain {
+                font-size: 10px;
+                font-weight: 500;
+                color: #d22d2e;
+            }
+            .ant-upload-list {
+                display: none;
+            }
+            .ant-btn {
+                padding: 0;
+                width: 63px;
+                height: 23px;
+                background: #08ae98;
+                border-radius: 3px;
+                font-size: 10px;
+                font-weight: 500;
+                color: #ffffff;
+            }
+        }
+        .item-cover {
+            .preview-image {
+                width: 171px;
+                height: 96px;
+            }
+        }
+        .video-introduction {
+            .ant-form-item-control-wrapper {
+                .ant-form-item-children {
+                    display: flex;
+                    align-items: center;
+                    .demand {
+                        line-height: 17px;
+                        font-size: 10px;
+                        font-weight: 500;
+                        color: #808080;
+                        width: 134px;
+                        > p {
+                            margin: 0;
+                        }
+                    }
+                }
+            }
+        }
+        .duration {
+            .unit {
+                margin-left: 18px;
+                font-size: 12px;
+                font-weight: 500;
+                color: #808080;
+            }
+        }
+        .brief {
+            position: relative;
+            .ant-input {
+                width: 359px;
+            }
+            .brief-textarea {
+                min-height: 85px;
+                padding-bottom: 30px;
+            }
+            .words-number {
+                position: absolute;
+                right: 11px;
+                bottom: -11px;
+                font-size: 11px;
+                font-weight: 500;
+                color: #7f7f7f;
+                user-select: none;
+            }
+        }
+    }
+    .modal-container {
+        ::v-deep(.modal-dialog) {
+            .close {
+                width: 14px;
+                height: 14px;
+            }
+            .ant-modal-content {
+                box-sizing: border-box;
+                padding: 25px 30px;
+                width: 569px;
+                background: #ffffff;
+                box-shadow: 0px 4px 6px 0px rgba(102, 102, 102, 0.07);
+                border-radius: 28px;
+                .notice-container {
+                    .title {
+                        font-size: 11px;
+                        font-weight: bold;
+                        color: #111111;
+                        margin-bottom: 16px;
+                    }
+                    .sub-title {
+                        .red {
+                            color: #d12c2d;
+                        }
+                        .bule {
+                            color: #0dbba3;
+                        }
+                    }
+                    .confirm-btn {
+                        display: inline-block;
+                        background: #07ad97;
+                        border-radius: 2px;
+                        font-size: 9px;
+                        font-weight: 500;
+                        color: #ffffff;
+                        text-align: center;
+                        cursor: pointer;
+                        user-select: none;
+                        height: 22px;
+                        line-height: 22px;
+                        padding: 0 17px;
+                    }
+                }
+                .report {
+                    .sub-title {
+                        margin-bottom: 50px;
+                    }
+                }
+            }
         }
-      }
     }
-  }
 }
 </style>
\ No newline at end of file