云盘

src/components/CloudDisk/CloudDiskList.vue

@@ -18,7 +18,25 @@
           </div>
         </div>
       </div> -->
-      <div class="col full-width full-height q-ml-md">
+      <div class="row items-center flex-between">
+        <div class="text-dark text-weight-bolder">云盘空间</div>
+        <div class="row flex-center CloudDisk-R-inquire">
+          <el-input style="max-width:600px" v-model="queryObj.FileName" placeholder="请输入图片名称搜索" class="q-pr-33" clearable
+          @keyup.enter="refreshHandler" @input="SearchImg">
+            <template #append>
+              <div @click.stop="refreshHandler">
+                <div class="row items-center pointer">
+                  <IconSearch class="cusor-pointer"></IconSearch>
+                </div>
+              </div>
+            </template>
+          </el-input>
+        </div>
+        <FileInput @change="files => insertImageElement(files)">
+          <el-button icon="Plus" class="ppt-button text-normal" type="primary">图片</el-button>
+        </FileInput>
+      </div>
+      <div class="col full-width full-height q-mt-lg">
         <div class="CloudDisk-form row full-height">
           <div class="CloudDisk-L">
               <div class="row CloudDisk-L-inquire">
@@ -26,7 +44,7 @@
                   placeholder="搜索分组名称" clearable @keyup.enter="querySearchGroup"
                   @input="SearchGroup">
                   </el-input>
-                  <el-button  @click="addEditGroup">添加</el-button>
+                  <el-button icon="Plus"  @click="addEditGroup">分组</el-button>
               </div>
               <div class="CloudDisk-L-Center fz14" v-loading="loadingGroup">
                   <div class="CloudDisk-L-Title row flex-between cusor-pointer"
@@ -60,28 +78,11 @@
               </div>
           </div>
           <div class="CloudDisk-R grow">
-              <div class="row flex-center CloudDisk-R-inquire">
-                  <!-- <el-input v-model="queryObj.FileName" placeholder="请输入图片名称搜索" clearable @keyup.enter="refreshHandler"
-                  @input="SearchImg">
-                      <template #append>
-                          <el-button type="primary" style="color: white;" @click="refreshHandler">搜索</el-button>
-                      </template>
-                  </el-input> -->
-                  <el-input style="max-width:600px" v-model="queryObj.FileName" placeholder="请输入图片名称搜索" class="q-pr-33" clearable
-                  @keyup.enter="refreshHandler" @input="SearchImg">
-                    <template #append>
-                      <div class="Market-select-line absolute"></div>
-                      <div class="row items-center pointer">
-                          <img src="../../assets/img/home-search.png" width="21" height="21"
-                          @click="refreshHandler"/>
-                      </div>
-                    </template>
-                  </el-input>
-              </div>
+              
               <div ref="imgDiskRef" class="full-height" style="padding-top: 10px; overflow: auto;"
               :style="{'padding-bottom':queryObj.pageCount == queryObj.pageIndex && !loading?'20px':'85px'}">
                   <div class="CloudDisk-R-Center row">
-                      <FileInput @change="files => insertImageElement(files)">
+                      <!-- <FileInput @change="files => insertImageElement(files)">
                          <div class="CloudDisk-R-Box">
                           <div class="CloudDisk-R-Plus column items-center cusor-pointer">
                               <el-icon class="el-input__icon" size="30px" title="">
@@ -90,7 +91,7 @@
                               <span>添加图片</span>
                           </div>
                           </div> 
-                      </FileInput>
+                      </FileInput> -->
                       
                       <template v-for="(item,index) in dataList">
                         <el-dropdown trigger="click">
@@ -214,7 +215,7 @@
   const RefreshLoading = ref(false)
   const queryObj = reactive({
     pageIndex: 1,
-    pageSize: 71,
+    pageSize: 72,
     CloudGroupId: '',
     FileName: '',
     total: 0