|
@@ -44,14 +44,13 @@
|
|
|
<!-- 表格 -->
|
|
<!-- 表格 -->
|
|
|
<div class="table-show flex-plane-t-between flex-wrap">
|
|
<div class="table-show flex-plane-t-between flex-wrap">
|
|
|
<!-- 表一和表二 -->
|
|
<!-- 表一和表二 -->
|
|
|
- <div class="table-left-body">
|
|
|
|
|
|
|
+ <div class="table-left-body" :style="{zIndex: Math.max(0, index % 2 + 1)}">
|
|
|
<div class="table-left" v-if="true">
|
|
<div class="table-left" v-if="true">
|
|
|
<el-table
|
|
<el-table
|
|
|
:data="recipe_tabs[recipe_tabs_c].tableData"
|
|
:data="recipe_tabs[recipe_tabs_c].tableData"
|
|
|
style="width:100%;"
|
|
style="width:100%;"
|
|
|
:span-method="arraySpanMethod1"
|
|
:span-method="arraySpanMethod1"
|
|
|
id="table1"
|
|
id="table1"
|
|
|
- height="500px"
|
|
|
|
|
>
|
|
>
|
|
|
<el-table-column prop="id" label width="20">
|
|
<el-table-column prop="id" label width="20">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -73,11 +72,7 @@
|
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
|
|
|
|
|
- <div
|
|
|
|
|
- class="table-choose3"
|
|
|
|
|
- v-if="index === scope.row.id - 1"
|
|
|
|
|
- :style="medIndex==0?'':{top:(medIndex*35)+'px'}"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="table-choose3" v-if="index === scope.row.id - 1">
|
|
|
<div class="table-choose-h flex-vertical-between">
|
|
<div class="table-choose-h flex-vertical-between">
|
|
|
<div class="flex-center">药品名称</div>
|
|
<div class="flex-center">药品名称</div>
|
|
|
<div class="flex-center">规格</div>
|
|
<div class="flex-center">规格</div>
|
|
@@ -142,10 +137,7 @@
|
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
<!-- v-model="scope.row.key" -->
|
|
<!-- v-model="scope.row.key" -->
|
|
|
- <div
|
|
|
|
|
- class="table-choose3"
|
|
|
|
|
- :style="medIndex==0?'':{top:(medIndex*35)+'px'}"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="table-choose3">
|
|
|
<div class="table-choose-h flex-vertical-between">
|
|
<div class="table-choose-h flex-vertical-between">
|
|
|
<div class="flex-center">药品名称</div>
|
|
<div class="flex-center">药品名称</div>
|
|
|
<div class="flex-center">规格</div>
|
|
<div class="flex-center">规格</div>
|
|
@@ -289,13 +281,12 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="table-left-body">
|
|
|
|
|
|
|
+ <div class="table-left-body" :style="{zIndex: Math.max(0, index % 2)}">
|
|
|
<div class="table-left" v-if="true">
|
|
<div class="table-left" v-if="true">
|
|
|
<el-table
|
|
<el-table
|
|
|
:data="recipe_tabs[recipe_tabs_c].tableData1"
|
|
:data="recipe_tabs[recipe_tabs_c].tableData1"
|
|
|
:span-method="arraySpanMethod1"
|
|
:span-method="arraySpanMethod1"
|
|
|
id="table1"
|
|
id="table1"
|
|
|
- height="500px"
|
|
|
|
|
>
|
|
>
|
|
|
<el-table-column prop="id" label width="20">
|
|
<el-table-column prop="id" label width="20">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -317,11 +308,7 @@
|
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
|
|
|
|
|
- <div
|
|
|
|
|
- class="table-choose3"
|
|
|
|
|
- v-if="index === scope.row.id - 1"
|
|
|
|
|
- :style="medIndex==0?'':{top:(medIndex*35)+'px'}"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="table-choose3" v-if="index === scope.row.id - 1">
|
|
|
<div class="table-choose-h flex-vertical-between">
|
|
<div class="table-choose-h flex-vertical-between">
|
|
|
<div class="flex-center">药品名称</div>
|
|
<div class="flex-center">药品名称</div>
|
|
|
<div class="flex-center">规格</div>
|
|
<div class="flex-center">规格</div>
|
|
@@ -386,10 +373,7 @@
|
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
:disabled="recipe_tabs[recipe_tabs_c].disable"
|
|
|
></el-input>
|
|
></el-input>
|
|
|
<!-- v-model="scope.row.key" -->
|
|
<!-- v-model="scope.row.key" -->
|
|
|
- <div
|
|
|
|
|
- class="table-choose3"
|
|
|
|
|
- :style="medIndex==0?'':{top:(medIndex*35)+'px'}"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div class="table-choose3">
|
|
|
<div class="table-choose-h flex-vertical-between">
|
|
<div class="table-choose-h flex-vertical-between">
|
|
|
<div class="flex-center">药品名称</div>
|
|
<div class="flex-center">药品名称</div>
|
|
|
<div class="flex-center">规格</div>
|
|
<div class="flex-center">规格</div>
|
|
@@ -1481,9 +1465,9 @@ export default {
|
|
|
// console.log(this.recipe_tabs[this.recipe_tabs_c].totalTableD[index], '我是key')
|
|
// console.log(this.recipe_tabs[this.recipe_tabs_c].totalTableD[index], '我是key')
|
|
|
|
|
|
|
|
let ids = document.querySelectorAll(".medicine-editor-wrapper #operate2");
|
|
let ids = document.querySelectorAll(".medicine-editor-wrapper #operate2");
|
|
|
- ids.forEach((item, index) => {
|
|
|
|
|
- item.style["z-index"] = "auto";
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // ids.forEach((item, index) => {
|
|
|
|
|
+ // item.style["z-index"] = "auto";
|
|
|
|
|
+ // });
|
|
|
// if (e != '') {
|
|
// if (e != '') {
|
|
|
// this.recipe_tabs[this.recipe_tabs_c].totalTableD[
|
|
// this.recipe_tabs[this.recipe_tabs_c].totalTableD[
|
|
|
// scope.row.id - 1
|
|
// scope.row.id - 1
|
|
@@ -1518,9 +1502,9 @@ export default {
|
|
|
this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].showSearch = false;
|
|
this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].showSearch = false;
|
|
|
this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].drugList = [];
|
|
this.recipe_tabs[this.recipe_tabs_c].totalTableD[index].drugList = [];
|
|
|
let ids = document.querySelectorAll("#operate2");
|
|
let ids = document.querySelectorAll("#operate2");
|
|
|
- ids.forEach((item, index) => {
|
|
|
|
|
- item.style["z-index"] = "99";
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // ids.forEach((item, index) => {
|
|
|
|
|
+ // item.style["z-index"] = "99";
|
|
|
|
|
+ // });
|
|
|
this._splitDataToView();
|
|
this._splitDataToView();
|
|
|
}, 500);
|
|
}, 500);
|
|
|
},
|
|
},
|
|
@@ -2069,8 +2053,15 @@ export default {
|
|
|
}
|
|
}
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
const el = document.querySelectorAll(`.medicine-editor-wrapper #searchD${index+1}`)[0];
|
|
const el = document.querySelectorAll(`.medicine-editor-wrapper #searchD${index+1}`)[0];
|
|
|
- console.log(el);
|
|
|
|
|
- if (el) el.focus();
|
|
|
|
|
|
|
+ if (el) {
|
|
|
|
|
+ el.focus();
|
|
|
|
|
+ const container = document.querySelector(`.popup-container`) || document.querySelector(`.second-view`)
|
|
|
|
|
+ if (container) {
|
|
|
|
|
+ const _bottom = container.getBoundingClientRect().bottom;
|
|
|
|
|
+ const bottom = el.getBoundingClientRect().bottom;
|
|
|
|
|
+ if (bottom + 220 > _bottom) container.scrollTop += 220;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}, 100);
|
|
}, 100);
|
|
|
},
|
|
},
|
|
|
// 获取省数据
|
|
// 获取省数据
|
|
@@ -2268,6 +2259,55 @@ export default {
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
|
+.medicine-editor-wrapper {
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+.table-container {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ padding: 5px 0px;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ .t-con-header {
|
|
|
|
|
+ flex: none;
|
|
|
|
|
+ margin-bottom: 0px;
|
|
|
|
|
+
|
|
|
|
|
+ .t-con-radio {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ padding-bottom: 5px;
|
|
|
|
|
+ border-bottom: 1px solid #eaeaea;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .t-radio-title {
|
|
|
|
|
+ width: 82px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .t-radio-group {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .add-presc1 {
|
|
|
|
|
+ width: 84px;
|
|
|
|
|
+ height: 34px;
|
|
|
|
|
+ background: #ffae45;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .table-msg {
|
|
|
|
|
+ flex: auto;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
@import "../style/common.scss";
|
|
@import "../style/common.scss";
|
|
|
|
|
|
|
|
.table-header {
|
|
.table-header {
|
|
@@ -2321,69 +2361,29 @@ export default {
|
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-#chineseM {
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- .table-container {
|
|
|
|
|
- padding: 5px 0px;
|
|
|
|
|
- // height: 340px;
|
|
|
|
|
- height: calc(100% - 80px);
|
|
|
|
|
- overflow: auto;
|
|
|
|
|
-
|
|
|
|
|
- .t-con-header {
|
|
|
|
|
- margin-bottom: 0px;
|
|
|
|
|
-
|
|
|
|
|
- .t-con-radio {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- padding-bottom: 5px;
|
|
|
|
|
- border-bottom: 1px solid #eaeaea;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .t-radio-title {
|
|
|
|
|
- width: 82px;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .t-radio-group {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .add-presc1 {
|
|
|
|
|
- width: 84px;
|
|
|
|
|
- height: 34px;
|
|
|
|
|
- background: #ffae45;
|
|
|
|
|
- border-radius: 4px;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #ffffff;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
.table-show {
|
|
.table-show {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
// min-height: 212px;
|
|
// min-height: 212px;
|
|
|
- overflow: auto;
|
|
|
|
|
|
|
+ //overflow: auto;
|
|
|
|
|
|
|
|
// background: #5386F6;
|
|
// background: #5386F6;
|
|
|
// overflow: hidden;
|
|
// overflow: hidden;
|
|
|
- z-index: 999;
|
|
|
|
|
|
|
+ //z-index: 999;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
.table-left-body {
|
|
.table-left-body {
|
|
|
width: 50%;
|
|
width: 50%;
|
|
|
|
|
+ height: 100%;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ z-index: 0;
|
|
|
perspective: 100px;
|
|
perspective: 100px;
|
|
|
// padding-bottom: 10px;
|
|
// padding-bottom: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.table-left {
|
|
.table-left {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
border: 1px solid #dedede;
|
|
border: 1px solid #dedede;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -2441,7 +2441,7 @@ export default {
|
|
|
height: 53px;
|
|
height: 53px;
|
|
|
line-height: 53px;
|
|
line-height: 53px;
|
|
|
border: 1px solid #dedede;
|
|
border: 1px solid #dedede;
|
|
|
- z-index: 9999;
|
|
|
|
|
|
|
+ //z-index: 9999;
|
|
|
border-top: 0 !important;
|
|
border-top: 0 !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -2503,7 +2503,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.table-choose {
|
|
.table-choose {
|
|
|
- z-index: 9999;
|
|
|
|
|
|
|
+ //z-index: 9999;
|
|
|
width: 332px;
|
|
width: 332px;
|
|
|
height: 221px;
|
|
height: 221px;
|
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
@@ -2557,7 +2557,7 @@ export default {
|
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
|
// margin-top: 241px;
|
|
// margin-top: 241px;
|
|
|
margin-top: 5px;
|
|
margin-top: 5px;
|
|
|
- z-index: -1;
|
|
|
|
|
|
|
+ //z-index: -1;
|
|
|
|
|
|
|
|
.header-about {
|
|
.header-about {
|
|
|
.item {
|
|
.item {
|
|
@@ -2786,7 +2786,7 @@ export default {
|
|
|
// perspective: 100px;
|
|
// perspective: 100px;
|
|
|
|
|
|
|
|
.dose-section {
|
|
.dose-section {
|
|
|
- z-index: 999999 !important;
|
|
|
|
|
|
|
+ //z-index: 999999 !important;
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
width: 50px;
|
|
width: 50px;
|
|
|
left: 136px;
|
|
left: 136px;
|
|
@@ -2805,16 +2805,16 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.table-choose3 {
|
|
.table-choose3 {
|
|
|
- z-index: 999999 !important;
|
|
|
|
|
|
|
+ z-index: 99;
|
|
|
// width: 332px;
|
|
// width: 332px;
|
|
|
width: 532px;
|
|
width: 532px;
|
|
|
height: 221px;
|
|
height: 221px;
|
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
|
border: 2px solid #d8d8d8;
|
|
border: 2px solid #d8d8d8;
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- top: 44px;
|
|
|
|
|
|
|
+ //top: 32px;
|
|
|
left: 84px;
|
|
left: 84px;
|
|
|
- margin-top: 19px;
|
|
|
|
|
|
|
+ //margin-top: 19px;
|
|
|
overflow: auto;
|
|
overflow: auto;
|
|
|
|
|
|
|
|
.table-choose-h {
|
|
.table-choose-h {
|
|
@@ -2884,6 +2884,17 @@ export default {
|
|
|
|
|
|
|
|
.table-show::v-deep .el-table {
|
|
.table-show::v-deep .el-table {
|
|
|
// z-index: 999;
|
|
// z-index: 999;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ .el-table__header-wrapper {
|
|
|
|
|
+ flex: none;
|
|
|
|
|
+ }
|
|
|
|
|
+ .el-table__body-wrapper {
|
|
|
|
|
+ flex: auto;
|
|
|
|
|
+ min-height: 221px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.table-show::v-deep .el-table th {
|
|
.table-show::v-deep .el-table th {
|