表单
This commit is contained in:
@@ -10,6 +10,7 @@
|
|||||||
<p>“户主的出生日期”</p>
|
<p>“户主的出生日期”</p>
|
||||||
<p>“户主的民族”</p>
|
<p>“户主的民族”</p>
|
||||||
<p>“户主家里的家庭人口数”</p>
|
<p>“户主家里的家庭人口数”</p>
|
||||||
|
<p>“我要上报的事情”</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="microphone-info">
|
<div class="microphone-info">
|
||||||
@@ -47,7 +48,7 @@ export default {
|
|||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.text = ''
|
this.text = ''
|
||||||
document.title = '婚姻家庭纠纷入户登记表'
|
document.title = '巡查上报'
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions(['injectJWeixin']),
|
...mapActions(['injectJWeixin']),
|
||||||
@@ -105,7 +106,6 @@ uni-page-body {
|
|||||||
.problem-list {
|
.problem-list {
|
||||||
margin: 0 0 32px 32px;
|
margin: 0 0 32px 32px;
|
||||||
width: 686px;
|
width: 686px;
|
||||||
height: 520px;
|
|
||||||
background: #F5F6F8;
|
background: #F5F6F8;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
padding: 28px;
|
padding: 28px;
|
||||||
@@ -121,7 +121,6 @@ uni-page-body {
|
|||||||
}
|
}
|
||||||
.list-content {
|
.list-content {
|
||||||
width: 630px;
|
width: 630px;
|
||||||
height: 392px;
|
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|||||||
@@ -58,6 +58,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<span class="tips">*</span>
|
||||||
|
<div class="text-label">
|
||||||
|
<div class="label">我要上报的事情</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-value">
|
||||||
|
<u-input type="textarea" placeholder="请输入" :height="300" input-align="left" v-model="info.reportThing" :clearable="false" maxlength="500"></u-input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom-btn">
|
<div class="bottom-btn">
|
||||||
<!-- <div class="confirm" @click="confirm('保存成功')">保存内容</div> -->
|
<!-- <div class="confirm" @click="confirm('保存成功')">保存内容</div> -->
|
||||||
@@ -138,7 +147,10 @@ export default {
|
|||||||
// if(this.info.householdNumber == null || !this.info.householdNumber) {
|
// if(this.info.householdNumber == null || !this.info.householdNumber) {
|
||||||
// return this.$u.toast('请输入家庭人口数')
|
// return this.$u.toast('请输入家庭人口数')
|
||||||
// }
|
// }
|
||||||
this.$u.toast(successText)
|
// this.showModel = true
|
||||||
|
this.$confirm('已流转到城管部门处理', '上报成功').then(() => {
|
||||||
|
this.back()
|
||||||
|
})
|
||||||
},
|
},
|
||||||
back() {
|
back() {
|
||||||
uni.navigateBack({delta: 2})
|
uni.navigateBack({delta: 2})
|
||||||
@@ -169,21 +181,21 @@ uni-page-body {
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
color: #F46;
|
color: #F46;
|
||||||
}
|
}
|
||||||
|
.label {
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #333;
|
||||||
|
line-height: 44px;
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
.item-border {
|
.item-border {
|
||||||
padding: 34px 32px 34px 0;
|
padding: 34px 32px 34px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-bottom: 1px solid #D8DDE6;
|
border-bottom: 1px solid #D8DDE6;
|
||||||
display: flex;
|
display: flex;
|
||||||
.label {
|
|
||||||
font-family: PingFangSC-Regular;
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333;
|
|
||||||
line-height: 44px;
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
.value {
|
.value {
|
||||||
width: calc(100% - 200px);
|
width: calc(100% - 240px);
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.u-input {
|
.u-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -202,6 +214,15 @@ uni-page-body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.text-label {
|
||||||
|
padding: 34px 32px 34px 0;
|
||||||
|
}
|
||||||
|
.text-value {
|
||||||
|
padding-right: 32px;
|
||||||
|
::v-deep .uni-textarea-textarea{
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bottom-btn {
|
.bottom-btn {
|
||||||
|
|||||||
@@ -61,7 +61,7 @@
|
|||||||
<span>{{ $dict.getLabel('nation', info.nation) || '请选择'}}</span>
|
<span>{{ $dict.getLabel('nation', info.nation) || '请选择'}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item pad-b">
|
<div class="item">
|
||||||
<div class="label">
|
<div class="label">
|
||||||
<span>家庭人口数</span>
|
<span>家庭人口数</span>
|
||||||
<div class="edit" @click="editHouseholdNumber=true">
|
<div class="edit" @click="editHouseholdNumber=true">
|
||||||
@@ -73,6 +73,18 @@
|
|||||||
<span v-else>{{info.householdNumber || '请输入'}}</span>
|
<span v-else>{{info.householdNumber || '请输入'}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="item pad-b">
|
||||||
|
<div class="label">
|
||||||
|
<span>我要上报的事情</span>
|
||||||
|
<div class="edit" @click="editReportThing=true">
|
||||||
|
<img src="./img/edit.png" alt="">修改
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="value">
|
||||||
|
<u-input type="textarea" placeholder="请输入" :height="300" input-align="center" v-model="info.reportThing" :clearable="false" maxlength="500" v-if="editReportThing"></u-input>
|
||||||
|
<span v-else>{{info.reportThing || '请输入'}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom-btn">
|
<div class="bottom-btn">
|
||||||
<div class="confirm" @click="toConfirm">确认使用</div>
|
<div class="confirm" @click="toConfirm">确认使用</div>
|
||||||
@@ -100,6 +112,7 @@ export default {
|
|||||||
editName: false,
|
editName: false,
|
||||||
editPhone: false,
|
editPhone: false,
|
||||||
editHouseholdNumber: false,
|
editHouseholdNumber: false,
|
||||||
|
editReportThing: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -222,7 +235,6 @@ uni-page-body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.value {
|
.value {
|
||||||
width: calc(100% - 150px);
|
|
||||||
.u-input, span{
|
.u-input, span{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -233,7 +245,8 @@ uni-page-body {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
}
|
}
|
||||||
::v-deep .uni-input-input {
|
::v-deep .uni-input-input,
|
||||||
|
::v-deep .uni-textarea-textarea{
|
||||||
color: #3975c6;
|
color: #3975c6;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-family: PingFangSC;
|
font-family: PingFangSC;
|
||||||
|
|||||||
Reference in New Issue
Block a user