|
|
@@ -1,85 +1,65 @@
|
|
|
<template>
|
|
|
- <div id="column">
|
|
|
+ <div id="achievements">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="info">
|
|
|
- <el-col :span="24" class="list">
|
|
|
- <template>
|
|
|
- <el-col :span="24" class="search">
|
|
|
- <el-col :span="5">
|
|
|
- <el-select v-model="field" filterable clearable placeholder="请选择所属领域" @change="changeField">
|
|
|
- <el-option label="先进制造" value="0"></el-option>
|
|
|
- <el-option label="新材料" value="1"></el-option>
|
|
|
- <el-option label="光电子" value="2"></el-option>
|
|
|
- <el-option label="信息技术" value="3"></el-option>
|
|
|
- <el-option label="文化和科技融合" value="4"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-radio-group v-model="radio1" @change="changeRadio">
|
|
|
- <el-radio label="0" border>是我处支持范围</el-radio>
|
|
|
- <el-radio label="1" border>不是我处支持范围</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="24" class="shaixuan">
|
|
|
+ 技术领域：
|
|
|
+ <el-select v-model="field" filterable clearable placeholder="请选择所属领域" @change="changeField">
|
|
|
+ <el-option label="先进制造" value="0"></el-option>
|
|
|
+ <el-option label="新材料" value="1"></el-option>
|
|
|
+ <el-option label="光电子" value="2"></el-option>
|
|
|
+ <el-option label="信息技术" value="3"></el-option>
|
|
|
+ <el-option label="文化和科技融合" value="4"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ {{ item.name }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="text">
|
|
|
+ 技术领域
|
|
|
+ <span>
|
|
|
+ {{
|
|
|
+ item.field == '0'
|
|
|
+ ? '先进制造'
|
|
|
+ : item.field == '1'
|
|
|
+ ? '新材料'
|
|
|
+ : item.field == '2'
|
|
|
+ ? '光电子'
|
|
|
+ : item.field == '3'
|
|
|
+ ? '信息技术'
|
|
|
+ : item.field == '4'
|
|
|
+ ? '文化和科技融合'
|
|
|
+ : '暂无'
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="text">
|
|
|
+ 合作方式
|
|
|
+ <span>
|
|
|
+ {{
|
|
|
+ item.coopermode == '0'
|
|
|
+ ? '技术转让'
|
|
|
+ : item.coopermode == '1'
|
|
|
+ ? '技术服务'
|
|
|
+ : item.coopermode == '2'
|
|
|
+ ? '技术许可'
|
|
|
+ : item.coopermode == '3'
|
|
|
+ ? '技术融资'
|
|
|
+ : item.coopermode == '4'
|
|
|
+ ? '其他'
|
|
|
+ : '暂无'
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
- <el-table :data="list" style="width: 100%" border>
|
|
|
- <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
|
|
|
- <el-table-column prop="name" label="商品名称 " align="center"> </el-table-column>
|
|
|
- <el-table-column prop="field" label="所属技术领域" align="center">
|
|
|
- <template v-slot="scoped">
|
|
|
- {{
|
|
|
- scoped.row.field == '0'
|
|
|
- ? '先进制造'
|
|
|
- : scoped.row.field == '1'
|
|
|
- ? '新材料'
|
|
|
- : scoped.row.field == '2'
|
|
|
- ? '光电子'
|
|
|
- : scoped.row.field == '3'
|
|
|
- ? '信息技术'
|
|
|
- : scoped.row.field == '4'
|
|
|
- ? '文化和科技融合'
|
|
|
- : '暂无'
|
|
|
- }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="phase" label="研发阶段" align="center">
|
|
|
- <template v-slot="scoped">
|
|
|
- {{ scoped.row.phase == '0' ? '阶段成果' : scoped.row.phase == '1' ? '最终成果' : '暂无' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="coopermode" label="合作方式" align="center">
|
|
|
- <template v-slot="scoped">
|
|
|
- {{
|
|
|
- scoped.row.coopermode == '0'
|
|
|
- ? '技术转让'
|
|
|
- : scoped.row.coopermode == '1'
|
|
|
- ? '技术服务'
|
|
|
- : scoped.row.coopermode == '2'
|
|
|
- ? '技术许可'
|
|
|
- : scoped.row.coopermode == '3'
|
|
|
- ? '技术融资'
|
|
|
- : scoped.row.coopermode == '4'
|
|
|
- ? '其他'
|
|
|
- : '暂无'
|
|
|
- }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="business" label="交易方式" align="center">
|
|
|
- <template v-slot="scoped">
|
|
|
- {{ scoped.row.business == '0' ? '公用' : scoped.row.business == '1' ? '竞价' : scoped.row.business == '2' ? '转让' : '暂无' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-col :span="24" class="page">
|
|
|
- <el-pagination
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="total"
|
|
|
- :page-size="pageSize"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
+ <el-col :span="24" class="text">
|
|
|
+ 交易方式：
|
|
|
+ <span>
|
|
|
+ {{ item.business == '0' ? '公用' : item.business == '1' ? '竞价' : item.business == '2' ? '转让' : '暂无' }}
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
- </template>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -87,52 +67,32 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
|
|
|
-const { mapActions: dock } = createNamespacedHelpers('dock');
|
|
|
-import _ from 'loadsh';
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
- name: 'column',
|
|
|
+ name: 'achievements',
|
|
|
props: {},
|
|
|
components: {},
|
|
|
- data: () => ({
|
|
|
- applyList: [], //查询数据
|
|
|
- currentPage: 1, //默认数据1
|
|
|
- pageSize: 10, //每页显示数据数量
|
|
|
- origin: [], //分割数据
|
|
|
- list: [], //显示数据列表
|
|
|
- total: 0,
|
|
|
- // 技术领域
|
|
|
- field: '',
|
|
|
- // 是否我处支持
|
|
|
- radio1: '',
|
|
|
- }),
|
|
|
- created() {
|
|
|
- this.search();
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ // 筛选
|
|
|
+ field: '',
|
|
|
+ list: [
|
|
|
+ {
|
|
|
+ name: '产品名称产品名称产品名称产品名称',
|
|
|
+ field: '0',
|
|
|
+ coopermode: '0',
|
|
|
+ business: '0',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
},
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
- ...dock(['query', 'delete', 'update', 'fetch']),
|
|
|
- async search() {
|
|
|
- let res = await this.fetch(this.user.uid);
|
|
|
- let arr = res.data.apply.map(item => item.goodsList);
|
|
|
- arr = _.flattenDeep(arr);
|
|
|
- var newArr = arr.filter(item => item.totaltype === '1');
|
|
|
- this.$set(this, `applyList`, newArr);
|
|
|
- this.$set(this, `total`, newArr.length);
|
|
|
- },
|
|
|
- searchPage(page = 1) {
|
|
|
- this.$set(this, `list`, this.origin[page - 1]);
|
|
|
- },
|
|
|
- handleCurrentChange(currentPage) {
|
|
|
- this.searchPage(currentPage);
|
|
|
- },
|
|
|
// 筛选技术领域
|
|
|
changeField(value) {
|
|
|
var arr = this.applyList.filter(item => item.field === value);
|
|
|
this.$set(this, `list`, arr);
|
|
|
- this.$set(this, `total`, arr.length);
|
|
|
},
|
|
|
- // 筛选是否是我处支持
|
|
|
- changeRadio() {},
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
@@ -143,39 +103,30 @@ export default {
|
|
|
metaInfo() {
|
|
|
return { title: this.$route.meta.title };
|
|
|
},
|
|
|
- watch: {
|
|
|
- applyList: {
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
|
|
|
- this.searchPage();
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.top {
|
|
|
- padding: 15px 0;
|
|
|
- border-bottom: 1px solid #cccc;
|
|
|
+.shaixuan {
|
|
|
+ padding: 0 0 10px 10px;
|
|
|
}
|
|
|
-.top .topTitle {
|
|
|
+.list {
|
|
|
+ margin: 0 5px 10px 5px;
|
|
|
+ width: 97%;
|
|
|
padding: 0 10px;
|
|
|
-}
|
|
|
-.top .topAdd {
|
|
|
- padding: 0 10px 0 0;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-.search {
|
|
|
- padding: 0 0 18px 0;
|
|
|
-}
|
|
|
-.anniu {
|
|
|
- padding: 0 10px 0 0;
|
|
|
-}
|
|
|
-.page {
|
|
|
- padding: 20px 0;
|
|
|
- text-align: center;
|
|
|
+ border-radius: 10px;
|
|
|
+ background: #f9fafc;
|
|
|
+ .name {
|
|
|
+ padding: 5px 0px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ padding: 5px 0;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #ccc;
|
|
|
+ span {
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
