135 lines
2.7 KiB
Vue
135 lines
2.7 KiB
Vue
<template>
|
|
<view>
|
|
<uni-calendar ref="calendar" :insert="false" @confirm="confirm" />
|
|
<form>
|
|
<view class="uni-form-item">
|
|
<view class="title">
|
|
日期
|
|
</view>
|
|
<input type="text" v-model="form.date" @focus="open">
|
|
</view>
|
|
<view class="uni-form-item">
|
|
<view class="title">
|
|
报送人
|
|
</view>
|
|
<input type="text" v-model="form.send">
|
|
</view>
|
|
<view class="uni-form-item">
|
|
<view class="title">
|
|
部门
|
|
</view>
|
|
<uni-data-picker :localdata="departmentList" v-model="form.department"></uni-data-picker>
|
|
</view>
|
|
<view class="uni-form-item">
|
|
<view class="title">
|
|
职务
|
|
</view>
|
|
<uni-data-picker :localdata="positionList" v-model="form.position"></uni-data-picker>
|
|
</view>
|
|
<view class="uni-form-item">
|
|
<view class="title">
|
|
动态
|
|
</view>
|
|
<textarea v-model="form.seniorExecutive"
|
|
placeholder="各部门精选重要工作信息呈报.动态信息要素完整,重点突出,文字精炼,杜绝只言片语,冗长拖沓,含糊不清,字数不超过120字.会议类信息要准确提炼会议要点,事件类信息言简意赅清楚起因,过程和结果,统计分析类信息观点清晰,数据充分,需求类信息清楚诉求,意义和建议" />
|
|
</view>
|
|
<button class="btn gradient round margin-box">提交</button>
|
|
</form>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {
|
|
date: "2023-3-1",
|
|
send: "哇卡哇卡",
|
|
position: "副总裁",
|
|
seniorExecutive: ""
|
|
},
|
|
positionList: [{
|
|
value: '董事',
|
|
text: '董事',
|
|
},
|
|
{
|
|
value: '监事',
|
|
text: '监事',
|
|
},
|
|
{
|
|
value: '总裁',
|
|
text: '总裁',
|
|
},
|
|
{
|
|
value: '副总裁',
|
|
text: '副总裁',
|
|
},
|
|
{
|
|
value: '评级总监',
|
|
text: '评级总监',
|
|
},
|
|
{
|
|
value: '信评委主任',
|
|
text: '信评委主任',
|
|
},
|
|
],
|
|
departmentList: [{
|
|
value: '业务发展一部',
|
|
text: '业务发展一部',
|
|
},
|
|
{
|
|
value: '业务发展二部',
|
|
text: '业务发展二部',
|
|
},
|
|
{
|
|
value: '业务发展西南部',
|
|
text: '业务发展西南部',
|
|
},
|
|
{
|
|
value: '数字化部',
|
|
text: '数字化部',
|
|
},
|
|
{
|
|
value: '创新业务部',
|
|
text: '创新业务部',
|
|
},
|
|
{
|
|
value: '人力资源部',
|
|
text: '人力资源部',
|
|
},
|
|
]
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
|
|
open() {
|
|
this.$refs.calendar.open();
|
|
},
|
|
confirm(e) {
|
|
console.log(e);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
input,
|
|
textarea {
|
|
border: 1px solid #eee;
|
|
padding: 8px 20px;
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
height: 200px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.title {
|
|
font-weight: 800;
|
|
padding: 10px 0px;
|
|
|
|
}
|
|
</style>
|