护士工作台相关页面

src/components/360View/commonForm/optometryForm-copy.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
     <div v-if="!onlyRead" class="btnBox">
-      <el-button v-print="print" size="small">打印</el-button>
+      <el-button v-print="print" size="small" @click="handleSaveTable">打印</el-button>
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>

src/components/360View/medicalRecord/index.vue

@@ -63,6 +63,9 @@
             />
           </div>
         </template>
+        <div style="height: 100%;background: #fff;display: flex;align-items: center;justify-content: center">
+          <img v-if="!formList.length" src="@/assets/img/nodata.png" alt="">
+        </div>
       </div>
     </div>
   </div>

src/components/360View/opticalFile/index.vue

@@ -44,6 +44,9 @@
         </div>
       </div>
       <div class="content-right">
+        <div style="height: 100%;background: #fff;display: flex;align-items: center;justify-content: center">
+          <img v-if="!formList.length" src="@/assets/img/nodata.png" alt="">
+        </div>
         <eyesVision
           v-if="name === '双眼视功能检查报告单'"
           ref="eyesVis"

src/page-subspecialty/views/modules/nurseManagement/UBMOrder.vue

@@ -0,0 +1,130 @@
+<template>
+  <my-dialog :print="print" title="UBM预约" :is-show="show" @close="closeDialog">
+    <el-form id="UBMOrder" ref="form" :model="form" label-width="80px">
+      <el-form-item label-width="100px" required label="选择患者:">
+        <el-input suffix-icon="el-icon-search" />
+      </el-form-item>
+      <div class="patientDetail">
+        <div style="font-size: 16px;font-weight: bold">患者信息</div>
+        <div class="detailItem">
+          <div>登记号：132456</div>
+          <div>电话：19912132456</div>
+        </div>
+        <div class="detailItem">
+          <div>姓名：张三</div>
+          <div>性别：男</div>
+          <div>生日：1991-08-08</div>
+          <div>年龄：23</div>
+          <div>来源：门诊/住院</div>
+        </div>
+      </div>
+      <el-form-item label-width="100px" required label="负责医生:">
+        <el-col :span="12">
+          <el-select v-model="value" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="12">
+          已开医嘱: <el-radio v-model="radio" label="1">是</el-radio>
+          <el-radio v-model="radio" label="2">否</el-radio>
+        </el-col>
+      </el-form-item>
+      <el-form-item label-width="100px" required label="预约时间:">
+        <el-col :span="11">
+          <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" />
+        </el-col>
+        <el-col class="line" :span="1">-</el-col>
+        <el-col :span="11">
+          <el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" />
+        </el-col>
+      </el-form-item>
+    </el-form>
+  </my-dialog>
+</template>
+
+<script>
+import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue'
+
+export default {
+  name: 'UBMOrder',
+  components: { MyDialog },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    },
+    patientInfo: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      show: false,
+      radio: '1',
+      print: {
+        id: 'UBMOrder'
+      },
+      form: {
+        date1: '',
+        date2: ''
+      },
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }, {
+        value: '选项3',
+        label: '蚵仔煎'
+      }, {
+        value: '选项4',
+        label: '龙须面'
+      }, {
+        value: '选项5',
+        label: '北京烤鸭'
+      }],
+      value: ''
+    }
+  },
+  watch: {
+    isShow(val) {
+      this.show = val
+    }
+  },
+  methods: {
+    closeDialog(val) {
+      this.show = val
+      this.$emit('close', val)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-form-item__label{
+  font-size: 14px;
+}
+.patientDetail{
+  border: 1px solid #6EB1FF;
+  border-radius:  8px;
+  background: #E8F5FF;
+  padding: 16px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+  margin-bottom: 22px;
+}
+.detailItem{
+  display:flex;
+  margin: 8px 0;
+  div{
+    margin-right: 20px;
+  }
+}
+</style>

src/page-subspecialty/views/modules/nurseManagement/dataManage/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>132</div>
+</template>
+
+<script>
+export default {
+  name: 'Index'
+}
+</script>
+
+<style scoped>
+
+</style>

src/page-subspecialty/views/modules/nurseManagement/index.vue

@@ -1,12 +1,31 @@
 <template>
   <div>
-    护士
+    <el-button type="text" @click="isShow = true">点击打开 Dialog</el-button>
+    <el-button type="text" @click="ubmShow = true">UBM预约</el-button>
+    <re-dialog :is-show="isShow" @close="closeDialog" />
+    <u-b-m-order :is-show="ubmShow" @close="closeDialog" />
   </div>
 </template>
 
 <script>
+import ReDialog from '@/page-subspecialty/views/modules/nurseManagement/reDialog.vue'
+import UBMOrder from '@/page-subspecialty/views/modules/nurseManagement/UBMOrder.vue'
+
 export default {
-  name: 'NurseManagement'
+  name: 'NurseManagement',
+  components: { UBMOrder, ReDialog },
+  data() {
+    return {
+      isShow: false,
+      ubmShow: false // ubm弹框
+    }
+  },
+  methods: {
+    closeDialog(val) {
+      this.isShow = val
+      this.ubmShow = val
+    }
+  }
 }
 </script>
 

src/page-subspecialty/views/modules/nurseManagement/myDialog.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="dialogVisible"
+    width="40%"
+    :before-close="handleClose"
+  >
+    <div>
+      <slot />
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button v-print="print" size="small">打印</el-button>
+      <el-button size="small" @click="handleClose">取 消</el-button>
+      <el-button type="primary" size="small" @click="handleSave">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'MyDialog',
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    print: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      dialogVisible: this.isShow
+    }
+  },
+  watch: {
+    isShow(val) {
+      this.dialogVisible = val
+    }
+  },
+  methods: {
+    handleClose() {
+      this.$emit('close', false)
+    },
+    handleSave() {
+      this.handleClose()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body{
+  border-bottom:1px solid #F0F0F0;
+  border-top:1px solid #F0F0F0;
+}
+::v-deep .el-dialog__header{
+  padding: 16px 24px;
+}
+::v-deep .el-dialog__footer{
+  padding: 16px;
+}
+::v-deep .el-dialog__body{
+  padding: 16px 24px;
+}
+</style>

src/page-subspecialty/views/modules/nurseManagement/reDialog.vue

@@ -0,0 +1,90 @@
+<template>
+  <my-dialog :print="print" title="改约" :is-show="show" @close="closeDialog">
+    <el-form id="reOrder" ref="form" :model="form" label-width="80px">
+      <div class="secTitle">检查项目:前节激光治疗</div>
+      <el-form-item label-width="100px" required label="预约时间:">
+        <el-col :span="11">
+          <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" />
+        </el-col>
+        <el-col class="line" :span="1">-</el-col>
+        <el-col :span="11">
+          <el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" />
+        </el-col>
+      </el-form-item>
+      <div class="secTitle">检查项目:UBM</div>
+      <el-form-item label-width="100px" required label="预约时间:">
+        <el-col :span="11">
+          <el-date-picker v-model="form.date3" type="date" placeholder="选择日期" style="width: 100%;" />
+        </el-col>
+        <el-col class="line" :span="1">-</el-col>
+        <el-col :span="11">
+          <el-time-picker v-model="form.date4" placeholder="选择时间" style="width: 100%;" />
+        </el-col>
+      </el-form-item>
+      <div class="secTitle">检查项目:UBM</div>
+      <el-form-item label-width="100px" required label="预约时间:">
+        <el-col :span="11">
+          <el-date-picker v-model="form.date5" type="date" placeholder="选择日期" style="width: 100%;" />
+        </el-col>
+        <el-col class="line" :span="1">-</el-col>
+        <el-col :span="11">
+          <el-time-picker v-model="form.date6" placeholder="选择时间" style="width: 100%;" />
+        </el-col>
+      </el-form-item>
+    </el-form>
+  </my-dialog>
+</template>
+
+<script>
+import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue'
+
+export default {
+  name: 'ReDialog',
+  components: { MyDialog },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+      print: {
+        id: 'reOrder'
+      },
+      form: {
+        date1: '',
+        date2: '',
+        date3: '',
+        date4: '',
+        date5: '',
+        date6: ''
+      }
+    }
+  },
+  watch: {
+    isShow(val) {
+      this.show = val
+    }
+  },
+  methods: {
+    closeDialog(val) {
+      this.show = val
+      this.$emit('close', val)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.line{
+  text-align: center;
+}
+.secTitle{
+  font-size: 16px;
+  font-weight: bold;
+  color:  rgba(0, 0, 0, 0.85);
+  margin: 16px 0;
+}
+</style>