优化代码

src/components/tableSelect2.vue

@@ -11,7 +11,7 @@
     
     <div class="filtert">
       <div>
-        <input type="text" placeholder="输入关键词" v-model="key"
+        <input type="text" placeholder="输入关键词" v-model="searchKey"
           @keyup.enter="onSearch">
         <i class="iconfont iconsearch"
           @click="onSearch"></i>
@@ -47,7 +47,7 @@
               <v-audio :vkey="item.id" :idleft="`_${$randomWord(true,8,8)}`" :idright="`_${$randomWord(true,8,8)}`"
                 :myAudioUrl="item[sub.key]"></v-audio>
             </div>
-            <span class="shenglvhao" v-else>{{item[sub.key]}}</span>
+            <span class="ellipsis" v-else>{{item[sub.key]}}</span>
           </td>
         </tr>
       </tbody>
@@ -57,7 +57,7 @@
           <td colspan="10">
             <div class="nodata">
               <img :src="$noresult" alt="">
-              <span>{{haveClickedSearch?'未搜索到结果~':'暂无素材，快去上传吧'}}</span>
+              <span>{{haveClickedSearch? '未搜索到结果~' : '暂无素材，快去上传吧'}}</span>
             </div>
           </td>
         </tr>
@@ -66,7 +66,7 @@
 
     <div class="btns">
       <a @click="$emit('cancle')">取消</a>
-      <a :class="{disable:disable}" @click="$emit('submit', select)">确定</a>
+      <a :class="{disable: !select.length}" @click="$emit('submit', select)">确定</a>
     </div>
   </div>
 </template>
@@ -85,20 +85,10 @@ export default {
       },
       type:Array
     },
-  
-    selected:{
-      default(){
-        return []
-      },
-      type:Array
-    },
     title:{
       default:'',
       type:String
     },
-    current: {
-      default:''
-    },
     primaryKey: {
       default:'id'
     },
@@ -107,13 +97,8 @@ export default {
     vAudio
   },
   watch:{
-    select(){
-    }
   },
   computed:{
-    disable(){
-      return !this.select.length
-    },
     tabHeaders(){
       return this.tabHeader.filter(item=>{
         return ['icon', 'name', 'fileSize', 'dpi'].includes(item.key)
@@ -124,9 +109,10 @@ export default {
     return {
       list: [],
       
+      // todo
       haveClickedSearch:'',
-      select: [...this.selected],
-      key:'', // 搜索关键词
+      select: [],
+      searchKey:'', // 搜索关键词
 
       currentMaterialType: 'image',
       
@@ -136,19 +122,15 @@ export default {
   },
 
   methods: {
-    changeCurrent(data){
-      this.$emit('changeCurrent',data)
-    },
-    selectItem(item, e) {
-      let isSelect = e.checked
+    selectItem(item, eventTarget) {
       if (item.isUse == '1') {
-        e.checked = false
+        eventTarget.checked = false
         return this.$alert({content:'选中素材不能超过600kb'})
       }
       this.select = [item]
     },
     onSearch() {
-      this.haveClickedSearch = !!this.key
+      this.haveClickedSearch = !!this.searchKey
       this.refreshMaterialList()
     },
     requestMoreData() {
@@ -157,7 +139,7 @@ export default {
         {
           pageNum: Math.floor(this.list.length / config.PAGE_SIZE) + 1,
           pageSize: config.PAGE_SIZE,
-          searchKey: this.key,
+          searchKey: this.searchKey,
           type: 'image',
         },
         (data) => {
@@ -195,7 +177,7 @@ export default {
     border-radius: 4px;
     background: #fff;
 }
-.shenglvhao{
+.ellipsis{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;