XEH-miniProgram/pages/self/invoice/index.vue

<template>
	<view class="page-wrap">
		<view class="fixed-header">
			<view class="search-input">
				<input class="input" placeholder-style="color: #999" type="text" placeholder="关键词" maxlength="20" />
				<image class="icon" src="../../../static/icon_search.png"></image>
			</view>
			<button class="filter" @click="handleOpenFilter">筛选</button>
		</view>
		<view class="invoice-panel">
			<view class="item">
				<view class="name">天津鑫恩华产业园区管理有限公司</view>
				<view class="name">To：天津超易达胜科技发展有限公司</view>
				<view class="desc">发票类型：普票</view>
				<view class="desc">发票用途：房租</view>
				<view class="desc">申请日期：2023-09-21</view>
				<view class="state state-1">49760.00</view>
			</view>
			<view class="item">
				<view class="name">天津鑫恩华产业园区管理有限公司</view>
				<view class="name">To：天津超易达胜科技发展有限公司</view>
				<view class="desc">发票类型：普票</view>
				<view class="desc">发票用途：房租</view>
				<view class="desc">申请日期：2023-09-21</view>
				<view class="state state-2">3600.00</view>
			</view>
			<view class="item">
				<view class="name">天津鑫恩华产业园区管理有限公司</view>
				<view class="name">To：天津超易达胜科技发展有限公司</view>
				<view class="desc">发票类型：普票</view>
				<view class="desc">发票用途：房租</view>
				<view class="desc">申请日期：2023-09-21</view>
				<view class="state state-3">1200.00</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
		};
	},
	methods: {
		handleOpenFilter() {
			uni.navigateTo({
				url: 'filter'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
@import 'index.scss';
</style>