Commit 8533a96d authored by xinzhedeai's avatar xinzhedeai

add 字段正式化处理

parent cfb83799
...@@ -55,3 +55,9 @@ localStorage.setItem('appCounty', userInfo.user.county) ...@@ -55,3 +55,9 @@ localStorage.setItem('appCounty', userInfo.user.county)
localStorage.setItem('companyId', userInfo.user.companyId) localStorage.setItem('companyId', userInfo.user.companyId)
localStorage.setItem('userInfo', JSON.stringify(userInfo)) localStorage.setItem('userInfo', JSON.stringify(userInfo))
// curSelectCounty: '威海火炬高技术开发区', //当前选择区域 eg:环翠
// curSelectCountyValue: '371071000000',
localStorage.setItem('appCounty', '371071000000')
...@@ -68,21 +68,21 @@ ...@@ -68,21 +68,21 @@
</van-popup> </van-popup>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-cell is-link @click="showPopup4secCheckTypeReplace=true">安全检查类别:<span class="formValue">{{form.curSelectSecType}}</span></van-cell> <van-cell is-link @click="showPopup4secCheckTypeReplace=true">安全检查类别:<span class="formValue">{{form.curSelectSecCheckTypeReplace}}</span></van-cell>
<van-popup v-model="showPopup4secCheckTypeReplace" round position="bottom"> <van-popup v-model="showPopup4secCheckTypeReplace" round position="bottom">
<van-picker show-toolbar :columns="secCheckTypeReplace" @cancel="showPopup4secCheckTypeReplace = false" @confirm="onConfirm4secCheckTypeReplace" /> <van-picker show-toolbar :columns="secCheckTypeReplace" value-key="name" @cancel="showPopup4secCheckTypeReplace = false" @confirm="onConfirm4secCheckTypeReplace" />
</van-popup> </van-popup>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-cell is-link @click="showPopup4secCheckContent=true">安全检查内容:<span class="formValue">{{form.curSelectCheckContent}}</span></van-cell> <van-cell is-link @click="showPopup4secCheckContent=true">安全检查内容:<span class="formValue">{{form.curSelectCheckContent}}</span></van-cell>
<van-popup v-model="showPopup4secCheckContent" round position="bottom"> <van-popup v-model="showPopup4secCheckContent" round position="bottom">
<van-picker show-toolbar :columns="secCheckContent" @cancel="showPopup4secCheckContent = false" @confirm="onConfirm4secCheckContent" /> <van-picker show-toolbar :columns="secCheckContent" value-key="name" @cancel="showPopup4secCheckContent = false" @confirm="onConfirm4secCheckContent" />
</van-popup> </van-popup>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-cell is-link @click="showPopup4secCheckDiscover=true">发现问题:<span class="formValue">{{form.hdName}}</span></van-cell> <van-cell is-link @click="showPopup4secCheckDiscover=true">发现问题:<span class="formValue">{{form.hdName}}</span></van-cell>
<van-popup v-model="showPopup4secCheckDiscover" round position="bottom"> <van-popup v-model="showPopup4secCheckDiscover" round position="bottom">
<van-picker show-toolbar :columns="secCheckDiscover" @cancel="showPopup4secCheckDiscover = false" @confirm="onConfirm4secCheckDiscover" /> <van-picker show-toolbar :columns="secCheckDiscover" value-key="name" @cancel="showPopup4secCheckDiscover = false" @confirm="onConfirm4secCheckDiscover" />
</van-popup> </van-popup>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
<van-field v-model="form.basis" label="检查依据" placeholder="" /> <van-field v-model="form.basis" label="检查依据" placeholder="" />
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-field v-model="form.hdRectificationSug" label="整改建议" placeholder="" /> <van-field v-model="form.suggestion" label="整改建议" placeholder="" />
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-cell is-link @click="showPopup4hdRectificationDate=true">整改期限<span class="formValue">{{form.hdRectificationDate}}</span></van-cell> <van-cell is-link @click="showPopup4hdRectificationDate=true">整改期限<span class="formValue">{{form.hdRectificationDate}}</span></van-cell>
......
/** /**
* author: dabao * author: dabao
*/ */
var VUE = null
window.addEventListener("load", function() { window.addEventListener("load", function() {
var VUE = new Vue({ VUE = new Vue({
el: '#app', el: '#app',
data() { data() {
return { return {
...@@ -26,7 +27,7 @@ window.addEventListener("load", function() { ...@@ -26,7 +27,7 @@ window.addEventListener("load", function() {
// 检查依据 // 检查依据
basis: '', basis: '',
// 隐患整改建议 // 隐患整改建议
hdRectificationSug: '', suggestion: '',
// 隐患图片 // 隐患图片
hdPic: null, hdPic: null,
// 隐患整改日期 // 隐患整改日期
...@@ -44,15 +45,15 @@ window.addEventListener("load", function() { ...@@ -44,15 +45,15 @@ window.addEventListener("load", function() {
// 企业id // 企业id
companyId: localStorage.getItem('companyId'), companyId: localStorage.getItem('companyId'),
editAble: true, editAble: true,
// 安全类别列表数据 // 安全类别列表数据
secType: [{ secType: [{
name: '安全资料类', name: '安全资料类',
},{ }, {
name: '现场检查类', name: '现场检查类',
}], }],
showPopup4secType: false, showPopup4secType: false,
// 安全检查类别列表数据 // 安全检查类别列表数据
secCheckTypeReplace: [], secCheckTypeReplace: [],
showPopup4secCheckTypeReplace: false, showPopup4secCheckTypeReplace: false,
...@@ -62,25 +63,68 @@ window.addEventListener("load", function() { ...@@ -62,25 +63,68 @@ window.addEventListener("load", function() {
// 安全发现问题列表数据 // 安全发现问题列表数据
secCheckDiscover: [], secCheckDiscover: [],
showPopup4secCheckDiscover: false, showPopup4secCheckDiscover: false,
// 检查日期的模态框 // 检查日期的模态框
hdInspectDateModel: '', // 时间的临时model值 hdInspectDateModel: '', // 时间的临时model值
showPopup4hdInspectDate: false, showPopup4hdInspectDate: false,
// 整改日期模态框 // 整改日期模态框
hdRectificationDateModel: '', hdRectificationDateModel: '',
showPopup4hdRectificationDate: false, showPopup4hdRectificationDate: false,
fileList: [], fileList: [],
// columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'], // columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
// findQuestion: '', // findQuestion: '',
} }
}, },
mounted() {}, mounted() {},
methods: { methods: {
submit() {
if (!this.form.hdInspectDate) {
vant.Dialog.alert({
message: '检查日期不能为空',
})
return
}
if (!this.data.curSelectSecType) {
vant.Dialog.alert({
message: '请选择安全类别',
})
return;
}
if (!this.data.curSelectSecCheckTypeReplace) {
vant.Dialog.alert({
message: '请选择安全检查类别',
})
return;
}
if (!this.data.curSelectCheckContent) {
vant.Dialog.alert({
message: '请选择安全检查内容',
})
return;
}
if (!this.data.hdName) {
vant.Dialog.alert({
message: '请选择发现问题',
})
return;
}
if (!this.data.imgsrcurl) {
vant.Dialog.alert({
message: '没有隐患照片',
})
return
}
},
formatDate(date) { formatDate(date) {
return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`; return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`;
}, },
...@@ -88,21 +132,93 @@ window.addEventListener("load", function() { ...@@ -88,21 +132,93 @@ window.addEventListener("load", function() {
console.log('value', value) console.log('value', value)
this.form.curSelectSecType = value.name this.form.curSelectSecType = value.name
this.showPopup4secType = false this.showPopup4secType = false
/**
逻辑处理相关
1、清理安全检查类别、检查内容和发现问题的相关信息
2、请求获取下级列表数据 检查类别
*/
this.secCheckTypeReplace = []
this.secCheckContent = []
this.secCheckDiscover = []
// 安全检查类别
this.form.curSelectSecCheckTypeReplace = ''
// 当前选择的安全检查内容
this.form.curSelectCheckContent = ''
// 发现问
this.form.hdName = ''
http.get('/api/enterpriseSafetyInspectionContent', {
county: localStorage.getItem('appCounty'),
level: 1,
type: value.name,
page: 0,
size: 99999,
}).then((res) => {
this.secCheckTypeReplace = res.content || []
})
}, },
onConfirm4secCheckTypeReplace(value, index) { onConfirm4secCheckTypeReplace(value, index) {
console.log('value', value) console.log('value', value)
this.form.curSelectSecCheckTypeReplace = value.name this.form.curSelectSecCheckTypeReplace = value.name
this.showPopup4secCheckTypeReplace = false this.showPopup4secCheckTypeReplace = false
/**
逻辑处理相关
1、清理安全检查类别、检查内容和发现问题的相关信息
2、请求获取下级列表数据 检查类别
*/
this.secCheckContent = []
this.secCheckDiscover = []
// 当前选择的安全检查内容
this.form.curSelectCheckContent = ''
// 发现问题
this.form.hdName = ''
http.get('/api/enterpriseSafetyInspectionContent', {
county: localStorage.getItem('appCounty'),
level: 2,
pid: value.id,
page: 0,
size: 99999,
}).then((res) => {
this.secCheckContent = res.content || []
})
}, },
onConfirm4secCheckContent(value){ onConfirm4secCheckContent(value) {
this.form.curSelectCheckContent = value.name this.form.curSelectCheckContent = value.name
this.showPopup4secCheckContent = false this.showPopup4secCheckContent = false
/**
逻辑处理相关
1、清理安全检查类别、检查内容和发现问题的相关信息
2、请求获取下级列表数据 检查类别
*/
this.secCheckDiscover = []
// 发现问题
this.form.hdName = ''
http.get('/api/enterpriseSafetyMatter', {
inspectionContentId: value.id,
page: 0,
size: 99999,
}).then((res) => {
this.secCheckDiscover = res.content || []
})
}, },
onConfirm4secCheckDiscover(value){ onConfirm4secCheckDiscover(value) {
this.form.hdName = value this.form.hdName = value.name
this.showPopup4secCheckDiscover = false this.showPopup4secCheckDiscover = false
// 给检查依据和整改建议赋默认值
this.form.basis = value.basis
this.form.suggestion = value.suggestion
}, },
confirm4hdInspectDate(value) { confirm4hdInspectDate(value) {
console.log('value', value) console.log('value', value)
this.form.hdInspectDate = this.formatDate(new Date(value)) this.form.hdInspectDate = this.formatDate(new Date(value))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment