parent
c778a9fb88
commit
fc927da8e9
@ -0,0 +1,4 @@
|
||||
export { default as tabOne } from './tabOne'
|
||||
export { default as tabTwo } from './tabTwo'
|
||||
export { default as tabThree } from './tabThree'
|
||||
export { default as tabFour } from './tabFour'
|
||||
@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="money-schedule">
|
||||
<div class="schedule-timeline">
|
||||
<el-timeline v-loading="loading">
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
color="#192A92"
|
||||
>
|
||||
{{ activity.content }}
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:"tabThree",
|
||||
props:{
|
||||
id:{
|
||||
type:Number,
|
||||
default:null,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
/**
|
||||
* {
|
||||
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,
|
||||
}
|
||||
*
|
||||
*/
|
||||
activities: [
|
||||
{
|
||||
content:"2024-09-21 08:50:08 XXXXX超出边界"
|
||||
},{
|
||||
content:"2024-08-21 08:50:08 XXXXX超出边界"
|
||||
},{
|
||||
content:"2024-07-21 08:50:08 XXXXX超出边界"
|
||||
},
|
||||
],
|
||||
loading:false,
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods:{
|
||||
// 获取备忘录列表
|
||||
getList() {
|
||||
this.loading = true;
|
||||
jProjectFund(this.id).then(res=>{
|
||||
let arr = [];
|
||||
res.data.forEach(element => {
|
||||
let obj = {};
|
||||
obj.size = 'large';
|
||||
obj.icon = 'icon iconfont icon-jc-kong-yuan';
|
||||
obj.fundAmount = element.fundAmount;
|
||||
obj.appropriationTime = element.appropriationTime;
|
||||
arr.push(obj);
|
||||
});
|
||||
this.activities = arr;
|
||||
this.loading = false;
|
||||
}).catch((err)=>{
|
||||
// console.log(err);
|
||||
this.activities = [];
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
formatDate(dateString,id) {
|
||||
const year = dateString.slice(0, 4);
|
||||
const month = dateString.slice(4, 6);
|
||||
const day = dateString.slice(6, 8);
|
||||
if(id == 1) {
|
||||
return `${year}年${month}月${day}日`;
|
||||
} else {
|
||||
return `${year}-${month}-${day}`;
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.money-schedule {
|
||||
padding: 20px 0px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<div class="project-info-box">
|
||||
<div class="enterprise-header">
|
||||
<span class="dataCloudMap-birght"></span>
|
||||
<div class="enterprise-header-title">详细信息</div>
|
||||
</div>
|
||||
<el-descriptions :column="3" size="medium" border>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="人员姓名">
|
||||
张三
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="性别">
|
||||
男
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="出生年月">
|
||||
1975年7月
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="身份证号">
|
||||
320815154649782452
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="联系方式">
|
||||
13856699875
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="工作单位">
|
||||
XXXXXXXX
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item labelClassName="tabOneLabel" contentClassName="tabOneContent" label="家庭住址">
|
||||
XXXXXXXXXXXXXXXXXXXX
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name:"tabOne",
|
||||
props:{
|
||||
detailedInfo:{
|
||||
type:Object,
|
||||
default:()=>{
|
||||
return {};
|
||||
}
|
||||
},
|
||||
fileJson:{
|
||||
type:Object,
|
||||
default:()=>{
|
||||
return {};
|
||||
}
|
||||
},
|
||||
enterInfo:{
|
||||
type:Object,
|
||||
default:()=>{
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
info:[],
|
||||
fileInfo:[],
|
||||
loading:false,
|
||||
VUE_APP_BASE_API:process.env.VUE_APP_BASE_API,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// console.log(this.info,"tabOne");
|
||||
// this.loading = true;
|
||||
},
|
||||
methods:{
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.project-info-box {
|
||||
padding: 10px;
|
||||
.enterprise-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
.dataCloudMap-birght {
|
||||
width: 6px;
|
||||
height: 18px;
|
||||
background: #0086FF;
|
||||
box-shadow: 3px 0 3px 0px #0086FF;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
.enterprise-header-title {
|
||||
font-family: AlibabaPuHuiTiB;
|
||||
margin: 0 10px;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue