榆钱落尽槿花稀
448712ece5
本次提交主要包含以下内容： 1. 新增积分申请系统核心功能： - 添加登录页面及API接口 - 实现积分申请记录查看功能 - 集成微信小程序分享功能 - 添加请求管理工具类 2. 引入Tuniao UI组件库： - 添加时间线、折叠面板、表格等UI组件 - 集成头像组、单选框组等交互组件 - 配置全局样式和主题颜色 3. 基础架构搭建： - 配置项目manifest和pages.json路由 - 添加状态管理store - 实现自定义导航栏适配 - 添加工具函数(加解密、数字处理等) 4. 静态资源： - 添加项目logo和背景图片 - 配置uni.scss全局样式变量 本次提交为系统基础功能搭建，后续将进一步完善积分申请流程和审批功能。
101 lines
2.1 KiB
Vue
101 lines
2.1 KiB
Vue
<template>
|
|
<view class="tn-table-class tn-table" :class="[tableClass]" :style="[tableStyle]">
|
|
<slot></slot>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'tn-table',
|
|
props: {
|
|
// 边框宽度
|
|
borderWidth: {
|
|
type: [String, Number],
|
|
default: ''
|
|
},
|
|
// 边框颜色
|
|
borderColor: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
// 显示上边框
|
|
borderTop: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
// 显示右边框
|
|
borderRight: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 显示下边框
|
|
borderBottom: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 显示左边框
|
|
borderLeft: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
computed: {
|
|
parentData() {
|
|
return [this.borderWidth, this.borderColor]
|
|
},
|
|
tableClass() {
|
|
let clazz = ''
|
|
return clazz
|
|
},
|
|
tableStyle() {
|
|
let style = {}
|
|
if (this.borderWidth !== '') {
|
|
style.borderWidth = this.$t.string.getLengthUnitValue(this.borderWidth)
|
|
}
|
|
if (this.borderColor) {
|
|
style.borderColor = this.borderColor
|
|
}
|
|
if (this.borderLeft) {
|
|
style.borderLeftStyle = 'solid'
|
|
}
|
|
if (this.borderRight) {
|
|
style.borderRightStyle = 'solid'
|
|
}
|
|
if (this.borderTop) {
|
|
style.borderTopStyle = 'solid'
|
|
}
|
|
if (this.borderBottom) {
|
|
style.borderBottomStyle = 'solid'
|
|
}
|
|
return style
|
|
}
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
created() {
|
|
this.children = []
|
|
},
|
|
watch: {
|
|
parentData() {
|
|
// 更新子组件的数据
|
|
if (this.children.length) {
|
|
this.children.map((child) => {
|
|
typeof(child.updateParentData) === 'function' && child.updateParentData()
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.tn-table {
|
|
box-sizing: border-box;
|
|
|
|
border-width: 1rpx;
|
|
border-style: none;
|
|
border-color: #AAAAAA;
|
|
}
|
|
</style>
|