98 lines
2.5 KiB
Vue
98 lines
2.5 KiB
Vue
<template>
|
|
<view class="uni-container">
|
|
<uni-forms ref="form" :model="formData" validateTrigger="bind">
|
|
<uni-forms-item name="content" label="" required>
|
|
<uni-easyinput placeholder="搜索内容" v-model="formData.content"></uni-easyinput>
|
|
</uni-forms-item>
|
|
<uni-forms-item name="count" label="" required>
|
|
<undefined v-model="formData.count"></undefined>
|
|
</uni-forms-item>
|
|
<uni-forms-item name="create_date" label="">
|
|
<uni-datetime-picker return-type="timestamp" v-model="formData.create_date"></uni-datetime-picker>
|
|
</uni-forms-item>
|
|
<view class="uni-button-group">
|
|
<button type="primary" class="uni-button" style="width: 100px;" @click="submit">提交</button>
|
|
<navigator open-type="navigateBack" style="margin-left: 15px;">
|
|
<button class="uni-button" style="width: 100px;">返回</button>
|
|
</navigator>
|
|
</view>
|
|
</uni-forms>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { validator } from '../../js_sdk/validator/opendb-search-hot.js';
|
|
|
|
const db = uniCloud.database();
|
|
const dbCmd = db.command;
|
|
const dbCollectionName = 'opendb-search-hot';
|
|
|
|
function getValidator(fields) {
|
|
let result = {}
|
|
for (let key in validator) {
|
|
if (fields.includes(key)) {
|
|
result[key] = validator[key]
|
|
}
|
|
}
|
|
return result
|
|
}
|
|
|
|
|
|
|
|
export default {
|
|
data() {
|
|
let formData = {
|
|
"content": "",
|
|
"count": null,
|
|
"create_date": null
|
|
}
|
|
return {
|
|
formData,
|
|
formOptions: {},
|
|
rules: {
|
|
...getValidator(Object.keys(formData))
|
|
}
|
|
}
|
|
},
|
|
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).add(value).then((res) => {
|
|
uni.showToast({
|
|
title: '新增成功'
|
|
})
|
|
this.getOpenerEventChannel().emit('refreshData')
|
|
setTimeout(() => uni.navigateBack(), 500)
|
|
}).catch((err) => {
|
|
uni.showModal({
|
|
content: err.message || '请求服务失败',
|
|
showCancel: false
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|