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" /> <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" />
@ -73,6 +73,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"
@ -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;

Loading…
Cancel
Save