parent
e0057b7d03
commit
b1ec7eb520
@ -0,0 +1,77 @@
|
||||
import request from "@/utils/request"
|
||||
|
||||
// 分页查询项目库
|
||||
export function jProject(params) {
|
||||
return request({
|
||||
url: "/jjh/jProject",
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
// 根据主键查询单个项目库
|
||||
export function jProjectId(id) {
|
||||
return request({
|
||||
url: "/jjh/jProject/" + id,
|
||||
method: "get",
|
||||
})
|
||||
}
|
||||
// 删除单个项目
|
||||
export function jProjectDel(params) {
|
||||
return request({
|
||||
url: "/jjh/jProject",
|
||||
method: "delete",
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 备忘录
|
||||
*/
|
||||
// 分页查询所有数据
|
||||
export function getJMemorandum(params) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum",
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
// 未使用分页
|
||||
export function getJMemorandumList(params) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum/getIdToList",
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
// id查询单条数据
|
||||
export function getJMemorandumId(id) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum/" + id,
|
||||
method: "get",
|
||||
})
|
||||
}
|
||||
// 新建备忘录
|
||||
export function postJMemorandum(data) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum",
|
||||
method: "post",
|
||||
data
|
||||
})
|
||||
}
|
||||
// 修改备忘录
|
||||
export function putJMemorandum(data) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum",
|
||||
method: "put",
|
||||
data
|
||||
})
|
||||
}
|
||||
// 删除备忘录
|
||||
export function delJMemorandum(params) {
|
||||
return request({
|
||||
url: "/jjh/jMemorandum",
|
||||
method: "delete",
|
||||
params
|
||||
})
|
||||
}
|
||||
@ -1,53 +1,71 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4480457 */
|
||||
src: url('iconfont.woff2?t=1711346025444') format('woff2'),
|
||||
url('iconfont.woff?t=1711346025444') format('woff'),
|
||||
url('iconfont.ttf?t=1711346025444') format('truetype');
|
||||
src: url('iconfont.woff2?t=1711530177681') format('woff2'),
|
||||
url('iconfont.woff?t=1711530177681') format('woff'),
|
||||
url('iconfont.ttf?t=1711530177681') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
[class^="icon-jc"],
|
||||
[class*="icon-jc"]
|
||||
{
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
.icon-jc-55fanhui:before {
|
||||
content: "\e630";
|
||||
}
|
||||
|
||||
.icon-jc-dian:before {
|
||||
content: "\e606";
|
||||
}
|
||||
|
||||
.icon-jc-shenpitongguo-copy:before {
|
||||
content: "\e74b";
|
||||
}
|
||||
|
||||
.icon-jc-daishenpi1:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
|
||||
.icon-jc-shenpitongguo:before {
|
||||
content: "\e742";
|
||||
}
|
||||
|
||||
.icon-jc-daishenpi1-copy:before {
|
||||
content: "\e74a";
|
||||
}
|
||||
|
||||
.icon-jc-dian-green:before {
|
||||
content: "\e705";
|
||||
}
|
||||
|
||||
.icon-jc-anquanbaozhang:before {
|
||||
content: "\e61e";
|
||||
.icon-jc-kong-yuan:before {
|
||||
content: "\e704";
|
||||
}
|
||||
|
||||
.icon-jc-xiaoxi-zhihui:before {
|
||||
.icon-jc-shanchu:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
|
||||
.icon-jc-xihuan:before {
|
||||
content: "\e620";
|
||||
.icon-jc-shanchu-select:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-jc-gengduo:before {
|
||||
content: "\e621";
|
||||
.icon-jc-bianji-copy:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
|
||||
.icon-jc-shouye-zhihui:before {
|
||||
content: "\e622";
|
||||
.icon-jc-bianji:before {
|
||||
content: "\e603";
|
||||
}
|
||||
|
||||
.icon-jc-gerenzhongxin-zhihui:before {
|
||||
content: "\e623";
|
||||
.icon-jc-xinjian:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
|
||||
.icon-jc-kandian-zhihui:before {
|
||||
content: "\e624";
|
||||
.icon-jc-daoru:before {
|
||||
content: "\e635";
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,58 +1,107 @@
|
||||
{
|
||||
"id": "4480457",
|
||||
"name": "no name",
|
||||
"name": "jin-ji-hu",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon-jc-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "33986995",
|
||||
"name": "安全保障",
|
||||
"font_class": "anquanbaozhang",
|
||||
"unicode": "e61e",
|
||||
"unicode_decimal": 58910
|
||||
"icon_id": "16589939",
|
||||
"name": "返回",
|
||||
"font_class": "55fanhui",
|
||||
"unicode": "e630",
|
||||
"unicode_decimal": 58928
|
||||
},
|
||||
{
|
||||
"icon_id": "33986996",
|
||||
"name": "消息-置灰",
|
||||
"font_class": "xiaoxi-zhihui",
|
||||
"icon_id": "14046404",
|
||||
"name": "点",
|
||||
"font_class": "dian",
|
||||
"unicode": "e606",
|
||||
"unicode_decimal": 58886
|
||||
},
|
||||
{
|
||||
"icon_id": "39693775",
|
||||
"name": "审批通过-copy",
|
||||
"font_class": "shenpitongguo-copy",
|
||||
"unicode": "e74b",
|
||||
"unicode_decimal": 59211
|
||||
},
|
||||
{
|
||||
"icon_id": "20831612",
|
||||
"name": "待审批",
|
||||
"font_class": "daishenpi1",
|
||||
"unicode": "e62d",
|
||||
"unicode_decimal": 58925
|
||||
},
|
||||
{
|
||||
"icon_id": "23249943",
|
||||
"name": "审批通过",
|
||||
"font_class": "shenpitongguo",
|
||||
"unicode": "e742",
|
||||
"unicode_decimal": 59202
|
||||
},
|
||||
{
|
||||
"icon_id": "39693752",
|
||||
"name": "待审批-copy",
|
||||
"font_class": "daishenpi1-copy",
|
||||
"unicode": "e74a",
|
||||
"unicode_decimal": 59210
|
||||
},
|
||||
{
|
||||
"icon_id": "39692796",
|
||||
"name": "点-copy",
|
||||
"font_class": "dian-green",
|
||||
"unicode": "e705",
|
||||
"unicode_decimal": 59141
|
||||
},
|
||||
{
|
||||
"icon_id": "23114773",
|
||||
"name": "空-圆",
|
||||
"font_class": "kong-yuan",
|
||||
"unicode": "e704",
|
||||
"unicode_decimal": 59140
|
||||
},
|
||||
{
|
||||
"icon_id": "9262906",
|
||||
"name": "删除",
|
||||
"font_class": "shanchu",
|
||||
"unicode": "e61f",
|
||||
"unicode_decimal": 58911
|
||||
},
|
||||
{
|
||||
"icon_id": "33986997",
|
||||
"name": "喜欢",
|
||||
"font_class": "xihuan",
|
||||
"unicode": "e620",
|
||||
"unicode_decimal": 58912
|
||||
"icon_id": "27859940",
|
||||
"name": "删除",
|
||||
"font_class": "shanchu-select",
|
||||
"unicode": "e600",
|
||||
"unicode_decimal": 58880
|
||||
},
|
||||
{
|
||||
"icon_id": "33986998",
|
||||
"name": "更多",
|
||||
"font_class": "gengduo",
|
||||
"unicode": "e621",
|
||||
"unicode_decimal": 58913
|
||||
"icon_id": "39683075",
|
||||
"name": "编辑-copy",
|
||||
"font_class": "bianji-copy",
|
||||
"unicode": "e63d",
|
||||
"unicode_decimal": 58941
|
||||
},
|
||||
{
|
||||
"icon_id": "33986999",
|
||||
"name": "首页-置灰",
|
||||
"font_class": "shouye-zhihui",
|
||||
"unicode": "e622",
|
||||
"unicode_decimal": 58914
|
||||
"icon_id": "2211276",
|
||||
"name": "编辑",
|
||||
"font_class": "bianji",
|
||||
"unicode": "e603",
|
||||
"unicode_decimal": 58883
|
||||
},
|
||||
{
|
||||
"icon_id": "33987000",
|
||||
"name": "个人中心-置灰",
|
||||
"font_class": "gerenzhongxin-zhihui",
|
||||
"unicode": "e623",
|
||||
"unicode_decimal": 58915
|
||||
"icon_id": "774412",
|
||||
"name": "新建 ",
|
||||
"font_class": "xinjian",
|
||||
"unicode": "e63c",
|
||||
"unicode_decimal": 58940
|
||||
},
|
||||
{
|
||||
"icon_id": "33987001",
|
||||
"name": "看点-置灰",
|
||||
"font_class": "kandian-zhihui",
|
||||
"unicode": "e624",
|
||||
"unicode_decimal": 58916
|
||||
"icon_id": "4770724",
|
||||
"name": "导入",
|
||||
"font_class": "daoru",
|
||||
"unicode": "e635",
|
||||
"unicode_decimal": 58933
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,13 @@
|
||||
export function getKey(object){
|
||||
let isEmpty = false
|
||||
Object.keys(object).forEach(el => {
|
||||
if (object[el] !== null && object[el] !== '') {
|
||||
isEmpty = true
|
||||
}
|
||||
})
|
||||
if(isEmpty){ return true } else { return false }
|
||||
}
|
||||
|
||||
export function clearKey(object){
|
||||
Object.keys(object).forEach(key=>{object[key]=''})
|
||||
}
|
||||
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="title"
|
||||
:visible.sync="dialogFormVisible"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
:custom-class="myclass ? 'custom-my-class':''"
|
||||
@close="resetCancel"
|
||||
>
|
||||
<slot></slot>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-form size="small">
|
||||
<el-form-item class="dialog-from-item">
|
||||
<el-button size="mini" @click="resetCancel">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="resetConfirm">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogFormVisible: false,
|
||||
}
|
||||
},
|
||||
props:{
|
||||
title:{
|
||||
type:String,
|
||||
default:''
|
||||
},
|
||||
myclass:{
|
||||
type:Boolean,
|
||||
default:false,
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
open(){
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
close(){
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
// 取消按钮
|
||||
resetCancel(){
|
||||
this.$emit('close')
|
||||
},
|
||||
// 确定按钮
|
||||
resetConfirm(){
|
||||
this.$emit('confirm')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
margin-top: 25vh !important;
|
||||
border-radius: 5px;
|
||||
.el-dialog__header {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
span {
|
||||
font-family: PingFang-SC, PingFang-SC;
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
.el-dialog__footer {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
.dialog-footer {
|
||||
.el-form {
|
||||
.dialog-from-item {
|
||||
margin-bottom: 0;
|
||||
.el-form-item__content {
|
||||
.el-button {
|
||||
padding: 10px 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .custom-my-class {
|
||||
margin-top: 15vh !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,5 @@
|
||||
export { default as tabOne } from './tabOne'
|
||||
export { default as tabTwo } from './tabTwo'
|
||||
export { default as tabThree } from './tabThree'
|
||||
export { default as tabFour } from './tabFour'
|
||||
export { default as projectProgress } from './projectProgress'
|
||||
@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div class="L-projectProgress">
|
||||
<div class="projectProgress-title">【项目进展】</div>
|
||||
<div class="schedule-timeline">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
size="large"
|
||||
:class="activity.status == 1 || activity.status == 0 ? 'timeline-item-green' : activity.status == 2 ? 'timeline-item-red' : ''"
|
||||
>
|
||||
<div slot="dot" class="timeline-dot" :class="activity.status == 2 ? 'timeline-dot-red' : ''">
|
||||
<i class="icon iconfont" :class="activity.status == 1 || activity.status == 0 ? 'icon-jc-dian-green' : activity.status == 2 ? 'icon-jc-dian' : ''"></i>
|
||||
</div>
|
||||
<el-card> <!-- 去除阴影 shadow="never -->
|
||||
<div class="schedule-content">
|
||||
<div class="card-content-left">
|
||||
<div class="schedule-card-title">提交项目材料</div>
|
||||
<div class="card-content-one">
|
||||
<span>提醒</span>
|
||||
<span>已提交xxx材料</span>
|
||||
</div>
|
||||
<div class="card-content-two">
|
||||
<span>附件</span>
|
||||
<span>xxx.doc</span>
|
||||
</div>
|
||||
<div class="card-content-three">2023-05-11</div>
|
||||
</div>
|
||||
<div class="card-content-right" v-if="activity.status !== 0">
|
||||
<i class="icon iconfont" :class="activity.status == 2 ? 'icon-jc-daishenpi1-copy' : activity.status == 1 ? 'icon-jc-shenpitongguo-copy' : ''"></i>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
activities: [{
|
||||
status: 2,
|
||||
}, {
|
||||
status: 1,
|
||||
}, {
|
||||
status: 1,
|
||||
}, {
|
||||
status: 0,
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,100 @@
|
||||
<!--
|
||||
* @Descripttion:
|
||||
* @version:
|
||||
* @Author: JC9527
|
||||
* @Date: 2024-03-25 15:37:35
|
||||
* @LastEditors: JC9527
|
||||
* @LastEditTime: 2024-03-27 17:22:13
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<div class="project-info-title">【申报企业信息】</div>
|
||||
<el-descriptions class="margin-top" :column="3" size="medium" border v-loading="loading">
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent"
|
||||
v-for="(item,index) in info"
|
||||
:key="index"
|
||||
:label="item.key"
|
||||
:span="item.span"
|
||||
>
|
||||
{{ item.value }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:"tabOne",
|
||||
props:{
|
||||
detailedInfo:{
|
||||
type:Object,
|
||||
default:()=>{
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
detailedInfo: {
|
||||
handler(newInfo){
|
||||
this.loading = true;
|
||||
if(newInfo) {
|
||||
this.loading = false;
|
||||
let arr = []
|
||||
for (var key in newInfo) {
|
||||
if (newInfo.hasOwnProperty(key)) {
|
||||
|
||||
let obj = {};
|
||||
obj["key"] = key;
|
||||
obj["value"] = newInfo[key]
|
||||
obj["span"] = 1;
|
||||
arr.push(obj)
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
// 计算不同长度所占的列宽
|
||||
if(arr[i].value) {
|
||||
if((i + 1) % 3 == 1 && arr[i].value.length > 50) {
|
||||
arr[i].span = 3
|
||||
} else if((i + 1) % 3 == 1 && arr[i].value.length > 18 && arr[i].value.length < 50 ) {
|
||||
arr[i - 1].span = 3
|
||||
arr[i].span = 2
|
||||
} else if((i + 1) % 3 == 2 && arr[i].value.length > 50) {
|
||||
arr[i - 1].span = 3
|
||||
arr[i].span = 3
|
||||
} else if((i + 1) % 3 == 2 && arr[i].value.length > 18 && arr[i].value.length < 50) {
|
||||
arr[i].span = 2
|
||||
} else if((i + 1) % 3 == 0 && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1].span == 1) {
|
||||
arr[i - 1].span = 2
|
||||
arr[i].span = 2
|
||||
} else if((i + 1) % 3 == 0 && arr[i].value.length > 50 && arr[i - 1].span == 1) {
|
||||
arr[i - 1].span = 2
|
||||
arr[i].span = 3
|
||||
} else if((i + 1) % 3 == 0 && arr[i].value.length > 18 && arr[i].value.length < 50 && arr[i - 1].span == 2) {
|
||||
arr[i].span = 2
|
||||
}
|
||||
} else {
|
||||
arr[i].span = 1
|
||||
}
|
||||
}
|
||||
this.info = [...arr]
|
||||
}
|
||||
|
||||
},
|
||||
immediate:true,
|
||||
deep:true
|
||||
},
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
info:[],
|
||||
loading:false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// console.log(this.info,"tabOne");
|
||||
// this.loading = true;
|
||||
},
|
||||
methods:{
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div class="money-schedule">
|
||||
<div class="schedule-title">【资金拨付进度】</div>
|
||||
<div class="schedule-timeline">
|
||||
<el-timeline>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
:icon="activity.icon"
|
||||
:type="activity.type"
|
||||
:size="activity.size"
|
||||
>
|
||||
<el-card> <!-- 去除阴影 shadow="never -->
|
||||
<div class="schedule-content">
|
||||
<div class="schedule-card-title">xxxx年xx月xx日 政府财务审核通过</div>
|
||||
<div class="schedule-status" :class="activity.status == 0 ? 'orange' : activity.status == 1 ? 'green' : activity.status == 2 ? 'blue' : ''">
|
||||
{{ activity.status == 0 ? '已提交' : activity.status == 1 ? '审核通过' : activity.status == 2 ? '已拨付' : '' }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="schedule-time">2023-05-11</div>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:"tabThree",
|
||||
data() {
|
||||
return {
|
||||
activities: [{
|
||||
size: 'large',
|
||||
icon: 'icon iconfont icon-jc-kong-yuan',
|
||||
status: 2,
|
||||
}, {
|
||||
icon: 'icon iconfont icon-jc-kong-yuan',
|
||||
size: 'large',
|
||||
status: 1,
|
||||
}, {
|
||||
size: 'large',
|
||||
icon: 'icon iconfont icon-jc-kong-yuan',
|
||||
status: 0,
|
||||
}]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="project-info-title">【申报企业信息】</div>
|
||||
<el-descriptions class="margin-top" :column="3" size="medium" border>
|
||||
<el-descriptions-item label="申报类型">投资补助</el-descriptions-item>
|
||||
<el-descriptions-item label="申报企业名称">新增</el-descriptions-item>
|
||||
<el-descriptions-item label="企业性质">内资民营</el-descriptions-item>
|
||||
<el-descriptions-item label="统一社会信用代码">QRDVCDS1321412FDSFDS</el-descriptions-item>
|
||||
<el-descriptions-item label="邮编">215513</el-descriptions-item>
|
||||
<el-descriptions-item label="电话">0512-6782727</el-descriptions-item>
|
||||
<el-descriptions-item label="企业注册地">江苏-苏州-工业园区</el-descriptions-item>
|
||||
<el-descriptions-item label="企业资本" :span="2">4000万元</el-descriptions-item>
|
||||
<el-descriptions-item label="企业责任人（法人代表）姓名">张珊</el-descriptions-item>
|
||||
<el-descriptions-item label="项目联系人 姓名">万林</el-descriptions-item>
|
||||
<el-descriptions-item label="项目联系人 姓名">赵文</el-descriptions-item>
|
||||
<el-descriptions-item label="电话">18012345432</el-descriptions-item>
|
||||
<el-descriptions-item label="电话">18023494876</el-descriptions-item>
|
||||
<el-descriptions-item label="电话">18743870987</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:"tabTwo",
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -1,13 +1,90 @@
|
||||
<template>
|
||||
<h1>详情</h1>
|
||||
<div class="L-public-main projectInfo">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="18">
|
||||
<div class="left-info">
|
||||
<div class="project-info-title">【申报企业信息】</div>
|
||||
<el-descriptions class="margin-top" :column="2" size="medium" border v-loading="loading">
|
||||
<el-descriptions-item label="项目名称">{{ info.projectName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="项目分类" contentClassName="info-link"><a class="a-primary" @click="goback(info.projectClassify)"><dict-tag :options="dict.type.jjh_project_type" :value="info.projectClassify"/></a></el-descriptions-item>
|
||||
<el-descriptions-item label="申报单位" contentClassName="info-link">{{ info.declareUnit }}<a v-show="info.declareUnit">查看详情</a></el-descriptions-item>
|
||||
<el-descriptions-item label="年份">{{ info.projectYear }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div class="left-tabs">
|
||||
<div class="tabs-top">
|
||||
<div v-for="(item,index) in tabs" :key="index" class="tabs-top-item" :class="active == index ? 'active-item' : ''" @click="active = index">{{ item.name }}</div>
|
||||
</div>
|
||||
<div class="tabs-bottom">
|
||||
<tab-one v-if="active == 0" :detailedInfo="detailedInfo"></tab-one>
|
||||
<tab-two v-if="active == 1"></tab-two>
|
||||
<tab-three v-if="active == 2"></tab-three>
|
||||
<tab-four v-if="active == 3" :id="$route.query.userId"></tab-four>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<project-progress></project-progress>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { tabOne, tabTwo, tabThree, tabFour, projectProgress } from "./components"
|
||||
import { jProjectId } from "@/api/jin_ji_hu/project/index"
|
||||
export default {
|
||||
dicts: ['jjh_project_type'],
|
||||
components:{
|
||||
tabOne,
|
||||
tabTwo,
|
||||
tabThree,
|
||||
tabFour,
|
||||
projectProgress
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabs:[
|
||||
{
|
||||
name: "项目详细信息",
|
||||
},{
|
||||
name: "申报单位信息",
|
||||
},{
|
||||
name: "资金拨付进度",
|
||||
},{
|
||||
name: "备忘录",
|
||||
},
|
||||
],
|
||||
active: 0,
|
||||
info:{},
|
||||
detailedInfo:{},
|
||||
loading:false,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.getInfo(this.$route.query.userId)
|
||||
},
|
||||
methods:{
|
||||
getInfo(id){
|
||||
this.loading = true;
|
||||
jProjectId(id).then(res=>{
|
||||
this.info = res.data;
|
||||
this.loading = false;
|
||||
this.detailedInfo = JSON.parse(res.data.otherJson);
|
||||
// for (var key in obj) {
|
||||
// if (obj.hasOwnProperty(key)) {
|
||||
// var value = obj[key];
|
||||
// console.log(key + ': ' + value);
|
||||
// }
|
||||
// }
|
||||
})
|
||||
},
|
||||
goback(id){
|
||||
console.log(id,"id");
|
||||
this.$router.replace({
|
||||
path: '/project/index',
|
||||
query: { projectId: id }
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
Loading…
Reference in new issue