Commit cfb83799 authored by xinzhedeai's avatar xinzhedeai

add 字段正式化处理

parent f75e4a6e
......@@ -44,17 +44,17 @@
<div id="app">
<div class="content" v-cloak>
<van-cell-group>
<van-cell is-link @click="showPopup=true">检查日期<span class="formValue">{{createDate}}</span></van-cell>
<van-popup v-model="showPopup" position="bottom" :style="{ height: '30%' }">
<van-datetime-picker v-model="currentDate" type="date" title="选择年月日" @confirm="confirmDate" @cancel="showPopup=false" />
<van-cell is-link @click="showPopup4hdInspectDate=true">检查日期<span class="formValue">{{form.hdInspectDate}}</span></van-cell>
<van-popup v-model="showPopup4hdInspectDate" position="bottom" :style="{ height: '30%' }">
<van-datetime-picker v-model="hdInspectDateModel" type="date" title="选择年月日" @confirm="confirm4hdInspectDate" @cancel="showPopup4hdInspectDate=false" />
</van-cell-group>
<van-cell-group>
<van-field v-model="hdInspectExpert" label="检查人员" placeholder="" />
<van-field v-model="form.hdInspectExpert" label="检查人员" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-cell>隐患类型:
<van-radio-group v-model="hdLevel" direction="horizontal">
<van-radio-group v-model="form.hdLevel" direction="horizontal">
<van-radio name="1">一般隐患</van-radio>
<van-radio name="2">重大隐患</van-radio>
</van-radio-group>
......@@ -62,42 +62,42 @@
</van-cell-group>
<van-cell-group>
<van-cell is-link @click="showPopup4findQuestion=true">安全类别:<span class="formValue">{{findQuestion}}</span></van-cell>
<van-popup v-model="showPopup4findQuestion" round position="bottom">
<van-picker show-toolbar :columns="columns4findQuestion" @cancel="showPopup4findQuestion = false" @confirm="onConfirm4findQuestion" />
<van-cell is-link @click="showPopup4secType=true">安全类别:<span class="formValue">{{form.curSelectSecType}}</span></van-cell>
<van-popup v-model="showPopup4secType" round position="bottom">
<van-picker show-toolbar :columns="secType" value-key="name" @cancel="showPopup4secType = false" @confirm="onConfirm4secType" />
</van-popup>
</van-cell-group>
<van-cell-group>
<van-cell is-link @click="showPopup4findQuestion=true">安全检查类别:<span class="formValue">{{findQuestion}}</span></van-cell>
<van-popup v-model="showPopup4findQuestion" round position="bottom">
<van-picker show-toolbar :columns="columns4findQuestion" @cancel="showPopup4findQuestion = false" @confirm="onConfirm4findQuestion" />
<van-cell is-link @click="showPopup4secCheckTypeReplace=true">安全检查类别:<span class="formValue">{{form.curSelectSecType}}</span></van-cell>
<van-popup v-model="showPopup4secCheckTypeReplace" round position="bottom">
<van-picker show-toolbar :columns="secCheckTypeReplace" @cancel="showPopup4secCheckTypeReplace = false" @confirm="onConfirm4secCheckTypeReplace" />
</van-popup>
</van-cell-group>
<van-cell-group>
<van-cell is-link @click="showPopup4findQuestion=true">安全检查内容:<span class="formValue">{{findQuestion}}</span></van-cell>
<van-popup v-model="showPopup4findQuestion" round position="bottom">
<van-picker show-toolbar :columns="columns4findQuestion" @cancel="showPopup4findQuestion = false" @confirm="onConfirm4findQuestion" />
<van-cell is-link @click="showPopup4secCheckContent=true">安全检查内容:<span class="formValue">{{form.curSelectCheckContent}}</span></van-cell>
<van-popup v-model="showPopup4secCheckContent" round position="bottom">
<van-picker show-toolbar :columns="secCheckContent" @cancel="showPopup4secCheckContent = false" @confirm="onConfirm4secCheckContent" />
</van-popup>
</van-cell-group>
<van-cell-group>
<van-cell is-link @click="showPopup4findQuestion=true">发现问题:<span class="formValue">{{findQuestion}}</span></van-cell>
<van-popup v-model="showPopup4findQuestion" round position="bottom">
<van-picker show-toolbar :columns="columns4findQuestion" @cancel="showPopup4findQuestion = false" @confirm="onConfirm4findQuestion" />
<van-cell is-link @click="showPopup4secCheckDiscover=true">发现问题:<span class="formValue">{{form.hdName}}</span></van-cell>
<van-popup v-model="showPopup4secCheckDiscover" round position="bottom">
<van-picker show-toolbar :columns="secCheckDiscover" @cancel="showPopup4secCheckDiscover = false" @confirm="onConfirm4secCheckDiscover" />
</van-popup>
</van-cell-group>
<van-cell-group>
<van-field v-model="value" label="隐患描述" placeholder="" />
<van-field v-model="form.hdDesc" label="隐患描述" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-field v-model="value" label="检查依据" placeholder="" />
<van-field v-model="form.basis" label="检查依据" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-field v-model="value" label="整改建议" placeholder="" />
<van-field v-model="form.hdRectificationSug" label="整改建议" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-cell is-link @click="showPopup=true">整改期限<span class="formValue">{{createDate}}</span></van-cell>
<van-popup v-model="showPopup" position="bottom" :style="{ height: '30%' }">
<van-datetime-picker v-model="currentDate" type="date" title="选择年月日" @confirm="confirmDate" @cancel="showPopup=false" />
<van-cell is-link @click="showPopup4hdRectificationDate=true">整改期限<span class="formValue">{{form.hdRectificationDate}}</span></van-cell>
<van-popup v-model="showPopup4hdRectificationDate" position="bottom" :style="{ height: '30%' }">
<van-datetime-picker v-model="hdRectificationDateModel" type="date" title="选择年月日" @confirm="confirm4hdRectificationDate" @cancel="showPopup4hdRectificationDate=false" />
</van-popup>
</van-cell-group>
......@@ -121,15 +121,15 @@
</div></van-cell>
</van-cell-group>
<div v-if="hdStatus===1||hdStatus===2">
<div v-if="form.hdStatus===1||form.hdStatus===2">
<van-cell-group>
<van-field v-model="hdRectificationDate" label="审核日期" placeholder="" />
<van-field v-model="form.hdInspectDate" label="审核日期" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-field v-model="hdAcceptancePerson" label="审核人员" placeholder="" />
<van-field v-model="form.hdAcceptancePerson" label="审核人员" placeholder="" />
</van-cell-group>
<van-cell-group>
<van-field v-model="hdRectificationRecord" type="textarea" label="审核记录" autosize placeholder="" />
<van-field v-model="form.hdRectificationRecord" type="textarea" label="审核记录" autosize placeholder="" />
</van-cell-group>
</div>
......
......@@ -6,111 +6,114 @@ window.addEventListener("load", function() {
el: '#app',
data() {
return {
editAble: true,
// checkImg:false,
// showButton:false,
// // 企业id
// companyId: app.globalData.currentEnter.companyId,
// // 隐患验收人
hdAcceptancePerson: "刘德华",
// // 隐患描述
// comment: '',
// // 隐患id
// hdId: -1,
// // 隐患描述
// hdDesc: "",
// // 检查日期
// hdInspectDate: '',
// // 检查专家
hdInspectExpert: '刘德华',
// // 隐患级别 1 2
// hdLevel: 1,
// // 隐患名称
// hdName: '',
// // 隐患图片
// hdPic: null,
// // 隐患整改日期
form: {
// 检查日期
hdInspectDate: '',
// 检查人员
hdInspectExpert: '',
// 隐患类型
hdLevel: '1',
// 安全类别
curSelectSecType: '',
// 安全检查类别
curSelectSecCheckTypeReplace: '',
// 当前选择的安全检查内容
curSelectCheckContent: '',
// 发现问题
hdName: '',
// 隐患描述
hdDesc: "",
// 检查依据
basis: '',
// 隐患整改建议
hdRectificationSug: '',
// 隐患图片
hdPic: null,
// 隐患整改日期
hdRectificationDate: '2024-3-8 10:04:09',
// // 隐患整改图片
// 隐患整改图片
hdRectificationPic: null,
// 整改图片文件路径
rectFilePath: '',
// 审核人
hdAcceptancePerson: "刘德华",
hdRectificationRecord: '24年02月22日 审核未通过;24年02月22日 审核未通过',
hdInspectDate: '2024-3-11 14:37:53',
hdStatus: 1,
// // 隐患整改建议
suggestion:'',
// hdRectificationSug: '',
// // 隐患状态 0 正在整改 1 整改完毕
// hdStatus: 1,
// // 隐患预览图片
// imgsrcurl: '',
// // 整改预览照片
// imgrecturl: '',
// // 隐患图片文件路径
// hdFilePath: '',
// // 整改图片文件路径
// rectFilePath: '',
// // 放大图片的路径
// enlargeUrl: '',
// topAnimation: {},
// curRole:'',
// isToEnLarge: false,
// xcx:'xcx',
// // 总的安全类别
// secType: [
// {
// name: '安全资料类'
// },
// {
// name: '现场检查类'
// }
// ],
// //
// curSelectSecType: '',
// // 安全检查类别
// secCheckType: [],
// // 安全检查类别替代
// secCheckTypeReplace: [],
// // 当前选择的安全检查类别
// curSelectSecCheckTypeReplace: '',
// // 安全检查内容
// secCheckContent: [],
// // 当前选择的安全检查内容
// curSelectCheckContent: '',
hdInspectExpert: '',
hdLevel: '1',
username: '',
password: '',
value: '',
},
// 企业id
companyId: localStorage.getItem('companyId'),
editAble: true,
// 安全类别列表数据
secType: [{
name: '安全资料类',
},{
name: '现场检查类',
}],
showPopup4secType: false,
// 安全检查类别列表数据
secCheckTypeReplace: [],
showPopup4secCheckTypeReplace: false,
// 安全检查内容列表数据
secCheckContent: [],
showPopup4secCheckContent: false,
// 安全发现问题列表数据
secCheckDiscover: [],
showPopup4secCheckDiscover: false,
// 检查日期的模态框
hdInspectDateModel: '', // 时间的临时model值
showPopup4hdInspectDate: false,
// 整改日期模态框
hdRectificationDateModel: '',
showPopup4hdRectificationDate: false,
fileList: [],
value2: '',
value3: '',
pattern: /\d{6}/,
showPopup: false,
currentDate: '',
createDate: '',
showPopup4findQuestion: false,
columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
findQuestion: '',
// columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
// findQuestion: '',
}
},
mounted() {
},
mounted() {},
methods: {
formatDate(date) {
return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`;
},
onConfirm4findQuestion(value, index) {
this.findQuestion = value;
this.showPopup4findQuestion = false;
onConfirm4secType(value, index) {
console.log('value', value)
this.form.curSelectSecType = value.name
this.showPopup4secType = false
},
onConfirm4secCheckTypeReplace(value, index) {
console.log('value', value)
this.form.curSelectSecCheckTypeReplace = value.name
this.showPopup4secCheckTypeReplace = false
},
onConfirm4secCheckContent(value){
this.form.curSelectCheckContent = value.name
this.showPopup4secCheckContent = false
},
onConfirm4secCheckDiscover(value){
this.form.hdName = value
this.showPopup4secCheckDiscover = false
},
confirmDate(value) {
confirm4hdInspectDate(value) {
console.log('value', value)
this.createDate = this.formatDate(new Date(value))
this.form.hdInspectDate = this.formatDate(new Date(value))
this.showPopup4hdInspectDate = false
VUE.showPopup = false
},
confirm4hdRectificationDate(value) {
console.log('value', value)
this.form.hdRectificationDate = this.formatDate(new Date(value))
this.showPopup4hdRectificationDate = false
console.log('value', VUE.showPopup)
},
},
});
......
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