Browse Source

投诉等页面样式修改

v4
meizf 1 year ago
parent
commit
7a594cb954
  1. 12
      src/views/enforce/historyCheck.vue
  2. 7
      src/views/enterprise/compaint/selectMssqFilter.vue
  3. 7
      src/views/enterprise/complaint.vue
  4. 77
      src/views/enterprise/complaintItem.vue
  5. 12
      src/views/enterprise/registrationList.vue

12
src/views/enforce/historyCheck.vue

@ -80,10 +80,10 @@
<div class="card_box_span">
<p>
<label class="card_box_label">执法人员</label>
<div>
<div>{{ nameCorrect(item.lawEnforcer) }}</div>
<div v-for="(item, index) in item.lawEnforcer2List">{{ nameCorrect(item) }}</div>
</div>
<span class="asblock">
<span>{{ nameCorrect(item.lawEnforcer) }}</span>
<span v-for="(item, index) in item.lawEnforcer2List">{{ nameCorrect(item) }}</span>
</span>
</p>
</div>
<div class="card_box_span">
@ -600,6 +600,10 @@
white-space: nowrap;
}
.asblock, .asblock > span {
display: block;
}
/deep/ .van-search__content {
height: 0.9rem;
border: 1px solid #ececec;

7
src/views/enterprise/compaint/selectMssqFilter.vue

@ -1,7 +1,7 @@
<template>
<div v-if="visible" class="van-overlay"></div>
<div v-if="visible" class="popup">
<div class="popup-title">部门查询</div>
<div class="popup-title">单位查询</div>
<!-- 返回按钮 -->
<label class="btn-goback"><van-icon name="arrow-left" @click="next"/></label>
<!-- 关闭按钮 -->
@ -10,7 +10,7 @@
<!-- 弹窗的内容 -->
<div class="popup-content">
<div class="subsearch">
<input class="searchbox" v-model="searchParam.complaintItemName" placeholder="请输入部门名称"/>
<input class="searchbox" v-model="searchParam.complaintItemName" placeholder="请输入单位名称"/>
<van-icon class="ibtn-reset" name="clear" @click="cancel()" title="重置"/>
<button class='btn-search' @click="queryList()">搜索</button>
<button class='btn-search' @click="selectData()">确定</button>
@ -129,7 +129,6 @@
if (null != success.rows && success.rows.length > 0) {
this.userList = [];
this.dataList = success.rows
this.$emit('item-list', success.rows);
} else {
showToast ("暂无数据!")
}
@ -297,7 +296,7 @@
.subtitle {
margin: 0.5rem 0 0.25rem;
font-size: 0.4rem;
font-size: 0.38rem;
font-weight: 600;
}

7
src/views/enterprise/complaint.vue

@ -41,10 +41,7 @@
<van-field
v-model="submitData.complaintRecordItem"
label="投诉事项"
readonly
clickable
required
:rules="[{ required: true, message: '必填项' }]"
placeholder="请选择"
is-link
@click-input="showItemPopup(index)"
@ -67,7 +64,6 @@
<van-divider class="divdsty"/>
<van-field
label="投诉内容"
required
/>
<van-field class="complaint-cont"
v-model="submitData.problemDescription"
@ -77,7 +73,6 @@
maxlength="100"
show-word-limit
placeholder="请输入投诉内容"
:rules="[{ required: true, message: '请输入投诉内容' }]"
/>
<van-divider class="divdsty"/>
<div class="file-upload">
@ -651,7 +646,7 @@
.subtitle {
margin: 0.5rem 0 0.25rem;
font-size: 0.4rem;
font-size: 0.38rem;
font-weight: 600;
}

77
src/views/enterprise/complaintItem.vue

@ -13,7 +13,7 @@
@click="showStartTime"
readonly
/>
<span style="padding: 10px">-</span>
<span style="padding: 10px"></span>
<van-field v-model="searchParam.endTime" placeholder="结束日期"
@click="showEndTime"
readonly
@ -74,12 +74,12 @@
<p v-if="item.dataType==1"><label class="card_box_label">入企单位</label> <span>{{ item.bureauDeptName }}</span></p>
</div>
<div class="card_box_span">
<p v-if="item.dataType==0"><label class="card_box_label">执法人员</label></p>
<p v-if="item.dataType==1"><label class="card_box_label">入企人员</label></p>
<div>
<div>{{ item.lawEnforcer }}</div>
<div>{{ item.lawEnforcerOther}}</div>
</div>
<p><label class="card_box_label" v-if="item.dataType==0">执法人员</label>
<label class="card_box_label" v-if="item.dataType==1">入企人员</label>
<span class="asblock">
<span>{{ item.lawEnforcer }}</span>
<span>{{ item.lawEnforcerOther}}</span>
</span></p>
</div>
<div class="card_box_span">
<p v-if="item.dataType==0"><label class="card_box_label" >执法类别</label> <span>{{ item.lawEnforcementType }}</span></p>
@ -262,7 +262,8 @@
display: flex;
background-color: #fff;
margin: 0.27rem;
border-radius: 0.2rem;
border-radius: 0.27rem;
box-shadow: 0 0 0.15rem #ececec;
.swipe_cell {
width: 100%;
@ -296,12 +297,31 @@
}
}
.card_box_action {
.card-title p {
display: block !important;
color: #000;
font-size: 0.4rem;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.card_box_label {
color: #323233;
white-space: nowrap;
}
.card_box_span:first-child p {
color: #c1bfbf !important;
}
.asblock, .asblock > span {
display: block;
}
.popup {
position: fixed;
z-index: 999;
@ -373,41 +393,6 @@
font-size: 0.37rem;
}
.subtitle {
margin: 0.5rem 0 0.25rem;
font-size: 0.4rem;
font-weight: 600;
}
.quick-item {
display: flex;
}
.quick-item span {
display: inline-block;
margin: 1% 0 2% 3.5%;
padding: 2% 3.75%;
background: #f2f3f4;
border: 0;
border-radius: 8px;
color: #4c4c4c;
}
.quick-item span.seled {
background: #e9f2fb;
color: #1367fe;
}
.btnbox {
display: flex;
justify-content: center;
margin: 5% 2%;
width: 96%;
height: 1.0rem;
}
.van-search__action {
margin: 0 3% 0 0;
width: 10%;
@ -450,7 +435,7 @@
.subtitle {
margin: 2% 0 2% 3%;
font-size: 0.4rem;
font-size: 0.38rem;
font-weight: 600;
}

12
src/views/enterprise/registrationList.vue

@ -100,10 +100,10 @@
<div class="card_box_span">
<p>
<label class="card_box_label">执法人员</label>
<div>
<div>{{ nameCorrect(item.lawEnforcer) }}</div>
<div v-for="(item, index) in item.lawEnforcer2List" :key="index">{{ nameCorrect(item)}}</div>
</div>
<span class="asblock">
<span>{{ nameCorrect(item.lawEnforcer) }}</span>
<span v-for="(item, index) in item.lawEnforcer2List" :key="index">{{ nameCorrect(item)}}</span>
</span>
</p>
</div>
<div class="card_box_span">
@ -607,6 +607,10 @@
white-space: nowrap;
}
.asblock, .asblock > span {
display: block;
}
/deep/ .van-search__content {
height: 0.9rem;
border: 1px solid #ececec;

Loading…
Cancel
Save