看板
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<view class="u-wrap">
|
||||
<u-sticky>
|
||||
<!-- 只能有一个根元素 -->
|
||||
<view class="sticky">
|
||||
<u-search v-model="keyword" placeholder="请输入单位名称" :show-action="false" ></u-search>
|
||||
</view>
|
||||
</u-sticky>
|
||||
<ListCol v-for="(item, idx) in list" :data="item" :column='column' label-width="160" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref
|
||||
} from 'vue';
|
||||
import ListCol from '@/components/ListCol.vue'
|
||||
|
||||
const keyword = ref("")
|
||||
const column = ref([{
|
||||
name: '单位名称',
|
||||
value: 'unitName',
|
||||
type: 'string',
|
||||
}, {
|
||||
name: '在建项目数',
|
||||
value: 'inProject',
|
||||
type: 'string',
|
||||
}, {
|
||||
name: '停工项目数',
|
||||
value: 'stopProject',
|
||||
type: 'string',
|
||||
}])
|
||||
|
||||
const list = ref([{
|
||||
unitName: '天辰',
|
||||
inProject: 20,
|
||||
stopProject: 5
|
||||
}, {
|
||||
unitName: '赛鼎',
|
||||
inProject: 20,
|
||||
stopProject: 5
|
||||
}])
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.sticky{
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user