schema2code 生成后台系统页面 查漏补缺

1.单张图片

这是schema的代码
"bannerfile": {
	"bsonType": "file",
		"fileMediaType": "image",
		"title": "图片文件",
		"description": "图片文件信息，包括文件名、url等"
}

上面生成的页面list，图片不显示，空白

解决1：直接在生成的list页面改成如下：

<uni-td align="center">
    <uni-file-picker
    :del-icon="false"
    file-mediatype="image" 
    return-type="object" 
    v-model="item.bannerfile"></uni-file-picker>
</uni-td>

就能正常显示

2.多张图片

这是schema的代码
"goods_banner_imgs": {
	"bsonType": "array",
	"arrayType": "file",
	"maxLength": 4,
	"fileMediaType": "image",
	"title": "商品详情页",
	"description": "商品详情页的banner图地址"
},

上面生成的页面list，图片不显示，空白

解决2：直接在生成的list页面改成如下：

<uni-td align="center">
   <uni-file-picker 
	  :del-icon="false"
	  file-mediatype="image" 
	  :limit="item.goods_banner_imgs.length" 
	  return-type="array" 
	  v-model="item.goods_banner_imgs"></uni-file-picker>
</uni-td>

就能正常显示

3.想改叉勾换成switch按钮

代码依然是改list

<uni-td align="center">{{item.is_on_sale== true ? '✅' : '❌'}}</uni-td>

<-- 上面改成下面 -->

<uni-td align="center"><switch :checked="item.is_on_sale" @change="enableChange(item)" /></uni-td>

还要在methods加入函数

enableChange(item){
	item.is_on_sale = item.is_on_sale ? false : true;
	db.collection("opendb-mall-goods").doc(item._id).update({
		is_on_sale: item.is_on_sale
	});
},

OK！