WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改项目详情细节问题

Browse Source
This commit is contained in:
qq787203167
2022-04-11 18:06:09 +08:00
parent 99449cf6e1
commit 0f54ba77cc
2 changed files with 155 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentTools/virtualList/index.vue
+2 -2
View File
@@ -266,9 +266,9 @@
onOk() {
let url = ''
if (val.subscribeFlag == 0 || !val.subscribeFlag) {
url = 'document/bussDocumentLibraryEO/addSubscribe'
url = 'dummy/dummyInventoryBaseEO/read'
} else {
url = 'document/bussDocumentLibraryEO/cancelSubscribe'
url = 'dummy/dummyInventoryBaseEO/cancelRead'
}
getAction(url, { id: val.id }).then((res) => {
if (res.success) {
jero-web/src/views/projectManagement/components/ProjectDetails.vue
+153 -29
View File
@@ -63,11 +63,72 @@
<div class="header-text">
法规/认证任务计划
</div>
<div class="process-content">
<div style="display: flex;justify-content: space-between">
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认打扫房间十大科技孵化开具收费电视</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
<div class="process-content-content">
<img src="../../../assets/wancheng.png" class="process-content-left" alt="">
<div class="process-content-right">
<div class="process-content-right-top">法规清单确认</div>
<div class="process-content-right-button">2021-10-13</div>
</div>
</div>
</div>
<div class="process-content-right-xian"></div>
</div>
<a-tabs default-active-key="1" class="ant-tabs">
<a-tab-pane key="1" :tab="$t('DeliverableStatus')">
<div class="box-content">
<div class="box-content-left">
<div id="main"></div>
<div id="main"></div>
</div>
<div class="box-content-right">
@@ -90,39 +151,38 @@
</template>
<script>
import * as echarts from 'echarts';
import * as echarts from 'echarts'
export default {
name: 'ProjectDetails',
data(){
return{
}
data() {
return {}
},
mounted() {
this.mainEcharts()
},
methods:{
mainEcharts(){
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
});
},
},
methods: {
mainEcharts() {
var myChart = echarts.init(document.getElementById('main'))
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
})
}
}
}
</script>
@@ -176,6 +236,61 @@
}
}
.process-content {
margin-top: 4px;
height: 60px;
position: relative;
.process-content-content {
background: #fff;
z-index: 1000000;
padding: 0 20px;
.process-content-left {
float: left;
}
.process-content-right {
float: left;
margin-left: 7px;
.process-content-right-top {
font-size: 14px;
font-weight: 400;
color: #040B29;
max-width: 94px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.process-content-right-button {
font-size: 12px;
font-weight: 400;
color: #6F7385;
margin-top: -4px;
}
}
}
.process-content-content:first-child {
padding: 0 20px 0 0;
}
.process-content-content:last-child {
padding: 0 0 0 20px;
}
.process-content-right-xian {
height: 1px;
width: calc(100% - 27px);
background: #E6E6E9;
position: absolute;
top: 16px;
}
}
.box-content {
width: 100%;
display: flex;
@@ -185,7 +300,8 @@
width: calc(50% - 12px);
height: 300px;
border: 2px #eff1f3 solid;
#main{
#main {
width: 100%;
height: 100%;
}
@@ -197,4 +313,12 @@
border: 2px #eff1f3 solid;
}
}
@media screen and (min-width: 600px) and (max-width: 1600px) {
.process-content-right-top {
max-width: 70px!important;
}
}
</style>