收藏夹+demo

src/main.js

@@ -18,13 +18,13 @@ import decimalUtil from '@/utils/decimalUtil.js'
 import getLodop from '@/utils/LodopFuncs.js'
 import pdf from 'vue-pdf'
 import { debounce,throttle} from '@/utils/common.js'
-import yzz from '@/views/common/yzz.vue'
+import selectDiv from '@/views/common/selectDiv.vue'
 
 Vue.component('downloadExcel', JsonExcel)
 Vue.component('pdf', pdf)
 Vue.use(VueCookie)
 Vue.config.productionTip = false
-Vue.component('yzz', yzz);
+Vue.component('selectDiv', selectDiv);
 
 // 非生产环境, 适配mockjs模拟数据                 // api: https://github.com/nuysoft/Mock
 if (process.env.NODE_ENV !== 'production') {

src/views/common/selectDiv.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="mod-config">
+    <div style="float:left; margin-top: 10px; font-size: 13px">
+      <label style="color: gray">共</label>
+      <label style="color: #17B3A3">{{ length1 }}</label>
+      <label style="color: gray"> 条 记 录，已 选 </label>
+      <label style="color: #17B3A3">{{ length2 }}</label>
+      <label style="color: gray"> 条</label>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'yzz',
+    data () {
+      return {
+        length1:0,
+        length2:0,
+      }
+    },
+    methods: {
+      setLengthAll(num){
+        this.length1=num
+      },
+      setLengthselected(num){
+        this.length2=num
+      },
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/common/yzz.vue

@@ -1,32 +0,0 @@
-<template>
-  <div class="tag">
-    <span class="tag-label">大傻逼</span>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'yzz',
-    props: {
-      label: {
-        type: String,
-        required: true
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .tag {
-    display: inline-block;
-    background-color: #007bff;
-    color: #fff;
-    border-radius: 4px;
-    padding: 4px 8px;
-    margin-right: 8px;
-  }
-
-  .tag-label {
-    font-size: 14px;
-  }
-</style>

src/views/modules/sampleManagement/technicalSpecificationList/technicalSpecificationList.vue

@@ -63,6 +63,7 @@
         </template>
       </el-table-column>
     </el-table>
+    <selectDiv ref="selectDiv"></selectDiv>
     <el-pagination
       @size-change="sizeChangeHandle"
       @current-change="currentChangeHandle"
@@ -449,17 +450,19 @@
         this.search()
       },
       search(){
-        this.searchData.limit = this.pageSize
-        this.searchData.page = this.pageIndex
-        technicalSpecificationListSearch(this.searchData).then(({data}) => {
-          if (data.code == 0) {
-            this.dataList1 = data.page.list
-            this.pageIndex = data.page.currPage
-            this.pageSize = data.page.pageSize
-            this.totalPage = data.page.totalCount
-          }
-          this.dataListLoading = false
-        })
+        // this.searchData.limit = this.pageSize
+        // this.searchData.page = this.pageIndex
+        // technicalSpecificationListSearch(this.searchData).then(({data}) => {
+        //   if (data.code == 0) {
+        //     this.dataList1 = data.page.list
+        //     this.pageIndex = data.page.currPage
+        //     this.pageSize = data.page.pageSize
+        //     this.totalPage = data.page.totalCount
+        //   }
+        //   this.dataListLoading = false
+        // })
+        this.$refs.selectDiv.setLengthAll(3)
+        this.$refs.selectDiv.setLengthselected(2)
       },
       // 获取基础数据列表S
       getBaseList (val, type) {