|
|
|
@ -10,6 +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="企业名称" |
|
|
|
@ -20,6 +21,8 @@ |
|
|
|
label="统一社会信用代码" |
|
|
|
readonly |
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
<van-field |
|
|
|
v-model="data.enterpriseInfo.legalPerson" |
|
|
|
label="法定代表人" |
|
|
|
@ -56,6 +59,12 @@ |
|
|
|
<label>经营范围</label> |
|
|
|
<van-text-ellipsis :content="data.enterpriseInfo.businessScope" rows="2" autosize expand-text="展开" collapse-text="收起" /> |
|
|
|
</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> |
|
|
|
|
|
|
|
@ -562,6 +571,29 @@ |
|
|
|
}; |
|
|
|
|
|
|
|
</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> |
|
|
|
.address_edit { |
|
|
|
@ -760,6 +792,10 @@ |
|
|
|
font-size: 0.37rem; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .van-cell-group { |
|
|
|
margin-top: -1px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .van-button { |
|
|
|
margin: 2% -2% 3% 4.5%; |
|
|
|
padding: 2% 3%; |
|
|
|
@ -772,22 +808,30 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.fold-div { |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
margin: 0 0.3rem; |
|
|
|
padding-bottom: 0.13rem; |
|
|
|
border-bottom: 1px solid #f6f7f8; |
|
|
|
padding: 0 0.43rem 0.13rem; |
|
|
|
color: rgb(50, 50, 51); |
|
|
|
font-size: 0.37rem; |
|
|
|
} |
|
|
|
|
|
|
|
.fold-div::after { |
|
|
|
position: absolute; |
|
|
|
left: 0.43rem; |
|
|
|
bottom: 0; |
|
|
|
width: calc(100% - 0.86rem); |
|
|
|
border-bottom: 1px solid #f5f6f7; |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
|
|
|
|
.fold-div label { |
|
|
|
width: 2.6rem; |
|
|
|
padding: 0.27rem 0px 0.27rem 0.15rem; |
|
|
|
padding: 0.27rem 0px 0.27rem 0; |
|
|
|
} |
|
|
|
|
|
|
|
.fold-div .van-text-ellipsis { |
|
|
|
padding: 0.24rem 0; |
|
|
|
width: calc(100% - 2.7rem); |
|
|
|
padding: 0.27rem 0; |
|
|
|
width: calc(100% - 2.5rem); |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
|
|
|
|
@ -809,4 +853,48 @@ |
|
|
|
/deep/ .van-field__label--required:before { |
|
|
|
margin-left: -0.2rem; |
|
|
|
} |
|
|
|
|
|
|
|
/***折叠**/ |
|
|
|
|
|
|
|
.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: linear-gradient(to top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .35));*/ |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.look_all i { |
|
|
|
margin: 0 0.2rem; |
|
|
|
padding: 0.1rem 0.3rem 0; |
|
|
|
color: rgba(0, 0, 0, 0.5); |
|
|
|
font-size: 0.5rem; |
|
|
|
height: 0.5rem; |
|
|
|
/*background: linear-gradient(to bottom, rgba(0, 0, 0, .1), transparent);*/ |
|
|
|
border-radius: 0.2rem 0.2rem 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.new_detail { |
|
|
|
height: 100%; |
|
|
|
transition: height 2s linear; |
|
|
|
} |
|
|
|
|
|
|
|
.work_detail { |
|
|
|
height: 3.1rem; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.new_up { |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
/***/ |
|
|
|
|
|
|
|
</style> |
|
|
|
|
