This commit is contained in:
X1627315083
2025-04-16 15:08:59 +08:00
parent c2288a30b2
commit d59d942c8f
5 changed files with 248 additions and 34 deletions

View File

@@ -18,9 +18,21 @@
{{ item.name }}
</div>
</div>
<div class="content"></div>
<div class="content">
<tr v-for="(row, index) in contentList" :key="index">
<td v-for="header in cloudTiltleList" :key="header.value">
<span v-show="header.value != 'operation'">
{{ row[header.value] }}
</span>
<span v-show="header.value == 'operation'" @click="downloadIamge(row)" style="cursor: pointer;">
download
</span>
</td>
</tr>
</div>
</div>
<!-- <createCloud ref="createCloud"></createCloud> -->
{{ generateList }}
<createCloud ref="createCloud" :cloudList="generateList[workflowType]"></createCloud>
</div>
</template>
<script lang="ts">
@@ -92,19 +104,31 @@ export default defineComponent({
},{
name:'Task time',
value:'taskTime',
},{
name:'Operation',
value:'operation',
},
],
] as any,
contentList:[
{ name: '张三', size: 28, upLoadedBy: '1', taskTime: '123' },
{ name: '李四', size: 32, upLoadedBy: '2', taskTime: '321' },
{ name: '王五', size: 25, upLoadedBy: '3', taskTime: '222' }
] as any,
})
const dataDom = reactive({
createCloud,
})
const createClound = ()=>{
dataDom.createCloud.init()
}
const downloadIamge = (item:any)=>{
}
return{
...toRefs(dataDom),
...toRefs(data),
createClound,
downloadIamge,
}
},
provide() {
@@ -163,8 +187,28 @@ export default defineComponent({
flex: 1;
overflow: hidden;
padding-top: 2.5rem;
> .content tr , > .title{
display: flex;
justify-content: space-between;
padding: 0 1.2rem;
}
> .title{
background: #F7F7F7;
> .titleItem{
line-height: 4.6rem;
font-size: 2rem;
color: #666666;
width: calc(100% / 4);
text-align: center;
}
}
.content > tr{
> td{
text-align: center;
width: calc(100% / 4);
line-height: 4.6rem;
font-size: 2.2rem;
}
}
}
}