Browse Source

1.历史检查信息详情页:执法信息折叠

2.bug修改
v3
蟑螂恶霸 2 years ago
parent
commit
6706a03821
  1. 5
      src/views/enforce/earlyWarning.vue
  2. 6
      src/views/enforce/enterpriseBaseInfo.vue
  3. 5
      src/views/enforce/enterpriseWarningInfo.vue
  4. 133
      src/views/enterprise/registrationDetail.vue

5
src/views/enforce/earlyWarning.vue

@ -64,7 +64,7 @@
<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div :class="is_show ? 'new_detail' : 'work_detail'">
<div class="card_box_span">
<p>{{ item.createTime }}
</p>
@ -88,6 +88,7 @@
item.warningLevel==3?"Ⅲ级 (一般)": "Ⅳ (一般)"}}
</p>
</div>
<div :class="is_show ? 'new_detail' : 'work_detail'">
<div class="timbox">
<div class="progress-box level-1">
<div class="timtit">2024-08-25 11:15:02</div>
@ -623,7 +624,7 @@ export default {
.work_detail {
padding-top: 0.3rem;
height: 3.0rem;
height: 0.2rem;
overflow: hidden;
}

6
src/views/enforce/enterpriseBaseInfo.vue

@ -10,7 +10,7 @@
<van-cell-group>
<!-- <div class="qy-name">企业信息</div>-->
<div :class="is_show ? 'new_detail' : 'work_detail'">
<van-field
v-model="data.enterpriseInfo.enterpriseName"
label="企业名称"
@ -22,7 +22,7 @@
readonly
/>
<div :class="is_show ? 'new_detail' : 'work_detail'">
<van-field
v-model="data.enterpriseInfo.legalPerson"
label="法定代表人"
@ -890,7 +890,7 @@ export default {
.work_detail {
padding-top: 0.3rem;
height: 3.1rem;
height: 0.2rem;
overflow: hidden;
}

5
src/views/enforce/enterpriseWarningInfo.vue

@ -40,7 +40,7 @@
<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
<van-swipe-cell class="swipe_cell">
<div class="card_box">
<div :class="is_show ? 'new_detail' : 'work_detail'">
<div class="card_box_span">
<p class="warn-time">{{ item.createTime }}
</p>
@ -62,6 +62,7 @@
{{ item.warningLevel==1?"Ⅰ级 (严重)":item.warningLevel==2?"Ⅱ级 (较严重)": item.warningLevel==3?"Ⅲ级 (一般)": "Ⅳ (一般)"}}
</p>
</div>
<div :class="is_show ? 'new_detail' : 'work_detail'">
<div class="timbox">
<div class="progress-box level-1">
<div class="timtit">2024-08-25 11:15:02</div>
@ -573,7 +574,7 @@ export default {
.work_detail {
padding-top: 0.3rem;
height: 3.0rem;
height: 0.2rem;
overflow: hidden;
}

133
src/views/enterprise/registrationDetail.vue

@ -41,8 +41,42 @@
readonly
/>
</div>
<van-divider class="divdsty" />
<van-field
v-model="submitData.lawEnforcement"
label="执法部门"
readonly
/>
<div class="one-label">
<van-field
v-model="submitData.lawEnforcer"
label="执法人员"
readonly
/>
<van-field class="no-label"
v-for="(item, index) in data.lawCer" :key="index"
v-model="item.show"
label=" "
readonly
/>
</div>
<van-field
v-model="submitData.lawEnforcement"
label="执法部门"
readonly
/>
<div class="one-label">
<van-field
v-model="submitData.lawEnforcer"
label="执法人员"
readonly
/>
<van-field class="no-label"
v-for="(item, index) in data.lawCer" :key="index"
v-model="item.show"
label=" "
readonly
/>
</div>
<!--
<van-field v-for="(item, index) in data.lawCer" :key="index"
v-model="item.show"
@ -50,7 +84,7 @@
readonly
/>-->
<div :class="is_show ? 'new_detail' : 'work_detail'">
<van-field
v-model="submitData.checkCategoryText"
@ -132,6 +166,12 @@
</div>
</div>
</div>
<div class="look_all" @click="is_show=!is_show" :class="{ new_up: !is_show }">
<!-- <span>{{words}}</span>-->
<van-icon v-if="!is_show" name="arrow-down" />
<van-icon v-else name="arrow-up" />
</div>
</van-cell-group>
<!-- <van-divider class="divdsty" />-->
@ -458,6 +498,29 @@ const reciveData2 = (item) =>{
submitData.subsidiaryerId = item.userId;
}
</script>
<script>
export default {
data()
{
return {
is_show: false
}
},
computed: {
words()
{
if (this.is_show === false)
return '展开'
else if (this.is_show === true)
return '收起'
else if (this.is_show === '')
return null
else
return null
}
},
}
</script>
<style lang="less" scoped>
@ -633,10 +696,10 @@ const reciveData2 = (item) =>{
.one-label::after {
position: absolute;
left: 0.43rem;
left: 0;
bottom: 0;
width: calc(100% - 0.86rem);
border-bottom: 1px solid #f5f6f7;
width: 100%;
border-bottom: 0.18rem solid #f5f6f7;
content: "";
}
@ -655,15 +718,65 @@ const reciveData2 = (item) =>{
}
.joint-mark {
position: relative;
top: -0.05rem;
display: inline-block;
margin: 0 0.25rem;
width: 0.5rem;
height: 0.5rem;
width: 0.55rem;
height: 0.55rem;
background: #2d94fa;
border-radius: 50%;
color: #fff;
font-size: 0.3rem;
line-height: 1.75;
font-size: 0.35rem;
line-height: 1.65;
text-align: center;
}
/***折叠**/
.look_all {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 0.75rem;
font-size: 0.3rem;
color: #666;
cursor: pointer;
user-select: none;
border-radius: 0.05rem;
background-color: #fff;
}
.look_all i {
margin: 0 0.2rem;
padding: 0.1rem 0.3rem 0;
color: rgba(0, 0, 0, 0.35);
font-size: 0.4rem;
height: 0.5rem;
/*background: linear-gradient(to bottom, rgba(0, 0, 0, .1), transparent);*/
border-radius: 0.2rem 0.2rem 0 0;
}
.new_detail {
padding-top: 0.3rem;
height: 100%;
transition: height 2s linear;
}
.work_detail {
padding-top: 0.3rem;
height: 0.2rem;
overflow: hidden;
}
.new_up {
position: absolute;
bottom: 0;
}
/***/
</style>

Loading…
Cancel
Save