导出

src/api/patient.js

@@ -380,3 +380,22 @@ export function deleteDryWeight(id, data) {
     data: data
   })
 }
+
+
+export function saveVasularAccess(params){
+   
+  return request({
+    url:"/api/patient/savevasularaccess",
+    method:"Get",
+    params:params
+  })
+} 
+
+export function getAllVascularAccessList(params){
+  
+  return request({
+    url:"/api/patient/getallvascualraccesslist",
+    method:"Get",
+    params:params
+  })
+}

src/router/index_路由未分离前.js

@@ -604,6 +604,7 @@ export const xt_asyncRouterMap = [
         name: 'weight',
         meta: { title: 'weight', noCache: true }
       },
+   
       {
         path: '/patients/patient/:id/dialysisRecord',
         component: () => import('@/xt_pages/user/dialysisRecord'),

src/router/modules/patient.js

@@ -62,6 +62,18 @@ export default {
       noCache: true
     }
   },
+
+  {
+    path: '/patients/patient/:id/vascularAccess',
+    component: () => import('@/xt_pages/user/vascularAccess'),
+    hidden: true,
+    is_menu: false,
+    name: 'vascularAccess',
+    meta: {
+      title: 'vascularAccess',
+      noCache: true
+    }
+  },
   {
     path: '/patients/patient/:id/dialysisRecord',
     component: () => import('@/xt_pages/user/dialysisRecord'),

src/xt_pages/dialysis/details/DialysisPrescription.vue

@@ -20,6 +20,13 @@
 
         </li>
 
+         <li v-if="isShow('置换速度')">
+          <label>置换速度 : </label>
+          <span class="content">{{displace_speed }}</span>
+            <span class="unit">ml/min</span>
+        </li>
+
+
         <li v-if="isShow('透析液配方')">
           <label>透析液配方 : </label>
           <span class="content">{{ dialysate_formulation }}</span>
@@ -559,6 +566,9 @@ export default {
     },
     antioxidant_commodity_name:function(){
       return this.getValueStr('antioxidant_commodity_name','antioxidant_commodity_name')
+    },
+    displace_speed:function(){
+      return this.getValueStr('displace_speed','displace_speed')
     }
   },
   created() {

src/xt_pages/dialysis/details/dialog/dialysisPrescriptionDialog.vue

@@ -252,7 +252,17 @@
               ></el-input>
             </el-form-item>
           </el-col>
+          
 
+           <el-col :span="8" v-if="isShows('置换速度')">
+            <el-form-item label="置换速度(ml/min)">
+               <el-input
+                v-model="dialysisPrescription.displace_speed"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+ 
           <el-col
             :span="8"
             v-if="anticoagulant.gaimingcheng != -1 && isShows('钙名称')"
@@ -1273,6 +1283,7 @@
           blood:"",
           irrigation:"",
           antioxidant_commodity_name:"",
+          displace_speed:"",
         },
 
         anticoagulant: {

src/xt_pages/user/components/PatientSidebar.vue

@@ -94,6 +94,10 @@ export default {
               name: '1-6',
               label: '干体重'
             },
+            // {
+            //   name:'1-7',
+            //   label:'血管通路'
+            // },
             {
               name: '1-2',
               label: '病程管理'
@@ -171,6 +175,8 @@ export default {
         this.$router.push({
           path: '/patients/patient/' + this.id + '/proeducation'
         })
+      }else if (name == '1-7'){
+        this.$router.push({path:'/patients/patient/'+this.id+'/vascularAccess'})
       }
     },
     changePatient(value) {

src/xt_pages/user/vascularAccess.vue

@@ -0,0 +1,373 @@
+<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 class="cell clearfix">
+         <span>血管通路列表</span>
+         <el-button size="medium" type="primary" @click="dialogVisible =true" style="margin-left:800px" >新增</el-button>
+      </div>
+      <el-table  :data="tableData" border style="width:100%">
+      <el-table-column  prop="start_time"   label="建立日期"  width="150"    align="center">
+          <template  slot-scope="scope">
+            <span>{{ getTime(scope.row.start_time, "{y}-{m}-{d}")}}</span>
+          </template>
+     </el-table-column>
+      <el-table-column     prop="blood_access_part_opera_id"    label="血管通路"   align="center">
+        <template slot-scope="scope">
+           <span>{{scope.row.blood_access_part_opera_id}}</span>  
+        </template>
+     </el-table-column>
+      <el-table-column     prop="inflow_pass"    label="流入-流出道"    align="center">
+         <template slot-scope="scope">
+            <span>{{scope.row.inflow_pass}}</span>
+         </template>
+      </el-table-column>
+      <el-table-column     prop="date"    label="首次启用日期" width="200"     align="center">
+          <template slot-scope="scope">
+            <span>{{ getTime(scope.row.first_start_time, "{y}-{m}-{d}")}}</span>
+          </template>
+      </el-table-column>
+      <el-table-column     prop="date"    label="默认到处方"      align="center">
+          <template slot-scope="scope">
+             <span v-if="scope.row.user_status == 1">启用</span>
+             <span v-if="scope.row.user_status == 2">停用</span>
+          </template>
+      </el-table-column>
+       <el-table-column     prop="date"    label="停用日期"      align="center">
+          <template slot-scope="scope">
+             
+          </template>
+      </el-table-column>
+       <el-table-column     prop="date"    label="停用原因"      align="center">
+          <template slot-scope="scope">
+             
+          </template>
+      </el-table-column>
+       <el-table-column     prop="date"    label="使用寿命(天)"      align="center">
+          <template slot-scope="scope">
+             
+          </template>
+      </el-table-column>
+       <el-table-column     prop="date"    label="备注"      align="center">
+          <template slot-scope="scope">
+             
+          </template>
+      </el-table-column>
+      <el-table-column     prop="date"    label="创始人"      align="center">
+          <template slot-scope="scope">
+             
+          </template>
+      </el-table-column>
+       <el-table-column     prop="date"    label="操作"      align="center">
+          <template slot-scope="scope">
+             
+          </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="60%"
+         center>
+      <el-form label-width="120px" :model="form" ref="form" :rules="rules" >
+         <el-row :gutter="24">
+            <el-col :span="24">
+                <el-form-item label="通路项目:" :required="true" prop="access_project">
+                    <el-radio v-model="form.access_project" label="1">内瘘</el-radio>
+                    <el-radio v-model="form.access_project" label="2">导管</el-radio>
+                </el-form-item>
+            </el-col>
+         </el-row>
+         <el-row :gutter="24">
+            <el-col :span="8">
+               <el-form-item label="建立日期:" :required="true" prop="start_time">
+                 <el-date-picker
+                    type="datetime"
+                    format="yyyy-MM-dd"
+                    value-format="yyyy-MM-dd"
+                    placeholder="选择时间"
+                    v-model="form.start_time"
+                    style="width:150px">
+                 </el-date-picker>
+               </el-form-item>
+            </el-col>
+             <el-col :span="8">
+               <el-form-item label="血管通路类型:" :required="true" prop="blood_access_part_opera_id">
+                 <el-select v-model="form.blood_access_part_opera_id" placeholder="请选择"  style="width:150px">
+                    <el-option
+                        v-for="item in blood_access_part_opera"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id"
+                        >
+                    </el-option>
+                  </el-select>
+               </el-form-item>
+            </el-col>
+             <el-col :span="8">
+               <el-form-item label="血管通路部位:" :required="true" prop="blood_access_part_id">
+                 <el-select v-model="form.blood_access_part_id" placeholder="请选择" style="width:150px">
+                    <el-option
+                        v-for="item in blood_access_part"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id">
+                    </el-option>
+                  </el-select>
+               </el-form-item>
+            </el-col>
+         </el-row>
+          <el-row :gutter="24">
+            <el-col :span="8">
+               <el-form-item label="流入-流出道:" :required="true" prop="inflow_pass">
+                 <el-select v-model="form.inflow_pass" placeholder="请选择" style="width:150px">
+                    <el-option
+                        v-for="item in optionsPass"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id">
+                    </el-option>
+                  </el-select>
+               </el-form-item>
+            </el-col>
+             <el-col :span="8">
+               <el-form-item label="首次启用日期:" :required="true" prop="first_start_time">
+                  <el-date-picker
+                    type="datetime"
+                    format="yyyy-MM-dd"
+                    value-format="yyyy-MM-dd"
+                    placeholder="选择时间"
+                    v-model="form.first_start_time"
+                    style="width:150px">
+                 </el-date-picker>
+               </el-form-item>
+            </el-col>
+             <el-col :span="8">
+               <el-form-item label="使用状态:" :required="true" prop="user_status">
+                 <el-select v-model="form.user_status" placeholder="请选择" style="width:150px" @change="changeStatus">
+                    <el-option
+                        v-for="item in options"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id">
+                    </el-option>
+                  </el-select>
+               </el-form-item>
+            </el-col>
+         </el-row>
+         <el-row v-show="show">
+           <el-col>
+            <el-form-item label="停用原因:">
+               <el-input v-model="form.stop_reason"></el-input>
+            </el-form-item>
+           </el-col>  
+         </el-row>
+           <el-row>
+            <el-col>
+                <el-form-item label="备注:">
+                 <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.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>
+  </div>
+</template>
+<script>
+  const moment = require('moment')
+  import PatientSidebar from './components/PatientSidebar'
+  import { fetchAllAdminUsers, fetchAllDoctorAndNurse } from '@/api/doctor'
+  import { saveVasularAccess,getAllVascularAccessList } from '@/api/patient'
+
+  import { jsGetAge, uParseTime } from '@/utils/tools'
+  import { getDataConfig } from '@/utils/data'
+  export default {
+    name: 'doctorAdvice',
+    components: {
+      PatientSidebar,
+    },
+    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:"请选择血管通路"}],
+          inflow_pass:[{required:true,message:"请选择流入-流出道"}],
+          first_start_time:[{required:true,message:"请选择首次启用日期"}],
+          user_status:[{required:true,message:"请选择使用状态"}]
+        },
+        dialogVisible:false,
+        form:{
+         access_project:"1",
+         blood_access_part_id:"",
+         blood_access_part_opera_id:"",
+         inflow_pass:"",
+         start_time:"",
+         first_start_time:"",
+         stop_reason:"",
+         user_status:"",
+         remark:""
+        },
+        options:[
+         {id:1,name:"启用"},
+         {id:2,name:"停用"}
+        ],
+        optionsPass:[
+          {id:1,name:"流入-动脉"},
+          {id:2,name:"流出-静脉"},
+        ],
+        blood_access_part_opera:[],
+        blood_access_part:[],
+        show:false
+      }
+    },
+    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
+        const id = this.$route.params && this.$route.params.id
+       
+      },
+      handleCurrentChange(page) {
+        this.page = page
+        const id = this.$route.params && this.$route.params.id
+       
+      },
+      changeStatus(val){
+        if(val == 1 ){
+          this.show = false
+        }
+        if(val == 2){
+          this.show = true
+        }
+      },
+      saveVasularAccess(formName){
+         this.$refs[formName].validate((valid)=>{
+           if(valid){
+              var blood_name = ""
+              for(let i=0;i<this.blood_access_part_opera.length;i++){
+                 if(this.blood_access_part_opera[i].id == this.form.blood_access_part_opera_id){
+                     blood_name = this.blood_access_part_opera[i].name
+                 }
+              }
+              var blood_part = ""
+              for(let i=0;i<this.blood_access_part.length;i++){
+                 if(this.form.blood_access_part_id == this.blood_access_part[i].id){
+                    blood_part = this.blood_access_part[i].name
+                 }
+              }
+              var inflow_pass = ""
+              for(let i=0;i<this.optionsPass.length;i++){
+                 if(this.optionsPass[i].id == this.form.inflow_pass){
+                     inflow_pass = this.optionsPass[i].name
+                 }
+              }
+              var params = {
+                access_project:parseInt(this.form.access_project),
+                start_time:this.form.start_time,
+                blood_access_part_opera_id:blood_name,
+                blood_access_part_id:blood_part,
+                inflow_pass:inflow_pass,
+                first_start_time:this.form.first_start_time,
+                user_status:this.form.user_status,
+                stop_reason:this.form.stop_reason,
+                remark:this.form.remark,
+              }
+              console.log("params",params)
+             saveVasularAccess(params).then(response=>{
+                if(response.data.state == 1){
+                   var access =  response.data.data.access
+                   console.log("access",access)
+                   this.$message.success("保存成功")
+                   this.dialogVisible = false
+                   
+                }
+             })
+           }  
+         })
+      },
+      getlist(){
+         var params = {
+               page:this.page,
+               limit:this.limit,
+           }
+        getAllVascularAccessList(params).then(response=>{
+           if(response.data.state == 1){
+             var list =  response.data.data.list
+             console.log("list",list)
+             this.tableData = list
+             var total = response.data.data.total
+             console.log("total",total)
+             this.total = total
+           }  
+        })   
+      },
+     getTime(value, temp) {
+        if (value != undefined) {
+            return uParseTime(value, temp);
+        }
+        return "";
+     },
+    },
+    created() {
+      const id = this.$route.params && this.$route.params.id
+      console.log('id是设么', id)
+      this.patientID = parseInt(id)
+      
+      //血管通路
+      this.blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
+      console.log("血管通路",this.blood_access_part_opera)
+      //血管通路部位
+      this.blood_access_part = getDataConfig('hemodialysis', 'vascular_access')
+      console.log("血管通路部位",this.blood_access_part)
+      this.getlist()
+    }
+  }
+</script>
+
+<style>
+  #oictable ::-webkit-scrollbar {
+    height: 15px;
+  }
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+   
+
+</style>
+