|
|
@ -25,7 +25,7 @@ |
|
|
/> |
|
|
/> |
|
|
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData" /> |
|
|
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData" /> |
|
|
|
|
|
|
|
|
<van-field |
|
|
<!-- <van-field |
|
|
v-model="submitData.enforceTypeText" |
|
|
v-model="submitData.enforceTypeText" |
|
|
required |
|
|
required |
|
|
label="投诉类型" |
|
|
label="投诉类型" |
|
|
@ -42,17 +42,17 @@ |
|
|
@cancel="data.showPicker = false" |
|
|
@cancel="data.showPicker = false" |
|
|
@confirm="onConfirm" |
|
|
@confirm="onConfirm" |
|
|
/> |
|
|
/> |
|
|
</van-popup> |
|
|
</van-popup>--> |
|
|
<van-divider class="divdsty" /> |
|
|
<van-divider class="divdsty" /> |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.problemDescription" |
|
|
v-model="submitData.problemDescription" |
|
|
required |
|
|
required |
|
|
rows="5" |
|
|
rows="5" |
|
|
autosize |
|
|
autosize |
|
|
label="问题描述" |
|
|
label="诉求内容" |
|
|
type="textarea" |
|
|
type="textarea" |
|
|
maxlength="300" |
|
|
maxlength="300" |
|
|
placeholder="请输入描述" |
|
|
placeholder="请输入" |
|
|
show-word-limit |
|
|
show-word-limit |
|
|
/> |
|
|
/> |
|
|
<van-divider class="divdsty" /> |
|
|
<van-divider class="divdsty" /> |
|
|
@ -74,6 +74,18 @@ |
|
|
</div> |
|
|
</div> |
|
|
<van-divider class="divdsty" /> |
|
|
<van-divider class="divdsty" /> |
|
|
|
|
|
|
|
|
|
|
|
<van-field |
|
|
|
|
|
v-model="submitData.enterpriseAddress" |
|
|
|
|
|
required |
|
|
|
|
|
rows="3" |
|
|
|
|
|
autosize |
|
|
|
|
|
label="涉事地址" |
|
|
|
|
|
type="textarea" |
|
|
|
|
|
placeholder="请填写详细地址" |
|
|
|
|
|
show-word-limit |
|
|
|
|
|
/> |
|
|
|
|
|
<van-divider class="divdsty" /> |
|
|
|
|
|
|
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.linkman" |
|
|
v-model="submitData.linkman" |
|
|
required |
|
|
required |
|
|
@ -86,6 +98,11 @@ |
|
|
label="联系方式" |
|
|
label="联系方式" |
|
|
placeholder="必填 联系方式" |
|
|
placeholder="必填 联系方式" |
|
|
/> |
|
|
/> |
|
|
|
|
|
<div class="agree-box"> |
|
|
|
|
|
<span class="remsty">是否授权</span> |
|
|
|
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="" checked>同意</span> |
|
|
|
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="">不同意</span> |
|
|
|
|
|
</div> |
|
|
</van-cell-group> |
|
|
</van-cell-group> |
|
|
<van-action-bar> |
|
|
<van-action-bar> |
|
|
<van-action-bar-button color="#1367fe" text="提交" @click="submit" /> |
|
|
<van-action-bar-button color="#1367fe" text="提交" @click="submit" /> |
|
|
@ -524,6 +541,33 @@ export default { |
|
|
.van-popup.van-toast .van-toast__icon{ |
|
|
.van-popup.van-toast .van-toast__icon{ |
|
|
font-size: var(--van-toast-icon-size) !important; |
|
|
font-size: var(--van-toast-icon-size) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.agree-box { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
height: 1.5rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.agree-box .remsty { |
|
|
|
|
|
margin: 0.5rem 0.5rem; |
|
|
|
|
|
padding-left: 0.85rem; |
|
|
|
|
|
background: url("../../assets/images/icon_remind.png") no-repeat left center; |
|
|
|
|
|
background-size: auto 100%; |
|
|
|
|
|
font-size: 0.5rem; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.accept-item { |
|
|
|
|
|
margin: 0 0.15rem; |
|
|
|
|
|
font-size: 0.45rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.checksty { |
|
|
|
|
|
margin: 0.25rem; |
|
|
|
|
|
width: 0.5rem; |
|
|
|
|
|
height: 0.5rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .van-button { |
|
|
/deep/ .van-button { |
|
|
margin: 5% 3%; |
|
|
margin: 5% 3%; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
|