|
|
@@ -10,12 +10,15 @@
|
|
|
<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 label="创新券"></el-radio>
|
|
|
- </el-radio-group>
|
|
|
+ <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>
|
|
|
@@ -45,12 +48,62 @@
|
|
|
</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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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">{{ form.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: {},
|
|
|
@@ -69,11 +122,18 @@ export default {
|
|
|
apply_personal: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
|
|
|
phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
|
|
|
},
|
|
|
+ // 创新券列表
|
|
|
+ policyList: [],
|
|
|
+ detail: {},
|
|
|
+ dialog: false,
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
methods: {
|
|
|
- ...mapPolicy(['create']),
|
|
|
+ ...mapPolicy(['query', 'fetch']),
|
|
|
+ ...policyApply(['create']),
|
|
|
onSubmit(formName) {
|
|
|
this.$refs[formName].validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
@@ -82,7 +142,7 @@ export default {
|
|
|
let res = await this.create(data);
|
|
|
if (this.$checkRes(res)) {
|
|
|
this.$message({
|
|
|
- message: '政策服务申报成功，请耐心等待结果',
|
|
|
+ message: '政策服务申领成功，请耐心等待结果',
|
|
|
type: 'success',
|
|
|
});
|
|
|
this.$router.push({ path: '/service/index' });
|
|
|
@@ -96,6 +156,31 @@ export default {
|
|
|
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']),
|
|
|
@@ -144,4 +229,31 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.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>
|
