布局任务清单
This commit is contained in:
qq787203167
@@ -43,14 +43,57 @@
|
||||
<div style="width: 100%">
|
||||
<a-table
|
||||
ref="table"
|
||||
bordered
|
||||
:loading="loading"
|
||||
:pagination="false"
|
||||
:scroll="{x: true}"
|
||||
rowKey="id"
|
||||
:data-source="dataSource"
|
||||
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||
:columns="columns"
|
||||
>
|
||||
<div slot="standardInformation" slot-scope="text,result" class="box-left">
|
||||
<div class="content">
|
||||
<a class="box-content">GB-7258-2017</a><br/>
|
||||
<a>及东盟火车大师傅但是</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
|
||||
<div class="content">
|
||||
<span class="box-content">1212sdfdsf</span><br/>
|
||||
<span>责任领土</span>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left">
|
||||
<div class="content">
|
||||
<span class="box-content">截止时间: 2022-06-01</span><br/>
|
||||
<span class="box-content">流程状态: 待审核</span><br/>
|
||||
<span class="box-content-color">待追踪</span>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="PrehomoConfirmation" slot-scope="text,result" class="box-left">
|
||||
<div class="content">
|
||||
<span class="box-content">截止时间: 2022-06-01</span><br/>
|
||||
<span class="box-content">流程状态: 待审核</span><br/>
|
||||
<span class="box-content-color">待追踪</span>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="verificationAndConformityconfirmation" slot-scope="text,result" class="box-left">
|
||||
<div class="content">
|
||||
<span class="box-content">截止时间: 2022-06-01</span><br/>
|
||||
<span class="box-content">流程状态: 待审核</span><br/>
|
||||
<span class="box-content-color">待追踪</span>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="CertificationProgress" slot-scope="text,result">
|
||||
<span class="box-content-color">
|
||||
实验通过
|
||||
</span>
|
||||
</div>
|
||||
<div slot="CurrentProjectStatusEvaluation" slot-scope="text,result">
|
||||
<div class="Current-color">
|
||||
<div class="Current-color-box"></div>
|
||||
</div>
|
||||
</div>
|
||||
</a-table>
|
||||
</div>
|
||||
<certificationDirectory :url="url" ref="certificationDirectoryRef"/>
|
||||
@@ -59,9 +102,10 @@
|
||||
|
||||
<script>
|
||||
import certificationDirectory from './certificationDirectory'
|
||||
|
||||
export default {
|
||||
name: 'TaskList',
|
||||
components:{
|
||||
components: {
|
||||
certificationDirectory
|
||||
},
|
||||
data() {
|
||||
@@ -70,105 +114,52 @@
|
||||
{
|
||||
title: this.$t('serialNumber'),
|
||||
align: 'center',
|
||||
width: 100,
|
||||
fixed: 'left'
|
||||
width: 80,
|
||||
customRender: function(t, r, index) {
|
||||
return parseInt(index) + 1
|
||||
}
|
||||
},
|
||||
{
|
||||
title: this.$t('standard'),
|
||||
title: this.$t('standardInformation'),
|
||||
align: 'center',
|
||||
dataIndex: 'standard',
|
||||
fixed: 'left'
|
||||
scopedSlots: { customRender: 'standardInformation' }
|
||||
},
|
||||
{
|
||||
title: this.$t('areaOfResponsibility'),
|
||||
align: 'center',
|
||||
dataIndex: 'areaOfResponsibility',
|
||||
fixed: 'left'
|
||||
scopedSlots: { customRender: 'areaOfResponsibility' }
|
||||
},
|
||||
{
|
||||
title: this.$t('confirmationOfDesignConformity'),
|
||||
children: [
|
||||
{
|
||||
title: this.$t('TaskRequirements'),
|
||||
dataIndex: 'TaskRequirements',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('Sponsor'),
|
||||
dataIndex: 'Sponsor',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('TaskCutOffTime'),
|
||||
dataIndex: 'TaskCutOffTime',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('status'),
|
||||
dataIndex: 'status',
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
align: 'center',
|
||||
dataIndex: 'confirmationOfDesignConformity',
|
||||
scopedSlots: { customRender: 'confirmationOfDesignConformity' }
|
||||
},
|
||||
{
|
||||
title: this.$t('PrehomoConfirmation'),
|
||||
children: [
|
||||
{
|
||||
title: this.$t('TaskRequirements'),
|
||||
dataIndex: 'TaskRequirements',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('Sponsor'),
|
||||
dataIndex: 'Sponsor',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('TaskCutOffTime'),
|
||||
dataIndex: 'TaskCutOffTime',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('status'),
|
||||
dataIndex: 'status',
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
align: 'center',
|
||||
dataIndex: 'PrehomoConfirmation',
|
||||
scopedSlots: { customRender: 'PrehomoConfirmation' }
|
||||
},
|
||||
{
|
||||
title: this.$t('verificationAndConformityconfirmation'),
|
||||
children: [
|
||||
{
|
||||
title: this.$t('TaskRequirements'),
|
||||
dataIndex: 'TaskRequirements',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('Sponsor'),
|
||||
dataIndex: 'Sponsor',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('TaskCutOffTime'),
|
||||
dataIndex: 'TaskCutOffTime',
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
title: this.$t('status'),
|
||||
dataIndex: 'status',
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
align: 'center',
|
||||
dataIndex: 'verificationAndConformityconfirmation',
|
||||
scopedSlots: { customRender: 'verificationAndConformityconfirmation' }
|
||||
},
|
||||
{
|
||||
title: this.$t('CertificationProgress'),
|
||||
align: 'center',
|
||||
width: 150,
|
||||
dataIndex: 'CertificationProgress',
|
||||
scopedSlots: { customRender: 'CertificationProgress' }
|
||||
},
|
||||
{
|
||||
title: this.$t('CurrentProjectStatusEvaluation'),
|
||||
align: 'center',
|
||||
width: 150,
|
||||
dataIndex: 'CurrentProjectStatusEvaluation',
|
||||
scopedSlots: { customRender: 'CurrentProjectStatusEvaluation' }
|
||||
}
|
||||
@@ -177,7 +168,7 @@
|
||||
queryParam: {},
|
||||
url: {},
|
||||
loading: false,
|
||||
dataSource: []
|
||||
dataSource: [{}]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -196,7 +187,7 @@
|
||||
|
||||
},
|
||||
CertificationDirectory() {
|
||||
this.$refs.certificationDirectoryRef.addModel()
|
||||
this.$refs.certificationDirectoryRef.addModel()
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -254,6 +245,51 @@
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.box-left {
|
||||
float: left;
|
||||
position: relative;
|
||||
left: 50%
|
||||
}
|
||||
|
||||
.content {
|
||||
float: left;
|
||||
position: relative;
|
||||
left: -50%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.box-content {
|
||||
margin-bottom: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.box-content-color {
|
||||
padding: 6px 14px;
|
||||
box-sizing: border-box;
|
||||
background: #1ABBC4;
|
||||
color: #2F8DF3;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.Current-color {
|
||||
display: inline-block;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
border: 1px red solid;
|
||||
}
|
||||
|
||||
.Current-color-box {
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: red;
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.box-input .ant-select-selection {
|
||||
|
||||
Reference in New Issue
Block a user