同步代码

pageInvoicing/category-management/edit-category.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="u-p-30 bg-gray min-page color-333 u-font-28">
+		<view class="border-r-12 bg-fff u-p-30">
+			<view>
+				<view>类别名称</view>
+				<view class="u-m-t-16 u-p-b-10 border-bottom">
+					<uni-easyinput paddingNone :inputBorder="false" v-model="value"
+						placeholder="填写类别名称"></uni-easyinput>
+				</view>
+			</view>
+			<view class="u-m-t-24">
+				<view>类别名称</view>
+				<view class="u-m-t-16 u-m-t-10">
+					<uni-easyinput type="textarea" v-model="value" placeholder="填写类别描述内容"></uni-easyinput>
+				</view>
+			</view>
+		</view>
+
+		<view class="bottom">
+			<view class="">
+				<my-button shape="circle" type="primary">保存</my-button>
+			</view>
+			<view class="u-m-t-20">
+				<my-button type="cancel">
+					<view class="color-999">取消</view>
+				</my-button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		onLoad,
+		onReady,
+		onShow,
+		onPageScroll,
+		onPullDownRefresh
+	} from '@dcloudio/uni-app';
+	import myButton from '@/components/my-components/my-button';
+	import {
+		reactive
+	} from 'vue';
+
+	const page = reactive({
+		type: 'add'
+	})
+	onLoad(opt => {
+		if (JSON.stringify(opt) != '{}' && opt.hasOwnProperty('type')) {
+			page.type = opt.type
+		}
+		uni.setNavigationBarTitle({
+			title: page.type==='add'?'添加类别':'编辑类别'
+		})
+	})
+</script>
+
+<style lang="scss" scoped>
+	.bottom {
+		padding: 84rpx 80rpx;
+	}
+</style>