修改

dsk-operate-ui/src/views/macro/policyInquiry/index.vue

@@ -68,6 +68,19 @@
         </div>
       </div>
       <div class="table-list-container">
+        <div class="list-count">
+          <span class="total">共 162 条</span>
+          <el-dropdown trigger="click" @command="changeOrder" class="list-sort-btn">
+                  <span class="el-dropdown-link">
+                    {{orderText}}<i class="el-icon-arrow-down el-icon--right"></i>
+                  </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="默认排序">默认排序</el-dropdown-item>
+              <el-dropdown-item command="时间由近到远">时间由近到远</el-dropdown-item>
+              <el-dropdown-item command="时间由远到近">时间由远到近</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
 
       </div>
     </div>
@@ -155,7 +168,9 @@
         lyData:[],
         lyList:[],
         time:'',
-        radio:''
+        radio:'',
+        orderText: '默认排序',
+        desc: 'desc', //查询结果排序方式
       }
     },
     created() {
@@ -165,7 +180,15 @@
 
     },
     methods: {
-
+      changeOrder(command) {
+        this.orderText = command;
+        if (command == '时间由远到近') {
+          this.desc = 'asc';
+        } else {
+          this.desc = 'desc';
+        }
+        // this.search();
+      },
     }
   }
 </script>
@@ -249,5 +272,48 @@
       }
 
     }
+
+    .table-list-container{
+      width: 100%;
+      background: #FFFFFF;
+      margin: 24px;
+
+      ::v-deep .list-count {
+        height: 54px;
+        padding: 0px 16px;
+        .total {
+          color: #3d3d3d;
+          font-size: 12px;
+          position: relative;
+          padding-left: 6px;
+          line-height: 54px;
+          &::before {
+            content: "";
+            position: absolute;
+            width: 2px;
+            height: 2px;
+            background: rgba(35, 35, 35, 0.4);
+            border-radius: 50%;
+            left: 0px;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+        }
+        .list-sort-btn {
+          color: rgba(35, 35, 35, 0.8);
+          height: 30px;
+          margin-top: 12px;
+          margin-left: 16px !important;
+          color: #232323;
+          font-size: 14px;
+          padding-top: 4px;
+          box-sizing: border-box;
+
+          .el-icon-arrow-down {
+            margin-left: 8px !important;
+          }
+        }
+      }
+    }
   }
 </style>