|
@@ -1,37 +1,53 @@
|
|
|
<script setup lang="ts">
|
|
|
import { ref, reactive, onMounted } from "vue";
|
|
|
import { ElMessage, ElMessageBox } from "element-plus";
|
|
|
-import type { DrawerProps, FormItemProps, FormProps } from "element-plus";
|
|
|
-import { postUpdateDept, getQuotaSourceList } from "@/api/indexDefine";
|
|
|
-import {
|
|
|
- getSelectDictListtApi,
|
|
|
- select,
|
|
|
- getFromSelectDictListtApi
|
|
|
-} from "@/api/select";
|
|
|
-const emit = defineEmits(["closeEditDialog"]);
|
|
|
+import type { DrawerProps, FormProps } from "element-plus";
|
|
|
+import { getQuotaPageList } from "@/api/indexDefine";
|
|
|
+import { editListApi } from "@/api/indexData";
|
|
|
+import { postListTree } from "@/api/department";
|
|
|
+import { postOrganizationUserPage } from "@/api/userSetting";
|
|
|
+import dayjs from "dayjs";
|
|
|
+
|
|
|
+const emit = defineEmits(["updateDialog"]);
|
|
|
const formRef = ref();
|
|
|
const drawer = ref(false);
|
|
|
const disabledShow = ref<any>(true);
|
|
|
-onMounted(() => {
|
|
|
- getSelectDictListtApi();
|
|
|
- getFromSelectDictListtApi();
|
|
|
-});
|
|
|
const direction = ref<DrawerProps["direction"]>("rtl");
|
|
|
+
|
|
|
+// 表单
|
|
|
const formLabelAlign = reactive({
|
|
|
id: "",
|
|
|
- name: "",
|
|
|
- categoryName: "",
|
|
|
- define: "",
|
|
|
- caliber: "",
|
|
|
- source: "",
|
|
|
- statue: null
|
|
|
+ sourceValue: "",
|
|
|
+ deptCode: "",
|
|
|
+ deptId: "",
|
|
|
+ deptName: "",
|
|
|
+ userId: "",
|
|
|
+ userName: "",
|
|
|
+ numerator: "",
|
|
|
+ denominator: "",
|
|
|
+ dataValue: "",
|
|
|
+ specificTime: ""
|
|
|
});
|
|
|
const rules = reactive<FormProps["rules"]>({
|
|
|
- name: [{ required: true, message: "请输入指标名称", trigger: "blur" }],
|
|
|
+ sourceValue: [{ required: true, message: "请输入指标名称", trigger: "blur" }],
|
|
|
define: { required: true, message: "请输入指标定义", trigger: "blur" },
|
|
|
caliber: { required: true, message: "请输入指标口径", trigger: "blur" },
|
|
|
statue: { required: true, message: "请选择指标状态", trigger: "blur" }
|
|
|
});
|
|
|
+
|
|
|
+// 抽屉逻辑
|
|
|
+const open = row => {
|
|
|
+ getQuotaPageListApi();
|
|
|
+ getIndustryListApi();
|
|
|
+ Object.assign(formLabelAlign, row);
|
|
|
+ if (row.deptCode) {
|
|
|
+ handleDept(row.deptCode);
|
|
|
+ }
|
|
|
+ drawer.value = true;
|
|
|
+};
|
|
|
+defineExpose({
|
|
|
+ open
|
|
|
+});
|
|
|
const handleClose = (done: () => void) => {
|
|
|
if (disabledShow.value) {
|
|
|
disabledShow.value = true;
|
|
@@ -47,56 +63,117 @@ const handleClose = (done: () => void) => {
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
-function cancelClick() {
|
|
|
+const cancelClick = () => {
|
|
|
formRef.value.validate(valid => {
|
|
|
if (valid) {
|
|
|
disabledShow.value = true;
|
|
|
}
|
|
|
});
|
|
|
-}
|
|
|
+};
|
|
|
+const editClick = () => {
|
|
|
+ disabledShow.value = false;
|
|
|
+};
|
|
|
+
|
|
|
// 确认
|
|
|
-const postUpdateDeptApi = async () => {
|
|
|
- const { code, msg } = await postUpdateDept(formLabelAlign);
|
|
|
- if (code === 200) {
|
|
|
- ElMessage({
|
|
|
- message: "修改成功",
|
|
|
- type: "success"
|
|
|
- });
|
|
|
- disabledShow.value = true;
|
|
|
- drawer.value = false;
|
|
|
- emit("closeEditDialog");
|
|
|
+const confirmClick = () => {
|
|
|
+ formRef.value.validate(async valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (formLabelAlign.specificTime) {
|
|
|
+ formLabelAlign.specificTime = dayjs(formLabelAlign.specificTime).format(
|
|
|
+ "YYYY-MM-DD"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ const { code, msg } = await editListApi(formLabelAlign);
|
|
|
+ if (code === 200) {
|
|
|
+ ElMessage({
|
|
|
+ message: "修改成功",
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ disabledShow.value = true;
|
|
|
+ drawer.value = false;
|
|
|
+ emit("updateDialog");
|
|
|
+ } else {
|
|
|
+ ElMessage.error(msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+
|
|
|
+// 指标名称
|
|
|
+const restaurants = ref([]);
|
|
|
+const querySearch = (queryString: string, cb: any) => {
|
|
|
+ const results = queryString
|
|
|
+ ? restaurants.value.filter(createFilter(queryString))
|
|
|
+ : restaurants.value;
|
|
|
+ cb(results);
|
|
|
+};
|
|
|
+const createFilter = (queryString: string) => {
|
|
|
+ return restaurant => {
|
|
|
+ return restaurant.name.indexOf(queryString) === 0;
|
|
|
+ };
|
|
|
+};
|
|
|
+const getQuotaPageListApi = async () => {
|
|
|
+ const { code, data, msg } = await getQuotaPageList({
|
|
|
+ pageNumber: 1,
|
|
|
+ pageSize: 99999,
|
|
|
+ orderField: "updateTime",
|
|
|
+ param: null,
|
|
|
+ categoryName: null,
|
|
|
+ statue: null,
|
|
|
+ orderType: null
|
|
|
+ });
|
|
|
+ if (code == 200) {
|
|
|
+ if (data.records && data.records.length) {
|
|
|
+ restaurants.value = data.records;
|
|
|
+ } else {
|
|
|
+ restaurants.value = [];
|
|
|
+ }
|
|
|
} else {
|
|
|
ElMessage.error(msg);
|
|
|
}
|
|
|
};
|
|
|
-function confirmClick() {
|
|
|
- formRef.value.validate(valid => {
|
|
|
- if (valid) {
|
|
|
- postUpdateDeptApi();
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-const open = row => {
|
|
|
- Object.assign(formLabelAlign, row);
|
|
|
- getQuotaSourceListApi();
|
|
|
- drawer.value = true;
|
|
|
+
|
|
|
+// 部门名称
|
|
|
+const defaultProps = {
|
|
|
+ children: "childrenRes",
|
|
|
+ label: "deptName",
|
|
|
+ value: "deptCode"
|
|
|
};
|
|
|
-// 编辑
|
|
|
-const editClick = () => {
|
|
|
- disabledShow.value = false;
|
|
|
+const deptSelect = ref([]);
|
|
|
+const getIndustryListApi = async () => {
|
|
|
+ const { code, data } = await postListTree();
|
|
|
+ if (code == 200) {
|
|
|
+ deptSelect.value = data || [];
|
|
|
+ }
|
|
|
+};
|
|
|
+const handleNodeDeptClick = data => {
|
|
|
+ formLabelAlign.deptId = data.hospitalCode;
|
|
|
+ formLabelAlign.deptName = data.deptName;
|
|
|
};
|
|
|
-// 来源
|
|
|
-const sourceDataList = ref([]);
|
|
|
-const getQuotaSourceListApi = async () => {
|
|
|
- const { data, code } = await getQuotaSourceList();
|
|
|
- console.log("1112132", data);
|
|
|
+
|
|
|
+// 员工名称
|
|
|
+const userSelect = ref([]);
|
|
|
+const handleDept = async val => {
|
|
|
+ const { code, data, msg } = await postOrganizationUserPage({
|
|
|
+ pageNumber: 1,
|
|
|
+ pageSize: 99999,
|
|
|
+ organizationCode: val,
|
|
|
+ organizationType: "dept",
|
|
|
+ realName: ""
|
|
|
+ });
|
|
|
if (code == 200) {
|
|
|
- sourceDataList.value = data;
|
|
|
+ userSelect.value = data.records;
|
|
|
+ } else {
|
|
|
+ ElMessage.error(msg);
|
|
|
}
|
|
|
};
|
|
|
-defineExpose({
|
|
|
- open
|
|
|
-});
|
|
|
+const handleUser = val => {
|
|
|
+ userSelect.value.forEach(item => {
|
|
|
+ if (item.hospitalCode === val) {
|
|
|
+ formLabelAlign.userName = item.realName;
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
@@ -107,7 +184,7 @@ defineExpose({
|
|
|
:before-close="handleClose"
|
|
|
>
|
|
|
<template #header>
|
|
|
- <h4>指标详情</h4>
|
|
|
+ <h4>数据详情</h4>
|
|
|
</template>
|
|
|
<template #default>
|
|
|
<div>
|
|
@@ -118,66 +195,86 @@ defineExpose({
|
|
|
:rules="rules"
|
|
|
:model="formLabelAlign"
|
|
|
>
|
|
|
- <el-form-item label="指标名称" label-position="top" prop="name">
|
|
|
- <el-input
|
|
|
- v-model="formLabelAlign.name"
|
|
|
+ <el-form-item
|
|
|
+ label="指标名称"
|
|
|
+ label-position="top"
|
|
|
+ prop="sourceValue"
|
|
|
+ >
|
|
|
+ <el-autocomplete
|
|
|
+ v-model="formLabelAlign.sourceValue"
|
|
|
+ value-key="name"
|
|
|
+ :fetch-suggestions="querySearch"
|
|
|
+ :trigger-on-focus="false"
|
|
|
+ clearable
|
|
|
+ placeholder="请输入"
|
|
|
:disabled="disabledShow"
|
|
|
+ style="width: 100%"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="指标分类" label-position="top">
|
|
|
+ <el-form-item label="部门名称" label-position="top" prop="deptCode">
|
|
|
+ <el-tree-select
|
|
|
+ v-model="formLabelAlign.deptCode"
|
|
|
+ :disabled="disabledShow"
|
|
|
+ :data="deptSelect"
|
|
|
+ :props="defaultProps"
|
|
|
+ default-expand-all
|
|
|
+ check-strictly
|
|
|
+ :render-after-expand="false"
|
|
|
+ @change="handleDept"
|
|
|
+ @node-click="handleNodeDeptClick"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="员工名称" label-position="top">
|
|
|
<el-select
|
|
|
- :key="formLabelAlign.categoryName"
|
|
|
- v-model="formLabelAlign.categoryName"
|
|
|
+ v-model="formLabelAlign.userId"
|
|
|
:disabled="disabledShow"
|
|
|
- placeholder="请选择状态"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="handleUser"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="(item, index) in select"
|
|
|
+ v-for="(item, index) in userSelect"
|
|
|
:key="index"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictValue"
|
|
|
+ :label="item.realName"
|
|
|
+ :value="item.hospitalCode"
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="指标定义" label-position="top" prop="define">
|
|
|
+ <el-form-item label="分子" label-position="top">
|
|
|
<el-input
|
|
|
- v-model="formLabelAlign.define"
|
|
|
+ v-model="formLabelAlign.numerator"
|
|
|
:disabled="disabledShow"
|
|
|
- type="textarea"
|
|
|
+ autocomplete="off"
|
|
|
+ placeholder="请输入"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="指标口径" label-position="top" prop="caliber">
|
|
|
+ <el-form-item label="分母" label-position="top">
|
|
|
<el-input
|
|
|
- v-model="formLabelAlign.caliber"
|
|
|
+ v-model="formLabelAlign.denominator"
|
|
|
:disabled="disabledShow"
|
|
|
- type="textarea"
|
|
|
+ autocomplete="off"
|
|
|
+ placeholder="请输入"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="来源" label-position="top">
|
|
|
- <el-select
|
|
|
- v-model="formLabelAlign.source"
|
|
|
+ <el-form-item label="值" label-position="top">
|
|
|
+ <el-input
|
|
|
+ v-model="formLabelAlign.dataValue"
|
|
|
:disabled="disabledShow"
|
|
|
- clearable
|
|
|
- placeholder="请选择来源"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in sourceDataList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.sourceValue"
|
|
|
- :value="item.sourceValue"
|
|
|
- /></el-select>
|
|
|
+ autocomplete="off"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="状态" label-position="top" prop="statue">
|
|
|
- <el-select
|
|
|
- :key="formLabelAlign.statue"
|
|
|
- v-model="formLabelAlign.statue"
|
|
|
+ <el-form-item
|
|
|
+ label="数据时间"
|
|
|
+ prop="specificTime"
|
|
|
+ label-position="top"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formLabelAlign.specificTime"
|
|
|
:disabled="disabledShow"
|
|
|
- placeholder="请选择状态"
|
|
|
- >
|
|
|
- <el-option label="草稿" :value="0" />
|
|
|
- <el-option label="发布" :value="1" />
|
|
|
- <el-option label="下架" :value="2" />
|
|
|
- </el-select>
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择日期"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|