|
@@ -7,11 +7,7 @@
|
|
<el-col :span="24" class="search">
|
|
<el-col :span="24" class="search">
|
|
<el-col :span="5">
|
|
<el-col :span="5">
|
|
<el-select v-model="field" filterable clearable placeholder="请选择所属领域" @change="changeField">
|
|
<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-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -24,50 +20,10 @@
|
|
<el-table :data="list" style="width: 100%" border>
|
|
<el-table :data="list" style="width: 100%" border>
|
|
<el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
|
|
<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="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-column prop="field" label="所属领域 " align="center"> </el-table-column>
|
|
|
|
+ <el-table-column prop="cooperation" label="合作方式 " align="center"> </el-table-column>
|
|
|
|
+ <el-table-column prop="contacts" label="联系人 " align="center"> </el-table-column>
|
|
|
|
+ <el-table-column prop="phone" label="联系电话 " align="center"> </el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<el-col :span="24" class="page">
|
|
<el-col :span="24" class="page">
|
|
<el-pagination
|
|
<el-pagination
|
|
@@ -89,6 +45,7 @@
|
|
<script>
|
|
<script>
|
|
import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
|
|
import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
|
|
const { mapActions: dock } = createNamespacedHelpers('dock');
|
|
const { mapActions: dock } = createNamespacedHelpers('dock');
|
|
|
|
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
|
|
import _ from 'loadsh';
|
|
import _ from 'loadsh';
|
|
export default {
|
|
export default {
|
|
name: 'column',
|
|
name: 'column',
|
|
@@ -101,24 +58,35 @@ export default {
|
|
origin: [], //分割数据
|
|
origin: [], //分割数据
|
|
list: [], //显示数据列表
|
|
list: [], //显示数据列表
|
|
total: 0,
|
|
total: 0,
|
|
- // 技术领域
|
|
|
|
|
|
+ // 所属领域
|
|
|
|
+ fieldList: [],
|
|
field: '',
|
|
field: '',
|
|
// 是否我处支持
|
|
// 是否我处支持
|
|
radio1: '',
|
|
radio1: '',
|
|
}),
|
|
}),
|
|
created() {
|
|
created() {
|
|
this.search();
|
|
this.search();
|
|
|
|
+ this.searchtype();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
...dock(['query', 'delete', 'update', 'fetch']),
|
|
...dock(['query', 'delete', 'update', 'fetch']),
|
|
|
|
+ ...markettype({ markettypeList: 'query' }),
|
|
async search({ skip = 0, limit = 10, ...info } = {}) {
|
|
async search({ skip = 0, limit = 10, ...info } = {}) {
|
|
let res = await this.fetch(this.user.remark);
|
|
let res = await this.fetch(this.user.remark);
|
|
let arr = res.data.apply.map(item => item.goodsList);
|
|
let arr = res.data.apply.map(item => item.goodsList);
|
|
arr = _.flattenDeep(arr);
|
|
arr = _.flattenDeep(arr);
|
|
- var newArr = arr.filter(item => item.totaltype === '1');
|
|
|
|
|
|
+ var newArr = arr.filter(item => item.type === '1');
|
|
this.$set(this, `applyList`, newArr);
|
|
this.$set(this, `applyList`, newArr);
|
|
this.$set(this, `total`, newArr.length);
|
|
this.$set(this, `total`, newArr.length);
|
|
},
|
|
},
|
|
|
|
+ // 查询字典表
|
|
|
|
+ async searchtype() {
|
|
|
|
+ // 所属领域;
|
|
|
|
+ let res = await this.markettypeList({ category: '01' });
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$set(this, `fieldList`, res.data);
|
|
|
|
+ }
|
|
|
|
+ },
|
|
searchPage(page = 1) {
|
|
searchPage(page = 1) {
|
|
this.$set(this, `list`, this.origin[page - 1]);
|
|
this.$set(this, `list`, this.origin[page - 1]);
|
|
},
|
|
},
|