129 lines
3.3 KiB
Vue
129 lines
3.3 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" :options="options" :collection="collectionList" field="parent_id,name,icon,sort,description,is_hot_show,is_index_show,create_date" :where="queryWhere" :getone="true" :manual="true">
|
|||
|
|
<view v-if="error">{{error.message}}</view>
|
|||
|
|
<view v-else-if="loading">
|
|||
|
|
<uni-load-more :contentText="loadMore" status="loading"></uni-load-more>
|
|||
|
|
</view>
|
|||
|
|
<view v-else-if="data">
|
|||
|
|
<view>
|
|||
|
|
<text>parent_id</text>
|
|||
|
|
<text>{{data.parent_id}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>类别名称</text>
|
|||
|
|
<text>{{data.name}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>图标地址</text>
|
|||
|
|
<text>{{data.icon}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>排序</text>
|
|||
|
|
<text>{{data.sort}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>类别描述</text>
|
|||
|
|
<text>{{data.description}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>加入热门显示</text>
|
|||
|
|
<text>{{data.is_hot_show == true ? '✅' : '❌'}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>首页显示</text>
|
|||
|
|
<text>{{data.is_index_show == true ? '✅' : '❌'}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text>create_date</text>
|
|||
|
|
<uni-dateformat :threshold="[0, 0]" :date="data.create_date"></uni-dateformat>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</unicloud-db>
|
|||
|
|
<view class="btns">
|
|||
|
|
<button type="primary" @click="handleUpdate">修改</button>
|
|||
|
|
<button type="warn" class="btn-delete" @click="handleDelete">删除</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// 由schema2code生成，包含校验规则和enum静态数据
|
|||
|
|
import { enumConverter } from '../../js_sdk/validator/ngtools-categories.js'
|
|||
|
|
const db = uniCloud.database()
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
queryWhere: '',
|
|||
|
|
collectionList: "ngtools-categories",
|
|||
|
|
loadMore: {
|
|||
|
|
contentdown: '',
|
|||
|
|
contentrefresh: '',
|
|||
|
|
contentnomore: ''
|
|||
|
|
},
|
|||
|
|
options: {
|
|||
|
|
// 将scheme enum 属性静态数据中的value转成text
|
|||
|
|
...enumConverter
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
this._id = e.id
|
|||
|
|
},
|
|||
|
|
onReady() {
|
|||
|
|
if (this._id) {
|
|||
|
|
this.queryWhere = '_id=="' + this._id + '"'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleUpdate() {
|
|||
|
|
// 打开修改页面
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: './edit?id=' + this._id,
|
|||
|
|
events: {
|
|||
|
|
// 监听修改页面成功修改数据后, 刷新当前页面数据
|
|||
|
|
refreshData: () => {
|
|||
|
|
this.$refs.udb.loadData({
|
|||
|
|
clear: true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleDelete() {
|
|||
|
|
this.$refs.udb.remove(this._id, {
|
|||
|
|
success: (res) => {
|
|||
|
|
// 删除数据成功后跳转到list页面
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: './list'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.container {
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btns {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
/* #ifndef APP-NVUE */
|
|||
|
|
display: flex;
|
|||
|
|
/* #endif */
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btns button {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn-delete {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
</style>
|