新分支

src/xt_pages/user/lapsoSummary.vue

@@ -0,0 +1,445 @@
+<template>
+    <div class="patient-container">
+      <patient-sidebar :id="patientID" defaultActive="1-6" v-on:tran-patient="onTranPatient"></patient-sidebar>
+      <div class="patient-app-container advice-container app-container">
+        <div style="display:flex;justify-content: space-between;align-items: center;margin-bottom: 12px;">
+           <span style="font-weight:bold;">转归记录列表</span>
+           <el-button size="medium" type="primary" @click="dialogVisible =true">新增</el-button>
+        </div>
+        <el-table class="oictable" :data="tableData" border style="width:100%">
+        <el-table-column prop="start_time" label="建立日期" width="100" align="center">
+            <template slot-scope="scope">
+              <span>{{ getTime(scope.row.start_time)}}</span>
+            </template>
+       </el-table-column>
+        <el-table-column prop="blood_access_part_opera_id" label="血管通路" align="center" width="120">
+          <template slot-scope="scope">
+             <router-link
+                :to="'/patients/patient/' + scope.row.patient_id+'/vascularAccessDetail/'+scope.row.id"
+                style="color:#409eff;width:100%;display:block;"
+              >{{ scope.row.blood_access_part_opera_id }}
+              </router-link
+              >
+          </template>
+       </el-table-column>
+       <el-table-column prop="blood_access_part_id" label="血管通路部位" width="200" align="center">
+          <template slot-scope="scope">
+             <span>{{scope.row.blood_access_part_id}}</span>  
+          </template>
+       </el-table-column>
+        <el-table-column prop="inflow_pass" label="血管通路部位(其他)" width="100" align="center">
+           <template slot-scope="scope">
+              <span>{{scope.row.other_vascular}}</span>
+           </template>
+        </el-table-column>
+        <el-table-column prop="date" label="首次启用日期" width="120" align="center">
+            <template slot-scope="scope">
+              <span>{{ getTime(scope.row.first_start_time)}}</span>
+            </template>
+        </el-table-column>
+       
+         <el-table-column prop="date" label="停用日期" align="center" width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.stop_time>0">{{ getTime(scope.row.stop_time)}}</span>
+               <span v-if="scope.row.stop_time<0"></span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="停用原因" align="center" width="120">
+            <template slot-scope="scope">
+               <span>{{scope.row.stop_reason}}</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="使用寿命(天)" align="center" width="120">
+            <template slot-scope="scope">
+             <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 == 0"></span> 
+             <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 != 0">{{(scope.row.stop_time - scope.row.start_time)/86400}}</span>
+            </template>
+        </el-table-column>
+         
+        <el-table-column prop="date" label="导管感染转归" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.ci_type == 1">拔管</span>
+               <span v-if="scope.row.ci_type == 2">治愈</span>
+               <span v-if="scope.row.ci_type == 3">死亡</span>
+               <span v-if="scope.row.ci_type == 4">放弃</span>
+               <span v-if="scope.row.ci_type == 9">其它</span>
+            </template>
+        </el-table-column>
+         
+         <el-table-column prop="date" label="血培养检查结果" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.blood_cultupe == 0">阴性</span>
+               <span v-if="scope.row.blood_cultupe == 1">阳性</span>
+               <span v-if="scope.row.blood_cultupe == 9">未查</span>
+            </template>
+        </el-table-column>
+        
+       <el-table-column prop="date" label="患者导管转归类型" align="center" width="120">
+            <template slot-scope="scope">
+               <span v-if="scope.row.sequelae_type == 1">局部感染</span>
+               <span v-if="scope.row.sequelae_type == 2">静脉炎</span>
+               <span v-if="scope.row.sequelae_type == 3">导管细菌定植</span>
+               <span v-if="scope.row.sequelae_type == 4">导管相关血型感染</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" label="备注" align="center" width="180">
+            <template slot-scope="scope">
+               <span>{{scope.row.remark}}</span>
+            </template>
+        </el-table-column>
+        <el-table-column prop="date" label="创始人" align="center" width="100">
+            <template slot-scope="scope">
+              <span>{{getDoctor(scope.row.creator)}}</span>
+            </template>
+        </el-table-column>
+         <el-table-column prop="date" fixed="right" label="操作" width="140" align="center">
+            <template slot-scope="scope">
+               <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+                 <el-button
+                    type="primary"
+                    size="small"
+                    icon="el-icon-edit-outline"
+                   
+                    @click="handleUpdateAdviceTemplate(scope.row.id)"
+                    >
+                 </el-button>
+               </el-tooltip>
+                <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                   <el-button
+                    size="small"
+                    type="danger"
+                    icon="el-icon-delete"
+                    @click="handleDeleteAdviceTemplate(scope.row.id, scope.$index)"
+                    >
+                   </el-button>
+                </el-tooltip>
+             </template>
+        </el-table-column>
+        </el-table>
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :page-sizes="[10,20,50,100]"
+          :page-size="10"
+          background
+          style="margin-top:20px;"
+          align="right"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"></el-pagination>
+  
+        <el-dialog
+            title="新增"
+            :visible.sync="dialogVisible"
+            width="65%"
+            center>
+          <el-form label-width="150px" :model="form" ref="form" :rules="rules" >
+            <el-row  :gutter="24">
+              <el-col :span="24">
+                <el-form-item label="透析号:" >
+                    <el-input style="width:200px" v-model="dialysis_no"></el-input>
+                </el-form-item>
+                
+              </el-col>
+            </el-row>
+            <el-row  :gutter="24" >
+              <el-col :span="24">
+                 <el-form-item  label="姓名:">
+                    <el-input style="width:200px" v-model="name"></el-input>
+                 </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转归类型:"  prop="access_project"  > 
+                        <el-radio-group style="padding: 10px;" v-model="lapse_type">
+                            <el-radio  label="1">转出</el-radio>
+                            <el-radio  label="2">院内转诊</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转归分类:"  prop="access_project"  > 
+                        <el-radio-group style="padding: 10px;" v-model="lapse_class">
+                            <el-radio  label="1">终止透析</el-radio>
+                            <el-radio  label="2">转出院外</el-radio>
+                            <el-radio  label="3">回居住地透析</el-radio>
+                            <el-radio  label="4">临时透析</el-radio>
+                            <el-radio  label="5">转腹膜透析</el-radio>
+                            <el-radio  label="6">其他</el-radio>
+                            <el-radio  label="7">变更透析医院</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转出原因:"  prop="access_project"> 
+                        <el-input style="width: 300px;height: 50px;"  type="textarea" v-model="lapse_reason"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="转出日期:"  prop="access_project"  > 
+                        <el-date-picker
+                            v-model="record_date"
+                            type="date"
+                            placeholder="选择日期">
+                         </el-date-picker>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="操作人:"  prop="access_project"  > 
+                        <el-select v-model="admin_user_id" placeholder="请选择">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                         </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="备注:"  prop="access_project"  > 
+                        <el-input style="width: 300px;height: 50px;" type="textarea" v-model="remark"></el-input>
+                    </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="saveVasularAccess('form')">保存</el-button>
+        </span>
+        </el-dialog>
+  
+      </div>
+  
+       <!-- <multi-select-box
+          :propsForm="InnerDialogProps"
+          v-on:dialog-comfirm="innerDialogComfirm"
+          v-on:dialog-cancle="innerDialogCancle"
+        ></multi-select-box> -->
+        
+    </div>
+  </template>
+  <script>
+    const moment = require('moment')
+    import PatientSidebar from './components/PatientSidebar'
+    import { fetchAllAdminUsers, fetchAllDoctorAndNurse } from '@/api/doctor'
+    import { saveVasularAccess,getAllVascularAccessList,getVascularAccessByDetail,updatedVasularAccess,DeleteVascularAccess,getAccessList } from '@/api/patient'
+  
+    import { jsGetAge, uParseTime } from '@/utils/tools'
+    import { getDataConfig } from '@/utils/data'
+    import multiSelectBox from '../dialysis/details/dialog/MultiSelectBox'
+    import sitemap from './Sitemap'
+    export default {
+      name: 'doctorAdvice',
+      components: {
+        PatientSidebar,
+        multiSelectBox,
+        sitemap
+      },
+      data() {
+        return {
+          tableData: [],
+          nowtime: moment(new Date()).format('YYYY-MM-DD'),
+          page: 1,
+          limit: 10,
+          total: 0,
+          rules: {
+            start_time: [{ required: true, message: '请输入建立日期' }],
+            access_project: [{ required: true, message: '请选择通路项目' }],
+            blood_access_part_opera_id:[{required:true,message:'请选择血管通路类型'}],
+            blood_access_part_id:[{required:true,message:"请选择血管通路"}],
+           //  first_start_time:[{required:true,message:"请选择首次启用日期"}],
+            user_status:[{required:true,message:"请选择使用状态"}]
+          },
+          dialogVisible:false,
+          editDialogVisible:false,
+          form:{
+           id:0,
+           access_project:"1",
+           blood_access_part_id:"",
+           blood_access_part_opera_id:"",
+           inflow_pass:"",
+           start_time:moment(new Date()).format('YYYY-MM-DD'),
+           first_start_time:moment(new Date()).format('YYYY-MM-DD'),
+           stop_reason:"",
+           user_status:1,
+           remark:"",
+           stop_time:"",
+           other_vascular:"",
+           ci_type:"",//导管感染转归
+           blood_cultupe:"", //血培养检查结果
+           sequelae_type:"",//患者导管转归类型
+          },
+          options:[
+           {id:1,name:"启用"},
+           {id:2,name:"停用"},
+           {id:3,name:"备用"}
+          ],
+          optionsPass:[
+            {id:1,name:"流入-动脉"},
+            {id:2,name:"流出-静脉"},
+          ],
+  
+          blood_access_part_opera:[],
+          blood_access_part:[],
+          show:false,
+          doctorList:[],
+          InnerDialogProps: {
+            values: [],
+            visibility: false,
+            isShowTextArea: true,
+            customContent: '',
+            titles: '',
+            type: '' // 不同弹框类型，用来匹配数据
+          },
+          new_blood_access_part_opera:[],
+          new_blood_access_part:[],
+         // 导管感染类型
+          optionsOne:[
+             {id:1,name:"局部感染"},
+             {id:2,name:"静脉炎"},
+             {id:3,name:"导管细菌定植"},
+             {id:4,name:"导管相关血型感染"},
+          ],
+        //   导管转归类型
+          optionsTwo:[
+             {id:1,name:"拔管"},
+             {id:2,name:"治愈"},
+             {id:3,name:"死亡"},
+             {id:4,name:"放弃"},
+             {id:9,name:"其它"},
+          ],
+        //  血培养检查结果
+          optionsThree:[
+             {id:0,name:"阴性"},
+             {id:1,name:"阳性"},
+             {id:9,name:"未查"}
+          ],
+          showOne:false,
+          name:"",
+          dialysis_no:"",
+          lapse_type:"",
+          lapse_class:"",
+          lapse_reason:"",
+          record_date:"",
+          admin_user_id:"",
+          remark:""
+        }
+      },
+      methods: {
+        clickuseradvicecell(row, column, cell, event) {
+        },
+        onTranPatient: function(tranPatient) {
+          this.currentPatient = tranPatient
+        },
+        CreateTime(time) {
+          return uParseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
+        },
+     
+       
+      
+       
+        handleSizeChange(limit) {
+          this.limit = limit
+          this.getlist()
+        },
+        handleCurrentChange(page) {
+          this.page = page
+        
+          this.getlist()
+        },
+        changeStatus(val){
+          if(val == 1 ){
+            this.show = false
+          }
+          if(val == 2){
+            this.show = true
+          }
+        },
+       getTime(val) {
+           if(val < 0){
+             return ""
+           }
+           if(val == ""){
+            return ""
+           }else {
+            return uParseTime(val, '{y}-{m}-{d}')
+           }
+        },
+     
+       getDoctor(id){
+         var name = ""
+         for(let i=0;i<this.doctorList.length;i++){
+            if(id == this.doctorList[i].admin_user_id){
+               name = this.doctorList[i].user_name
+            }
+         }
+         return name
+       },
+       handleDeleteAdviceTemplate(id,index){
+         this.$confirm("确认删除吗?", "删除", {
+          confirmButtonText: "确 定",
+          cancelButtonText: "取 消",
+          type: "warning"
+        })
+          .then(() => {
+            DeleteVascularAccess(id).then(response => {
+              if(response.data.state == 1){
+                var msg = response.data.data.msg
+                this.tableData.splice(index, 1);
+                this.$message.success("删除成功!")
+              }
+               
+              
+            });
+          })
+          .catch(() => {});
+       },
+       getlist(){
+            
+       }
+     
+  
+     
+      },
+      created() {
+        const id = this.$route.params && this.$route.params.id
+        this.patientID = parseInt(id)
+        this.getAllPatient()
+        this.getlist()
+      },
+     
+    }
+  </script>
+  
+  <style>
+    .oictable ::-webkit-scrollbar {
+      height: 15px;
+    }
+  </style>
+  
+  <style rel="stylesheet/scss" lang="scss">
+     ::-webkit-scrollbar{
+        height:15px;
+     }
+  
+  </style>
+  
+