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> <van-cell-group>
<!-- <div class="qy-name">案件信息</div>--> <!-- <div class="qy-name">案件信息</div>-->
<div class="search-button-list"> <div class="search-button-list">
<span v-for="(item, index) in data?.optionList" :key="index" plain hairline <!-- <span v-for="(item, index) in data?.optionList" :key="index" plain hairline-->
@click="searchDateType(item)" <!-- @click="searchDateType(item)"-->
:style="item.selected == true ? 'background-color:#1989fa;color:#ffffff':'background-color:#e3e0e0;color:#4c4c4c'">{{item.name}} <!-- :style="item.selected == true ? 'background-color:#1989fa;color:#ffffff':'background-color:#e3e0e0;color:#4c4c4c'">{{item.name}}-->
</span> <!-- </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>
<div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1"> <div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1">
<van-pull-refresh v-model="data.refreshing_check" @refresh="onRefresh_check"> <van-pull-refresh v-model="data.refreshing_check" @refresh="onRefresh_check">
@ -704,12 +708,12 @@
.search-button-list { .search-button-list {
display: flex; display: flex;
margin: 0 3%; margin: 0 3% -1px;
height: 1rem; height: 1rem;
padding: 0 0 3% 0; padding: 0 0 3% 0;
} }
.search-button-list span { /*.search-button-list span {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin: 3% 1%; margin: 3% 1%;
@ -721,6 +725,37 @@
color: #4c4c4c; color: #4c4c4c;
font-size: 0.3rem; font-size: 0.3rem;
line-height: 1.75; 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 { .goods_box .swipe_cell .card_box .card_box_span p {

31
src/views/enforce/enterpriseWarningInfo.vue

@ -367,7 +367,7 @@
margin: 0.35rem 0; margin: 0.35rem 0;
align-items: end; align-items: end;
.search-button { /*.search-button {
width: 35%; width: 35%;
height: 100%; height: 100%;
background: #e3e0e0; background: #e3e0e0;
@ -380,7 +380,36 @@
background-color: #1367fe; background-color: #1367fe;
border-color: #1367fe; border-color: #1367fe;
color: #fff; 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 { .search-button-date {
display: flex; display: flex;

20
src/views/enforce/historyCheck.vue

@ -68,14 +68,23 @@
<p>{{ item.lawEnforcementItemText }}</p> <p>{{ item.lawEnforcementItemText }}</p>
</div> </div>
<div class="card_box_span"> <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>
<div class="card_box_span"> <!-- <div class="card_box_span">
<p><span class="card_box_label">执法人员:</span> {{ item.lawEnforcer }} , {{ <p><label class="card_box_label">执法人员:</label> <span>{{ item.lawEnforcer }} , {{
item.lawEnforcerTwo }}</p> 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> </div>
</p>
</div>
<div class="card_box_span"> <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>
<div class="btn-list" v-if="item.isSubmit == 0"> <div class="btn-list" v-if="item.isSubmit == 0">
<a @click.stop="toEditView(item)"> <a @click.stop="toEditView(item)">
@ -446,6 +455,7 @@
line-height: 1.5; line-height: 1.5;
p { p {
display: flex;
margin: 0; margin: 0;
} }
} }

21
src/views/enterprise/registrationList.vue

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

Loading…
Cancel
Save