|
|
@ -8,9 +8,7 @@ |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.lawEnforcementIncidentText" |
|
|
v-model="submitData.lawEnforcementIncidentText" |
|
|
label="投诉事项" |
|
|
label="投诉事项" |
|
|
placeholder="请选择" |
|
|
|
|
|
readonly |
|
|
readonly |
|
|
clickable |
|
|
|
|
|
/> |
|
|
/> |
|
|
</view> |
|
|
</view> |
|
|
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/> |
|
|
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/> |
|
|
@ -18,7 +16,6 @@ |
|
|
v-model="submitData.enforceTypeText" |
|
|
v-model="submitData.enforceTypeText" |
|
|
label="投诉类型" |
|
|
label="投诉类型" |
|
|
readonly |
|
|
readonly |
|
|
clickable |
|
|
|
|
|
/> |
|
|
/> |
|
|
<van-popup v-model:show="data.showPicker" position="bottom"> |
|
|
<van-popup v-model:show="data.showPicker" position="bottom"> |
|
|
<van-picker |
|
|
<van-picker |
|
|
@ -30,17 +27,16 @@ |
|
|
</van-popup> |
|
|
</van-popup> |
|
|
<van-divider class="divdsty"/> |
|
|
<van-divider class="divdsty"/> |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.problemDescription" |
|
|
|
|
|
rows="5" |
|
|
|
|
|
autosize |
|
|
|
|
|
label="投诉内容" |
|
|
label="投诉内容" |
|
|
type="textarea" |
|
|
|
|
|
maxlength="300" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
readonly |
|
|
|
|
|
:rules="[{ required: true, message: '请输入投诉内容' }]" |
|
|
|
|
|
show-word-limit |
|
|
|
|
|
/> |
|
|
/> |
|
|
|
|
|
<van-field class="complaint-cont" |
|
|
|
|
|
v-model="submitData.problemDescription" |
|
|
|
|
|
rows="5" |
|
|
|
|
|
autosize |
|
|
|
|
|
type="textarea" |
|
|
|
|
|
readonly |
|
|
|
|
|
show-word-limit |
|
|
|
|
|
/> |
|
|
<van-divider class="divdsty"/> |
|
|
<van-divider class="divdsty"/> |
|
|
<div class="file-upload"> |
|
|
<div class="file-upload"> |
|
|
<van-image v-for="(item, index) in submitData.fileList" :key="index" |
|
|
<van-image v-for="(item, index) in submitData.fileList" :key="index" |
|
|
@ -67,7 +63,6 @@ |
|
|
autosize |
|
|
autosize |
|
|
label="涉事地址" |
|
|
label="涉事地址" |
|
|
type="textarea" |
|
|
type="textarea" |
|
|
placeholder="请填写详细地址" |
|
|
|
|
|
readonly |
|
|
readonly |
|
|
show-word-limit |
|
|
show-word-limit |
|
|
/> |
|
|
/> |
|
|
@ -76,16 +71,12 @@ |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.linkman" |
|
|
v-model="submitData.linkman" |
|
|
label="联系人" |
|
|
label="联系人" |
|
|
placeholder="联系人" |
|
|
|
|
|
readonly |
|
|
readonly |
|
|
:rules="[{ required: true, message: '请填写联系人' }]" |
|
|
|
|
|
/> |
|
|
/> |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.linkmanTel" |
|
|
v-model="submitData.linkmanTel" |
|
|
label="联系电话" |
|
|
label="联系电话" |
|
|
placeholder="联系电话" |
|
|
|
|
|
readonly |
|
|
readonly |
|
|
:rules="[{ validator, message: '请输入正确内容' }]" |
|
|
|
|
|
/> |
|
|
/> |
|
|
<div class="agree-box"> |
|
|
<div class="agree-box"> |
|
|
<span class="remsty" style="color: gray;">是否授权</span> |
|
|
<span class="remsty" style="color: gray;">是否授权</span> |
|
|
@ -736,4 +727,13 @@ |
|
|
box-shadow: 0 0 0.27rem #e5e5e5; |
|
|
box-shadow: 0 0 0.27rem #e5e5e5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.complaint-cont { |
|
|
|
|
|
margin: -1px 4% 2%; |
|
|
|
|
|
width: 92%; |
|
|
|
|
|
border-radius: 0.2rem; |
|
|
|
|
|
border: 0.02667rem solid #eee; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
line-height: 1.5; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |
|
|
|