[update] 删除common.less中重复样式,修改多选时间组件和用户组织机构选择组件,搜索组件结构调整

This commit is contained in:
lideqin
2023-08-29 15:18:28 +08:00
parent a3041d05ae
commit b241a91cd6
6 changed files with 191 additions and 211 deletions
@@ -1,9 +1,24 @@
<template>
<div>
<div class="box-title-text">
<div @click="selectClick">
<div v-for="item in selectValue" :key="item.id">{{item.label}}</div>
</div>
<div class="user-organ-wrap">
<!-- <div @click="selectClick">-->
<!-- <div v-for="item in selectValue" :key="item.id">{{item.label}}</div>-->
<!-- </div>-->
<a-select
class="user-organ-select"
mode="multiple"
:open="false"
:showSearch="false"
:filterOption="false"
:placeholder="$t('pleaseSelect')"
:maxTagCount="1"
:value="checkedValue"
@click="selectClick"
>
<a-select-option v-for="(item, index) in selectType" :key="index">
{{ item }}
</a-select-option>
</a-select>
<a-button type="primary" class="button-box" @click="selectClick">
{{this.$t('userOrOrganSelect.select')}}
</a-button>
@@ -42,10 +57,11 @@ export default {
}
},
mounted () {
console.log(this.type)
this.checkedValue = this.value.map(item => item.value)
},
data () {
return {
checkedValue: [],
selectValue: []
}
},
@@ -59,6 +75,7 @@ export default {
} else {
this.selectValue = arrOne
}
this.checkedValue = this.selectValue.map(item => item.value)
this.$emit('change', this.selectType)
}
},
@@ -69,6 +86,29 @@ export default {
}
</script>
<style scoped>
<style scoped lang="less">
.user-organ-wrap {
width: 100%;
position: relative;
.user-organ-select {
width: calc(100% - 70px);
/deep/ .ant-select-selection--multiple {
height: 38px;
.ant-select-selection__rendered > ul > li {
margin-top: 6px;
}
}
/deep/ .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
}
.button-box {
height: 38px;
margin-left: 5px;
position: absolute;
top: 0;
}
}
</style>