<template>
|
<view class="page-box">
|
<u-form label-width="80" ref="uForm" labelPosition="top" :model="form" :rules="rules">
|
<u-form-item label="访问企业" prop="companyName">
|
<u-input placeholder="请输入" disabled v-model="form.companyName"></u-input>
|
</u-form-item>
|
<u-form-item label="来访时间" prop="comeTime">
|
<u-input placeholder="请输入" disabled v-model="form.comeTime"></u-input>
|
</u-form-item>
|
<u-form-item label="来访单位" @click="selectValue" prop="comeDeptName">
|
<u-input placeholder="请输入" readonly :value="form.comeDeptName"></u-input>
|
</u-form-item>
|
<u-form-item label="来访人员" prop="comeUser">
|
<u-input placeholder="请输入" v-model="form.comeUser"></u-input>
|
</u-form-item>
|
<u-form-item label="来访事项" prop="comeContent">
|
<u-textarea placeholder="请输入" v-model="form.comeContent"></u-textarea>
|
</u-form-item>
|
<u-form-item label="随行人数" prop="userNum">
|
<u-input placeholder="请输入" v-model="form.userNum" type="number"></u-input>
|
</u-form-item>
|
<u-form-item label="备注" prop="remark">
|
<u-textarea placeholder="请输入" v-model="form.remark"></u-textarea>
|
</u-form-item>
|
</u-form>
|
<view class="down-options-button">
|
<view class="options">
|
<u-button type="primary" @click="addLog">提交</u-button>
|
</view>
|
<view class="options">
|
<u-button type="info " @click="reset">重置</u-button>
|
</view>
|
</view>
|
<u-picker :show="show" @close="show = false" @confirm="confirm" @cancel="show = false" keyName="deptName" :columns="columns"></u-picker>
|
</view>
|
</template>
|
|
<script>
|
import { companyList } from '@/api/policy.js'
|
import { deptList,addLog } from '@/api/index.js'
|
export default {
|
data() {
|
return {
|
code: '',
|
form: {
|
companyName: "",
|
comeTime: "",
|
comeDeptName: ""
|
},
|
show: false,
|
columns: [],
|
rules:{
|
'companyName': {
|
required: true,
|
message: '请选择访问企业',
|
trigger: ['blur', 'change']
|
},
|
comeTime: {
|
required: true,
|
message: '请选择来访时间',
|
trigger: ['blur', 'change']
|
},
|
comeDeptName: {
|
required: true,
|
message: '请选择来访单位',
|
trigger: ['blur', 'change']
|
},
|
comeUser: {
|
required: true,
|
message: '请输入来访人员',
|
trigger: ['blur', 'change']
|
},
|
comeContent: {
|
required: true,
|
message: '请输入来访事项',
|
trigger: ['blur', 'change']
|
}
|
}
|
}
|
},
|
onLoad(options) {
|
this.code = options.value
|
this.companyList()
|
this.deptList()
|
},
|
methods: {
|
reset() {
|
const { companyName, comeTime, companyId, companyUser, companyPhone } = this.form
|
this.form = {
|
companyName: companyName,
|
companyId: companyId,
|
comeTime: comeTime,
|
companyUser: companyUser,
|
companyPhone: companyPhone,
|
comeDeptName: ""
|
}
|
},
|
addLog() {
|
this.$refs.uForm.validate().then(val => {
|
addLog(this.form).then(val => {
|
// console.log(val)
|
if(val.data.code == 200) {
|
// uni.showToast({
|
// title: '登记成功',
|
// icon: 'none',
|
// duration: 5000
|
// })
|
// setTimeout(() => {
|
// uni.navigateBack()
|
// }, 500)
|
uni.showModal({
|
title: '提示',
|
content: '登记成功',
|
showCancel: false,
|
success: val => {
|
if(val.confirm) {
|
uni.navigateBack()
|
}
|
}
|
})
|
}
|
})
|
}).catch(err => {
|
console.log(err)
|
})
|
|
},
|
confirm(e) {
|
this.form.comeDeptName = e.value[0].deptName
|
this.form.comeDeptId = e.value[0].deptId
|
this.show = false
|
},
|
deptList(){
|
deptList({parentId: 100}).then(val => {
|
// console.log(val.data.data)
|
this.columns = [val.data.data]
|
})
|
},
|
companyList() {
|
companyList({companyCode: this.code}).then(val => {
|
if(val.data.rows.length) {
|
const details = val.data.rows[0]
|
this.form.companyName = details.companyName
|
this.form.companyId = details.companyId
|
this.form.companyUser = details.companyUser
|
this.form.companyPhone = details.companyPhone
|
// this.form.
|
this.form.comeTime = this.$u.timeFormat(new Date(), 'yyyy-mm-dd')
|
}
|
})
|
},
|
selectValue() {
|
this.show = true
|
}
|
}
|
}
|
</script>
|
<style>
|
page{
|
padding: 20rpx;
|
box-sizing: border-box;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.page-box{
|
padding-bottom: 220rpx;
|
}
|
.down-options-button{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
background-color: white;
|
padding: 20rpx 20rpx 40rpx;
|
box-sizing: border-box;
|
left: 0;
|
.options{
|
width: 48%;
|
}
|
}
|
</style>
|
