|
@@ -3,8 +3,19 @@
|
|
<div :class="disabled ? 'disabledTrue' : 'disabledFalse'" @mouseenter="moveIonDiv" @mouseleave="outIonDiv">
|
|
<div :class="disabled ? 'disabledTrue' : 'disabledFalse'" @mouseenter="moveIonDiv" @mouseleave="outIonDiv">
|
|
<div :style="`width:${selectWidth}px;height:${selectHeight}px`" :class="classDiv ? 'select selectDiv' : 'select'" @click.stop="selectCli" :ref="disabled ? '' : 'selectDiv'">
|
|
<div :style="`width:${selectWidth}px;height:${selectHeight}px`" :class="classDiv ? 'select selectDiv' : 'select'" @click.stop="selectCli" :ref="disabled ? '' : 'selectDiv'">
|
|
<div :style="'line-height: '+selectHeight+'px;font-size: '+selectFontSize+'px;'" :class="(selectName == $t('defaultText.pleaseChoose') || selectName == $t('qing-xuan-ze-bu-men') || selectName == $t('other.allDepartments')) ? 'selecttex selecttexXuan' : 'selecttex'">
|
|
<div :style="'line-height: '+selectHeight+'px;font-size: '+selectFontSize+'px;'" :class="(selectName == $t('defaultText.pleaseChoose') || selectName == $t('qing-xuan-ze-bu-men') || selectName == $t('other.allDepartments')) ? 'selecttex selecttexXuan' : 'selecttex'">
|
|
- <ww-open-data type='departmentName' :openid='selectName'></ww-open-data>
|
|
|
|
|
|
+ <!-- <ww-open-data type='departmentName' :openid='selectName'></ww-open-data> -->
|
|
<!-- {{selectName}} -->
|
|
<!-- {{selectName}} -->
|
|
|
|
+ <span v-if="userName">
|
|
|
|
+ <span v-if="selectNameType == 'dep'">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='selectName'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="selectNameType == 'user'">
|
|
|
|
+ <ww-open-data type='userName' :openid='selectName'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="!userName">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='selectName'></ww-open-data>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
<i :class=" move ? 'el-icon-arrow-down iostu iostuHover' : 'el-icon-arrow-down iostu'" v-if="!moveIon"></i>
|
|
<i :class=" move ? 'el-icon-arrow-down iostu iostuHover' : 'el-icon-arrow-down iostu'" v-if="!moveIon"></i>
|
|
<i v-if="moveIon" class="el-icon-circle-close iostu" @click.stop="clearDelete"></i>
|
|
<i v-if="moveIon" class="el-icon-circle-close iostu" @click.stop="clearDelete"></i>
|
|
@@ -17,13 +28,35 @@
|
|
<li :class="transitionBoxLiIdx == index ? 'liHover' : ''" v-for="(item, index) in options" :key="index" @mouseover="liMouseOver(index, item)" @click.stop="liClist(item)">
|
|
<li :class="transitionBoxLiIdx == index ? 'liHover' : ''" v-for="(item, index) in options" :key="index" @mouseover="liMouseOver(index, item)" @click.stop="liClist(item)">
|
|
<span :class="item.children ? 'idxspan' : ''" v-if="!radios">
|
|
<span :class="item.children ? 'idxspan' : ''" v-if="!radios">
|
|
<!-- {{item.label}} -->
|
|
<!-- {{item.label}} -->
|
|
- <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
|
|
+ <span v-if="userName">
|
|
|
|
+ <span v-if="item.type == 'dep'">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="item.type == 'user'">
|
|
|
|
+ <ww-open-data type='userName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="!userName">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ <!-- <ww-open-data type='departmentName' :openid='item.label'></ww-open-data> -->
|
|
</span>
|
|
</span>
|
|
<span v-if="radios" style="margin-left: -15px">
|
|
<span v-if="radios" style="margin-left: -15px">
|
|
<el-radio v-model="optionsOId" :label="item.value">
|
|
<el-radio v-model="optionsOId" :label="item.value">
|
|
<span class="idxspan" style="margin-left: -10px">
|
|
<span class="idxspan" style="margin-left: -10px">
|
|
<!-- {{item.label}} -->
|
|
<!-- {{item.label}} -->
|
|
- <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
|
|
+ <span v-if="userName">
|
|
|
|
+ <span v-if="item.type == 'dep'">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="item.type == 'user'">
|
|
|
|
+ <ww-open-data type='userName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-if="!userName">
|
|
|
|
+ <ww-open-data type='departmentName' :openid='item.label'></ww-open-data>
|
|
|
|
+ </span>
|
|
|
|
+ <!-- <ww-open-data type='departmentName' :openid='item.label'></ww-open-data> -->
|
|
</span>
|
|
</span>
|
|
</el-radio>
|
|
</el-radio>
|
|
</span>
|
|
</span>
|
|
@@ -34,7 +67,7 @@
|
|
|
|
|
|
<div v-for="(item, index) in options" :key="index">
|
|
<div v-for="(item, index) in options" :key="index">
|
|
<div v-if="item.children" style="position: absolute;left: 200px;top: 6px">
|
|
<div v-if="item.children" style="position: absolute;left: 200px;top: 6px">
|
|
- <cascaderOption :subject="item.children" :radios="radios" v-show="transitionBoxLiIdx == index" @cascaderOptionClick="cascaderOptionClick"></cascaderOption>
|
|
|
|
|
|
+ <cascaderOption :subject="item.children" :userName="userName" :radios="radios" v-show="transitionBoxLiIdx == index" @cascaderOptionClick="cascaderOptionClick"></cascaderOption>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -111,6 +144,10 @@ export default {
|
|
selectNameChuan: {
|
|
selectNameChuan: {
|
|
type: String
|
|
type: String
|
|
},
|
|
},
|
|
|
|
+ userName: {
|
|
|
|
+ type: Boolean,
|
|
|
|
+ default: false
|
|
|
|
+ }
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -197,6 +234,9 @@ export default {
|
|
for(let i in this.options) {
|
|
for(let i in this.options) {
|
|
if(this.options[i].id == this.optionsOId || this.options[i].auditorId == this.optionsOId) {
|
|
if(this.options[i].id == this.optionsOId || this.options[i].auditorId == this.optionsOId) {
|
|
this.selectName = this.options[i].name || this.options[i].auditorName
|
|
this.selectName = this.options[i].name || this.options[i].auditorName
|
|
|
|
+ if(this.options[i].type) {
|
|
|
|
+ this.selectNameType = this.options[i].type
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -213,6 +253,9 @@ export default {
|
|
for(var i in arr) {
|
|
for(var i in arr) {
|
|
if(arr[i].value == id) {
|
|
if(arr[i].value == id) {
|
|
this.selectName = arr[i].label
|
|
this.selectName = arr[i].label
|
|
|
|
+ if(arr[i].type) {
|
|
|
|
+ this.selectNameType = arr[i].type
|
|
|
|
+ }
|
|
return
|
|
return
|
|
}
|
|
}
|
|
if(arr[i].children) {
|
|
if(arr[i].children) {
|
|
@@ -255,6 +298,9 @@ export default {
|
|
console.log('我被你点击了')
|
|
console.log('我被你点击了')
|
|
if(!item.children) {
|
|
if(!item.children) {
|
|
this.selectName = item.label
|
|
this.selectName = item.label
|
|
|
|
+ if(item.type) {
|
|
|
|
+ this.selectNameType = item.type
|
|
|
|
+ }
|
|
let obj = {
|
|
let obj = {
|
|
id: item.value,
|
|
id: item.value,
|
|
distinction: this.distinction
|
|
distinction: this.distinction
|
|
@@ -264,6 +310,9 @@ export default {
|
|
}
|
|
}
|
|
if(this.radios) {
|
|
if(this.radios) {
|
|
this.selectName = item.label
|
|
this.selectName = item.label
|
|
|
|
+ if(item.type) {
|
|
|
|
+ this.selectNameType = item.type
|
|
|
|
+ }
|
|
let obj = {
|
|
let obj = {
|
|
id: item.value,
|
|
id: item.value,
|
|
distinction: this.distinction,
|
|
distinction: this.distinction,
|
|
@@ -358,6 +407,9 @@ export default {
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
+ .selecttex span {
|
|
|
|
+ padding: 0 !important;
|
|
|
|
+ }
|
|
.iostu {
|
|
.iostu {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 50%;
|
|
top: 50%;
|
|
@@ -415,6 +467,9 @@ export default {
|
|
color: #409eff !important;
|
|
color: #409eff !important;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
+ .idxspan span{
|
|
|
|
+ padding: 0 !important;
|
|
|
|
+ }
|
|
.transitionBoxUl span {
|
|
.transitionBoxUl span {
|
|
flex: 1;
|
|
flex: 1;
|
|
width: 110px;
|
|
width: 110px;
|