Browse Source

修改在线投诉页面

master
蟑螂恶霸 2 years ago
parent
commit
04d07bd576
  1. BIN
      src/assets/images/icon_addr.png
  2. BIN
      src/assets/images/icon_remind.png
  3. 52
      src/views/enterprise/complaint.vue

BIN
src/assets/images/icon_addr.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/assets/images/icon_remind.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

52
src/views/enterprise/complaint.vue

@ -25,7 +25,7 @@
/>
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData" />
<van-field
<!-- <van-field
v-model="submitData.enforceTypeText"
required
label="投诉类型"
@ -42,17 +42,17 @@
@cancel="data.showPicker = false"
@confirm="onConfirm"
/>
</van-popup>
</van-popup>-->
<van-divider class="divdsty" />
<van-field
v-model="submitData.problemDescription"
required
rows="5"
autosize
label="问题描述"
label="诉求内容"
type="textarea"
maxlength="300"
placeholder="请输入描述"
placeholder="请输入"
show-word-limit
/>
<van-divider class="divdsty" />
@ -73,6 +73,18 @@
</div>
<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
v-model="submitData.linkman"
@ -86,6 +98,11 @@
label="联系方式"
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-action-bar>
<van-action-bar-button color="#1367fe" text="提交" @click="submit" />
@ -524,6 +541,33 @@ export default {
.van-popup.van-toast .van-toast__icon{
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 {
margin: 5% 3%;
padding: 0;

Loading…
Cancel
Save