admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

中建四局(政企联合):质安管理时间轴模块

Browse Source
This commit is contained in:
骆乐 2022-08-27 15:51:16 +08:00
parent 9d3106c02f
commit 66936453d8
3 changed files with 160 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

8
src/store/index.js
View File

@ -45,8 +45,8 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
// UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
// FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */
// tag: 部署河南项目时，需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image',
@ -56,8 +56,8 @@ export default new Vuex.Store({
// UPLOADURL: 'http://192.168.34.125:6023/upload/image',
// FILEURL: 'http://192.168.34.125:6023/image/',
// 邱平毅的
// UPLOADURL: 'http://192.168.34.216:6023/upload/image',
// FILEURL: 'http://192.168.34.216:6023/image/',
UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式

161
src/views/projectAdmin/zjsj/govComp/Col2.vue
View File

@ -1,14 +1,165 @@
<template>
<Card title="质安管理时间轴">
质安管理时间轴
<div class="timeline">
<el-timeline>
<el-timeline-item v-for="(item,index) in contentList" :key="index" :timestamp="item.time" placement="top">
<div class="point"></div><span class="mintit"> 监督巡检 </span>
<div class="contentBox">
<p>
<span>是否发现问题</span>
<a style="color:#55aeb7">{{item.question == 1 ? '是' : '否' }}</a>
</p>
<p>
<span>巡检单位</span>
<a style="color:#bc5935">{{item.utils}}</a>
</p>
<p>
<span>监督员</span>
<a>{{item.safe}}</a>
</p>
<p>
<span>抽查类型</span>
<a style="color:#c4c7cc">{{item.type}}</a>
</p>
<p>
<span>检查部位</span>
<a style="color:#c4c7cc">{{item.position}}</a>
</p>
<p>
<span>是否下发整改</span>
<a style="color:#c4c7cc">{{item.change}}</a>
</p>
</div>
</el-timeline-item>
</el-timeline>
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import Card from "../components/Card.vue";
export default {
components: { Card }
}
components: { Card },
data() {
return {
contentList: [
{
time: "2022-06-14",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-07-28",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-08-11",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-08-14",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-08-14",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-08-14",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
},
{
time: "2022-08-14",
question: 1,
utils: "中国建筑第四工程局有限公司",
safe: "张三、李四",
type: "安全",
position: "主体结构",
change: "是"
}
]
};
}
};
</script>
<style></style>
<style lang="less" scoped>
.timeline {
margin-top: 3%;
height: 98%;
width: 97%;
overflow: auto;
.point{
width: 6px;
height: 6px;
margin-right: 5px;
background-color: #e2e4e6;
border-radius: 50%;
display: inline-block;
}
.mintit{
display: inline-block;
margin-bottom: 10px;
font-size: 16px;
color: #c4c7cc;
}
.contentBox {
// background-color: rosybrown;
p{
display: flex;
justify-content: left;
align-content: left;
margin-top: 6px;
span {
width: 40%;
}
}
}
}
::v-deep .el-timeline-item__tail {
position: absolute;
left: 4px;
height: 100%;
border-left: 3px solid #2ac9e2;
}
::v-deep .el-timeline-item__content {
color: #888e98;
}
::v-deep .el-timeline {
margin: 3px;
}
::-webkit-scrollbar {
width: 3px;
color: #19394d;
}
</style>