chuang
2 years ago
commit
039b1b7609
@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<div class="notice_right">
|
||||
<div class="notice_title">
|
||||
<div class="title_left">
|
||||
<span>进行中的合同</span>
|
||||
</div>
|
||||
<div class="title_right">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-table :data="list" style="width: 100%">
|
||||
<el-table-column prop="contractCode" label="合同编号" width="140">
|
||||
</el-table-column>
|
||||
<el-table-column prop="contractType" label="合同类型" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="供应商/客户">
|
||||
</el-table-column>
|
||||
<el-table-column label="进度" width="140">
|
||||
<template slot-scope="scope">
|
||||
<el-progress :percentage="scope.row.schedule"></el-progress>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import CountTo from 'vue-count-to'
|
||||
export default {
|
||||
components: { CountTo },
|
||||
data() {
|
||||
return {
|
||||
list: []
|
||||
}
|
||||
},
|
||||
mounted: function () {
|
||||
this.getContractList();
|
||||
},
|
||||
methods: {
|
||||
getContractList: function () {
|
||||
request({
|
||||
url: "/api/contractMobile/ContractMobile/getMobileList",
|
||||
method: "post",
|
||||
data: {
|
||||
currentPage: 1,
|
||||
pageSize: 7,
|
||||
},
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.list;
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice_title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
padding: 0 25px;
|
||||
|
||||
.title_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.title_right {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.notice_right {
|
||||
background: #fff;
|
||||
height: 400px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
|
||||
.no_right_massage {
|
||||
li {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
border: 1px;
|
||||
height: 170px;
|
||||
border-top: 1px solid #f2f2f5;
|
||||
|
||||
.right_item {
|
||||
width: 50%;
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.right-top {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
padding: 20px 0;
|
||||
color: #999;
|
||||
display: -webkit-box;
|
||||
line-clamp: 3;
|
||||
-webkit-line-clamp: 3;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/*! autoprefixer: off */
|
||||
-webkit-box-orient: vertical;
|
||||
/* autoprefixer: on */
|
||||
}
|
||||
|
||||
.bt {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.linet {
|
||||
border-left: 1px solid #f2f2f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue