<template>
|
<view class="check_add_index">
|
<u-form
|
ref="form"
|
:model="formCheck"
|
:rules="rulesCkeck"
|
labelWidth="auto"
|
labelPosition="left">
|
<u-form-item
|
label="检查名称"
|
prop="inspectName"
|
borderBottom>
|
<u-input
|
v-model="formCheck.inspectName"
|
placeholder="请输入检查名称"
|
border="none">
|
</u-input>
|
</u-form-item>
|
<u-form-item
|
label="整改人"
|
prop="userIdValue"
|
borderBottom
|
@click="changeUser()">
|
<u-input
|
v-model="formCheck.userIdValue"
|
placeholder="请选择整改人"
|
disabled
|
disabledColor="#FFFFFF"
|
border="none">
|
</u-input>
|
<u-icon
|
slot="right"
|
name="arrow-right">
|
</u-icon>
|
</u-form-item>
|
<view class="items_tyle">
|
<u-form-item
|
label="检查情况"
|
prop="inspectContent"
|
borderBottom>
|
<u--textarea v-model="formCheck.inspectContent" placeholder="请输入问题信息" height="100"></u--textarea>
|
</u-form-item>
|
</view>
|
<view style="overflow: auto;width: 100%;background-color: #FFFFFF;" class="upload_items">
|
<u-form-item>
|
<u-upload
|
:fileList="formCheck.imageList"
|
@afterRead="afterRead"
|
@delete="deleteImage"
|
name="66"
|
:previewFullImage="true"
|
:maxCount="6"
|
width="150"
|
height="150">
|
<image src="https://szpipe.thhy-tj.com/group1/M00/00/02/bx5d1GSihuWAA-kBAAAICqDtUn8566.png" mode="widthFix" style="width:64px;height: 100px;display: flex;justify-content: center;"></image>
|
<view style="text-align: center;font-size: 16px;color: #666666;">上传照片</view>
|
</u-upload>
|
</u-form-item>
|
</view>
|
</u-form>
|
<view class="submit_bnt">
|
<u-button type="primary" color="#1976FF" text="提交" @click="submitInsertForm()"></u-button>
|
</view>
|
<u-picker
|
:show="showUser"
|
:columns="userColumns"
|
keyName="realName"
|
@cancel="showUser = false"
|
@confirm="selectCompany">
|
</u-picker>
|
</view>
|
</template>
|
|
<script>
|
import { throttle } from '../../plugins/public.js';
|
import { basrUrl } from '@/api/http';
|
export default{
|
data(){
|
return{
|
showUser: false,//整改人弹框显隐
|
userColumns: [],//所有整改人
|
formCheck:{
|
imageList:[],//上传图片
|
userId:'',//整改人
|
},
|
rulesCkeck: {
|
inspectName: [{
|
required: true,
|
message: '请输入姓名',
|
trigger: 'blur'
|
}],
|
}
|
}
|
},
|
onLoad(option) {
|
console.log(option)
|
this.getUsersData()
|
},
|
methods:{
|
// 获取整改人信息
|
getUsersData() {
|
let arrUser = []
|
this.$api.system.getAllUsersList({userType: 2}).then(res=>{
|
if(res.statusMsg === 'ok'){
|
res.data.list.map(item=>{
|
arrUser.push({
|
realName:item.realName,
|
userId:item.userId
|
})
|
})
|
}else{
|
uni.$u.toast(res.statusMsg);
|
}
|
})
|
this.userColumns = [arrUser]
|
},
|
//提交按钮
|
submitInsertForm: throttle(function() {
|
this.$refs.form.validate().then((valid) => {
|
if(valid) {
|
const params = Object.assign({}, this.formCheck);
|
params.files = this.formCheck.imageList.map(item=>{
|
return item.data
|
});
|
params.isType = 1;
|
delete params.userIdValue;
|
delete params.imageList;
|
this.$api.reboSystem.insertCheck(params).then((res) => {
|
if(res.success) {
|
uni.$u.toast("提交成功！");
|
uni.redirectTo({
|
url: './checkSafe'
|
});
|
} else {
|
uni.$u.toast(res.statusMsg);
|
}
|
})
|
}
|
})
|
}, 3000),
|
// 打开整改人选择
|
changeUser() {
|
this.showUser = true;
|
this.$set(this.formCheck, 'userId', '');
|
this.$set(this.formCheck, 'userIdValue','');
|
},
|
// 确认选择整改人
|
selectCompany({ value }) {
|
this.$set(this.formCheck, 'userId', value[0].userId);
|
this.$set(this.formCheck, 'userIdValue', value[0].realName);
|
this.showUser = false;
|
},
|
// 读取图片后
|
afterRead(event) {
|
this.formCheck.imageList.push({
|
status: 'loading',
|
message: '上传中',
|
})
|
uni.uploadFile({
|
url: `${basrUrl}/file/file/upload`,
|
fileType: event.file.type,
|
filePath: event.file.url,
|
name: 'file',
|
success: (res) => {
|
const data = JSON.parse(res.data);
|
this.$set(this.formCheck.imageList, this.formCheck.imageList.length - 1, {
|
id: this.formCheck.imageList.length + 1,
|
status: 'success',
|
message: '',
|
data: data.data,
|
url: `https://szpipe.thhy-tj.com/${data.data}`
|
})
|
},
|
fail: (error) => {
|
uni.$u.toast('上传失败！');
|
}
|
})
|
},
|
// 删除图片
|
deleteImage(event) {
|
this.$nextTick(() => {
|
this.formCheck.imageList.splice(event.index, 1);
|
})
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.check_add_index{
|
background-color: #F6F6F6;
|
padding: 0 15px;
|
position: relative;
|
height: 100vh;
|
overflow: hidden;
|
}
|
.submit_bnt {
|
position: absolute;
|
bottom: 5%;
|
width: calc(100% - 30px);
|
}
|
|
|
::v-deep .u-input__content__field-wrapper__field {
|
text-align: right !important;
|
}
|
::v-deep .u-form-item{
|
margin: 15px 0;
|
padding: 0 10px;
|
background-color: #FFFFFF;
|
line-height: 40px;
|
border-radius: 4px;
|
}
|
::v-deep .u-upload{
|
flex: none !important;
|
justify-content: center;
|
align-items: center;
|
}
|
::v-deep .u-textarea{
|
background-color: #EFEFEF !important;
|
color: #999999 !important;
|
}
|
|
</style>
|
<style scoped>
|
.items_tyle /deep/.u-form-item__body{
|
flex-direction: column !important;
|
}
|
.upload_items /deep/.u-upload__wrap{
|
flex-wrap: nowrap;
|
align-items: center;
|
}
|
</style>
|
