每日总结1112

<template>
<view class="container">
<view class="example">
<uni-forms ref="form" :model="form" labelWidth="80px">
<uni-forms-item label="政策名称" name="name" >
<uni-easyinput v-model="form.name" placeholder="请输入政策名称" />
</uni-forms-item>
<uni-forms-item label="政策分类" name="type" >
<uni-easyinput v-model="form.type" placeholder="请输入政策分类" />
</uni-forms-item>
<uni-forms-item label="${comment}" name="category" >
<uni-easyinput v-model="form.category" placeholder="请输入${comment}" />
</uni-forms-item>
<uni-forms-item label="施行范围" name="range" >
<uni-easyinput v-model="form.range" placeholder="请输入施行范围" />
</uni-forms-item>
<uni-forms-item label="发文字号" name="document" >
<uni-easyinput v-model="form.document" placeholder="请输入发文字号" />
</uni-forms-item>
<uni-forms-item label="颁布形式" name="form" >
<uni-easyinput v-model="form.form" placeholder="请输入颁布形式" />
</uni-forms-item>
<uni-forms-item label="发文机构" name="organ" required >
<uni-easyinput v-model="form.organ" placeholder="请输入发文机构" />
</uni-forms-item>
<uni-forms-item label="${comment}" name="viadata" >
<uni-datetime-picker type="datetime" v-model="form.viadata" return-type="string" />
</uni-forms-item>
<uni-forms-item label="颁布日期" name="pubdata" >
<uni-datetime-picker type="datetime" v-model="form.pubdata" return-type="string" />
</uni-forms-item>
<uni-forms-item label="${comment}" name="perdata" >
<uni-datetime-picker type="datetime" v-model="form.perdata" return-type="string" />
</uni-forms-item>
<uni-forms-item label="${comment}" name="text" >
<uni-easyinput type="textarea" v-model="form.text" placeholder="请输入${comment}" />
</uni-forms-item>

</uni-forms>
<view class="button-group">
<button type="default" style="padding:0 3em;font-size:14px" class="button" @click="reset">重置</button>
<button type="primary" style="padding:0 3em;font-size:14px" class="button" @click="submit">提交</button>
</view>
</view>
</view>
</template>

<script>
import { addPolicy,getPolicy,listPolicy } from "@/api/system/policy";

export default {
components: {
},
data() {
return {
//字典类型筛选options
form: {},
rules: {
organ: {
rules: [{ required: true, errorMessage: "发文机构不能为空" }]
},
}
}
},
onLoad(option) {
//字典类型查询
},
onReady() {
this.$refs.form.setRules(this.rules)
},
methods: {
/* 提交*/
submit() {
console.log(this.form)
this.$refs.form.validate().then(res => {
addPolicy(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
setTimeout(() => {
// 返回到上一级父页面
this.$tab.navigateBack();
},500)
})
})
},
/* 表单重置*/
reset(){
this.form = {
id: undefined,
name: undefined,
type: undefined,
category: undefined,
range: undefined,
document: undefined,
form: undefined,
organ: undefined,
viadata: undefined,
pubdata: undefined,
perdata: undefined,
text: undefined
};
}
}
}
</script>

<style lang="scss">
page {
background-color: #ffffff;
}

.example {
padding: 15px;
background-color: #fff;
}
.button-group {
margin-top: 15px;
display: flex;
justify-content: space-around;
}
</style>