gengxin

src/layout/demand/fabuList.vue

@@ -0,0 +1,130 @@
+<template>
+  <div id="fabuList">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="one">
+          <span></span>
+          <span>需求发布</span>
+        </el-col>
+        <el-col :span="24">
+          <el-form ref="form" :model="form" label-width="80px">
+            <el-form-item label="需求技术名称">
+              <el-input v-model="form.name"></el-input>
+            </el-form-item>
+
+            <el-form-item label="所属领域">
+              <el-radio-group v-model="form.resource">
+                <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.name"></el-input>
+            </el-form-item>
+
+            <el-form-item label="需求截止日期">
+              <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="难题或瓶颈问题">
+              <el-input type="textarea" v-model="form.desc"></el-input>
+            </el-form-item>
+
+            <el-form-item label="企业解决技术需求已具备的条件">
+              <el-input type="textarea" v-model="form.desc"></el-input>
+            </el-form-item>
+
+            <el-form-item label="合作方式">
+              <el-checkbox-group v-model="form.type">
+                <el-checkbox label=" 技术转让" name="type"></el-checkbox>
+                <el-checkbox label="农业" name="type"></el-checkbox>
+                <el-checkbox label="社会发展" name="type"></el-checkbox>
+                <el-checkbox label="医药健康" name="type"></el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+
+            <el-form-item label="合作方式">
+              <el-radio-group v-model="form.resource">
+                <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>
+              <el-button type="primary" @click="onSubmit">立即创建</el-button>
+              <el-button>取消</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'fabuList',
+  props: {},
+  components: {},
+  data: function() {
+    return {
+      form: {
+        name: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: '',
+      },
+    };
+  },
+  created() {},
+  methods: {
+    onSubmit() {
+      console.log('submit!');
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.info {
+  width: 100%;
+  min-height: 600px;
+  background: #fff;
+  padding: 0 20px;
+  .one {
+    height: 35px;
+    margin: 20px 0;
+    border-bottom: 1px dashed #ccc;
+    span:first-child {
+      display: inline-block;
+      width: 4px;
+      height: 20px;
+      background: #005293;
+      margin: 0 10px -3px 0;
+    }
+    span:nth-child(2) {
+      font-size: 20px;
+      color: #005293;
+      font-weight: bold;
+    }
+  }
+}
+</style>

src/router/index.js

@@ -62,6 +62,14 @@ const routes = [
     component: () => import('../views/communication/list.vue'),
   },
 
+  //发布需求
+
+  {
+    path: '/demand/demand',
+    meta: { title: '发布需求', subSite: true },
+    component: () => import('../views/demand/demand.vue'),
+  },
+
   //成果展示
   {
     path: '/achievement/index',

src/views/communication/parts/demand.vue

@@ -12,7 +12,7 @@
           <span>{{ item.date }}</span>
         </el-col>
       </el-col>
-      <el-col :span="24" class="anniu"> <el-button type="primary" round>我要发布</el-button></el-col>
+      <el-col :span="24" class="anniu"> <el-button type="primary" round @click="$router.push({ path: '/demand/demand' })"> 我要发布</el-button></el-col>
     </el-col>
   </div>
 </template>

src/views/demand/demand.vue

@@ -0,0 +1,85 @@
+<template>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <top></top>
+        </el-col>
+        <el-col :span="24" class="menu">
+          <div class="w_1200">
+            <menus></menus>
+          </div>
+        </el-col>
+        <el-col :span="24" class="main">
+          <div class="w_1200">
+            <el-col :span="24" class="info">
+              <fabuList></fabuList>
+            </el-col>
+          </div>
+        </el-col>
+        <el-col :span="24" class="foot">
+          <div class="w_1200">
+            <foot></foot>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/common/top.vue';
+import menus from '@/layout/common/menus.vue';
+import foot from '@/layout/common/foot.vue';
+import fabuList from '@/layout/demand/fabuList.vue';
+
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'login',
+  props: {},
+  components: {
+    top,
+    menus,
+    foot,
+    fabuList,
+  },
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.style {
+  .menu {
+    height: 70px;
+    margin: 0 0 10px 0;
+  }
+  .main {
+    min-height: 600px;
+    margin: 0 0 10px 0;
+  }
+  .info {
+    background-color: #fff;
+    min-height: 600px;
+  }
+  .foot {
+    height: 135px;
+  }
+}
+</style>