组件

src/views/finance/administration/components/SearchForm.vue

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <el-form ref="form" :model="searchForm" label-width="100px">
+      <el-form-item label-width="0">
+        <DMRadio v-model="searchForm.quickSearch" show-bottom-line :list="quickList" />
+      </el-form-item>
+      <el-form-item label="意向状态：">
+        <DMRadio v-model="searchForm.status" :list="statusList" all-text="全部" />
+      </el-form-item>
+      <el-form-item label="意向状态2：">
+        <DMCheckbox v-model="searchForm.status2" :list="statusList" />
+      </el-form-item>
+      <el-button type="primary" @click="$emit('search')">查询</el-button>
+
+    </el-form>
+  </div>
+</template>
+
+<script>
+import DMRadio from '@/components/DMRadio';
+import DMCheckbox from '@/components/DMCheckbox';
+export default {
+  components: {
+    DMRadio,
+    DMCheckbox
+  },
+  data() {
+    return {
+      searchForm: {
+        quickSearch: 1,
+        status: undefined,
+        status2: []
+      },
+      quickList: [
+        { value: 1, label: '我创建的' },
+        { value: 2, label: '我的有效' }
+      ],
+      statusList: [
+        { value: 1, label: 'A高意向' },
+        { value: 2, label: 'B中意向' }
+      ]
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/finance/administration/index.vue

@@ -1,7 +1,8 @@
 <template>
-  <div>
-    <el-card shadow="always" :body-style="{ padding: '20px' }" />
-    <SearchForm />
+  <div class="p20">
+    <el-card shadow="always" :body-style="{ padding: '20px' }">
+      <SearchForm ref="SearchForm" @search="getTableList" />
+    </el-card>
   </div>
 </template>
 
@@ -18,6 +19,14 @@ export default {
         pageSize: 20
       }
     };
+  },
+  methods: {
+    getTableList() {
+      const tempForm = this.$refs.SearchForm.searchForm;
+      const params = { ...this.searchForm, ...tempForm };
+      console.log(params);
+      // api.list(params)
+    }
   }
 };
 </script>