项目列表 只看自己

pages/Project/list.vue

@@ -2,7 +2,14 @@
   <view class="content">
     <view class="head">
       <span class="title">项目列表</span>
-      <span class="self">只看自己</span>
+      <span class="self">
+        <uni-data-checkbox
+          multiple
+          v-model="checkself"
+          :localdata="self"
+          @change="checkSelf()"
+        ></uni-data-checkbox>
+      </span>
     </view>
     <view class="list">
       <view
@@ -20,26 +27,37 @@
 <script>
 import { queryProject } from "@/services/project";
 import { mapState } from "vuex";
+import uniDataCheckbox from "../../uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.vue";
 export default {
+  components: { uniDataCheckbox },
   computed: {
     ...mapState(["currentProject"]),
   },
   data() {
-    return { projectList: [] };
+    return {
+      checkself: [],
+      projectList: [],
+      self: [{ text: "只看自己", value: 0 }],
+    };
   },
   onShow() {
-    this.getProject();
+    this.getProject({});
   },
   methods: {
-    async getProject() {
+    async getProject(params) {
       let res = {};
-      res = await queryProject();
+      res = await queryProject(params);
       this.projectList = res.data.list;
     },
     async onClickProject(project) {
       await this.$store.commit("setCurrentProject", project);
       uni.navigateTo({
-        url: `./detail?id=${project.id}&auth=${false}`,
+        url: `./detail?id=${project.id}`,
+      });
+    },
+    checkSelf() {
+      this.getProject({
+        filter_type: this.checkself.length,
       });
     },
   },
@@ -70,9 +88,10 @@ export default {
 .list {
   width: 90%;
   margin-top: 60px;
+  border-top: 2px solid gray;
 }
 .project {
-  border-top: 2px solid gray;
+  border-bottom: 2px solid gray;
   padding: 20px 0px;
   font-size: 18px;
 }