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-face {
|
||||||
font-family: "iconfont"; /* Project id 4480457 */
|
font-family: "iconfont"; /* Project id 4480457 */
|
||||||
src: url('iconfont.woff2?t=1711346025444') format('woff2'),
|
src: url('iconfont.woff2?t=1711530177681') format('woff2'),
|
||||||
url('iconfont.woff?t=1711346025444') format('woff'),
|
url('iconfont.woff?t=1711530177681') format('woff'),
|
||||||
url('iconfont.ttf?t=1711346025444') format('truetype');
|
url('iconfont.ttf?t=1711530177681') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
font-family: "iconfont" !important;
|
font-family: "iconfont" !important;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
[class^="icon-jc"],
|
.icon-jc-55fanhui:before {
|
||||||
[class*="icon-jc"]
|
content: "\e630";
|
||||||
{
|
}
|
||||||
font-family: "iconfont" !important;
|
|
||||||
font-size: 14px;
|
.icon-jc-dian:before {
|
||||||
font-style: normal;
|
content: "\e606";
|
||||||
-webkit-font-smoothing: antialiased;
|
}
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
|
.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 {
|
.icon-jc-kong-yuan:before {
|
||||||
content: "\e61e";
|
content: "\e704";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-xiaoxi-zhihui:before {
|
.icon-jc-shanchu:before {
|
||||||
content: "\e61f";
|
content: "\e61f";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-xihuan:before {
|
.icon-jc-shanchu-select:before {
|
||||||
content: "\e620";
|
content: "\e600";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-gengduo:before {
|
.icon-jc-bianji-copy:before {
|
||||||
content: "\e621";
|
content: "\e63d";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-shouye-zhihui:before {
|
.icon-jc-bianji:before {
|
||||||
content: "\e622";
|
content: "\e603";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-gerenzhongxin-zhihui:before {
|
.icon-jc-xinjian:before {
|
||||||
content: "\e623";
|
content: "\e63c";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jc-kandian-zhihui:before {
|
.icon-jc-daoru:before {
|
||||||
content: "\e624";
|
content: "\e635";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,58 +1,107 @@
|
|||||||
{
|
{
|
||||||
"id": "4480457",
|
"id": "4480457",
|
||||||
"name": "no name",
|
"name": "jin-ji-hu",
|
||||||
"font_family": "iconfont",
|
"font_family": "iconfont",
|
||||||
"css_prefix_text": "icon-jc-",
|
"css_prefix_text": "icon-jc-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
{
|
{
|
||||||
"icon_id": "33986995",
|
"icon_id": "16589939",
|
||||||
"name": "安全保障",
|
"name": "返回",
|
||||||
"font_class": "anquanbaozhang",
|
"font_class": "55fanhui",
|
||||||
"unicode": "e61e",
|
"unicode": "e630",
|
||||||
"unicode_decimal": 58910
|
"unicode_decimal": 58928
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33986996",
|
"icon_id": "14046404",
|
||||||
"name": "消息-置灰",
|
"name": "点",
|
||||||
"font_class": "xiaoxi-zhihui",
|
"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": "e61f",
|
||||||
"unicode_decimal": 58911
|
"unicode_decimal": 58911
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33986997",
|
"icon_id": "27859940",
|
||||||
"name": "喜欢",
|
"name": "删除",
|
||||||
"font_class": "xihuan",
|
"font_class": "shanchu-select",
|
||||||
"unicode": "e620",
|
"unicode": "e600",
|
||||||
"unicode_decimal": 58912
|
"unicode_decimal": 58880
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33986998",
|
"icon_id": "39683075",
|
||||||
"name": "更多",
|
"name": "编辑-copy",
|
||||||
"font_class": "gengduo",
|
"font_class": "bianji-copy",
|
||||||
"unicode": "e621",
|
"unicode": "e63d",
|
||||||
"unicode_decimal": 58913
|
"unicode_decimal": 58941
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33986999",
|
"icon_id": "2211276",
|
||||||
"name": "首页-置灰",
|
"name": "编辑",
|
||||||
"font_class": "shouye-zhihui",
|
"font_class": "bianji",
|
||||||
"unicode": "e622",
|
"unicode": "e603",
|
||||||
"unicode_decimal": 58914
|
"unicode_decimal": 58883
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33987000",
|
"icon_id": "774412",
|
||||||
"name": "个人中心-置灰",
|
"name": "新建 ",
|
||||||
"font_class": "gerenzhongxin-zhihui",
|
"font_class": "xinjian",
|
||||||
"unicode": "e623",
|
"unicode": "e63c",
|
||||||
"unicode_decimal": 58915
|
"unicode_decimal": 58940
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "33987001",
|
"icon_id": "4770724",
|
||||||
"name": "看点-置灰",
|
"name": "导入",
|
||||||
"font_class": "kandian-zhihui",
|
"font_class": "daoru",
|
||||||
"unicode": "e624",
|
"unicode": "e635",
|
||||||
"unicode_decimal": 58916
|
"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>
|
<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>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import { tabOne, tabTwo, tabThree, tabFour, projectProgress } from "./components"
|
||||||
|
import { jProjectId } from "@/api/jin_ji_hu/project/index"
|
||||||
export default {
|
export default {
|
||||||
|
dicts: ['jjh_project_type'],
|
||||||
|
components:{
|
||||||
|
tabOne,
|
||||||
|
tabTwo,
|
||||||
|
tabThree,
|
||||||
|
tabFour,
|
||||||
|
projectProgress
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
tabs:[
|
||||||
|
{
|
||||||
|
name: "项目详细信息",
|
||||||
|
},{
|
||||||
|
name: "申报单位信息",
|
||||||
|
},{
|
||||||
|
name: "资金拨付进度",
|
||||||
|
},{
|
||||||
|
name: "备忘录",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
active: 0,
|
||||||
|
info:{},
|
||||||
|
detailedInfo:{},
|
||||||
|
loading:false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
mounted(){
|
||||||
|
this.getInfo(this.$route.query.userId)
|
||||||
|
},
|
||||||
methods:{
|
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>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in new issue