护士工作台相关页面

3 years ago · 123e193ca2
5 changed files with 130 additions and 23 deletions
--- a/src/page-subspecialty/views/modules/nurseManagement/UBMOrder.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/UBMOrder.vue
@ -1,7 +1,7 @@
 <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="90px" required label="选择患者:">
+    <el-form id="UBMOrder" ref="form" size="small" :model="form" label-width="90px">
+      <el-form-item required label="选择患者:">
        <el-input v-model="form.patient" suffix-icon="el-icon-search" />
      </el-form-item>
      <div class="patientDetail">
@ -18,7 +18,7 @@
          <div>来源：门诊/住院</div>
        </div>
      </div>
-      <el-form-item label-width="90px" label="负责医生:">
+      <el-form-item label="负责医生:">
        <el-col :span="12">
          <el-select v-model="form.doctor" placeholder="请选择">
            <el-option
@ -29,15 +29,20 @@
            />
          </el-select>
        </el-col>
-        <el-col :span="12">
-          已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio>
-          <el-radio v-model="form.docAdvice" label="2">否</el-radio>
+        <el-col :span="12" style="display: flex;align-items: center">
+          已开医嘱:
+          <div class="radioItem" @click="form.mydriasis='是'">
+            <input :checked="form.mydriasis==='是'" type="radio">是
+          </div>
+          <div class="radioItem" @click="form.mydriasis='否'">
+            <input :checked="form.mydriasis==='否'" type="radio">否
+          </div>
        </el-col>
      </el-form-item>
-      <el-form-item label-width="90px" label="备注:">
+      <el-form-item label="备注:">
        <el-input v-model="form.remark" autosize type="textarea" />
      </el-form-item>
-      <el-form-item label-width="90px" label="负责医生:">
+      <el-form-item label="负责医生:">
        <el-select v-model="form.doc" placeholder="请选择">
          <el-option
            v-for="item in options"
@ -60,20 +65,30 @@
            <input :checked="form.eyeLevel==='OU'" type="radio">OU
          </div>
        </el-col>
-        <el-col :span="7">
-          已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio>
-          <el-radio v-model="form.docAdvice" label="2">否</el-radio>
+        <el-col :span="7" style="display: flex;align-items: center">
+          散瞳:
+          <div class="radioItem" @click="form.mydriasis=!form.mydriasis">
+            <input :checked="form.mydriasis" type="radio">是
+          </div>
+          <div class="radioItem" @click="form.mydriasis=!form.mydriasis">
+            <input :checked="!form.mydriasis" type="radio">否
+          </div>
        </el-col>
-        <el-col :span="7">
-          已开医嘱: <el-radio v-model="form.docAdvice" label="1">是</el-radio>
-          <el-radio v-model="form.docAdvice" label="2">否</el-radio>
+        <el-col :span="7" style="display: flex;align-items: center">
+          缩瞳:
+          <div class="radioItem" @click="form.miosis=!form.miosis">
+            <input :checked="form.miosis" type="radio">是
+          </div>
+          <div class="radioItem" @click="form.miosis=!form.miosis">
+            <input :checked="!form.miosis" type="radio">否
+          </div>
        </el-col>
      </div>
-      <el-form-item label-width="90px" required label="预约时间:">
+      <el-form-item required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
-        <el-col class="line" :span="1">-</el-col>
+        <el-col style="text-align: center" :span="1">-</el-col>
        <el-col :span="11">
          <el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" />
        </el-col>
@ -112,6 +127,8 @@ export default {
        remark: '',
        doc: '',
        eyeLevel: '',
+        mydriasis: false,
+        miosis: '',
        date: '',
        date2: ''
      },
@ -152,6 +169,7 @@ export default {
  user-select: none;
  cursor: pointer;
  margin:0 8px;
+  display: flex;
 }
 input{
  -webkit-appearance: checkbox !important;
--- a/src/page-subspecialty/views/modules/nurseManagement/addProject.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/addProject.vue
@ -0,0 +1,84 @@
+<template>
+  <my-dialog title="新增项目" :is-show="show" @close="closeDialog">
+    <el-form id="reOrder" ref="form" size="small" :model="form" label-width="130px">
+      <el-form-item required label="项目名称:" style="width: 100%">
+        <el-select v-model="form.doctor" placeholder="请选择" style="width: 100%">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <div style="display: flex">
+        <el-form-item required label="上班时间 上午:">
+          <el-time-picker v-model="form.date" placeholder="选择时间" style="width: 100%;" />
+        </el-form-item>
+        <el-form-item required label="时间间隔:">
+          <el-input v-model="form.minutes" placeholder="">
+            <template slot="append">分钟</template>
+          </el-input>
+        </el-form-item>
+      </div>
+      <div style="display: flex">
+        <el-form-item required label="下班时间 下午:">
+          <el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" />
+        </el-form-item>
+        <el-form-item required label="人数上限:">
+          <el-input v-model="form.minutes" placeholder="">
+            <template slot="append">人</template>
+          </el-input>
+        </el-form-item>
+      </div>
+    </el-form>
+    <el-table />
+  </my-dialog>
+</template>
+
+<script>
+import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue'
+
+export default {
+  name: 'AddProject',
+  components: { MyDialog },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      show: false,
+      form: {
+        date: '',
+        date2: '',
+        minutes: ''
+      },
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }]
+    }
+  },
+  watch: {
+    isShow(val) {
+      this.show = val
+    }
+  },
+  methods: {
+    closeDialog(val) {
+      this.show = val
+      this.$emit('close', val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/page-subspecialty/views/modules/nurseManagement/index.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/index.vue
@ -2,28 +2,33 @@
  <div>
    <el-button type="text" @click="isShow = true">点击打开 Dialog</el-button>
    <el-button type="text" @click="ubmShow = true">UBM预约</el-button>
+    <el-button type="text" @click="addShow = true">新增</el-button>
    <re-dialog :is-show="isShow" @close="closeDialog" />
    <u-b-m-order :is-show="ubmShow" @close="closeDialog" />
+    <add-project :is-show="addShow" @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'
+import AddProject from '@/page-subspecialty/views/modules/nurseManagement/addProject.vue'

 export default {
  name: 'NurseManagement',
-  components: { UBMOrder, ReDialog },
+  components: { AddProject, UBMOrder, ReDialog },
  data() {
    return {
      isShow: false,
-      ubmShow: false // ubm弹框
+      ubmShow: false, // ubm弹框
+      addShow: false
    }
  },
  methods: {
    closeDialog(val) {
      this.isShow = val
      this.ubmShow = val
+      this.addShow = val
    }
  }
 }
--- a/src/page-subspecialty/views/modules/nurseManagement/myDialog.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/myDialog.vue
@ -9,7 +9,7 @@
      <slot />
    </div>
    <span slot="footer" class="dialog-footer">
-      <el-button v-print="print" size="small">打印</el-button>
+      <el-button v-if="print" 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>
--- a/src/page-subspecialty/views/modules/nurseManagement/reDialog.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/reDialog.vue
@ -1,8 +1,8 @@
 <template>
  <my-dialog :print="print" title="改约" :is-show="show" @close="closeDialog">
-    <el-form id="reOrder" ref="form" :model="form" label-width="80px">
+    <el-form id="reOrder" ref="form" size="small" :model="form" label-width="100px">
      <div class="secTitle">检查项目:前节激光治疗</div>
-      <el-form-item label-width="100px" required label="预约时间:">
+      <el-form-item required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
@ -12,7 +12,7 @@
        </el-col>
      </el-form-item>
      <div class="secTitle">检查项目:UBM</div>
-      <el-form-item label-width="100px" required label="预约时间:">
+      <el-form-item required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date3" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
@ -22,7 +22,7 @@
        </el-col>
      </el-form-item>
      <div class="secTitle">检查项目:UBM</div>
-      <el-form-item label-width="100px" required label="预约时间:">
+      <el-form-item required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date5" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>