Merge branch 'master' of http://git.cc-lotus.info/Free-cysci/cysci-website

src/router/index.js

@@ -37,6 +37,13 @@ const web = [
         meta: { title: '科技服务' },
         component: () => import('../views/service/index.vue'),
       },
+      {
+        path: '/service/policy',
+        name: 'service_policy',
+        meta: { title: '科技服务-高企政策服务' },
+        component: () => import('../views/service/policy.vue'),
+      },
+
       {
         path: '/service/register',
         name: 'service_register',

src/views/service/index.vue

@@ -22,6 +22,19 @@
         </div>
       </el-col>
     </el-row>
+    <el-dialog title="高企政策服务" class="dialog2" :visible.sync="dialog2" width="30%" :before-close="dialog2Colse">
+      <el-form :model="form2" :rules="rulesForm2" ref="form2" label-width="80px">
+        <el-form-item label="用户账号" prop="phone">
+          <el-input v-model="form2.phone" placeholder="请输入用户账号"></el-input>
+        </el-form-item>
+        <el-form-item label="登录密码" prop="password">
+          <el-input v-model="form2.password" placeholder="请输入登录密码"></el-input>
+        </el-form-item>
+        <el-col :span="24" class="btn">
+          <el-button type="primary" size="mini" @click="onSubmit2('form2')">登录</el-button>
+        </el-col>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
@@ -36,6 +49,13 @@ export default {
   data: function () {
     return {
       list: btnList,
+      // 高企政策服务
+      dialog2: false,
+      form2: {},
+      rulesForm2: {
+        phone: [{ required: true, message: '请输入用户账号', trigger: 'blur' }],
+        password: [{ required: true, message: '请输入登录密码', trigger: 'blur' }],
+      },
     };
   },
   created() {},
@@ -44,7 +64,7 @@ export default {
       if (type == '1') {
         console.log('1');
       } else if (type == '2') {
-        console.log('2');
+        this.dialog2 = true;
       } else if (type == '3') {
         console.log('3');
       } else if (type == '4') {
@@ -57,6 +77,23 @@ export default {
         this.$router.push({ path: '/service/register', query: { type: type } });
       }
     },
+    // 高企政策服务
+    dialog2Colse() {
+      this.dialog2 = false;
+    },
+    // 高企政策服务登录
+    onSubmit2(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = this.form2;
+          console.log(data);
+          this.$router.push({ path: '/service/policy' });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -127,4 +164,13 @@ export default {
     }
   }
 }
+.dialog2 {
+  .btn {
+    text-align: center;
+    padding: 10px 0;
+  }
+  /deep/.el-dialog__body {
+    height: 180px;
+  }
+}
 </style>

src/views/service/policy.vue

@@ -0,0 +1,137 @@
+<template>
+  <div id="policy">
+    <el-row>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="one">
+            <el-col :span="24" class="btn">
+              <el-button type="primary" size="mini" @click="back">返回</el-button>
+            </el-col>
+            <el-col :span="24" class="text">环南湖科创先导区双创服务平台-高企政策服务</el-col>
+            <el-col :span="24" class="dwon">
+              <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+                <el-form-item label="服务类型">
+                  <el-radio-group v-model="form.type">
+                    <el-radio label="研发补贴"></el-radio>
+                    <el-radio label="奖励兑现"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" placeholder="请输入申请单位"></el-input>
+                </el-form-item>
+                <el-form-item label="申请人" prop="apply_personal">
+                  <el-input v-model="form.apply_personal" placeholder="请输入申请人"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话" prop="phone">
+                  <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
+                </el-form-item>
+                <el-form-item label="法人复印件" prop="qyfr">
+                  <e-upload url="/files/cysci/qyfr_file/upload" :limit="1" v-model="form.qyfr" type="text"></e-upload>
+                </el-form-item>
+                <el-form-item label="企业营业执照" prop="yyzz">
+                  <e-upload url="/files/cysci/yyzz_file/upload" :limit="1" v-model="form.yyzz" type="text"></e-upload>
+                </el-form-item>
+                <el-form-item label="企业利润表" prop="qylr">
+                  <e-upload url="/files/cysci/qylr_file/upload" :limit="1" v-model="form.qylr" type="text"></e-upload>
+                </el-form-item>
+                <el-col :span="24" class="formBtn">
+                  <el-button type="danger" size="mini" @click="back">取消注册</el-button>
+                  <el-button type="primary" size="mini" @click="onSubmit('form')">提交注册</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'policy',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      form: {
+        user_id: '123456',
+        qyfr: [],
+        yyzz: [],
+        qylr: [],
+        status: '0',
+      },
+      rules: {
+        type: [{ required: true, message: '请选择服务类型', trigger: 'change' }],
+        company: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
+        apply_personal: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
+        phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {},
+  methods: {
+    onSubmit(formName) {
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          let data = this.form;
+          console.log(data);
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    back() {
+      this.$router.push({ path: '/service/index' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    type() {
+      return this.$route.query.type;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  min-height: 500px;
+  margin: 10px 0;
+  .one {
+    min-height: 500px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    padding: 0 10px;
+    .btn {
+      padding: 10px;
+      text-align: right;
+    }
+    .text {
+      font-size: 30px;
+      text-align: center;
+      margin: 0 0 10px 0;
+    }
+    .dwon {
+      padding: 10px;
+      border: 1px dashed #ccc;
+      border-radius: 5px;
+      .formBtn {
+        text-align: center;
+      }
+    }
+  }
+}
+</style>