Merge pull request 'feat:添加三种排序方式' (#209) from fix/change_task into test

Reviewed-on: #209

src/views/final/content/ListContent.vue

@@ -392,6 +392,29 @@ function checkBottom() {
     }
   }, 500);
 }
+function changesort(sortnamex) {
+  if (sortorder.value == "asc" && sortnamex == "submit_date_timestamp") {
+    sortorder.value = "desc";
+    sortname.value = "submit_date_timestamp";
+  }else if (sortorder.value == "desc" && sortnamex == "submit_date_timestamp") {
+    sortorder.value = "asc";
+    sortname.value = "submit_date_timestamp";
+  }  else if (sortorder.value == "desc" && sortnamex == "similarity_score") {
+    sortorder.value = "asc";
+    sortname.value = "similarity_score";
+  } else if (sortorder.value == "asc" && sortnamex == "similarity_score") {
+    sortorder.value = "desc";
+    sortname.value = "similarity_score";
+  } else if (sortorder.value == "asc" && sortnamex == "field1") {
+    sortorder.value = "desc";
+    sortname.value = "field1";
+  }  else if (sortorder.value == "desc" && sortnamex == "field1") {
+    sortorder.value = "asc";
+    sortname.value = "field1";
+  } 
+initData(1, 20);
+num=1
+}
 </script>
 
 <template>
@@ -492,15 +515,15 @@ function checkBottom() {
     </div>
     <div class="wrapper-settings">
       <div>
-        <div>
+        <div @click="changesort('submit_date_timestamp')">
           <span>提报时间排序</span
           ><SvgIcon style="margin-left: 6px" name="sort" size="13" />
         </div>
-        <div>
+        <div @click="changesort('similarity_score')">
           <span>相似度排序</span
           ><SvgIcon style="margin-left: 6px" name="sort" size="13" />
         </div>
-        <div>
+        <div @click="changesort('field1')">
           <span>提报人排序</span
           ><SvgIcon style="margin-left: 6px" name="sort" size="13" />
         </div>
@@ -830,7 +853,7 @@ function checkBottom() {
           width: calc(100% - 6rem);
           .title,
           .date {
-            font-size: 0.68rem;
+            font-size: 11px;
             font-weight: 500;
             text-align: left;
             color: #323233;
@@ -872,13 +895,13 @@ function checkBottom() {
           cursor: pointer;
         }
         .reset_action {
-          font-size: 0.75rem;
+          font-size: 12px;
           font-weight: bolder;
           text-align: left;
           color: #666666;
         }
         .resovle_action {
-          font-size: 0.75rem;
+          font-size: 12px;
           font-weight: bolder;
           text-align: left;
           color: #507afd;
@@ -886,7 +909,7 @@ function checkBottom() {
           margin-left: 0.9rem;
         }
         .reject_action {
-          font-size: 0.75rem;
+          font-size: 12px;
           font-weight: bolder;
           text-align: left;
           color: #ff4e4f;