first

pageRed/list/render/MchAppRender.vue

@@ -0,0 +1,36 @@
+<!--
+
+  订单列表页面， 数据渲染 
+   业务： 示例模板 
+
+  @author terrfly
+  @site https://www.jeequan.com
+  @date 2022/11/23 16:57
+-->
+<template>
+	<JeepayTableListItem :subtitle="props.record.appId" @tap="toDetailPage" :state="props.record.state">
+		<template #title>
+			{{ props.record.appName }} 
+			<JeepayTag v-if="props.record.defaultFlag == 1" type="green-rgba">默认</JeepayTag>
+		</template>
+	</JeepayTableListItem>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import go from '@/commons/utils/go.js'
+import ak from '@/commons/utils/ak.js'
+
+// 定义传入属性
+const props = defineProps({
+  record: { type: Object, default: () => {} }, // 渲染对象
+})
+
+function toDetailPage() {
+	if(ak.ent.has('ENT_MCH_APP_VIEW')){
+	  go.to('PAGES_APP_DETAIL', { appId: props.record.appId })
+	}
+}
+</script>
+
+<style lang="scss" scoped></style>