pengjun 2 years ago
parent
commit
368a7054d8
  1. 10
      src/components/customerOrg/customerOrgTree.vue
  2. 65
      src/components/menuPage/MenuPageTree.vue
  3. 4
      src/components/patientRegister/PatientRegisterEdit.vue
  4. 8
      src/components/patientRegister/customerOrgTreeAll.vue
  5. 8
      src/components/report/CusOrgOCX.vue
  6. 2
      src/store/index.js

10
src/components/customerOrg/customerOrgTree.vue

@ -4,7 +4,7 @@
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" />
</div>
<div>
<el-tree :data="customerOrg.customerOrgTree" :props="customerOrg.treeprops"
<el-tree :data="customerOrg.customerOrgTree" :props="treeprops"
node-key="id" :filter-node-method="filterNode" :style="'overflow: scroll;width:200px;height:' +(window.pageHeight < 600 ? 465 : window.pageHeight - 135) + 'px;'"
:default-expanded-keys="customerOrg.defaultExpandedKeys"
@node-click="treeclick" highlight-current ref="customerOrgTree">
@ -33,7 +33,13 @@ export default {
components: {},
data() {
return {
filterText:''
filterText:'',
treeprops: {
label: "label",
value: "id",
id: "id",
children: "treeChildren",
}, //
};
},
//<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree>

65
src/components/menuPage/MenuPageTree.vue

@ -3,27 +3,25 @@
<!-- <div style="margin:2px 2px 2px 2px;">
<el-input placeholder="输入关键字进行过滤" v-model="filterText" size="small" />
</div> -->
<div :style="'overflow: scroll;height:' +(window.pageHeight < 600 ? 480 : window.pageHeight - 110) + 'px;background-color: #fff;margin-top: 10px;'">
<el-tree :data="dataTransOpts.tableM.menu_info" :props="customerOrg.treeprops"
node-key="id" :filter-node-method="filterNode"
:default-expanded-keys="customerOrg.defaultExpandedKeys"
@node-click="treeclick" highlight-current ref="customerOrgTree">
<div
:style="'overflow: scroll;height:' + (window.pageHeight < 600 ? 480 : window.pageHeight - 110) + 'px;background-color: #fff;margin-top: 10px;'">
<el-tree :data="dataTransOpts.tableM.menu_info" :props="customerOrg.treeprops" node-key="id" :filter-node-method="filterNode"
:default-expanded-keys="customerOrg.defaultExpandedKeys" @node-click="treeclick" highlight-current
ref="customerOrgTree">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div>
<span class="treeicons">
<!-- <i
<div>
<span class="treeicons">
<!-- <i
class="el-icon-document-remove"
v-if="data.parentId == null"
></i> -->
<img style="width:20px;height:20px;vertical-align: sub;" src="@/assets/images/order.png" v-if="!data.parentId"/>
</span>
<span
:class="!data.parentId ? 'maxtitle' : 'mintitle'"
>{{ node.label }}</span
>
</div>
</span>
</el-tree>
<img style="width:20px;height:20px;vertical-align: sub;" src="@/assets/images/order.png"
v-if="!data.parentId" />
</span>
<span :class="!data.parentId ? 'maxtitle' : 'mintitle'">{{ node.label }}</span>
</div>
</span>
</el-tree>
</div>
</div>
</template>
@ -37,21 +35,21 @@ export default {
components: {},
data() {
return {
filterText:''
filterText: '',
};
},
//<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree>
computed: {
...mapState(["window", "dataTransOpts", "customerOrg" ]),
treeHeight(){
let temp = this.window.pageHeaderHeight + this.window.pageMarginHeight + this.window.cardHeaderHeight + 32 + 20
return this.window.pageHeight < 600 ? (600 - temp):(this.window.pageHeight - temp)
...mapState(["window", "dataTransOpts", "customerOrg"]),
treeHeight() {
let temp = this.window.pageHeaderHeight + this.window.pageMarginHeight + this.window.cardHeaderHeight + 32 + 20
return this.window.pageHeight < 600 ? (600 - temp) : (this.window.pageHeight - temp)
}
},
//
created() {
created() {
},
//
@ -64,9 +62,9 @@ export default {
...mapMutations(["setData"]),
//
getMenuInfoTree() {
getMenuInfoTree() {
getapi("/api/app/menuinfo/getmenuinfotreelist").then((res) => {
if(res.code != -1){
if (res.code != -1) {
this.dataTransOpts.tableM.menu_info = res.data
tcdate(this.dataTransOpts.tableM.menu_info);
}
@ -78,7 +76,7 @@ export default {
this.dataTransOpts.tableS.menu_info.id = data.id;
setTimeout(() => {
this.dataTransOpts.refresh.menu_info.S++
}, 20);
}, 20);
},
//
@ -90,26 +88,27 @@ export default {
},
watch: {
"customerOrg.treeCurrentNodekey"(newVal,oldVal){
"customerOrg.treeCurrentNodekey"(newVal, oldVal) {
//console.log('watch:customerOrg.treeCurrentNodekey',newVal,oldVal)
if(newVal && newVal != oldVal){
if (newVal && newVal != oldVal) {
this.$nextTick(() => {
this.$refs['customerOrgTree'].setCurrentKey(newVal);
})
}
},
},
"filterText"(newVal,oldVal){ //
"filterText"(newVal, oldVal) { //
this.$refs['customerOrgTree'].filter(newVal);
}
},
};
</script>
<style scoped>
@import "../../assets/css/global.css";
@import "../../assets/css/global_tree.css";
:deep .el-tree-node>.el-tree-node__children{
:deep .el-tree-node>.el-tree-node__children {
overflow: visible;
}
</style>

4
src/components/patientRegister/PatientRegisterEdit.vue

@ -977,14 +977,14 @@ export default {
//
getapi("/api/app/medical-type/in-filter").then((res) => {
if (res.code == 1) {
if (res.code > -1) {
this.dict.medicalType = res.data;
}
});
//
getapi("/api/app/personnel-type/in-filter").then((res) => {
if (res.code == 1) {
if (res.code > -1) {
this.dict.personnelType = res.data;
}
});

8
src/components/patientRegister/customerOrgTreeAll.vue

@ -5,7 +5,7 @@
</div>
<div>
<el-tree :style="'overflow: scroll;height:' + (window.pageHeight < 600 ? 465 : window.pageHeight - 135) + 'px;width:200px;'"
:data="patientRegister.customerOrgTreeAll" :props="customerOrg.treeprops" node-key="id"
:data="patientRegister.customerOrgTreeAll" :props="treeprops" node-key="id"
:filter-node-method="filterNode" @node-click="treeclick" highlight-current ref="customerOrgTree">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div>
@ -34,6 +34,12 @@ export default {
data() {
return {
filterText: '',
treeprops: {
label: "label",
value: "id",
id: "id",
children: "treeChildren",
}, //
};
},
//<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree>

8
src/components/report/CusOrgOCX.vue

@ -6,7 +6,7 @@
</div>
<div>
<el-tree style="overflow: scroll;width: 200px;height:480px;" :data="patientRegister.customerOrgTreeAll"
:props="customerOrg.treeprops" @node-click="handleNode" :filter-node-method="filterNode"
:props="treeprops" @node-click="handleNode" :filter-node-method="filterNode"
ref="customerOrgTree">
<span class="custom-tree-node" slot-scope="{ node, data }">
<div>
@ -133,6 +133,12 @@ export default {
customerOrgGroupIds: [], //
customerOrgGroupList: [], //
}],
treeprops: {
label: "label",
value: "id",
id: "id",
children: "treeChildren",
}, //
};
},
//<el-tree :data="$store.state.customerOrg.customerOrgTree" :props="$store.state.customerOrg.treeprops" @node-click="treeclick"></el-tree>

2
src/store/index.js

@ -40,7 +40,7 @@ export default new Vuex.Store({
defaultExpandedKeys: [], //当前选中树的节点
treeCurrentNodekey: '', //当前选中树的节点
treeprops: {
label: "label", //displayName
label: "displayName", //displayName
value: "id",
id: "id",
children: "treeChildren",

Loading…
Cancel
Save