|
@@ -1,114 +1,52 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div style="display:flex">
|
|
|
- <el-select
|
|
|
- v-if="gysType == 'CK'"
|
|
|
- size="small"
|
|
|
- v-model="value"
|
|
|
- placeholder="请选择"
|
|
|
- @input="$emit('balabala', value)"
|
|
|
- :disabled="disabled"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- style="width:100%"
|
|
|
- :multiple="multiple ? multiple : false"
|
|
|
- :collapse-tags="collapseTags ? collapseTags : false"
|
|
|
- @change="corpChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in corpList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.code"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-select v-if="gysType == 'CK'" size="small" v-model="value" placeholder="请选择" @input="$emit('balabala', value)"
|
|
|
+ :disabled="disabled" filterable clearable style="width:100%" :multiple="multiple ? multiple : false"
|
|
|
+ :collapse-tags="collapseTags ? collapseTags : false" @change="corpChange">
|
|
|
+ <el-option v-for="item in corpList" :key="item.id" :label="item.code" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-select
|
|
|
- v-else
|
|
|
- size="small"
|
|
|
- v-model="value"
|
|
|
- placeholder="请选择"
|
|
|
- @input="$emit('balabala', value)"
|
|
|
- :disabled="disabled"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- style="width:100%"
|
|
|
- @clear="clear"
|
|
|
- :multiple="multiple ? multiple : false"
|
|
|
- :collapse-tags="collapseTags ? collapseTags : false"
|
|
|
- @change="corpChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in corpList"
|
|
|
- :key="item.id"
|
|
|
- :label="label?item[label]:item.cname"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
+ <el-select v-else size="small" v-model="value" placeholder="请选择" @input="$emit('balabala', value)"
|
|
|
+ :disabled="disabled" filterable clearable style="width:100%" @clear="clear"
|
|
|
+ :multiple="multiple ? multiple : false" :collapse-tags="collapseTags ? collapseTags : false"
|
|
|
+ @change="corpChange">
|
|
|
+ <template v-if="zhKey">
|
|
|
+ <el-option v-for="item in corpList" :key="item.id" :label="label ? item[label] : item.cname"
|
|
|
+ :value="item.cname">
|
|
|
+ </el-option>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <el-option v-for="item in corpList" :key="item.id" :label="label ? item[label] : item.cname" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </template>
|
|
|
</el-select>
|
|
|
- <el-button
|
|
|
- icon="el-icon-search"
|
|
|
- size="mini"
|
|
|
- v-if="label != 'shortName'"
|
|
|
- :disabled="disabled"
|
|
|
- @click="openDialog()"
|
|
|
- ></el-button>
|
|
|
+ <el-button icon="el-icon-search" size="mini" v-if="label != 'shortName'" :disabled="disabled"
|
|
|
+ @click="openDialog()"></el-button>
|
|
|
</div>
|
|
|
- <el-dialog
|
|
|
- :title="title"
|
|
|
- :visible.sync="corpVisible"
|
|
|
- width="80%"
|
|
|
- top="5vh"
|
|
|
- append-to-body
|
|
|
- @closed="closed"
|
|
|
- class="el-dialogDeep"
|
|
|
- :close-on-click-modal="false"
|
|
|
- v-dialog-drag
|
|
|
- >
|
|
|
+ <el-dialog :title="title" :visible.sync="corpVisible" width="80%" top="5vh" append-to-body @closed="closed"
|
|
|
+ class="el-dialogDeep" :close-on-click-modal="false" v-dialog-drag>
|
|
|
<span>
|
|
|
<el-row>
|
|
|
<el-col :span="4">
|
|
|
<el-scrollbar>
|
|
|
<basic-container>
|
|
|
- <avue-tree
|
|
|
- :option="treeOption"
|
|
|
- :data="treeData"
|
|
|
- @node-click="nodeClick"
|
|
|
- :style="treeStyle"
|
|
|
- />
|
|
|
+ <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" :style="treeStyle" />
|
|
|
</basic-container>
|
|
|
</el-scrollbar>
|
|
|
</el-col>
|
|
|
<el-col :span="20">
|
|
|
- <avue-crud
|
|
|
- :option="tableOption"
|
|
|
- :data="data"
|
|
|
- ref="crud"
|
|
|
- v-model="form"
|
|
|
- :page.sync="page"
|
|
|
- :search.sync="search"
|
|
|
- @search-change="searchChange"
|
|
|
- @search-reset="searchReset"
|
|
|
- @selection-change="selectionChange"
|
|
|
- @on-load="onLoad"
|
|
|
- @tree-load="treeLoad"
|
|
|
- @saveColumn="saveColumn"
|
|
|
- @resetColumn="resetColumn"
|
|
|
- @refresh-change="refreshChange"
|
|
|
- :table-loading="loading"
|
|
|
- >
|
|
|
+ <avue-crud :option="tableOption" :data="data" ref="crud" v-model="form" :page.sync="page"
|
|
|
+ :search.sync="search" @search-change="searchChange" @search-reset="searchReset"
|
|
|
+ @selection-change="selectionChange" @on-load="onLoad" @tree-load="treeLoad" @saveColumn="saveColumn"
|
|
|
+ @resetColumn="resetColumn" @refresh-change="refreshChange" :table-loading="loading">
|
|
|
</avue-crud>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</span>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="corpVisible = false">取 消</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="importCorp"
|
|
|
- :disabled="!multiple && selectionList.length != 1"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="importCorp" :disabled="!multiple && selectionList.length != 1">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -168,7 +106,8 @@ export default {
|
|
|
gysType: String,
|
|
|
treeType: String,
|
|
|
label: String,
|
|
|
- belongtocompany: Number
|
|
|
+ belongtocompany: Number,
|
|
|
+ zhKey: Boolean,
|
|
|
},
|
|
|
model: {
|
|
|
prop: "value",
|
|
@@ -187,14 +126,14 @@ export default {
|
|
|
this.corpList = res.data.data;
|
|
|
});
|
|
|
},
|
|
|
- mounted() {},
|
|
|
+ mounted() { },
|
|
|
methods: {
|
|
|
init() {
|
|
|
this.openDialog();
|
|
|
},
|
|
|
openDialog() {
|
|
|
let _this = this;
|
|
|
- this.treeOption.treeLoad = function(node, resolve) {
|
|
|
+ this.treeOption.treeLoad = function (node, resolve) {
|
|
|
const parentId = node.level === 0 ? 0 : node.data.id;
|
|
|
getDeptLazyTree({
|
|
|
parentId: parentId,
|
|
@@ -226,7 +165,7 @@ export default {
|
|
|
this.$emit("getCorpList", [...this.selectionList])
|
|
|
this.corpVisible = false;
|
|
|
},
|
|
|
- clear(){
|
|
|
+ clear() {
|
|
|
this.$emit("clear");
|
|
|
},
|
|
|
corpChange(row) {
|
|
@@ -239,7 +178,7 @@ export default {
|
|
|
} else {
|
|
|
let arr = [];
|
|
|
row.forEach(item => {
|
|
|
- let obj = {id: item};
|
|
|
+ let obj = { id: item };
|
|
|
this.$set(obj, 'cname', this.corpList.find(e => e.id == item).cname);
|
|
|
arr.push(obj)
|
|
|
})
|
|
@@ -342,4 +281,5 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped lang="scss"></style>
|
|
|
+<style scoped lang="scss">
|
|
|
+</style>
|