|
@@ -1,189 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="result">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <el-button type="primary" size="mini" @click="back">返回</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="down">
|
|
|
- <el-form :model="form" ref="form" label-width="100px">
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 申领单位</el-col>
|
|
|
- <el-col :span="22" class="right">
|
|
|
- {{ form.company || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 申请人</el-col>
|
|
|
- <el-col :span="22" class="right">
|
|
|
- {{ form.apply_personal || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 联系电话</el-col>
|
|
|
- <el-col :span="22" class="right">
|
|
|
- {{ form.phone || '暂无' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 法人复印件:</el-col>
|
|
|
- <el-col :span="20" class="right">
|
|
|
- <el-col :span="4" v-for="(i, index) in form.qyfr" :key="`medium_material-${index}`">
|
|
|
- <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
|
|
|
- <el-link v-else type="primary" @click="toOpen(i.url)"> <i class="el-icon-view"></i> {{ i.name }} </el-link>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 企业营业执照:</el-col>
|
|
|
- <el-col :span="20" class="right">
|
|
|
- <el-col :span="4" v-for="(i, index) in form.yyzz" :key="`medium_material-${index}`">
|
|
|
- <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
|
|
|
- <el-link v-else type="primary" @click="toOpen(i.url)"> <i class="el-icon-view"></i> {{ i.name }} </el-link>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 企业利润表:</el-col>
|
|
|
- <el-col :span="20" class="right">
|
|
|
- <el-col :span="4" v-for="(i, index) in form.qylr" :key="`medium_material-${index}`">
|
|
|
- <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
|
|
|
- <el-link v-else type="primary" @click="toOpen(i.url)"> <i class="el-icon-view"></i> {{ i.name }} </el-link>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="2" class="left"> 审核状态:</el-col>
|
|
|
- <el-col :span="22" class="right">
|
|
|
- {{ getStatus(form.status) }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="text">
|
|
|
- <el-col :span="24" class="left"> 审核意见:</el-col>
|
|
|
- <el-col :span="24" class="right desc">
|
|
|
- <el-timeline>
|
|
|
- <el-timeline-item v-for="(item, index) in form.record" :key="index" :timestamp="item.desc_time" placement="top" type="success">
|
|
|
- <el-card>
|
|
|
- <p>审核状态:{{ getStatus(item.status) || '暂无' }}</p>
|
|
|
- <p>审核意见:{{ item.desc || '暂无' }}</p>
|
|
|
- </el-card>
|
|
|
- </el-timeline-item>
|
|
|
- </el-timeline>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-const _ = require('lodash');
|
|
|
-const moment = require('moment');
|
|
|
-const { rewardStatus } = require('@common/dict/index');
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions: reward } = createNamespacedHelpers('reward');
|
|
|
-export default {
|
|
|
- name: 'result',
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
- data: function () {
|
|
|
- return {
|
|
|
- form: {},
|
|
|
- imgList: ['jpg', 'jpeg', 'png', 'bmp', 'gif'],
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- if (this.id) this.search();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...reward(['fetch']),
|
|
|
- async search() {
|
|
|
- let res = await this.fetch(this.id);
|
|
|
- if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `form`, res.data);
|
|
|
- }
|
|
|
- },
|
|
|
- getStatus(i) {
|
|
|
- const r = rewardStatus.find((f) => f.value === i);
|
|
|
- if (r) return r.label;
|
|
|
- },
|
|
|
- back() {
|
|
|
- this.$router.push({ path: '/adminCenter/reward', query: { type: this.type } });
|
|
|
- },
|
|
|
- isImg(url) {
|
|
|
- const arr = url.split('.');
|
|
|
- const suffix = _.last(arr);
|
|
|
- return this.imgList.includes(suffix);
|
|
|
- },
|
|
|
- toOpen(url) {
|
|
|
- window.open(url);
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- id() {
|
|
|
- return this.$route.query.id;
|
|
|
- },
|
|
|
- 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 {
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 0 0 5px #cccccc;
|
|
|
- padding: 20px;
|
|
|
- .one {
|
|
|
- .top {
|
|
|
- text-align: right;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- }
|
|
|
- .down {
|
|
|
- .text {
|
|
|
- padding: 10px 0;
|
|
|
- border-bottom: 1px dashed #333;
|
|
|
- .left {
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- .right {
|
|
|
- img {
|
|
|
- width: 200px;
|
|
|
- height: 200px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- }
|
|
|
- }
|
|
|
- .desc {
|
|
|
- margin: 10px 0 0 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .file {
|
|
|
- .file_title {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- margin: 10px 0 0 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.main:hover {
|
|
|
- box-shadow: 0 0 5px #409eff;
|
|
|
-}
|
|
|
-</style>
|