소스 검색

RING:素材库_search-bar Ⅱ

ringcode 3 년 전
부모
커밋
efe54cc2f7
1개의 변경된 파일18개의 추가작업 그리고 2개의 파일을 삭제
  1. 18 2
      src/views/material/component/search.vue

+ 18 - 2
src/views/material/component/search.vue

@@ -63,7 +63,7 @@
     <div class="search-item">
       <span class="label"></span>
       <a-button type="primary" @click="onSubmit">搜索</a-button>
-      <a-button style="margin-left: 10px">重置</a-button>
+      <a-button style="margin-left: 10px" @click="reset">重置</a-button>
     </div>
   </div>
 </template>
@@ -77,7 +77,7 @@ const PictureLibrary = defineComponent({
   setup(props) {
     const state = reactive({
       type: "", // 组件类型: video:picture
-      openFlag: false, // 展开/收起
+      openFlag: true, // 展开/收起
       search: {
         is_pubilc: 1, // 1公共素材 0个人素材
         video_name: "", // 视频名称
@@ -98,9 +98,24 @@ const PictureLibrary = defineComponent({
     this.type = this.$props.materialType;
   },
   methods: {
+    // 搜索
     onSubmit() {
       console.log(this.search);
     },
+    // 重置
+    reset() {
+      this.search= {
+        is_pubilc: this.search.is_pubilc, // 1公共素材 0个人素材
+        video_name: "", // 视频名称
+        video_type: "", // 视频类型
+        image_name: "", // 图片名称
+        image_type: "", // 图片类型
+        book_name: "", // 推广书籍
+        demander: "", // 需求方
+        editor: "", // 文案
+        uploader: "", // 上传者
+      }
+    }
   },
 });
 
@@ -112,6 +127,7 @@ export default PictureLibrary;
   background: white;
   overflow: hidden;
   width: 100%;
+  border-bottom: 1px solid rgb(204, 203, 203);
   .search-item {
     width: 25%;
     margin-left: 20px;