问题遇到的现象和发生背景
在使用schame2code自动生成代码的时候,生成的edit.vue界面提交表单的时候提示docId必须为字符串或者数字
用代码块功能插入代码,请勿粘贴截图
<template>
<view class="uni-container">
<uni-forms ref="form" :model="formData" validate-trigger="submit" err-show-type="toast">
<uni-forms-item name="drug_name" label="药品名称" required>
<uni-easyinput v-model="formData.drug_name"></uni-easyinput>
</uni-forms-item>
<uni-forms-item name="salenum" label="销售数量">
<uni-easyinput type="number" v-model="formData.salenum"></uni-easyinput>
</uni-forms-item>
<uni-forms-item name="salePrice" label="销售单价">
<uni-easyinput v-model="formData.salePrice"></uni-easyinput>
</uni-forms-item>
<uni-forms-item name="saledata" label="销售日期">
<uni-datetime-picker return-type="timestamp" v-model="formData.saledata"></uni-datetime-picker>
</uni-forms-item>
<view class="uni-button-group">
<button type="primary" class="uni-button" @click="submit">提交</button>
</view>
</uni-forms>
</view>
</template>
<script>
import { validator } from '../../js_sdk/validator/data.js';
const db = uniCloud.database();
const dbCollectionName = 'data';
function getValidator(fields) {
let result = {}
for (let key in validator) {
if (fields.indexOf(key) > -1) {
result[key] = validator[key]
}
}
return result
}
export default {
data() {
let formData = {
"drug_type": "",
"view": null,
"drug_name": "",
"supplier": "",
"buyPrice": "",
"buynum": null,
"buydate": null,
"firstdata": null,
"lastdata": null,
"salenum": 0,
"salePrice": "",
"saledata": null
}
return {
formData,
formOptions: {
"drug_type_localdata": [
{
"text": "中药",
"value": "中药"
},
{
"text": "西药",
"value": "西药"
},
{
"text": "中西结合",
"value": "中西结合"
}
]
},
rules: {
...getValidator(Object.keys(formData))
}
}
},
onLoad(e) {
if (e.id) {
const id = e.id
this.formDataId = id
this.getDetail(id)
}
},
onReady() {
this.$refs.form.setRules(this.rules)
},
methods: {
/**
* 验证表单并提交
*/
submit() {
uni.showLoading({
mask: true
})
this.$refs.form.validate().then((res) => {
return this.submitForm(res)
}).catch(() => {
}).finally(() => {
uni.hideLoading()
})
},
/**
* 提交表单
*/
submitForm(value) {
// 使用 clientDB 提交数据
return db.collection(dbCollectionName).doc(this.formDataId).update(value).then((res) => {
uni.showToast({
icon: 'none',
title: '修改成功'
})
this.getOpenerEventChannel().emit('refreshData')
setTimeout(() => uni.navigateBack(), 500)
}).catch((err) => {
uni.showModal({
content: err.message || '请求服务失败',
showCancel: false
})
})
},
/**
* 获取表单数据
* @param {Object} id
*/
getDetail(id) {
uni.showLoading({
mask: true
})
db.collection(dbCollectionName).doc(id).field("drug_type,view,drug_name,supplier,buyPrice,buynum,buydate,firstdata,lastdata,salenum,salePrice,saledata").get().then((res) => {
const data = res.result.data[0]
if (data) {
this.formData = data
}
}).catch((err) => {
uni.showModal({
content: err.message || '请求服务失败',
showCancel: false
})
}).finally(() => {
uni.hideLoading()
})
}
}
}
</script>
<style>
.uni-container {
padding: 15px;
}
.uni-input-border,
.uni-textarea-border {
width: 100%;
font-size: 14px;
color: #666;
border: 1px #e5e5e5 solid;
border-radius: 5px;
box-sizing: border-box;
}
.uni-input-border {
padding: 0 10px;
height: 35px;
}
.uni-textarea-border {
padding: 10px;
height: 80px;
}
.uni-button-group {
margin-top: 50px;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
justify-content: center;
}
.uni-button {
width: 184px;
}
</style>
运行结果及报错内容
[本地调试]SYSTEM_ERROR:docIdb必须为字符串或者数字