From 22bea582fb1bcb84be13f1df9f01e6aa0db29959 Mon Sep 17 00:00:00 2001
From: mch <1332099529@qq.com>
Date: Wed, 31 May 2023 17:50:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=93=E6=A3=80=E7=BB=93=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/medicalexamination.vue         |  48 ++-
 src/router/index.js                           |   5 +
 src/views/diagnosis.vue                       | 354 +++++++++++++++++-
 src/views/feesettings/barcodegroupping.vue    |  10 +-
 .../feesettings/projectresulttemplate.vue     |  59 +++
 src/views/feesettings/referencerange.vue      | 256 ++++++++++++-
 src/views/hoem.vue                            |  13 +-
 7 files changed, 719 insertions(+), 26 deletions(-)
 create mode 100644 src/views/feesettings/projectresulttemplate.vue

diff --git a/src/components/medicalexamination.vue b/src/components/medicalexamination.vue
index 161db38..c9a5d79 100644
--- a/src/components/medicalexamination.vue
+++ b/src/components/medicalexamination.vue
@@ -2,22 +2,31 @@
   <div class="box">
     <div style="width: 200%">
       <el-card>
-        <el-row style="margin-top: 20px">
+        <el-row style="margin-top: 20px; margin-left: 15px">
           <el-col :span="4">
-            <el-input
+            <el-autocomplete
+              class="inline-input"
+              v-model="page.Filter"
+              :fetch-suggestions="querySearch"
+              placeholder="请输入内容"
+              @select="handleSelect"
+            ></el-autocomplete>
+            <!-- <el-input
               v-model="page.Filter"
               clearable
-              @clear="tableData = []"
+            
               @input="isinput"
-            ></el-input>
+            ></el-input> -->
           </el-col>
           <el-col :span="4">
             <!-- <el-button type="primary" style="margin-left: 5%" @click="getlist"
               >查询</el-button
             > -->
           </el-col>
-          <el-col :span="7">
-            <el-col :span="6" style="margin-top: 10px">类别选择</el-col>
+          <el-col :span="7" style="margin-left: 5%">
+            <el-col :span="6" style="margin-top: 10px; margin-left: 10px"
+              >类别选择</el-col
+            >
             <el-select
               filterable
               v-model="Selectvalue"
@@ -238,13 +247,38 @@ export default {
   },
   mounted() {
     this.rowDrop();
+    this.tableData = this.loadAll();
   },
+  
   methods: {
+     loadAll() {
+
+     
+    },
+    createFilter(queryString) {
+      return (tableData) => {
+        return (
+          tableData.value.toLowerCase().indexOf(queryString.toLowerCase()) ===
+          0
+        );
+      };
+    },
+    handleSelect(item) {
+      console.log(item);
+    },  
+    querySearch(queryString, cb) {
+      var tableData = this.tableData;
+      var tableData = queryString
+        ? tableData.filter(this.createFilter(queryString))
+        : tableData;
+      // 调用 callback 返回建议列表的数据
+      cb(tableData);
+    },
     isinput(v) {
       this.page.Filter = v;
       console.log(this.page.Filter);
       if (this.page.Filter == "") {
-        this.tableData = [];
+        this.getlist();
       } else {
         physicallist(this.page).then((res) => {
           this.tableData = res.data.items;
diff --git a/src/router/index.js b/src/router/index.js
index fa66e1a..f7b52d0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -196,6 +196,11 @@ const routes = [
         name: 'diagnosis',
         component: () => import('../views/diagnosis.vue')
       },
+      {
+        path: '/projectresulttemplate',
+        name: 'projectresulttemplate',
+        component: () => import('../views/feesettings/projectresulttemplate.vue')
+      },
     ]
   },
 ];
diff --git a/src/views/diagnosis.vue b/src/views/diagnosis.vue
index 6a4e125..a88b365 100644
--- a/src/views/diagnosis.vue
+++ b/src/views/diagnosis.vue
@@ -32,20 +32,173 @@
               {{ scope.row.lastModificationTime | dateFormat }}
             </template>
           </el-table-column>
+          <el-table-column label="操作" width="">
+            <template>
+              <el-tag
+                class="move"
+                style="cursor: move; margin-left: 15px"
+                draggable="true"
+              >
+                <i
+                  class="el-icon-d-caret"
+                  style="width: 1rem; height: 1rem"
+                ></i>
+              </el-tag>
+            </template>
+          </el-table-column>
         </el-table>
       </el-card>
+      <el-dialog
+        :title="title == 1 ? '新增' : '编辑'"
+        :visible.sync="dialogVisible"
+        width="75%"
+      >
+        <el-form ref="form" :model="form" label-width="100px" :rules="rules">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="名称" prop="displayName">
+                <el-input
+                  v-model="form.displayName"
+                  style="width: 100%"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="项目类别" prop="itemTypeId">
+                <el-select v-model="form.itemTypeId" placeholder="请选择">
+                  <el-option
+                    v-for="item in itemTypeId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option> </el-select></el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="是疾病" prop="isIll">
+                <el-select v-model="form.isIll" placeholder="请选择">
+                  <el-option
+                    v-for="item in isIll"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="建议名称" prop="suggestionName">
+                <el-input
+                  v-model="form.suggestionName"
+                  style="width: 100%"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="是总检模板" prop="isSummaryTemplate">
+                <el-select
+                  v-model="form.isSummaryTemplate"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in isSummaryTemplate"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="适用性别" prop="forSexId">
+                <el-select v-model="form.forSexId" placeholder="请选择">
+                  <el-option
+                    v-for="item in forSexId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="诊断级别" prop="diagnosisLevelId">
+                <el-select v-model="form.diagnosisLevelId" placeholder="请选择">
+                  <el-option
+                    v-for="item in diagnosisLevelId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="onsbmint">确 定</el-button>
+        </span>
+      </el-dialog>
     </div>
     <!-- 按钮区域 -->
     <div style="margin-left: 10px; margin-top: 5%">
       <el-button type="primary" @click="add">新增</el-button>
+      <div style="margin-top: 10px">
+        <el-button type="primary" @click="edit">编辑</el-button>
+      </div>
+      <div style="margin-top: 10px">
+        <el-button type="danger" @click="delets">删除</el-button>
+      </div>
+      <div style="margin-top: 10px">
+        <el-button type="primary" @click="topping">置顶</el-button>
+      </div>
+      <div style="margin-top: 10px">
+        <el-button type="primary" @click="toppings">置底</el-button>
+      </div>
+      <div style="margin-top: 10px">
+        <el-button type="primary" :disabled="isshow" @click="assertion"
+          >排序</el-button
+        >
+      </div>
+      <div style="margin-top: 10px">
+        <el-button type="primary" :disabled="isshow" @click="cancellation"
+          >取消</el-button
+        >
+      </div>
     </div>
   </div>
 </template>
 <script>
-import { postapi } from "@/api/api";
+import Sortable from "sortablejs";
+import { postapi, getapi, putapi, deletapi } from "@/api/api";
+import { projectlist } from "@/request/commonapi";
+import { examinationgender, diagsislist } from "@/request/systemapi";
 export default {
   data() {
     return {
+      isshow: true,
+      rules: {
+        displayName: [
+          { required: true, message: "请输入名称", trigger: "blur" },
+        ],
+        itemTypeId: [
+          { required: true, message: "请选择项目类别", trigger: "blur" },
+        ],
+        suggestionName: [
+          { required: true, message: "请输入建议名称", trigger: "blur" },
+        ],
+        isIll: [{ required: true, message: "请选择是疾病", trigger: "blur" }],
+        isSummaryTemplate: [
+          { required: true, message: "请选择是总检模板", trigger: "blur" },
+        ],
+        forSexId: [
+          { required: true, message: "请选择适用性别", trigger: "blur" },
+        ],
+        diagnosisLevelId: [
+          { required: true, message: "请选择诊断级别", trigger: "blur" },
+        ],
+      },
       pages: {
         Filter: "",
         SkipCount: 0,
@@ -56,19 +209,216 @@ export default {
       initTableData: [],
       dialogVisible: false,
       title: 1,
+      form: {
+        displayName: "",
+        itemTypeId: "",
+        suggestionName: "",
+        isIll: "",
+        isSummaryTemplate: "",
+        forSexId: "",
+        diagnosisLevelId: "",
+      },
+      isIll: [
+        {
+          value: "Y",
+          label: "是",
+        },
+        {
+          value: "N",
+          label: "否",
+        },
+      ], //是疾病
+      isSummaryTemplate: [
+        {
+          value: "Y",
+          label: "是",
+        },
+        {
+          value: "N",
+          label: "否",
+        },
+      ], //是总监模板
+
+      itemTypeId: [], //项目类别
+      forSexId: [], //性别
+      diagnosisLevelId: [], //诊断级别
     };
   },
   created() {
     this.getlist();
   },
+  mounted() {
+    this.rowDrop();
+  },
   methods: {
+    //取消排序
+    cancellation() {
+      this.$message.info("取消操作");
+      this.isshow = true;
+      this.getlist();
+    },
+    //确定排序
+    assertion() {
+      const result = [];
+      this.tableData.forEach((item, index) => {
+        // index 从0开始的， 你的displayOrder从大到小排
+        console.log(item.id);
+        // const currentDisplayOrder = this.tableData.length -1
+        const currentDisplayOrder = this.initTableData[index].displayOrder;
+        if (item.displayOrder != currentDisplayOrder) {
+          // 如果它的displayOrder和它当前所在的位置不同代表挪动过位置
+          result.push({ id: item.id, displayOrder: currentDisplayOrder });
+        }
+      });
+      putapi("/api/app/diagnosis/updatesortmany", { itemList: result }).then(
+        (res) => {
+          this.$message.success("操作成功");
+          this.isshow = true;
+          this.getlist();
+        }
+      );
+    },
+    //初始化
+    rowDrop() {
+      this.$nextTick(() => {
+        const tbody = document.querySelector(".el-table__body-wrapper tbody");
+        const _this = this;
+        Sortable.create(tbody, {
+          handle: ".move",
+          animation: 300,
+          // 指定父元素下可被拖拽的子元素
+          // draggable: ".module-manager .el-table__row",
+          onEnd({ newIndex, oldIndex }) {
+            // console.log(arr);
+            _this.isshow = false;
+            const currRow = _this.tableData.splice(oldIndex, 1)[0];
+            _this.tableData.splice(newIndex, 0, currRow);
+            _this.tableData.map((item, index) => {
+              if (index == newIndex && index == oldIndex) {
+                // console.log(item, "新数据");
+              } else if (index == oldIndex) {
+              } else if (index == newIndex) {
+              }
+            });
+            console.log(_this.tableData.map((item) => item.displayOrder));
+          },
+        });
+      });
+    },
+    toppings() {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        putapi(
+          `/api/app/diagnosis/updatemanysort?id=${this.form.id}&SortType=${2}`
+        ).then((res) => {
+          this.$message.success("操作成功");
+          this.getlist();
+        });
+      }
+    },
+    topping() {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        putapi(
+          `/api/app/diagnosis/updatemanysort?id=${this.form.id}&SortType=${1}`
+        ).then((res) => {
+          this.$message.success("操作成功");
+          this.getlist();
+        });
+      }
+    },
+    //删除
+    delets(row) {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择删除的数据");
+      } else {
+        this.$confirm("是否确认删除,是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            deletapi(`/api/app/diagnosis/${this.form.id}`).then((res) => {
+              this.$message.success("删除成功");
+              this.getlist();
+            });
+          })
+          .catch(() => {
+            this.$message.info("已取消操作");
+          });
+      }
+    },
+    //编辑弹框
+    edit(row) {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        //项目类别
+        projectlist().then((res) => {
+          this.itemTypeId = res.data.items;
+        });
+        //性别
+        examinationgender().then((res) => {
+          this.forSexId = res.data;
+        });
+        //诊断级别
+        diagsislist().then((res) => {
+          this.diagnosisLevelId = res.data.items;
+        });
+        this.title = 2;
+
+        this.dialogVisible = true;
+      }
+    },
+    //确定新增或者编辑
+    onsbmint() {
+      this.$refs.form.validate((v) => {
+        if (v) {
+          if (this.title == 1) {
+            postapi("/api/app/diagnosis", this.form).then((res) => {
+              this.$message.success("新增成功");
+              this.getlist();
+              this.dialogVisible = false;
+            });
+          } else if (this.title == 2) {
+            putapi(`/api/app/diagnosis/${this.form.id}`, this.form).then(
+              (res) => {
+                this.$message.success("修改成功");
+                this.getlist();
+                this.dialogVisible = false;
+              }
+            );
+          }
+        }
+      });
+      // postapi('/api/app/diagnosis',this)
+    },
     //新增弹框
     add() {
       this.dialogVisible = true;
       this.title = 1;
       this.form = {};
+      //项目类别
+      projectlist().then((res) => {
+        this.itemTypeId = res.data.items;
+      });
+      //性别
+      examinationgender().then((res) => {
+        this.forSexId = res.data;
+      });
+      //诊断级别
+      diagsislist().then((res) => {
+        this.diagnosisLevelId = res.data.items;
+      });
+    },
+    rowick(row) {
+      getapi(`/api/app/diagnosis/${row.id}`).then((res) => {
+        this.form = res.data;
+      });
+      console.log(row);
     },
-    rowick() {},
     getlist() {
       postapi("/api/app/diagnosis/getlistinfilter", this.pages).then((res) => {
         this.initTableData = [...res.data.items];
diff --git a/src/views/feesettings/barcodegroupping.vue b/src/views/feesettings/barcodegroupping.vue
index 9caeef6..24fbd47 100644
--- a/src/views/feesettings/barcodegroupping.vue
+++ b/src/views/feesettings/barcodegroupping.vue
@@ -111,7 +111,7 @@
             <el-button type="primary" @click="addoredit">确 定</el-button>
           </span>
         </el-dialog>
-        <span style="margin-top: 10px; padding: 5px">项目类别</span>
+        <span style="margin-top: 10px; padding: 5px;margin-left:14%">项目类别</span>
         <el-select
           v-model="values"
           placeholder="请选择"
@@ -127,7 +127,7 @@
           </el-option>
         </el-select>
         <!--  -->
-        <span style="margin-left: 8%; padding: 5px">搜索选择</span>
+        <span style="margin-left: 10%; padding: 5px">搜索选择</span>
         <el-select
           filterable
           v-model="flitvalues"
@@ -183,7 +183,7 @@
                 </el-button>
               </div>
             </div>
-            <div class="leftbox" style="margin-left: 5%">
+            <div class="leftbox" style="margin-left: 7%">
               <div class="weixuan">已选项目</div>
               <div
                 v-for="(item, index) in rightdata"
@@ -668,7 +668,7 @@ export default {
 </script>
 <style scoped>
 .confirmcancellation {
-  margin-left: 20%;
+  margin-left: 40%;
 }
 .Selectbutton {
   margin-left: 3%;
@@ -685,10 +685,12 @@ export default {
   width: 200px;
   height: 240px;
   border: 1px solid #ccc;
+  margin-left: 6%;
 }
 .instrumentcategory {
   width: 100%;
   display: flex;
+  margin-left: 15%;
 }
 .box {
   display: flex;
diff --git a/src/views/feesettings/projectresulttemplate.vue b/src/views/feesettings/projectresulttemplate.vue
new file mode 100644
index 0000000..a487cca
--- /dev/null
+++ b/src/views/feesettings/projectresulttemplate.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="box">
+    <div style="width: 95%">
+      <el-card> </el-card>
+    </div>
+    <!-- 按钮区域 -->
+    <div style="margin-left: 10px; margin-top: 5%">
+      <el-button type="primary" @click="add">新增</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import { getapi } from "@/api/api";
+import { getporjectlists } from "@/request/commonapi";
+export default {
+  data() {
+    return {
+      pages: {
+        SkipCount: 0,
+        MaxResultCount: 100,
+        Sorting: "displayOrder desc",
+      },
+      itemId:[],//项目
+    };
+  },
+  created() {
+    this.getlist();
+  },
+  methods: {
+    // 新增或者编辑需要的类别
+    addtoedit() {
+      //项目
+      getporjectlists().then((res) => {
+        this.itemId = res.data.items;
+      });
+      getapi('/api/app/diagnosis/getlistinfilter').then(res=>{
+        
+      })
+    },
+    //新增弹框
+    add() {
+      this.addtoedit();
+      this.dialogVisible = true;
+      this.title = 1;
+      this.form = {};
+    },
+    getlist() {
+      getapi("/api/app/item-result-template", this.pages).then((res) => {
+        console.log(res);
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.box{
+    display: flex;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/feesettings/referencerange.vue b/src/views/feesettings/referencerange.vue
index 8cb00d8..cd63b7c 100644
--- a/src/views/feesettings/referencerange.vue
+++ b/src/views/feesettings/referencerange.vue
@@ -1,37 +1,277 @@
 <template>
   <div class="box">
     <div style="width: 95%">
-      <el-card></el-card>
+      <el-card>
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          row-key="id"
+          class="el-table__body-wrapper tbody"
+          @row-click="rowick"
+          highlight-current-row
+        >
+          <el-table-column prop="id" label="编号" width="300">
+          </el-table-column>
+          <el-table-column prop="ageLowerLimit" label="年龄上限">
+          </el-table-column>
+          <el-table-column prop="ageUpperLimit" label="年龄下限">
+          </el-table-column>
+          <el-table-column prop="creatorName" label="创建者" width="">
+          </el-table-column>
+          <el-table-column prop="creationTime" label="创建时间" width="200">
+            <template slot-scope="scope">
+              {{ scope.row.creationTime | dateFormat }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="lastModifierName" label="修改者" width="">
+          </el-table-column>
+          <el-table-column
+            prop="lastModificationTime"
+            label="修改时间"
+            width="200"
+          >
+            <template slot-scope="scope">
+              {{ scope.row.lastModificationTime | dateFormat }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="">
+            <template>
+              <el-tag
+                class="move"
+                style="cursor: move; margin-left: 15px"
+                draggable="true"
+              >
+                <i
+                  class="el-icon-d-caret"
+                  style="width: 1rem; height: 1rem"
+                ></i>
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+      <!-- 新增或者编辑弹框 -->
+      <el-dialog
+        :title="title == 1 ? '新增' : '编辑'"
+        :visible.sync="dialogVisible"
+        width="75%"
+      >
+        <el-form ref="form" :model="form" label-width="100px" :rules="rules">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="项目" prop="itemId">
+                <el-select v-model="form.itemId" placeholder="请选择">
+                  <el-option
+                    v-for="item in itemId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="性别" prop="forSexId">
+                <el-select v-model="form.forSexId" placeholder="请选择">
+                  <el-option
+                    v-for="item in forSexId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="年龄下限" prop="ageLowerLimit">
+                <el-input
+                  v-model="form.ageLowerLimit"
+                  style="width: 100%"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="年龄上限" prop="ageUpperLimit">
+                <el-input
+                  v-model="form.ageUpperLimit"
+                  style="width: 85%"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="引用范围" prop="referenceRangeValue">
+                <el-input
+                  v-model="form.referenceRangeValue"
+                  style="width: 85%"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="临界范围" prop="criticalRangeValue">
+                <el-input
+                  v-model="form.criticalRangeValue"
+                  style="width: 100%"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="偏低诊断" prop="lowerDiagnosisId">
+                <el-select v-model="form.lowerDiagnosisId" placeholder="请选择">
+                  <el-option
+                    v-for="item in lowerDiagnosisId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="8">
+              <el-form-item label="偏高诊断" prop="upperDiagnosisId">
+                <el-select v-model="form.upperDiagnosisId" placeholder="请选择">
+                  <el-option
+                    v-for="item in upperDiagnosisId"
+                    :key="item.id"
+                    :label="item.displayName"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="onsbmint">确 定</el-button>
+        </span>
+      </el-dialog>
     </div>
     <!-- 按钮区域 -->
-    <div></div>
+    <div style="margin-left: 10px; margin-top: 5%">
+      <el-button type="primary" @click="add">新增</el-button>
+      <div style="margin-top: 10px">
+        <el-button type="primary" @click="edit">编辑</el-button>
+      </div>
+    </div>
   </div>
 </template>
 <script>
-import { getapi } from "@/api/api";
-import { referencerangelist } from "@/request/commonapi";
+import { getapi, postapi, putapi } from "@/api/api";
+import { referencerangelist, getporjectlists } from "@/request/commonapi";
+import { examinationgender } from "@/request/systemapi";
+// import
 export default {
   data() {
     return {
+      rules: {
+        itemId: [{ required: true, message: "请选择项目", trigger: "blur" }],
+        forSexId: [{ required: true, message: "请选择性别", trigger: "blur" }],
+        ageLowerLimit: [
+          { required: true, message: "请输入年龄下限", trigger: "blur" },
+        ],
+        ageUpperLimit: [
+          { required: true, message: "请输入年龄上限", trigger: "blur" },
+        ],
+        referenceRangeValue: [
+          { required: true, message: "请输入引用范围", trigger: "blur" },
+        ],
+        criticalRangeValue: [
+          { required: true, message: "请输入临界范围", trigger: "blur" },
+        ],
+        lowerDiagnosisId: [
+          { required: true, message: "请选择偏低诊断", trigger: "blur" },
+        ],
+        upperDiagnosisId: [
+          { required: true, message: "请选择偏高诊断", trigger: "blur" },
+        ],
+      },
       pages: {
         SkipCount: 0,
         MaxResultCount: 100,
         // Sorting: "displayOrder desc",
       },
+      dialogVisible: false,
+      title: 1,
+      form: {
+        itemId: "",
+        forSexId: "",
+        ageLowerLimit: "",
+        ageUpperLimit: "",
+        referenceRangeValue: "",
+        criticalRangeValue: "",
+        lowerDiagnosisId: "",
+        upperDiagnosisId: "",
+      },
+      itemId: [], //项目
+      forSexId: [], //性别
+      lowerDiagnosisId: [], //偏低诊断
+      upperDiagnosisId: [], //偏高诊断
+      initTableData: [],
+      tableData: [],
     };
   },
   created() {
     this.getlist();
-    this.aa();
   },
   methods: {
-    aa() {
-      getapi("/api/app/reference-range", this.pages).then((res) => {
-        console.log(res);
+    rowick(row) {
+      getapi(`/api/app/reference-range/${row.id}`).then((res) => {
+        this.form = res.data;
+      });
+    },
+    //编辑弹框
+    edit() {
+      if (this.form.id == undefined) {
+        this.$message.warning("请选择操作的数据");
+      } else {
+        this.addtoedit();
+        this.title = 2;
+        this.dialogVisible = true;
+      }
+    },
+    //确定新增或者编辑
+    onsbmint() {
+      this.$refs.form.validate((v) => {
+        if (v) {
+          if (this.title == 1) {
+            postapi("/api/app/reference-range", this.form).then((res) => {
+              this.$message.success("新增成功");
+              this.getlist();
+              this.dialogVisible = false;
+            });
+          } else if (this.title == 2) {
+            putapi(`/api/app/reference-range/${this.form.id}`,this.form).then(res=>{
+              this.$message.success('修改成功')
+              this.getlist()
+              this.dialogVisible=false
+            })
+          }
+        }
+      });
+    },
+
+    // 新增或者编辑需要的类别
+    addtoedit() {
+      //项目
+      getporjectlists().then((res) => {
+        this.itemId = res.data.items;
       });
+      //性别
+      examinationgender().then((res) => {
+        this.forSexId = res.data;
+      });
+      //诊断
+      postapi("/api/app/diagnosis/getlistinfilter").then((res) => {
+        this.lowerDiagnosisId = res.data.items;
+        this.upperDiagnosisId = res.data.items;
+      });
+    },
+    add() {
+      this.addtoedit();
+      this.dialogVisible = true;
+      this.title = 1;
+      this.form = {};
     },
     getlist() {
       referencerangelist(this.pages).then((res) => {
+        this.initTableData = [...res.data.items];
+        this.tableData = res.data.items;
         console.log(res);
       });
     },
diff --git a/src/views/hoem.vue b/src/views/hoem.vue
index 01fc587..ec8f75a 100644
--- a/src/views/hoem.vue
+++ b/src/views/hoem.vue
@@ -146,9 +146,6 @@
               >
               <el-menu-item index="diagnosticleve"
                 ><i class="el-icon-menu"></i>诊断级别</el-menu-item
-              >
-                 <el-menu-item index="diagnosis"
-                ><i class="el-icon-menu"></i>诊断</el-menu-item
               >
             </el-submenu>
             <!-- <el-submenu index="2">
@@ -181,12 +178,18 @@
               <el-menu-item index="groupsandproject"
                 ><i class="el-icon-menu"></i>组和项目</el-menu-item
               >
-                <el-menu-item index="projectitem"
+              <el-menu-item index="projectitem"
                 ><i class="el-icon-menu"></i>项目</el-menu-item
               >
-                <el-menu-item index="referencerange"
+              <el-menu-item index="referencerange"
                 ><i class="el-icon-menu"></i>参考范围</el-menu-item
               >
+              <el-menu-item index="diagnosis"
+                ><i class="el-icon-menu"></i>诊断</el-menu-item
+              >
+               <el-menu-item index="projectresulttemplate"
+                ><i class="el-icon-menu"></i>项目结果模板</el-menu-item
+              >
             </el-submenu>
           </el-menu>
         </el-aside>