Browse Source

样式bug修改

v3
蟑螂恶霸 2 years ago
parent
commit
8a766d6c69
  1. 47
      src/views/enforce/enterpriseBaseInfo.vue
  2. 31
      src/views/enforce/enterpriseWarningInfo.vue
  3. 20
      src/views/enforce/historyCheck.vue
  4. 21
      src/views/enterprise/registrationList.vue

47
src/views/enforce/enterpriseBaseInfo.vue

@ -80,10 +80,14 @@
<van-cell-group>
<!-- <div class="qy-name">案件信息</div>-->
<div class="search-button-list">
<span v-for="(item, index) in data?.optionList" :key="index" plain hairline
@click="searchDateType(item)"
:style="item.selected == true ? 'background-color:#1989fa;color:#ffffff':'background-color:#e3e0e0;color:#4c4c4c'">{{item.name}}
</span>
<!-- <span v-for="(item, index) in data?.optionList" :key="index" plain hairline-->
<!-- @click="searchDateType(item)"-->
<!-- :style="item.selected == true ? 'background-color:#1989fa;color:#ffffff':'background-color:#e3e0e0;color:#4c4c4c'">{{item.name}}-->
<!-- </span>-->
<span v-for="(item, index) in data?.optionList" :key="index" plain hairline
@click="searchDateType(item)"
:class="item.selected == true ? 'active':''">{{item.name}}
</span>
</div>
<div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1">
<van-pull-refresh v-model="data.refreshing_check" @refresh="onRefresh_check">
@ -704,12 +708,12 @@
.search-button-list {
display: flex;
margin: 0 3%;
margin: 0 3% -1px;
height: 1rem;
padding: 0 0 3% 0;
}
.search-button-list span {
/*.search-button-list span {
display: inline-block;
position: relative;
margin: 3% 1%;
@ -721,6 +725,37 @@
color: #4c4c4c;
font-size: 0.3rem;
line-height: 1.75;
}*/
.search-button-list span {
margin: 5% 2% 0;
width: 30%;
height: 90%;
background: #fff;
border-color: #fff;
color: #4c4c4c;
font-size: 0.35rem;
}
.search-button-list span.active {
position: relative;
background-color: #fff;
border-color: #fff;
color: #1367fe;
font-weight: 600;
}
.search-button-list span.active::after {
display: block;
content: "";
position: absolute;
z-index: 10;
left: 40%;
top: 70%;
transform: translate(-50%, -50%);
width: 80%;
height: 0.05rem;
background-color: #1367fe;
}
.goods_box .swipe_cell .card_box .card_box_span p {

31
src/views/enforce/enterpriseWarningInfo.vue

@ -367,7 +367,7 @@
margin: 0.35rem 0;
align-items: end;
.search-button {
/*.search-button {
width: 35%;
height: 100%;
background: #e3e0e0;
@ -380,7 +380,36 @@
background-color: #1367fe;
border-color: #1367fe;
color: #fff;
}*/
.search-button {
width: 45%;
height: 100%;
background: #fff;
border-color: #fff;
color: #4c4c4c;
font-size: 0.38rem;
}
.search-button.active {
position: relative;
background-color: #fff;
border-color: #fff;
color: #1367fe;
font-weight: 600;
}
.search-button.active::after {
display: block;
content: "";
position: absolute;
z-index: 10;
left: 47%;
top: 0.9rem;
transform: translate(-50%, -50%);
width: 80%;
height: 0.11rem;
background-color: #1367fe;
}
}
.search-button-date {
display: flex;

20
src/views/enforce/historyCheck.vue

@ -68,14 +68,23 @@
<p>{{ item.lawEnforcementItemText }}</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法部门:</span> {{ item.bureauDeptName }}</p>
<p><label class="card_box_label">执法部门:</label> <span>{{ item.bureauDeptName }}</span></p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法人员:</span> {{ item.lawEnforcer }} , {{
item.lawEnforcerTwo }}</p>
<!-- <div class="card_box_span">
<p><label class="card_box_label">执法人员:</label> <span>{{ item.lawEnforcer }} , {{
item.lawEnforcerTwo }}</span></p>
</div>-->
<div class="card_box_span">
<p>
<label class="card_box_label">执法人员:</label>
<div>
<div>{{ item.lawEnforcer }}</div>
<div v-for="(item, index) in item.lawEnforcer2List">{{ item }}</div>
</div>
</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">企业名称:</span> {{ item.enterpriseName }}</p>
<p><label class="card_box_label">企业名称:</label> <span>{{ item.enterpriseName }}</span></p>
</div>
<div class="btn-list" v-if="item.isSubmit == 0">
<a @click.stop="toEditView(item)">
@ -446,6 +455,7 @@
line-height: 1.5;
p {
display: flex;
margin: 0;
}
}

21
src/views/enterprise/registrationList.vue

@ -81,17 +81,25 @@
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法部门:</span> {{ item.bureauDeptName }}
</p>
<p><label class="card_box_label">执法部门:</label> <span>{{ item.bureauDeptName }}</span></p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">执法人员:</span> {{ item.lawEnforcer }}</p>
<!-- <div class="card_box_span">
<p><label class="card_box_label">执法人员:</label> <span>{{ item.lawEnforcer }}</span></p>
</div>
<div class="card_box_span" v-for="(item, index) in item.lawEnforcer2List">
<p><span class="card_box_label">执法人员:</span> {{ item }}</p>
<p><label class="card_box_label">执法人员:</label> <span>{{ item }}</span></p>
</div>-->
<div class="card_box_span">
<p>
<label class="card_box_label">执法人员:</label>
<div>
<div>{{ item.lawEnforcer }}</div>
<div v-for="(item, index) in item.lawEnforcer2List">{{ item }}</div>
</div>
</p>
</div>
<div class="card_box_span">
<p><span class="card_box_label">检查类别:</span> {{ item.checkCategoryText }}
<p><label class="card_box_label">检查类别:</label> {{ item.checkCategoryText }}
</p>
</div>
</div>
@ -468,6 +476,7 @@
line-height: 1.5;
p {
display: flex;
margin: 0;
}
}

Loading…
Cancel
Save