护士工作台相关页面

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;

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>

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
     }
   }
 }

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>

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>