5***@qq.com
5***@qq.com
  • 发布:2025-02-09 00:49
  • 更新:2025-02-09 00:49
  • 阅读:106

admin schema2code代码生成页面为什么图片不显示

分类:uni-app

// 文档教程: https://uniapp.dcloud.net.cn/uniCloud/schema
{
"bsonType": "object",
"required": ["classname","orderid"],
"permission": {
"read": true,
"create": false,
"update": false,
"delete": false
},
"properties": {
"_id": {
"description": "ID,系统自动生成"
},
"orderid": {
"bsonType": "int",
"description": "类别显示顺序",
"title": "排序"
},
"classname": {
"bsonType": "string",
"description": "类别名称",
"title": "名称",
"trim": "both",
"minLength": 2,
"maxLength": 8
},

    "icon": {  
        "bsonType": "file",  
        "description": "缩列图地址",  
        "title": "图标"             

    },  

    "state":{  
        "bsonType": "bool",  
        "description": "是否启用 默认false, true是启用",  
        "defaultValue":true,  
        "title": "状态"  
    },  
    "create_date": {  
        "bsonType": "timestamp",  
        "description": "创建时间",  
        "title": "创建时间",  
        "forceDefaultValue": {  
            "$env": "now"  
        }  
    }  
}  

}

生成的后台list列表 <template> <view> <view class="uni-header"> <view class="uni-group"> <view class="uni-title"></view> <view class="uni-sub-title"></view> </view> <view class="uni-group"> <input class="uni-search" type="text" v-model="query" @confirm="search" placeholder="请输入搜索内容" /> <button class="uni-button" type="default" size="mini" @click="search">搜索</button> <button class="uni-button" type="default" size="mini" @click="navigateTo('./add')">新增</button> <button class="uni-button" type="default" size="mini" :disabled="!selectedIndexs.length" @click="delTable">批量删除</button> <download-excel class="hide-on-phone" :fields="exportExcel.fields" :data="exportExcelData" type="exportExcel.type" :name="exportExcel.filename"> <button class="uni-button" type="primary" size="mini">导出 Excel</button>
</download-excel>
</view>
</view>
<view class="uni-container">
<unicloud-db ref="udb" :collection="collectionList" field="orderid,classname,icon,state" :where="where"
page-data="replace" :orderby="orderby" :getcount="true" :page-size="options.pageSize" page-current="options.pageCurrent" v-slot:default="{data,pagination,loading,error,options}" options="options" loadtime="manual" @load="onqueryload"> <uni-table ref="table" :loading="loading" :emptyText="error.message || '没有更多数据'" border stripe
type="selection" @selection-change="selectionChange">
<uni-tr>
<uni-th align="center" filter-type="range" @filter-change="filterChange($event, 'orderid')"
sortable @sort-change="sortChange($event, 'orderid')">排序</uni-th>
<uni-th align="center" filter-type="search" @filter-change="filterChange($event, 'classname')"
sortable @sort-change="sortChange($event, 'classname')">名称</uni-th>
<uni-th align="center" sortable @sort-change="sortChange($event, 'icon')">图标</uni-th>
<uni-th align="center" sortable @sort-change="sortChange($event, 'state')">状态</uni-th>
<uni-th align="center">操作</uni-th>
</uni-tr>
<uni-tr v-for="(item,index) in data" :key="index">
<uni-td align="center">{{item.orderid}}</uni-td>
<uni-td align="center">{{item.classname}}</uni-td>
<uni-td align="center">
<uni-file-picker v-if="item.icon && item.icon.fileType == 'image'" v-model="item.icon" file-mediatype="item.icon && item.icon.fileType" return-type="object" imageStyles="imageStyles" readonly></uni-file-picker> <uni-link v-else :href="item.icon && item.icon.url" text="item.icon && item.icon.url"></uni-link> </uni-td>
<uni-td align="center">{{item.state == true ? '✅' : '❌'}}</uni-td>
<uni-td align="center">
<view class="uni-group">
<button @click="navigateTo('./edit?id='+item._id, false)" class="uni-button" size="mini"
type="primary">修改</button>
<button @click="confirmDelete(item._id)" class="uni-button" size="mini"
type="warn">删除</button>
</view>
</uni-td>
</uni-tr>
</uni-table>
<view class="uni-pagination-box">
<uni-pagination show-icon :page-size="pagination.size" v-model="pagination.current" total="pagination.count" @change="onPageChanged" /> </view>
</unicloud-db>
</view>
</view>
</template>

<script>
import {
enumConverter,
filterToWhere
} from '../../js_sdk/validator/manage-house-nav.js';

const db = uniCloud.database()  
// 表查询配置  
const dbOrderBy = '' // 排序字段  
const dbSearchFields = [] // 模糊搜索字段,支持模糊搜索的字段列表。联表查询格式: 主表字段名.副表字段名,例如用户表关联角色表 role.role_name  
// 分页配置  
const pageSize = 20  
const pageCurrent = 1  

const orderByMapping = {  
    "ascending": "asc",  
    "descending": "desc"  
}  

export default {  
    data() {  
        return {  
            collectionList: "manage-house-nav",  
            query: '',  
            where: '',  
            orderby: dbOrderBy,  
            orderByFieldName: "",  
            selectedIndexs: [],  
            options: {  
                pageSize,  
                pageCurrent,  
                filterData: {},  
                ...enumConverter  
            },  
            imageStyles: {  
                width: 64,  
                height: 64  
            },  
            exportExcel: {  
                "filename": "manage-house-nav.xls",  
                "type": "xls",  
                "fields": {  
                    "排序": "orderid",  
                    "名称": "classname",  
                    "图标": "icon",  
                    "状态": "state"  
                }  
            },  
            exportExcelData: []  
        }  
    },  
    onLoad() {  
        this._filter = {}  
    },  
    onReady() {  
        this.$refs.udb.loadData()  
    },  
    methods: {  
        onqueryload(data) {  
            this.exportExcelData = data  
        },  
        getWhere() {  
            const query = this.query.trim()  
            if (!query) {  
                return ''  
            }  
            const queryRe = new RegExp(query, 'i')  
            return dbSearchFields.map(name => queryRe + '.test(' + name + ')').join(' || ')  
        },  
        search() {  
            const newWhere = this.getWhere()  
            this.where = newWhere  
            this.$nextTick(() => {  
                this.loadData()  
            })  
        },  
        loadData(clear = true) {  
            this.$refs.udb.loadData({  
                clear  
            })  
        },  
        onPageChanged(e) {  
            this.selectedIndexs.length = 0  
            this.$refs.table.clearSelection()  
            this.$refs.udb.loadData({  
                current: e.current  
            })  
        },  
        navigateTo(url, clear) {  
            // clear 表示刷新列表时是否清除页码,true 表示刷新并回到列表第 1 页,默认为 true  
            uni.navigateTo({  
                url,  
                events: {  
                    refreshData: () => {  
                        this.loadData(clear)  
                    }  
                }  
            })  
        },  
        // 多选处理  
        selectedItems() {  
            var dataList = this.$refs.udb.dataList  
            return this.selectedIndexs.map(i => dataList[i]._id)  
        },  
        // 批量删除  
        delTable() {  
            this.$refs.udb.remove(this.selectedItems(), {  
                success: (res) => {  
                    this.$refs.table.clearSelection()  
                }  
            })  
        },  
        // 多选  
        selectionChange(e) {  
            this.selectedIndexs = e.detail.index  
        },  
        confirmDelete(id) {  
            this.$refs.udb.remove(id, {  
                success: (res) => {  
                    this.$refs.table.clearSelection()  
                }  
            })  
        },  
        sortChange(e, name) {  
            this.orderByFieldName = name;  
            if (e.order) {  
                this.orderby = name + ' ' + orderByMapping[e.order]  
            } else {  
                this.orderby = ''  
            }  
            this.$refs.table.clearSelection()  
            this.$nextTick(() => {  
                this.$refs.udb.loadData()  
            })  
        },  
        filterChange(e, name) {  
            this._filter[name] = {  
                type: e.filterType,  
                value: e.filter  
            }  
            let newWhere = filterToWhere(this._filter, db.command)  
            if (Object.keys(newWhere).length) {  
                this.where = newWhere  
            } else {  
                this.where = ''  
            }  
            this.$nextTick(() => {  
                this.$refs.udb.loadData()  
            })  
        }  
    }  
}  

</script>

<style>
</style>

2025-02-09 00:49 负责人:无 分享
已邀请:

要回复问题请先登录注册