|
|
@@ -13,44 +13,85 @@
|
|
|
:shortcuts="shortcuts"
|
|
|
></el-date-picker>
|
|
|
医嘱名称：
|
|
|
- <el-select style="width: 120px" v-model="yiZhuMingZi" remote filterable clearable
|
|
|
+ <el-select style="width: 120px" v-model="orderName" remote filterable clearable
|
|
|
:remote-method="remoteMethodChargeCode">
|
|
|
- <el-option v-for="item in yiZhuMingZiData" :key="item.code" :label="item.name" :value="item.code">
|
|
|
+ <el-option v-for="item in yiZhuMingZiData" :key="item.name" :name="item.name" :value="item.name">
|
|
|
<span>{{ item.name }}</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
频率：
|
|
|
<el-select v-model="pinLv" size="mini" filterable clearable style="width: 120px">
|
|
|
- <el-option v-for="item in huanZhePinLvData" :key="item.code" :label="item.name" :value="item.code">
|
|
|
- <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
|
|
|
+ <el-option v-for="item in huanZhePinLvData" :key="item.name" :name="item.name" :value="item.name">
|
|
|
+ <span style="color: #8492a6; font-size: 12px">{{ item.name }}</span>
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
<span>{{ item.name }}</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<el-divider direction="vertical"></el-divider>
|
|
|
<el-button type="primary" icon="el-icon-search" @click="chaXunYiZhuClick">查询</el-button>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <el-tag type="info" effect="dark">录入</el-tag>
|
|
|
+ <el-tag effect="dark" type="success">确认</el-tag>
|
|
|
+ <el-tag effect="dark">执行</el-tag>
|
|
|
+ <el-tag effect="dark" type="danger">停止</el-tag>
|
|
|
</el-header>
|
|
|
+ <el-main>
|
|
|
+ <el-table :data="yiZhuPage.data" :height="(windowSize.h / 1.6) + huanZheXinXiHeight" row-key="actOrderNo" border
|
|
|
+ highlight-current-row>
|
|
|
+ <el-table-column label="医嘱号" prop="actOrderNo" width="130">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-tag :type="getYiZhuFlag( scope.row.statusFlag)" effect="dark">{{ scope.row.actOrderNo }}</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <template v-for="(item,index) in elTableHeader">
|
|
|
+ <el-table-column :label="item.name" :prop="item.code" :width="item.width"></el-table-column>
|
|
|
+ </template>
|
|
|
+ <el-table-column label="操作" fixed="right" width="150">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button>修改</el-button>
|
|
|
+ <el-button>删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ :page-sizes="[10, 20, 30, 40, 50]"
|
|
|
+ :page-size="yiZhuPage.pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="yiZhuPage.total"
|
|
|
+ :current-page="yiZhuPage.currentPage"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-main>
|
|
|
</el-container>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {ref} from "vue";
|
|
|
+import {computed, ref, watch} from "vue";
|
|
|
import {shortcuts} from '../../data/shortcuts'
|
|
|
import {
|
|
|
- gongYongHuanZheXinXi,
|
|
|
+ huanZheXinXi,
|
|
|
huanZhePinLvData,
|
|
|
huoQuYiZhuMingCheng,
|
|
|
huoQuYiZhuShuJu,
|
|
|
- youWuXuanZheHuanZhe
|
|
|
+ youWuXuanZheHuanZhe, huanZheXinXiHeight
|
|
|
} from "../../api/zhu-yuan-yi-sheng/yi-zhu-lu-ru";
|
|
|
import {getDateRangeFormatDate} from "../../utils/date";
|
|
|
+import store from '../../store'
|
|
|
+import {stringIsBlank, stringNotBlank} from '../../utils/blank-utils';
|
|
|
+
|
|
|
|
|
|
export default {
|
|
|
name: "YiZhuLuRuZhuJian",
|
|
|
setup(props, cxt) {
|
|
|
+ const windowSize = computed(() => {
|
|
|
+ return store.state.app.windowSize
|
|
|
+ })
|
|
|
+
|
|
|
const dateRange = ref('')
|
|
|
// 根据医嘱的名字来进行搜索
|
|
|
- const yiZhuMingZi = ref('')
|
|
|
+ const orderName = ref('')
|
|
|
const yiZhuMingZiData = ref([])
|
|
|
// 获取频率
|
|
|
const pinLv = ref('')
|
|
|
@@ -65,7 +106,7 @@ export default {
|
|
|
const remoteMethodChargeCode = (val) => {
|
|
|
if (youWuXuanZheHuanZhe()) return
|
|
|
if (val.length > 1) {
|
|
|
- huoQuYiZhuMingCheng(gongYongHuanZheXinXi.value.inpatientNo, gongYongHuanZheXinXi.value.admissTimes, val).then((res) => {
|
|
|
+ huoQuYiZhuMingCheng(huanZheXinXi.value.inpatientNo, huanZheXinXi.value.admissTimes, val).then((res) => {
|
|
|
yiZhuMingZiData.value = res
|
|
|
})
|
|
|
}
|
|
|
@@ -80,31 +121,100 @@ export default {
|
|
|
currentPage: yiZhuPage.value.currentPage,
|
|
|
pageSize: yiZhuPage.value.pageSize,
|
|
|
total: 0,
|
|
|
- patNo: gongYongHuanZheXinXi.value.inpatientNo,
|
|
|
- times: gongYongHuanZheXinXi.value.admissTimes,
|
|
|
+ patNo: huanZheXinXi.value.inpatientNo,
|
|
|
+ times: huanZheXinXi.value.admissTimes,
|
|
|
startTime: dateS.startTime,
|
|
|
endTime: dateS.endTime,
|
|
|
- frequCode: pinLv.value
|
|
|
+ frequCode: pinLv.value,
|
|
|
+ orderName: orderName.value
|
|
|
}
|
|
|
huoQuYiZhuShuJu(data).then((res) => {
|
|
|
console.log(res)
|
|
|
+ yiZhuPage.value.total = res.total
|
|
|
+ yiZhuPage.value.data = res.records
|
|
|
+ }).catch(e => {
|
|
|
+ yiZhuPage.value.total = 0
|
|
|
+ yiZhuPage.value.data = []
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+ const handleSizeChange = () => {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ const handleCurrentChange = () => {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ watch(() => huanZheXinXi.value, () => {
|
|
|
+ chaXunYiZhuClick()
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
return {
|
|
|
dateRange,
|
|
|
shortcuts,
|
|
|
- yiZhuMingZi,
|
|
|
+ orderName,
|
|
|
yiZhuMingZiData,
|
|
|
remoteMethodChargeCode,
|
|
|
chaXunYiZhuClick,
|
|
|
pinLv,
|
|
|
huanZhePinLvData,
|
|
|
+ yiZhuPage,
|
|
|
+ windowSize,
|
|
|
+ handleSizeChange,
|
|
|
+ handleCurrentChange,
|
|
|
+ huanZheXinXiHeight,
|
|
|
+ stringNotBlank,
|
|
|
+ elTableHeader: [
|
|
|
+ {name: "医嘱名称", code: "orderName"},
|
|
|
+ {name: "剂量", code: "doseUnitName"},
|
|
|
+ {name: "频率", code: "frequCode"},
|
|
|
+ {name: "给药方式", code: "supplyCodeName"},
|
|
|
+ {name: "开始时间", code: "startTime"},
|
|
|
+ {name: "结束时间", code: "enterTime"},
|
|
|
+ {name: "医嘱时间", code: "orderTime"},
|
|
|
+ {name: "紧急", code: "1"},
|
|
|
+ {name: "医保自费", code: "1"},
|
|
|
+ {name: "医生", code: "physicianName"},
|
|
|
+ {name: "费用标志", code: "1"},
|
|
|
+ {name: "执行科室", code: "execUnitName"},
|
|
|
+ {name: "领量", code: "drugQuanName"},
|
|
|
+ {name: "类别", code: "drugFlagName"},
|
|
|
+ {name: "药房", code: "groupNoName"},
|
|
|
+ {name: "序号", code: "serialName"},
|
|
|
+ {name: "医保备注", code: "1"},
|
|
|
+ ],
|
|
|
+ getYiZhuFlag,
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+function getYiZhuFlag(val) {
|
|
|
+ if (stringIsBlank(val)) {
|
|
|
+ return 'warning'
|
|
|
+ }
|
|
|
+ switch (val) {
|
|
|
+ case "1":
|
|
|
+ return 'info'
|
|
|
+ case "2":
|
|
|
+ return 'success'
|
|
|
+ case "3":
|
|
|
+ return ''
|
|
|
+ case "4":
|
|
|
+ return ''
|
|
|
+ case "5":
|
|
|
+ return 'danger'
|
|
|
+ default:
|
|
|
+ return 'warning'
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+.el-table__row .el-table__row--level-0 {
|
|
|
+ background: rgba(145, 247, 145, .5);
|
|
|
+}
|
|
|
</style>
|
