|
|
@@ -1,259 +0,0 @@
|
|
|
-<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-col :span="6">
|
|
|
- <el-select v-model="form.policy_id" placeholder="">
|
|
|
- <el-option v-for="item in policyList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18">
|
|
|
- <el-button type="primary" size="mini" @click="view(form.policy_id)">查看详情</el-button>
|
|
|
- </el-col>
|
|
|
- </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>
|
|
|
- <el-dialog :title="detail.name" center :visible.sync="dialog" width="80%" :destroy-on-close="true" @close="toClose">
|
|
|
- <el-col :span="24" class="dialog">
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">创新券名称</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.name || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">创新券类型</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.type || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">折扣类型</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.discount_type || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">使用服务类型</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.use_type || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">所属分类</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.classify || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">期限</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.limit_time || '暂无' }} 个/月 </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">补贴比例</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.scale || '暂无' }} %</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">面额</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.allowance || '暂无' }} 元</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">券总额度</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.total_allowance || '暂无' }} 元</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="text">
|
|
|
- <el-col :span="4" class="left">最大额度</el-col>
|
|
|
- <el-col :span="20" class="left">{{ detail.unit_allowance || '暂无' }} 元</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="langText">
|
|
|
- <el-col :span="2" class="left">描述</el-col>
|
|
|
- <el-col :span="22" class="left">{{ detail.desc || '暂无' }} </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions: mapPolicy } = createNamespacedHelpers('policy');
|
|
|
-const { mapActions: policyApply } = createNamespacedHelpers('policyApply');
|
|
|
-
|
|
|
-export default {
|
|
|
- name: 'policy',
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
- data: function () {
|
|
|
- return {
|
|
|
- form: {
|
|
|
- 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' }],
|
|
|
- },
|
|
|
- // 创新券列表
|
|
|
- policyList: [],
|
|
|
- detail: {},
|
|
|
- dialog: false,
|
|
|
- };
|
|
|
- },
|
|
|
- async created() {
|
|
|
- await this.search();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...mapPolicy(['query', 'fetch']),
|
|
|
- ...policyApply(['create']),
|
|
|
- onSubmit(formName) {
|
|
|
- this.$refs[formName].validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- let data = this.form;
|
|
|
- data.user_id = this.user.id;
|
|
|
- let res = await this.create(data);
|
|
|
- if (this.$checkRes(res)) {
|
|
|
- this.$message({
|
|
|
- message: '政策服务申领成功，请耐心等待结果',
|
|
|
- type: 'success',
|
|
|
- });
|
|
|
- this.$router.push({ path: '/service/index' });
|
|
|
- }
|
|
|
- } else {
|
|
|
- console.log('error submit!!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- back() {
|
|
|
- this.$router.push({ path: '/service/index' });
|
|
|
- },
|
|
|
- async search() {
|
|
|
- let res = await this.query({ status: '1' });
|
|
|
- if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `policyList`, res.data);
|
|
|
- }
|
|
|
- },
|
|
|
- // 查看详情
|
|
|
- async view(id) {
|
|
|
- if (id) {
|
|
|
- let res = await this.fetch(id);
|
|
|
- if (this.$checkRes(res)) {
|
|
|
- this.$set(this, 'detail', res.data);
|
|
|
- this.dialog = true;
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: '请先选择创新券',
|
|
|
- type: 'warning',
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- toClose() {
|
|
|
- this.dialog = false;
|
|
|
- this.detail = {};
|
|
|
- },
|
|
|
- },
|
|
|
- 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;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.dialog {
|
|
|
- .text {
|
|
|
- .left {
|
|
|
- padding: 10px;
|
|
|
- border: 1px solid #333;
|
|
|
- }
|
|
|
- .left:nth-child(1) {
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- .langText {
|
|
|
- .left {
|
|
|
- height: 106px;
|
|
|
- overflow: hidden;
|
|
|
- padding: 10px;
|
|
|
- border: 1px solid #333;
|
|
|
- }
|
|
|
- .left:nth-child(1) {
|
|
|
- text-align: center;
|
|
|
- line-height: 75px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-/deep/.el-dialog__body {
|
|
|
- height: 310px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-</style>
|
