From 43be980541fb582fd775c1a00eeffd4adca90b3c Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Sat, 3 Dec 2022 14:39:39 +0800
Subject: [PATCH] =?UTF-8?q?--=20bug=20=E7=9B=B4=E6=92=AD=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddLive.vue | 444 ++++++++++++++++-------------
 1 file changed, 240 insertions(+), 204 deletions(-)

diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index 9a53b834..4344b6e1 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -1,20 +1,20 @@
 <!-- 直播抽屉 -->
 <template>
   <a-drawer
-    :visible="addliveVisible"
-    class="drawerStyle addliveDrawer"
-    width="80%"
-    title="添加直播"
-    placement="right"
-    @after-visible-change="afterVisibleChange"
+      :visible="addliveVisible"
+      class="drawerStyle addliveDrawer"
+      width="80%"
+      title="添加直播"
+      placement="right"
+      @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
       <div class="header">
         <div class="headerTitle">{{ edit ? "编辑" : "添加" }}直播</div>
         <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
         />
       </div>
       <div class="contentMain">
@@ -23,18 +23,18 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">直播名称：</span>
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="inputV1"
-                style="width: 400px; height: 32px"
-                placeholder="请输入考试名称"
-                maxlength="20"
+                  v-model:value="inputV1"
+                  style="width: 400px; height: 32px"
+                  placeholder="请输入考试名称"
+                  maxlength="20"
               />
             </div>
           </div>
@@ -44,10 +44,10 @@
             </div>
             <div class="textarea">
               <a-textarea
-                v-model:value="textV1"
-                placeholder="请输入考试说明"
-                allow-clear
-                maxlength="364px"
+                  v-model:value="textV1"
+                  placeholder="请输入考试说明"
+                  allow-clear
+                  maxlength="364px"
               />
             </div>
           </div>
@@ -55,17 +55,17 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">直播时间：</span>
             </div>
             <div class="btnbox">
               <a-range-picker
-                style="width: 424px"
-                v-model:value="time"
-                :placeholder="['      开始时间', '        结束时间']"
+                  style="width: 424px"
+                  v-model:value="time"
+                  :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
           </div>
@@ -73,24 +73,24 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">直播时长：</span>
             </div>
             <div class="btnbox">
               <a-input-number
-                :min="0"
-                :max="300"
-                :precision="0"
-                style="
+                  :min="0"
+                  :max="300"
+                  :precision="0"
+                  style="
                   width: 364px;
                   height: 32px;
                   border-radius: 8px;
                   overflow: hidden;
                 "
-                v-model:value="inputV2"
+                  v-model:value="inputV2"
               ></a-input-number>
               <span style="margin-left: 5px">分钟</span>
             </div>
@@ -99,50 +99,40 @@
             <div class="signbox">
               <div class="sign">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 3px">授课老师：</span>
             </div>
             <div class="btnbox">
-              <a-auto-complete
-                :value="memberValue.label"
-                show-search
-                :not-found-content="fetching ? undefined : null"
-                placeholder="Select a teacher"
-                style="width: 364px"
-                :options="options"
-                @focus="handleFocus"
-                @change="handleChange2"
-                @popupScroll="templateScroll"
-                @search="handleSearch"
-              ></a-auto-complete>
+              <ProjectManager v-model:value="memberValue.value"
+                              v-model:name="memberValue.label"></ProjectManager>
             </div>
           </div>
           <div class="mbl_items2">
             <div class="item_nam">
               <div class="asterisk_icon">
                 <img
-                  src="@/assets/images/coursewareManage/asterisk.png"
-                  alt=""
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
                 />
               </div>
               <span style="margin-right: 14px">直播封面</span>
             </div>
             <div class="item_inp">
               <a-upload
-                name="avatar"
-                list-type="picture-card"
-                class="avatar-uploader"
-                :show-upload-list="false"
-                :before-upload="beforeUpload"
+                  name="avatar"
+                  list-type="picture-card"
+                  class="avatar-uploader"
+                  :show-upload-list="false"
+                  :before-upload="beforeUpload"
               >
                 <img
-                  class="i_upload_img"
-                  v-if="imageUrl"
-                  :src="imageUrl"
-                  alt="avatar"
+                    class="i_upload_img"
+                    v-if="imageUrl"
+                    :src="imageUrl"
+                    alt="avatar"
                 />
                 <div class="i_upload" v-else>
                   <div class="addimg">
@@ -162,9 +152,9 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="inputV4"
-                style="width: 424px; height: 32px"
-                placeholder="请输入直播链接"
+                  v-model:value="inputV4"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入直播链接"
               />
             </div>
           </div>
@@ -173,7 +163,7 @@
               <span style="margin-right: 3px">回放设置：</span>
             </div>
             <div class="btnbox">
-              <a-switch v-model:checked="switchC1" @click="PlayBack" />
+              <a-switch v-model:checked="switchC1"/>
             </div>
           </div>
           <div v-if="switchC1">
@@ -183,9 +173,9 @@
               </div>
               <div class="btnbox">
                 <a-input
-                  v-model:value="inputV5"
-                  style="width: 424px; height: 32px"
-                  placeholder="请输入回放链接"
+                    v-model:value="inputV5"
+                    style="width: 424px; height: 32px"
+                    placeholder="请输入回放链接"
                 />
               </div>
             </div>
@@ -196,9 +186,10 @@
             </div>
             <div class="btnbox2">
               <a-checkbox
-                v-model:checked="needEval"
-                @click="needEval = !needEval"
-                >需要评估</a-checkbox
+                  v-model:checked="needEval"
+                  @click="needEval = !needEval"
+              >需要评估
+              </a-checkbox
               >
             </div>
           </div>
@@ -209,14 +200,14 @@
               <div v-if="assessmentId > 0">
                 <a-tag closable color="processing" @close="logA">
                   <span style="font-size: 14px; line-height: 33px"
-                    >删除评估</span
+                  >删除评估</span
                   >
                 </a-tag>
               </div>
               <AssessmentList
-                v-model:assessmentVisible="assessmentVisible"
-                v-model:titleTag="titleTag"
-                v-model:assessmentId="assessmentId"
+                  v-model:assessmentVisible="assessmentVisible"
+                  v-model:titleTag="titleTag"
+                  v-model:assessmentId="assessmentId"
               />
             </div>
           </div>
@@ -226,38 +217,40 @@
             </div>
             <div class="kqszbox">
               <div class="qdqtbox">
-                <div class="qdbtn"><div class="btntext">签到</div></div>
+                <div class="qdbtn">
+                  <div class="btntext">签到</div>
+                </div>
               </div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
                   <a-input-number
-                    :min="0"
-                    :max="30"
-                    :precision="0"
-                    style="
+                      :min="0"
+                      :max="30"
+                      :precision="0"
+                      style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
                     "
-                    v-model:value="inputV6"
+                      v-model:value="inputV6"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
                   <a-input-number
-                    :min="0"
-                    :max="30"
-                    :precision="0"
-                    style="
+                      :min="0"
+                      :max="30"
+                      :precision="0"
+                      style="
                       width: 88px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
                     "
-                    v-model:value="inputV7"
+                      v-model:value="inputV7"
                   ></a-input-number>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
@@ -306,9 +299,10 @@
             </div>
             <div class="btnbox">
               <a-checkbox
-                v-model:checked="switchC2"
-                @onclick="switchC2 = !switchC2"
-                >学员请假后记为任务完成</a-checkbox
+                  v-model:checked="switchC2"
+                  @onclick="switchC2 = !switchC2"
+              >学员请假后记为任务完成
+              </a-checkbox
               >
             </div>
           </div>
@@ -322,28 +316,32 @@
   </a-drawer>
 </template>
 <script>
-import { reactive, toRefs, ref } from "vue";
-import { message } from "ant-design-vue";
+import {reactive, toRefs, ref} from "vue";
+import {message} from "ant-design-vue";
 import * as api from "../../api/indexLiveBroadcast";
 import * as apiTask from "../../api/indexTaskadd";
-import { toDate } from "@/api/method";
-import { RouterEditTask } from "@/api/indexTask";
-import { addTempTask } from "../../api/indexTaskadd";
-import { getMemberInfo } from "@/api/index1";
+import {toDate} from "@/api/method";
+import {RouterEditTask} from "@/api/indexTask";
+import {addTempTask} from "../../api/indexTaskadd";
+import {getMemberInfo} from "@/api/index1";
 import dayjs from "dayjs";
-import { fileUp } from "../../api/indexEval";
+import {fileUp} from "../../api/indexEval";
 import AssessmentList from "../drawers/ AssessmentList.vue";
-import { debounce } from "lodash-es";
+import {debounce} from "lodash-es";
+import ProjectManager from "@/components/project/ProjectManager";
+
 // import { useRouter } from "vue-router";
 function getBase64(img, callback) {
   const reader = new FileReader();
   reader.addEventListener("load", () => callback(reader.result));
   reader.readAsDataURL(img);
 }
+
 export default {
   name: "AddLive",
   components: {
     AssessmentList,
+    ProjectManager,
   },
   props: {
     addliveVisible: {
@@ -460,51 +458,54 @@ export default {
         queryLive();
       }
       api
-        .queryAssessmentDetailList({
-          assessmentName: "",
-          pageNo: 1,
-          pageSize: 200,
-          releaseStatus: "",
-          searchEndTime: "",
-          searchStartTime: "",
-        })
-        .then((res) => {
-          res.data.data.rows.forEach((item) => {
-            let obj = item;
-            obj.value = item.assessmentId;
-            obj.label = item.assessmentName;
-            state.assessment.push(obj);
+          .queryAssessmentDetailList({
+            assessmentName: "",
+            pageNo: 1,
+            pageSize: 200,
+            releaseStatus: "",
+            searchEndTime: "",
+            searchStartTime: "",
+          })
+          .then((res) => {
+            res.data.data.rows.forEach((item) => {
+              let obj = item;
+              obj.value = item.assessmentId;
+              obj.label = item.assessmentName;
+              state.assessment.push(obj);
+            });
           });
-        });
     };
     const queryLive = () => {
       let d = props.EditLiveId;
       api
-        .getLiveBroadcastInfor({ liveId: d })
-        .then((res) => {
-          state.inputV1 = res.data.data.liveName;
-          state.time = [
-            dayjs(res.data.data.liveStartTime, "YYYY-MM-DD"),
-            dayjs(res.data.data.liveEndTime, "YYYY-MM-DD"),
-          ];
-          state.inputV2 = res.data.data.liveDuration;
-          state.inputV3 = res.data.data.liveTeacherId;
-          //state.fileList= res.data.data
-          state.inputV4 = res.data.data.liveLink;
-          state.inputV5 = res.data.data.livePlaybackLink;
-          state.inputV6 = res.data.data.beforeSignIn;
-          state.inputV7 = res.data.data.afterSignIn;
-          state.inputV8 = res.data.data.signOutTime;
-          state.textV1 = res.data.data.liveExplain;
-          state.radioV1 = Number(res.data.data.standardSettings);
-          //state.= res.data.data
-          state.assessmentId = res.data.data.assessmentId;
-          state.imageUrl = res.data.data.liveCover;
-          state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
-        })
-        .catch(() => {
-          //message.error(`查询失败`);
-        });
+          .getLiveBroadcastInfor({liveId: d})
+          .then((res) => {
+            state.inputV1 = res.data.data.liveName;
+            state.time = [
+              dayjs(res.data.data.liveStartTime, "YYYY-MM-DD"),
+              dayjs(res.data.data.liveEndTime, "YYYY-MM-DD"),
+            ];
+            state.inputV2 = res.data.data.liveDuration;
+            state.inputV3 = res.data.data.liveTeacherId;
+            //state.fileList= res.data.data
+            state.inputV4 = res.data.data.liveLink;
+            state.inputV5 = res.data.data.livePlaybackLink;
+            state.inputV6 = res.data.data.beforeSignIn;
+            state.inputV7 = res.data.data.afterSignIn;
+            state.inputV8 = res.data.data.signOutTime;
+            state.textV1 = res.data.data.liveExplain;
+            state.radioV1 = Number(res.data.data.standardSettings);
+            //state.= res.data.data
+            state.assessmentId = res.data.data.assessmentId;
+            state.imageUrl = res.data.data.liveCover;
+            state.switchC1 = res.data.data.livePlayback === '1' ? true : false;
+            state.switchC2 = res.data.data.otherSettings == 1 ? true : false;
+            state.needEval = res.data.data.isEvaluate == '1' ? true : false;
+            state.memberValue = {value: res.data.data.liveTeacherId || '', label: res.data.data.liveTeacherName || ''};
+          })
+          .catch(() => {
+            //message.error(`查询失败`);
+          });
     };
     const cloradio1 = (value) => {
       if (state.radioV1 === value.target._value) {
@@ -542,31 +543,31 @@ export default {
           routerTaskId: props.routerTaskId || 0,
           type: 6,
         })
-          .then(() => {
-            //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
-            ctx.emit("changeData", false);
-          })
-          .catch(() => {
-            //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
-          });
+            .then(() => {
+              //message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
+              ctx.emit("changeData", false);
+            })
+            .catch(() => {
+              //message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
+            });
       } else if (props.isLevel == 2) {
         apiTask
-          .addTask({
-            courseId: res.data.data.liveId,
-            duration: res.data.data.liveDuration,
-            name: res.data.data.liveName,
-            projectId: props.projectId,
-            projectTaskId: props.projectTaskId || 0,
-            stageId: props.chooseStageId || 0,
-            type: 6,
-          })
-          .then(() => {
-            //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-            ctx.emit("changeData", false);
-          })
-          .catch(() => {
-            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-          });
+            .addTask({
+              courseId: res.data.data.liveId,
+              duration: res.data.data.liveDuration,
+              name: res.data.data.liveName,
+              projectId: props.projectId,
+              projectTaskId: props.projectTaskId || 0,
+              stageId: props.chooseStageId || 0,
+              type: 6,
+            })
+            .then(() => {
+              //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+              ctx.emit("changeData", false);
+            })
+            .catch(() => {
+              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+            });
       } else if (props.isLevel == 3) {
         console.log("props.projectTemplateId", props.projectTemplateId);
         addTempTask({
@@ -578,13 +579,13 @@ export default {
           stageId: props.chooseStageId || 0,
           type: 6,
         })
-          .then(() => {
-            //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
-            ctx.emit("changeData", false);
-          })
-          .catch(() => {
-            //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
-          });
+            .then(() => {
+              //message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
+              ctx.emit("changeData", false);
+            })
+            .catch(() => {
+              //message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
+            });
       }
     };
     const showAssessment = () => {
@@ -611,12 +612,12 @@ export default {
         return message.warning("直播时长需大于0");
       }
       let startTime = toDate(
-        new Date(state.time[0].$d).getTime() / 1000,
-        "Y-M-D"
+          new Date(state.time[0].$d).getTime() / 1000,
+          "Y-M-D"
       );
       let endTime = toDate(
-        new Date(state.time[1].$d).getTime() / 1000,
-        "Y-M-D"
+          new Date(state.time[1].$d).getTime() / 1000,
+          "Y-M-D"
       );
       state.obj = {
         afterSignIn: state.inputV6,
@@ -633,7 +634,8 @@ export default {
         liveName: state.inputV1,
         livePlayback: state.switchC1 ? "1" : "0",
         livePlaybackLink: state.switchC1 ? state.inputV5 : "",
-        liveTeacherId: state.inputV3,
+        liveTeacherId: state.memberValue.value,
+        liveTeacherName: state.memberValue.label,
         otherSettings: state.switchC2 ? "1" : "0", //1或0
         signOutTime: state.inputV8,
         standardSettings: state.radioV1, //1或2
@@ -641,35 +643,37 @@ export default {
       };
       if (props.edit) {
         api
-          .updateLiveBroadcastMessage(state.obj)
-          .then(async(res) => {
-            message.destroy();
-            message.success("提交成功");
-           await updateTask(res);
-            closeDrawer();
-          })
-          .catch(() => {});
+            .updateLiveBroadcastMessage(state.obj)
+            .then(async (res) => {
+              message.destroy();
+              message.success("提交成功");
+              await updateTask(res);
+              closeDrawer();
+            })
+            .catch(() => {
+            });
       } else {
         api
-          .createLiveBroadcast(state.obj)
-          .then(async(res) => {
-            message.destroy();
-            message.success("提交成功");
-           await updateTask(res);
-            closeDrawer();
-          })
-          .catch(() => {});
+            .createLiveBroadcast(state.obj)
+            .then(async (res) => {
+              message.destroy();
+              message.success("提交成功");
+              await updateTask(res);
+              closeDrawer();
+            })
+            .catch(() => {
+            });
       }
     };
     const beforeUpload = (file) => {
       return new Promise((resolve, reject) => {
         const isJpgOrPng =
-          file.type === "image/jpg" ||
-          file.type === "image/jpeg" ||
-          file.type === "image/png" ||
-          file.type === "image/svg" ||
-          file.type === "image/bmp" ||
-          file.type === "image/gif";
+            file.type === "image/jpg" ||
+            file.type === "image/jpeg" ||
+            file.type === "image/png" ||
+            file.type === "image/svg" ||
+            file.type === "image/bmp" ||
+            file.type === "image/gif";
         if (!isJpgOrPng) {
           message.destroy();
           message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
@@ -697,7 +701,7 @@ export default {
     };
     const templateScroll = (e) => {
       console.log("滚动", e);
-      const { target } = e;
+      const {target} = e;
       const scrllHeight = target.scrollHeight - target.scrollTop;
       const clientHeight = target.clientHeight;
       // console.log("scrllHeight", scrllHeight, clientHeight);
@@ -723,20 +727,20 @@ export default {
         pageSize: state.pageSize,
       };
       getMemberInfo(obj)
-        .then((res) => {
-          let data = res.data.data.rows;
-          state.totalPages = res.data.data.total;
-          for (let i in data) {
-            options.value.push({
-              value: data[i].id,
-              label: data[i].realName,
-            });
-          }
-        })
-        .catch((err) => {
-          message.destroy();
-          message.error("获取员工失败" + err);
-        });
+          .then((res) => {
+            let data = res.data.data.rows;
+            state.totalPages = res.data.data.total;
+            for (let i in data) {
+              options.value.push({
+                value: data[i].id,
+                label: data[i].realName,
+              });
+            }
+          })
+          .catch((err) => {
+            message.destroy();
+            message.error("获取员工失败" + err);
+          });
     };
     const handleSearch = debounce((memberValue) => {
       console.log("fetching user", memberValue);
@@ -786,6 +790,7 @@ export default {
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
+
 .addliveDrawer {
   .drawerMain {
     .header {
@@ -795,6 +800,7 @@ export default {
       justify-content: space-between;
       align-items: center;
       flex-shrink: 0;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -803,32 +809,39 @@ export default {
         margin-left: 24px;
       }
     }
+
     .contentMain {
       display: flex;
       justify-content: space-between;
+
       .main_left {
         padding-right: 30px;
         flex: 1;
         border-right: 1px solid #e8e8e8;
         margin-top: 32px;
+
         .main_item {
           display: flex;
           align-items: center;
           margin-top: 32px;
           margin-bottom: 32px;
+
           .signbox {
             width: 120px;
             display: flex;
             justify-content: end;
             align-items: center;
+
             .sign {
               margin-right: 5px;
             }
           }
+
           .btnbox {
             display: flex;
             flex: 1;
             align-items: center;
+
             .xkbtn {
               cursor: pointer;
               width: 130px;
@@ -841,24 +854,29 @@ export default {
             }
           }
         }
+
         .main_item2 {
           display: flex;
           align-items: flex-start;
           margin-bottom: 32px;
+
           .signbox {
             width: 120px;
             display: flex;
             justify-content: end;
             align-items: center;
+
             .sign {
               margin-right: 5px;
             }
           }
+
           .kqszbox {
             .qdqtbox {
               margin-left: 5px;
               cursor: pointer;
             }
+
             .qdbtn,
             .qtbtn {
               width: 75px;
@@ -869,15 +887,18 @@ export default {
               display: flex;
               align-items: center;
               justify-content: center;
+
               .btntext {
                 color: #387df7;
               }
             }
+
             .setbox {
               display: flex;
               flex-wrap: wrap;
               margin-top: 10px;
               margin-bottom: 24px;
+
               .timerbox {
                 margin-top: 6px;
                 margin-right: 32px;
@@ -887,10 +908,12 @@ export default {
               }
             }
           }
+
           .btnbox2 {
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
+
             .xkbtn {
               cursor: pointer;
               width: 130px;
@@ -905,20 +928,24 @@ export default {
             }
           }
         }
+
         .mbl_items2 {
           display: flex;
           align-items: start;
           margin-top: 10px;
           margin-bottom: 10px;
+
           .i_bottom {
             margin-bottom: 30px;
           }
+
           .item_nam {
             width: 100px;
             display: flex;
             align-items: center;
             justify-content: flex-end;
             white-space: nowrap;
+
             .asterisk_icon {
               width: 10px;
               height: 10px;
@@ -926,13 +953,16 @@ export default {
               margin-top: -15px;
             }
           }
+
           .item_inp {
             flex: 1;
+
             .i_upload_img {
               width: 100px;
               height: 100px;
               border-radius: 8px;
             }
+
             .i_upload {
               width: 100px;
               height: 100px;
@@ -941,8 +971,10 @@ export default {
               text-align: center;
               align-items: center;
               cursor: pointer;
+
               .addimg {
                 position: relative;
+
                 .heng {
                   position: absolute;
                   top: 50px;
@@ -950,6 +982,7 @@ export default {
                   width: 50px;
                   border: 1px solid #4ea6ff;
                 }
+
                 .shu {
                   position: absolute;
                   top: 25px;
@@ -963,6 +996,7 @@ export default {
         }
       }
     }
+
     .main_btns {
       height: 72px;
       width: 100%;
@@ -972,6 +1006,7 @@ export default {
       align-items: center;
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -981,6 +1016,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;