From a32e8d3804eab1567ee4bcd2e763c76c325c2385 Mon Sep 17 00:00:00 2001
From: liujuan <549711992@qq.com>
Date: Wed, 29 May 2024 16:19:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/zy/jiaoXueDanYuanNeiRong/index.vue | 45 ++++++++++++++------
 1 file changed, 31 insertions(+), 14 deletions(-)

diff --git a/src/views/zy/jiaoXueDanYuanNeiRong/index.vue b/src/views/zy/jiaoXueDanYuanNeiRong/index.vue
index 2cf2089..8a1ccf6 100644
--- a/src/views/zy/jiaoXueDanYuanNeiRong/index.vue
+++ b/src/views/zy/jiaoXueDanYuanNeiRong/index.vue
@@ -2,14 +2,14 @@
   <div class="max">
 
   <!-- <a-affix :offset-top="0" :target="() => doctomen"> -->
-    <div style="background: #fff">
-        <div style="font-size: 14px;color: #858588;margin-top: 10px;width:100%;padding: 10px 0 0 10px;">提示：每一个小的章节，都可以上传章节相关的教学资源</div>
+    <div style="background: #fff;margin-top: 10px;">
+        <div style="font-size: 12px;color: #ff8400;border-radius:3px; margin:0 10px; padding:8px;width:98%;background: linear-gradient(to left,#fff4d8, #ffeec4); border:1px dashed #f39800;">提示：每一个小的章节，都可以上传章节相关的教学资源</div>
         <div class="topButton">
           <a-space v-if="!isPreview">
             <!-- <a-button type="primary" @click="save" :loading="saveLoading" title="保存"><Icon icon="ant-design:save-outlined"/>保存</a-button> -->
-            <a-button @click="reload"><Icon icon="ant-design:reload-outlined"/>刷新</a-button>
             <a-button type="primary" @click="addOne()" class="addBtn" title="新增标题"><Icon icon="ant-design:plus-outlined"/>新增标题</a-button>
             <a-button type="" v-if="!isPreview" @click="() => { isPreview = true; reloadStn(); }" class="addBtn" title="预览"><Icon icon="ant-design:fund-view-outlined"/>预览</a-button>
+            <a-button @click="reload"><Icon icon="ant-design:reload-outlined"/>刷新</a-button>
           </a-space>
           <template v-else>
             <a-space>
@@ -35,8 +35,8 @@
                     <Icon icon="ant-design:holder-outlined"/>
                     <div>{{ one.sort }}：</div>
                     <div class="inputd">
-                      <a-input v-if="one.isEdit" :value="one.title" @change="changeInput($event, one, 'title')" @blur="() => { one.isEdit = false; editOne(one) }" @click="stop" class="ainput"/>
-                      <div v-else class="ainput ainputNoEdit" @click="(e) => { stop(e);one.isEdit = true }" >&nbsp;{{ one.title }}</div>
+                      <a-input v-if="one.isEdit" :value="one.title" @change="changeInput($event, one, 'title')" @blur="() => { one.isEdit = false; editOne(one) }" @click="stop" class="ainput inputpad"/>
+                      <div v-else class="ainput ainputpad ainputNoEdit" @click="(e) => { stop(e);one.isEdit = true }" >&nbsp;{{ one.title }}</div>
                     </div>
                   </div>
                 </template>
@@ -62,7 +62,7 @@
                                   <div>{{ one.sort }}.{{ two.sort }}：</div>
                                   <div class="twoInputd">
                                     <a-input v-if="two.isEdit" :value="two.title" @change="changeInput($event, two, 'title')" @blur="() => { two.isEdit = false; editTwo(two) }" @click="stop" class="ainput"/>
-                                    <div v-else class="ainput ainputNoEdit" @click="(e) => { stop(e);two.isEdit = true }" >&nbsp;{{ two.title }}</div>
+                                    <div v-else class="ainput ainputpad   ainputNoEdit" @click="(e) => { stop(e);two.isEdit = true }" >&nbsp;{{ two.title }}</div>
                                   </div>
                                 </div>
                               </div>
@@ -75,7 +75,7 @@
                                 </a-space>
                               </span>
                             </template>
-                            <div style="padding-top: 1rem;padding-bottom: 1rem;">
+                            <div style="padding-bottom: 0.2rem;">
                               <a-space>
                                 <div><a-button type="primary" size="small" @click="addThree($event, two, 'video')" class="addBtn"><Icon icon="ant-design:video-camera-outlined"/>视频</a-button></div>
                                 <div><a-button type="primary" size="small" @click="addThree($event, two, 'document')" class="addBtn"><Icon icon="ant-design:file-outlined"/>文档</a-button></div>
@@ -128,8 +128,8 @@
           <a-input v-if="!threePageDisableSubmit" :value="threePageData.three.title" @change="changeInput($event, threePageData.three, 'title')" @click="stop" class="ainput"/>
           <div v-else>{{ threePageData.three.title }}</div>
         </div>
-        <div>
-          <template v-if="threePageData.three.type == 'video'">
+        <div style="margin-top:10px;">
+          <template v-if="threePageData.three.type == 'video'"> 
             <j-upload v-if="!threePageDisableSubmit" v-model:value="threePageData.three.filePath" :maxCount="1" text="上传视频" accept=".mp4,.webm,.ogv" :forceAcceptVerify="true" :isGetBiz="true" :getBizParam="{ rwbh, xqxn, wjlx: '教学单元' }"/>
             <downloadAssembly v-else :filePath="threePageData.three.filePath"/>
           </template>
@@ -674,9 +674,14 @@
 
 .ainput {
   width: 100%;
-}
+ }
+ .ainputpad { 
+  padding: 3px 0;
+  border-radius: 3px;
+  
+ }
 .ainputNoEdit {
-  border: #d9d9d9 solid 1px;
+  border: #d9d9d9 solid 1px; 
 }
 
 .inputd {
@@ -707,8 +712,8 @@
     padding-bottom: 0;
   }
   .ant-card-body {
-    padding-top: 0;
-  }
+    padding: 5px;
+}
 }
 
 .example {
@@ -718,6 +723,18 @@
   position: absolute;
   left: 50%;
   top: 50%;
+  }
+.ant-empty {
+    margin: 25% 8px;
+    font-size: 14px;
+    line-height: 1.5715;
+    text-align: center;
+  }
+.ant-btn-sm {
+    height: 28px;
+    padding: 0px 8px;
+    font-size: 14px;
+    border-radius: 2px;
 }
 
-</style>
+</style>
\ No newline at end of file