|
|
@@ -1,6 +1,75 @@
|
|
|
<template>
|
|
|
<div id="demand">
|
|
|
- <p>demand</p>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="style">
|
|
|
+ <el-col :span="24" class="list" v-if="display">
|
|
|
+ <el-col :span="24" class="top"><el-button type="primary" size="mini" @click="add">添加</el-button></el-col>
|
|
|
+ <el-col :span="24" class="main"></el-col>
|
|
|
+ <template>
|
|
|
+ <el-table :data="tableData" border style="width: 100%">
|
|
|
+ <el-table-column prop="name" label="需求技术名称" align="center"> </el-table-column>
|
|
|
+ <el-table-column prop="uname" label="发布人" align="center"> </el-table-column>
|
|
|
+ <el-table-column prop="address" label="状态" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.status == '0'
|
|
|
+ ? '草稿'
|
|
|
+ : scope.row.status == '1'
|
|
|
+ ? '审核中'
|
|
|
+ : scope.row.status == '2'
|
|
|
+ ? '审核通过'
|
|
|
+ : scope.row.status == '3'
|
|
|
+ ? '审核拒绝'
|
|
|
+ : '未识别'
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作"> </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="datail" v-else>
|
|
|
+ <el-form ref="form" :model="form" label-width="120px">
|
|
|
+ <el-form-item label="需求技术名称">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入需求技术名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属领域">
|
|
|
+ <el-radio-group v-model="form.field">
|
|
|
+ <el-radio label="工业">工业</el-radio>
|
|
|
+ <el-radio label="农业">农业</el-radio>
|
|
|
+ <el-radio label="社会发展">社会发展</el-radio>
|
|
|
+ <el-radio label="医疗健康">医疗健康</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="拟投入预算(万)">
|
|
|
+ <el-input v-model="form.budget" placeholder="请输入拟投入预算(万)"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="需求截止日期" prop="enddate">
|
|
|
+ <el-date-picker v-model="form.enddate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择日期"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="难题或瓶颈问题">
|
|
|
+ <el-input
|
|
|
+ v-model="form.problem"
|
|
|
+ type="textarea"
|
|
|
+ placeholder="阐述在生产经营、项目建设、科研活动、产业化方向中遇到的技术难题或瓶颈问题及需达到的技术指标"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业解决技术需求已具备的条件">
|
|
|
+ <el-input v-model="form.problem" type="textarea" placeholder="企业承接成果、技术所具备的技术人员、设备、资金等基础条件及其他配套条件"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合作方式">
|
|
|
+ <el-radio-group v-model="form.type">
|
|
|
+ <el-radio label="技术转让">技术转让</el-radio>
|
|
|
+ <el-radio label="技术服务">技术服务</el-radio>
|
|
|
+ <el-radio label="技术许可">技术许可</el-radio>
|
|
|
+ <el-radio label="技术融资">技术融资</el-radio>
|
|
|
+ <el-radio label="其他">其他</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -9,11 +78,35 @@ export default {
|
|
|
name: 'demand',
|
|
|
props: {},
|
|
|
components: {},
|
|
|
- data: () => ({}),
|
|
|
+ data: () => ({
|
|
|
+ tableData: [],
|
|
|
+ display: true,
|
|
|
+ form: {},
|
|
|
+ }),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ add() {
|
|
|
+ this.display = false;
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.style {
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 auto;
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+.top {
|
|
|
+ text-align: right;
|
|
|
+ padding: 0 0 10px 0;
|
|
|
+}
|
|
|
+/deep/.el-input__inner {
|
|
|
+ width: 600px;
|
|
|
+}
|
|
|
+/deep/ .el-textarea__inner {
|
|
|
+ width: 600px;
|
|
|
+}
|
|
|
+</style>
|
