Merge branch 'lvtianfang' of http://39.101.188.84:7000/suzhou-jichuang-lanhai/RudongPC
commit
21340f1e19
@ -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