|
|
@@ -4,7 +4,26 @@
|
|
|
<el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
|
|
|
<div class="w_1200">
|
|
|
<el-col :span="24" class="one">
|
|
|
- <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch"> </cSearch>
|
|
|
+ <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch">
|
|
|
+ <template #type>
|
|
|
+ <el-option v-for="(i, index) in typeList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #label>
|
|
|
+ <el-option v-for="(i, index) in areaList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <el-option v-for="(i, index) in wayList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #sort1>
|
|
|
+ <el-option v-for="(i, index) in matureList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #sort2>
|
|
|
+ <el-option v-for="(i, index) in moneyList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #sort3>
|
|
|
+ <el-option v-for="(i, index) in cityList" :key="index" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ </cSearch>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="two">
|
|
|
<a-list :loading="loading" :grid="{ gutter: 16, column: 4 }" :data-source="list">
|
|
|
@@ -23,7 +42,8 @@
|
|
|
</a-list>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="thr">
|
|
|
- <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
|
|
|
+ <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total"
|
|
|
+ @showSizeChange="onShowSizeChange" />
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -110,12 +130,92 @@ const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
|
|
|
// 查询数据
|
|
|
let searchForm: Ref<any> = ref({});
|
|
|
let fields: Ref<any[]> = ref([
|
|
|
- { label: '行业分市场', model: 'type', isSearch: true },
|
|
|
- { label: '技术领域', model: 'label', isSearch: true },
|
|
|
- { label: '成熟度', model: 'value', isSearch: true },
|
|
|
- { label: '出让方式', model: 'sort', isSearch: true },
|
|
|
- { label: '交易价格', model: 'sort', isSearch: true },
|
|
|
- { label: '成果地区', model: 'sort', isSearch: true }
|
|
|
+ { label: '行业分市场', model: 'type', isSearch: true, type: 'select' },
|
|
|
+ { label: '技术领域', model: 'label', isSearch: true, type: 'select' },
|
|
|
+ { label: '成熟度', model: 'value', isSearch: true, type: 'select' },
|
|
|
+ { label: '出让方式', model: 'sort1', isSearch: true, type: 'select' },
|
|
|
+ { label: '交易价格', model: 'sort2', isSearch: true, type: 'select' },
|
|
|
+ { label: '成果地区', model: 'sort3', isSearch: true, type: 'select' }
|
|
|
+]);
|
|
|
+// 字典表
|
|
|
+const typeList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '全部' },
|
|
|
+ { value: '1', label: '碳中和' },
|
|
|
+ { value: '2', label: '水利科技' },
|
|
|
+ { value: '3', label: '物联网' },
|
|
|
+ { value: '4', label: '产业计量' },
|
|
|
+ { value: '5', label: '卫生健康' },
|
|
|
+ { value: '6', label: '时尚轻纺' },
|
|
|
+ { value: '7', label: '农业科技' },
|
|
|
+ { value: '8', label: '智能化' },
|
|
|
+ { value: '9', label: '海洋科技' }
|
|
|
+]);
|
|
|
+const areaList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '全部' },
|
|
|
+ { value: '1', label: '先进制造' },
|
|
|
+ { value: '2', label: '地球、空间与海洋' },
|
|
|
+ { value: '3', label: '新材料' },
|
|
|
+ { value: '4', label: '新能源与节能' },
|
|
|
+ { value: '5', label: '核应用技术' },
|
|
|
+ { value: '6', label: '环境保护' },
|
|
|
+ { value: '7', label: '现代交通' },
|
|
|
+ { value: '8', label: '现代农业' },
|
|
|
+ { value: '9', label: '生物医药与医疗器械' },
|
|
|
+ { value: '10', label: '电子信息' },
|
|
|
+ { value: '11', label: '航空航天' }
|
|
|
+]);
|
|
|
+
|
|
|
+const wayList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '全部' },
|
|
|
+ { value: '1', label: '转让' },
|
|
|
+ { value: '2', label: '许可' },
|
|
|
+ { value: '3', label: '作价入股' },
|
|
|
+ { value: '4', label: '其他' },
|
|
|
+ { value: '4', label: '免费许可/先用后转' }
|
|
|
+]);
|
|
|
+const matureList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '全部' },
|
|
|
+ { value: '1', label: '正在研发' },
|
|
|
+ { value: '2', label: '已有样品' },
|
|
|
+ { value: '3', label: '通过小试' },
|
|
|
+ { value: '4', label: '通过中试' }
|
|
|
+]);
|
|
|
+
|
|
|
+const moneyList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '全部' },
|
|
|
+ { value: '1', label: '面议' },
|
|
|
+ { value: '2', label: '1-10万元' },
|
|
|
+ { value: '3', label: '10-20万元' },
|
|
|
+ { value: '4', label: '20-100万元' },
|
|
|
+ { value: '5', label: '100-500万元' },
|
|
|
+ { value: '6', label: '500-1000万元' },
|
|
|
+ { value: '7', label: '1000万元以上' },
|
|
|
+]);
|
|
|
+const cityList: Ref<any> = ref([
|
|
|
+ { value: '0', label: '北京市' },
|
|
|
+ { value: '1', label: '天津市' },
|
|
|
+ { value: '2', label: '河北省' },
|
|
|
+ { value: '3', label: '山西省' },
|
|
|
+ { value: '4', label: '内蒙古自治区' },
|
|
|
+ { value: '5', label: '辽宁省' },
|
|
|
+ { value: '6', label: '吉林省' },
|
|
|
+ { value: '7', label: '上海市' },
|
|
|
+ { value: '8', label: '江苏省' },
|
|
|
+ { value: '9', label: '浙江省' },
|
|
|
+ { value: '10', label: '安徽省' },
|
|
|
+ { value: '11', label: '福建省' },
|
|
|
+ { value: '0', label: '江西省' },
|
|
|
+ { value: '1', label: '山东省' },
|
|
|
+ { value: '2', label: '河南省' },
|
|
|
+ { value: '3', label: '湖北省' },
|
|
|
+ { value: '4', label: '湖南省' },
|
|
|
+ { value: '5', label: '广东省' },
|
|
|
+ { value: '6', label: '广西壮族自治区' },
|
|
|
+ { value: '7', label: '海南省' },
|
|
|
+ { value: '8', label: '重庆市' },
|
|
|
+ { value: '9', label: '四川省' },
|
|
|
+ { value: '10', label: '贵州省' },
|
|
|
+ { value: '11', label: '云南省' }
|
|
|
]);
|
|
|
// 请求
|
|
|
onMounted(async () => {
|
