From be5150c7c49c09beb82eddce82e2b60c29e194a2 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Thu, 9 May 2024 18:11:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=E5=BE=81=E9=9B=86=E4=B8=BB=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectdemand/demandcollection/index.vue  | 103 +++++++++++++++++-
 1 file changed, 99 insertions(+), 4 deletions(-)

diff --git a/src/views/projectdemand/demandcollection/index.vue b/src/views/projectdemand/demandcollection/index.vue
index ff05203..d7bc307 100644
--- a/src/views/projectdemand/demandcollection/index.vue
+++ b/src/views/projectdemand/demandcollection/index.vue
@@ -1,13 +1,108 @@
 <template>
-  <div>
-    需求征集
-  </div>
+  <fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick"></fvTable>
 </template>
 
 <script setup lang="jsx">
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+import Tag from '@/components/Tag.vue'
 
+const router = useRouter()
+const searchConfig = reactive([
+  {
+    label: '名称',
+    prop: 'roleName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入名称查询',
+      clearable: true
+    }
+  },
+  {
+    label: '状态',
+    prop: 'state',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择',
+      clearable: true,
+      cacheKey: 'normal_disable'
+    }
+  }
+])
+const tableIns = ref()
+const auths = {
+  edit: ['admin:role:edit'],
+  add: ['admin:role:add'],
+  export: ['admin:role:export'],
+}
+
+const tableConfig = reactive({
+  columns: [
+    {
+      type: 'selection',
+      prop: 'selection'
+    },
+    {
+      prop: 'roleName',
+      label: '名称',
+      align: 'center'
+    },
+    {
+      prop: 'roleKey',
+      label: '所属公司',
+      align: 'center'
+    },
+    {
+      prop: 'time',
+      label: '发布时间',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state}/>)
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type={'primary'} link onClick={()=>{}}>详情</el-button>
+              <el-button type={'primary'} link onClick={()=>{}}>上报</el-button>
+            </div>
+        )
+      }
+    }
+  ],
+  api: '',
+  btns: [
+    {name: '新增', key: 'add', auth: auths.add, type: 'primary'},
+    {name: '导出', key: 'add', auth: auths.add, type: 'primary'},
+  ],
+  params: {}
+})
+
+const search = (val) => {
+  tableConfig.params = {...val}
+  tableIns.value.refresh()
+}
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+    case 'export':
+      handleExport()
+      break;
+  }
+}
 </script>
 
 <style lang="scss" scoped>
 
-</style>
\ No newline at end of file
+</style>