|
|
@ -41,8 +41,42 @@ |
|
|
readonly |
|
|
readonly |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<van-field |
|
|
<van-divider class="divdsty" /> |
|
|
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" |
|
|
<van-field v-for="(item, index) in data.lawCer" :key="index" |
|
|
v-model="item.show" |
|
|
v-model="item.show" |
|
|
@ -50,7 +84,7 @@ |
|
|
readonly |
|
|
readonly |
|
|
/>--> |
|
|
/>--> |
|
|
|
|
|
|
|
|
|
|
|
<div :class="is_show ? 'new_detail' : 'work_detail'"> |
|
|
|
|
|
|
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.checkCategoryText" |
|
|
v-model="submitData.checkCategoryText" |
|
|
@ -132,6 +166,12 @@ |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</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-cell-group> |
|
|
|
|
|
|
|
|
<!-- <van-divider class="divdsty" />--> |
|
|
<!-- <van-divider class="divdsty" />--> |
|
|
@ -458,6 +498,29 @@ const reciveData2 = (item) =>{ |
|
|
submitData.subsidiaryerId = item.userId; |
|
|
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> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
<style lang="less" scoped> |
|
|
@ -633,10 +696,10 @@ const reciveData2 = (item) =>{ |
|
|
|
|
|
|
|
|
.one-label::after { |
|
|
.one-label::after { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 0.43rem; |
|
|
left: 0; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
width: calc(100% - 0.86rem); |
|
|
width: 100%; |
|
|
border-bottom: 1px solid #f5f6f7; |
|
|
border-bottom: 0.18rem solid #f5f6f7; |
|
|
content: ""; |
|
|
content: ""; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -655,15 +718,65 @@ const reciveData2 = (item) =>{ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.joint-mark { |
|
|
.joint-mark { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
top: -0.05rem; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
margin: 0 0.25rem; |
|
|
margin: 0 0.25rem; |
|
|
width: 0.5rem; |
|
|
width: 0.55rem; |
|
|
height: 0.5rem; |
|
|
height: 0.55rem; |
|
|
background: #2d94fa; |
|
|
background: #2d94fa; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
font-size: 0.3rem; |
|
|
font-size: 0.35rem; |
|
|
line-height: 1.75; |
|
|
line-height: 1.65; |
|
|
text-align: center; |
|
|
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> |
|
|
</style> |
|
|
|