选择部门组件更换
This commit is contained in:
@@ -57,7 +57,7 @@
|
||||
</div>
|
||||
<div class="examine_person" v-if="enableExamine == true">
|
||||
<div><span class="color_red">*</span><span class="title">审批人</span></div>
|
||||
<AiPagePicker type="custom" :selected.sync="form.examines" @select="getExamines" nodeKey="id" :ops="{url:`./selectDeptUser`,label: 'id'}">
|
||||
<AiPagePicker type="custom" :selected.sync="form.examines" @select="getExamines" nodeKey="id" :ops="{url:`./selectDeptUser?selectTtype=0`,label: 'id'}">
|
||||
<span class="label" v-if="form.examines.length">已选择{{ form.examines.length }}名人员</span>
|
||||
<span class="color_gray" v-else>请选择</span>
|
||||
<u-icon name="arrow-right" color="#CCD0D3" size="28"/>
|
||||
@@ -142,7 +142,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
removeStorageSync<script>
|
||||
<script>
|
||||
import { mapActions } from "vuex";
|
||||
export default {
|
||||
name: "addPropaganda",
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="item">
|
||||
<div>添加人</div>
|
||||
<div v-if="type == 1" style="display: inline-block;">
|
||||
<AiPagePicker type="dept" :selected.sync="deptListArr" @select="getDeptList" nodeKey="id" isRequire="0">
|
||||
<AiPagePicker type="custom" :selected.sync="deptListArr" @select="getDeptList" nodeKey="id" isRequire="0" :ops="{ url: `./selectDeptUser?selectTtype=1`, label: 'id' }">
|
||||
<span class="label" v-if="deptListArr.length">已选择{{ deptListArr.length }}个部门</span>
|
||||
<span class="color_gray" v-else>请选择</span>
|
||||
<u-icon name="arrow-right" color="#CCD0D3" size="28"/>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
<div class="cards" v-for="item in treeList" :key="item.id" @click="itemClick(item)">
|
||||
<div class="imges">
|
||||
<!-- <div class="imgselect" :class="{checked:item.isChecked}" @click.stop="itemCheck(item, 'dept')"/> -->
|
||||
<div class="imgselect" v-if="type == 1" :class="{checked:item.isChecked}" @click.stop="itemCheck(item, 'dept')"/>
|
||||
<img src="./images/gird--select-icon.png" alt="" class="avatras"/>
|
||||
</div>
|
||||
<div class="rightes">
|
||||
@@ -17,14 +17,16 @@
|
||||
<img src="./images/right-icon.png" alt="" class="imgs"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="userCards" v-for="e in userList" :key="e.id">
|
||||
<div class="imges">
|
||||
<div class="imgselect" :class="{checked:e.isChecked}" @click.stop="itemCheck(e, 'user')"/>
|
||||
<img src="./images/tx@2x.png" alt="" class="avatras"/>
|
||||
</div>
|
||||
<div class="rights fill">
|
||||
<div class="applicationNames" v-text="e.name"/>
|
||||
<div class="idNumbers">{{ e.phone }}</div>
|
||||
<div v-if="type == 0">
|
||||
<div class="userCards" v-for="e in userList" :key="e.id">
|
||||
<div class="imges">
|
||||
<div class="imgselect" :class="{checked:e.isChecked}" @click.stop="itemCheck(e, 'user')"/>
|
||||
<img src="./images/tx@2x.png" alt="" class="avatras"/>
|
||||
</div>
|
||||
<div class="rights fill">
|
||||
<div class="applicationNames" v-text="e.name"></div>
|
||||
<div class="idNumbers">{{ e.phone }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<AiEmpty description="暂无数据" v-if="!hasData"/>
|
||||
@@ -46,6 +48,7 @@ export default {
|
||||
treeList: [],
|
||||
selectDeptPath: [],
|
||||
userList: [],
|
||||
type: null,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -53,10 +56,11 @@ export default {
|
||||
return this.treeList?.length > 0 || this.userList?.length > 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
onLoad(o) {
|
||||
this.selected = uni.getStorageSync('selectDeptUser') || []
|
||||
console.log(this.selected)
|
||||
this.getAllDepts()
|
||||
this.type = o.selectTtype.split('?')[0]
|
||||
// console.log(typeof(this.type));
|
||||
},
|
||||
methods: {
|
||||
isSelected(id, corpId) {
|
||||
|
||||
Reference in New Issue
Block a user