个人中心笔记

src/views/user/Mynotes.vue

@@ -3,41 +3,46 @@
         <div class="note-hear">
             <h3>我的笔记</h3>
             <div>
-                <el-button>导入</el-button>
-                <!-- <el-button @click="dialogVisible = true">导出</el-button> -->
-                <el-select   @click="dialogVisible = true" style="width:160px;height:40px;margin-left:20px;" v-model="courseId" placeholder="导出">
-               <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-                </el-option>
-            </el-select>
+            <el-dropdown style="margin-left:15px">
+                    <el-button>
+                    导出<i class="el-icon-arrow-down el-icon--right"></i>
+                    </el-button>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item>PDF</el-dropdown-item>
+                        <el-dropdown-item>Excel</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+                <el-dropdown style="margin-left:15px">
+                    <el-button>
+                    导入<i class="el-icon-arrow-down el-icon--right"></i>
+                    </el-button>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item>图片</el-dropdown-item>
+                        <el-dropdown-item>Txt</el-dropdown-item>
+                        <el-dropdown-item>Word</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+                
             </div>
         </div>
         <div class="note-sift">
                  <el-date-picker
+                 style="width:250px"
                  @change="Time()"
                   value-format="yyyy-MM-dd HH:mm:ss"
-                 class="el-buttons"
                 v-model="Filtertime"
                 type="daterange"
                 start-placeholder="开始"
-                end-placeholder="结束"
-               >
-                </el-date-picker>
-               
-            <el-select @change="noteData(num)"  style="width:160px;height:40px;margin-left:20px;" v-model="courseId" placeholder="全部课程">
-                <el-option
-                v-for="(item,idx) in couresna"
-                :key="idx"
-                :label="item.courseName"
-                :value="item.courseId">
-                </el-option>
-            </el-select>
-
-
-
+                end-placeholder="结束">
+                </el-date-picker> 
+            <el-dropdown  @command="handleCommand">
+                    <el-button>
+                      全部课程<i class="el-icon-arrow-down el-icon--right"></i>
+                    </el-button>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item v-for="cou in couresna" :command="cou.courseId">{{cou.courseName}}</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
             <el-button @click="publish" class="el-buttons">
                 发布时间 
                 <i  v-if="ordertime" class="el-icon-bottom"></i>
@@ -61,7 +66,7 @@
               <div class="all-title">
                  <h3> {{ item.courseName }} </h3>
                   <div v-if="item.playTime != ''"><img src="../../../public/images/coteplay.png" alt=""> {{  getHMS(item.playTime) }} </div>
-                  <span>{{item.openType == 9?'公开':'私密'}}</span>
+                  <span style="margin-left:34px">{{item.openType == 9?'公开':'私密'}}</span>
                   <h6>{{ item.sysUpdateTime }}</h6>
               </div>
               <div class="all-content">
@@ -93,13 +98,12 @@
             </el-pagination>
            </div>
         </div>
+        <file-upload dir="files" :showList="true" :value="imageShowUrl" :limit="5" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></file-upload>
      <el-dialog
         width="860px"
         title="王明"
         :visible.sync="dialogVisible"
         :before-close="handleClose">
-        
-
         <div class="Exportbox">
            <div class="Export-info" style="border-bottom: 1px solid #ddd;padding-bottom:30px;margin-bottom:35px">
                <div class="all-title">
@@ -145,10 +149,12 @@
 <script>
 import apiNote from '@/api/phase2/note.js';
 import interactBar from '@/components/Portal/interactBar.vue';
+import FileUpload from '@/components/FileUpload/index.vue';
 export default {
-    components:{interactBar},
+    components:{interactBar,FileUpload},
   data(){
       return{
+        imageShowUrl:'',
         count:0,
           fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
            options: [{
@@ -184,6 +190,16 @@ export default {
     this.allcoures();
   },
   methods: {
+    handleRemoveSuccess() {
+
+    },
+    handleUploadSuccess() {
+
+    },
+    handleCommand(e) {
+      this.courseId = e;
+      this.noteData(this.num);
+    },
       Time(){
         this.startTime = this.Filtertime[0];
         this.endTime =  this.Filtertime[1];
@@ -287,19 +303,24 @@ export default {
 .el-input--medium .el-input__inner{
     height: 40px;
     line-height: 40px;
-}
+} 
 .el-dropdown-menu--medium .el-dropdown-menu__item{
-    width: 140px !important;
-    height: 30px !important;
+    width: 100% !important;
+    // height: 30px !important;
     overflow: hidden;
     text-overflow:ellipsis;
     white-space: nowrap;
   display: block;
   word-break:break-all;
 }
-.el-dropdown-menu--medium{
+.el-dropdown-menu{
+    width: 140px !important;
     padding: 12px  10px;
     overflow: hidden;
+    li{
+        text-align: center;
+    }
+  
 }
 .el-popper{
     margin-top: 5px;
@@ -453,10 +474,17 @@ export default {
         border-radius: 4px;
         margin-left: 20px;
     }
+   ::v-deep .el-input__inner{
+        height: 40px;
+    }
 }
 .note-hear{
     width: 100%;
     height: 50px;
+    div button{
+        width: 140px;
+        height: 40px;
+    }
     h3{
         margin: 0;
         float: left;