版本更新
This commit is contained in:
@@ -28,22 +28,19 @@
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
class="demo-tabs centered-tabs"
|
||||
@tab-change="handleClick"
|
||||
>
|
||||
<el-tab-pane
|
||||
v-for="tab in prescriptionTabs"
|
||||
<el-tabs v-model="activeName" class="demo-tabs centered-tabs" @tab-change="handleClick">
|
||||
<el-tab-pane
|
||||
v-for="tab in prescriptionTabs"
|
||||
:key="tab.name"
|
||||
:lazy="true"
|
||||
:label="tab.label"
|
||||
:lazy="true"
|
||||
:label="tab.label"
|
||||
:name="tab.name"
|
||||
>
|
||||
<!-- 使用模板引用 -->
|
||||
<PrescriptionList
|
||||
:exeStatus="exeStatus"
|
||||
:ref="(el) => setPrescriptionRef(el, tab.name)"
|
||||
<PrescriptionList
|
||||
:exeStatus="exeStatus"
|
||||
:requestStatus="requestStatus"
|
||||
:ref="(el) => setPrescriptionRef(el, tab.name)"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
@@ -59,6 +56,7 @@ import PrescriptionList from './components/prescriptionList.vue';
|
||||
const activeName = ref('preparation');
|
||||
const active = ref('first');
|
||||
const exeStatus = ref(1);
|
||||
const requestStatus = ref(3);
|
||||
const { proxy } = getCurrentInstance();
|
||||
|
||||
// 存储子组件引用的对象
|
||||
@@ -69,7 +67,7 @@ const prescriptionTabs = [
|
||||
{ label: '待执行', name: 'preparation' },
|
||||
{ label: '已执行', name: 'completed' },
|
||||
{ label: '不执行', name: 'stopped' },
|
||||
{ label: '取消执行', name: 'cancel' }
|
||||
{ label: '取消执行', name: 'cancel' },
|
||||
];
|
||||
|
||||
// 设置处方组件引用
|
||||
@@ -82,10 +80,13 @@ function setPrescriptionRef(el, name) {
|
||||
function handleClick(tabName) {
|
||||
// tabName是tab的name属性值
|
||||
const activeTabName = tabName || activeName.value;
|
||||
|
||||
switch(activeTabName){
|
||||
|
||||
switch (activeTabName) {
|
||||
case 'preparation':
|
||||
// 执行状态待执行
|
||||
exeStatus.value = 1;
|
||||
// 请求状态已校对
|
||||
requestStatus.value = 3;
|
||||
break;
|
||||
case 'completed':
|
||||
exeStatus.value = 6;
|
||||
@@ -97,11 +98,13 @@ function handleClick(tabName) {
|
||||
exeStatus.value = 9;
|
||||
break;
|
||||
}
|
||||
|
||||
|
||||
// 调用子组件方法
|
||||
nextTick(() => {
|
||||
if (prescriptionRefs.value[activeTabName] &&
|
||||
typeof prescriptionRefs.value[activeTabName].handleGetPrescription === 'function') {
|
||||
if (
|
||||
prescriptionRefs.value[activeTabName] &&
|
||||
typeof prescriptionRefs.value[activeTabName].handleGetPrescription === 'function'
|
||||
) {
|
||||
prescriptionRefs.value[activeTabName].handleGetPrescription();
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user