Merge branch '20200710_pc_vue_new_branch' into 20200916_pc_vue_new_branch

src/xt_pages/outpatientCharges/components/prescriptionTable.vue

@@ -1,148 +1,167 @@
 <template>
-    <div class="prescriptionTable">
-        <el-table :data="preTableData" border style="width: 98%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="selection" width="40"></el-table-column>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="name" label="名称">
-                <template slot-scope="scope">{{ scope.row.name }}</template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="组套">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
-                <template slot-scope="scope">
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="用法">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="频率">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="天数">
-                <template slot-scope="scope">
-                    <!-- <el-select v-model="value" placeholder="">
-                        <el-option
-                        v-for="item in newoptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
-                        </el-option>
-                    </el-select> -->
-                    <el-input v-model="input" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="100" label="总量">
-                <template slot-scope="scope">
-                    <div style="display:flex;">
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                        <!-- <el-select v-model="value" style="width:50%" placeholder="">
-                            <el-option
-                            v-for="item in newoptions"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value">
-                            </el-option>
-                        </el-select> -->
-                        <el-input v-model="input" style="width:50%" placeholder=""></el-input>
-                    </div>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="单价">
-                <template slot-scope="scope">
-                    <el-input v-model="scope.row.unitPrice" placeholder=""></el-input>
-                </template>
-            </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="备注">
-                <template slot-scope="scope">
-                    <!-- <el-autocomplete
-                    class="inline-input"
-                    v-model="state1"
-                    :fetch-suggestions="querySearch"
-                    placeholder=""
-                    @select="handleSelect"
-                    ></el-autocomplete> -->
-                </template>
-            </el-table-column>
-            <el-table-column align="center" width="40" prop="name" label="操作">
-                <template slot-scope="scope">
-                    <i class="el-icon-delete"></i>
-                </template>
-            </el-table-column>
-        </el-table>
-    </div>
+  <div class="prescriptionTable">
+    <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 98%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+      <el-table-column align="center" prop="name" label="名称">
+        <template slot-scope="scope">{{ scope.row.advice_name }}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="50" :label="'单次\n用量'">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.single_dose" readonly></el-input>
+          <div> {{scope.row.min_unit}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="用法">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.delivery_way" readonly placeholder="请选择">
+            <el-option
+              v-for="item,index in drugways"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="频率">
+        <template slot-scope="scope">
+          <el-select v-model="scope.row.execution_frequency" readonly placeholder="请选择">
+            <el-option
+              v-for="item in efs"
+              :key="index"
+              :label="item.name"
+              :value="item.name">
+            </el-option>
+          </el-select>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="name" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="scope.row.prescribing_number" style="width:50%" readonly placeholder=""></el-input>
+            <div> {{scope.row.min_unit}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.price" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="备注">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.remark" style="width:50%" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 98%;"
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
+
+      <el-table-column align="center" prop="project_name" label="名称">
+        <template slot-scope="scope">{{ scope.row.project.project_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="statistical_classification" width="50" label="组">
+        <template slot-scope="scope">
+          {{getGroup(scope.row.project.statistical_classification)}}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="single_dose" width="130" :label="'单次\n用量'">
+        <!--<template slot-scope="scope">-->
+          <!--&lt;!&ndash;<el-input v-model="scope.row.project.single_dose" placeholder="" readonly></el-input>&ndash;&gt;-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="delivery_way" width="130" label="用法">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.delivery_way" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="execution_frequency" width="130" label="频率">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.execution_frequency" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="number_days" width="130" label="天数">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.number_days" placeholder="" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+      <el-table-column align="center" prop="total" width="100" label="总量">
+        <template slot-scope="scope">
+          <div style="display:flex;">
+            <el-input v-model="scope.row.project.total" style="width:50" placeholder="" readonly></el-input>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="50" label="单价">
+        <template slot-scope="scope">
+          <el-input v-model="scope.row.project.price" placeholder="" readonly></el-input>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" width="120" label="备注">
+        <!--<template slot-scope="scope">-->
+          <!--<el-input v-model="scope.row.project.remark" readonly></el-input>-->
+        <!--</template>-->
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
-export default {
-    props:{
-        preTableData:Array
+  import { getInitData } from '@/api/his/his'
+  import { getDictionaryDataConfig} from "@/utils/data";
+
+  export default {
+    props: {
+      prescription: Object
     },
-    data(){
-        return{
-            tableData: [],
-            newoptions: [{
-            value: '1',
-            label: '1'
-            }, {
-            value: '2',
-            label: '2'
-            }, {
-            value: '3',
-            label: '3'
-            }, {
-            value: '4',
-            label: '4'
-            }, {
-            value: '5',
-            label: '5'
-            }],
-            value:'1',
-            input:1
+    data() {
+      return {
+        drugways: [],
+        efs: []
+      }
+    }, mounted() {
+      getInitData().then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg)
+          return false
+        } else {
+          this.drugways = response.data.data.drugways
+          this.efs = response.data.data.efs
+        }
+      })
+    }, methods:  {
+      getGroup(id){
+        var name = ""
+        var statistics_category =  getDictionaryDataConfig('system','statistics_category')
+        console.log("2235",statistics_category)
+        for(let i=0;i<statistics_category.length;i++){
+          if(id == statistics_category[i].id){
+            name = statistics_category[i].name
+          }
         }
+        return name
+      },
+
+
     }
-}
+  }
 </script>
 
 <style lang="scss">
-.prescriptionTable{
-    .el-table th .cell, .el-table td .cell{
-        padding: 0 2px;
-        white-space: pre-line;
-    }
-    .el-icon-delete{
-        color:red;
-    }
-}
+  .prescriptionTable {
+
+  .el-table th .cell, .el-table td .cell {
+    padding: 0 2px;
+    white-space: pre-line;
+  }
+
+  .el-icon-delete {
+    color: red;
+  }
+
+  }
 </style>

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -1,391 +1,468 @@
 <template>
-    <div class="main-contain outpatientChargesManagement">
-        <div class="position">
-            <bread-crumb :crumbs='crumbs'></bread-crumb>
+  <div class="main-contain outpatientChargesManagement">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
+      <div class="mainLeft">
+        <!--<div class="mainCell" style="justify-content: space-between;">-->
+        <!--<p>未就诊：<span>1</span>人</p>-->
+        <!--<p>已就诊：<span>0</span>人</p>-->
+        <!--</div>-->
+        <!--<div class="mainCell">-->
+        <!--<el-radio-group v-model="radio" @change="changeRadio">-->
+        <!--<el-radio :label=1>未就诊</el-radio>-->
+        <!--<el-radio :label=2>已就诊</el-radio>-->
+        <!--<el-radio :label=3>全部</el-radio>-->
+        <!--</el-radio-group>-->
+        <!--</div>-->
+        <div class="mainCell" style="margin-bottom:10px;">
+          <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
+          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">
+            搜索
+          </el-button>
         </div>
-        <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
-            <div class="mainLeft">
-                <div class="mainCell" style="justify-content: space-between;">
-                    <p>未就诊：<span>1</span>人</p>
-                    <p>已就诊：<span>0</span>人</p>
-                </div>
-                <div class="mainCell">
-                    <el-radio-group v-model="radio" @change="changeRadio">
-                        <el-radio :label=1>未就诊</el-radio>
-                        <el-radio :label=2>已就诊</el-radio>
-                        <el-radio :label=3>全部</el-radio>
-                    </el-radio-group>
-                </div>
-                <div class="mainCell" style="margin-bottom:10px;">
-                    <el-input size="small" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
-                    <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">搜索</el-button>
-                </div>
-                <div style="flex:1;overflow-y:auto;">
-                    <el-table :data="tableData" border  style="width: 100%;" :row-style="{ color: '#303133' }" 
-                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" 
+        <div style="flex:1;overflow-y:auto;">
+          <el-table :data="patientTableData" border style="width: 100%;" :row-style="{ color: '#303133' }"
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                     highlight-current-row ref="tab"
                     @current-change="handleCurrentChange">
-                        <el-table-column align="center" prop="name" label="患者姓名">
-                            <template slot-scope="scope">{{ scope.row.name }}</template>
-                        </el-table-column>
-                        <el-table-column align="center" prop="name" label="就诊号" width="90">
-                            <template slot-scope="scope">3222</template>
-                        </el-table-column>
-                    </el-table>
-                </div>
+            <el-table-column align="center" prop="name" label="患者姓名">
+              <template slot-scope="scope">{{ scope.row.patients.name }}</template>
+            </el-table-column>
+            <el-table-column align="center" prop="name" label="就诊号" width="90">
+              <template slot-scope="scope">{{ scope.row.his_patient.number }}</template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+      <div class="mainRight">
+        <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
+          <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">打印处置单</el-button>
+          <el-button size="small" @click="open(2)" type="primary">打印治疗单</el-button>
+          <el-button size="small" @click="open(3)" type="primary">打印</el-button>
+          <el-button v-if="hisPatientInfo == null || hisPatientInfo.id == 0 " size="small" @click="open(6)" type="primary">挂号</el-button>
+          <el-button v-if="hisPatientInfo != null && hisPatientInfo.id > 0 " size="small" @click="open(4)" type="primary">收费</el-button>
+          <el-button size="small" v-if="state == '已收费'" @click="open(5)" type="primary">退费</el-button>
+        </div>
+        <div class="mainCenter">
+          <div class="centerLeft">
+            <div class="tabsBox">
+              <!--<el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>-->
+              <el-tabs class="preTabs" v-model="editableTabsValue" type="card" @tab-click="tabclickEvent">
+                <el-tab-pane
+                  v-for="(item, index) in prescriptions"
+                  :key="index"
+                  :label="item.name"
+                  :name="item.name"
+                >
+                </el-tab-pane>
+                <div class="RP">Rp</div>
+                <prescription-table ref="prescription_tables" :prescription="curPrescriptions"></prescription-table>
+              </el-tabs>
+
+            </div>
+            <div class="costBox">
+              <span>当前处方总费用：<span style="color:red;">{{ getTotal() }}元</span></span>
+              <span>{{ state }}</span>
+            </div>
+          </div>
+          <div class="centerRight">
+            <p class="centerRightTitle">人员信息</p>
+            <div style="display:flex;justify-content: space-between;line-height:30px;">
+              <span style="font-size:14px;">人员编码:</span>
+              <span style="font-size:14px;">日期:{{record_date}}</span>
             </div>
-            <div class="mainRight">
-                <div class="mainCell" style="margin-bottom:10px;flex-direction: row-reverse;">
-                    <el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">打印处置单</el-button>
-                    <el-button size="small" @click="open(2)" type="primary">打印治疗单</el-button>
-                    <el-button size="small" @click="open(3)" type="primary">打印</el-button>
-                    <el-button size="small" @click="open(4)" type="primary">收费</el-button>
-                    <el-button size="small" v-if="state == '已收费'" @click="open(5)" type="primary">退费</el-button>
-                </div>
-                <div class="mainCenter">
-                    <div class="centerLeft">
-                        <div class="tabsBox">
-                            <el-button type="text" class="addTab" @click="addCharges" icon="el-icon-circle-plus">附加收费</el-button>
-                            <el-tabs class="preTabs" v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" :before-leave="moreState">
-                                <el-tab-pane
-                                    v-for="(item, index) in editableTabs"
-                                    :key="index"
-                                    :label="item.title"
-                                    :name="item.name"
-                                >
-                                    <div class="RP">Rp</div>
-                                    <prescription-table :preTableData='preTableData'></prescription-table>
-                                </el-tab-pane>
-                                <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span></el-tab-pane>
-                            </el-tabs>
-                            
-                        </div>
-                        <div class="costBox">
-                            <span>处方编号：2134348971237883</span>
-                            <span>当前处方总费用：<span style="color:red;">{{ total }}元</span></span>
-                            <span>{{ state }}</span>
-                        </div>
-                    </div>
-                    <div class="centerRight">
-                        <p class="centerRightTitle">人员信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">人员编码:</span>
-                            <span style="font-size:14px;">日期:{{start_time}}</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">姓名：{{ patientInfo.name }}</li>
-                            <li style="width:50%;">性别：{{ patientInfo && patientInfo.gend == 1 ? '男' : "女" }}</li>
-                            <li style="width:50%;">年龄：{{ patientInfo.age }}</li>
-                            <li style="width:50%;">身高：</li>
-                            <li style="width:50%;">体重：</li>
-                            <li style="width:50%;">电话：</li>
-                            <li style="width:100%;">地址：</li>
-                            <li style="width:100%;">过敏史：</li>
-                        </ul>
-                        <p class="centerRightTitle">诊断信息</p>
-                        <div style="display:flex;justify-content: space-between;line-height:30px;">
-                            <span style="font-size:14px;">门诊编号:676273816287361</span>
-                        </div>
-                        <ul class="basicUl">
-                            <li style="width:50%;">医生：{{ doctor.name }}</li>
-                            <li style="width:50%;">科室：{{ doctor.department }}</li>
-                            <li style="width:100%;">费用：{{ doctor.total }}元</li>
-                            <li style="width:100%;">判断结果：</li>
-                            <li style="width:100%;">是否有传染病：</li>
-                            <li style="width:100%;">血压：</li>
-                        </ul>
-                    </div>
-                </div>
+            <ul class="basicUl">
+              <li style="width:50%;">姓名：{{patientInfo.name}}</li>
+              <li style="width:50%;">性别：{{patientInfo.gender == 1 ? '男' : '女' }}</li>
+              <li style="width:50%;">年龄：{{patientInfo.age }}</li>
+              <li style="width:50%;">身高：{{patientInfo.height}}</li>
+              <li style="width:50%;">体重：{{patientInfo.weight}}</li>
+              <li style="width:50%;">电话：{{patientInfo.phone}}</li>
+              <li style="width:100%;">地址：{{patientInfo.home_address}}</li>
+            </ul>
+            <p class="centerRightTitle">诊断信息</p>
+            <div style="display:flex;justify-content: space-between;line-height:30px;">
+              <span style="font-size:14px;">门诊编号:676273816287361</span>
             </div>
+            <ul class="basicUl">
+              <li style="width:50%;">医生：{{ }}</li>
+              <li style="width:50%;">科室：{{ }}</li>
+              <li style="width:100%;">费用：{{ }}元</li>
+              <li style="width:100%;">判断结果：</li>
+              <li style="width:100%;">是否有传染病：</li>
+              <li style="width:100%;">血压：</li>
+            </ul>
+          </div>
         </div>
-        <additionalCharges ref='additionalCharges'></additionalCharges>
+      </div>
     </div>
+    <!--<additionalCharges ref='additionalCharges'></additionalCharges>-->
+  </div>
 </template>
 
 
 <script>
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
-import noCharge from './components/noCharge'
-import charged from './components/charged'
-import medicalInsuranceRefund from './components/medicalInsuranceRefund'
-import prescriptionTable from './components/prescriptionTable'
-import additionalCharges from './components/additionalCharges'
-import { getPatientList,getPatientInformation } from "@/api/project/project"
-const moment = require('moment')
-export default {
-    components:{
-        BreadCrumb,
-        noCharge,
-        charged,
-        medicalInsuranceRefund,
-        prescriptionTable,
-        additionalCharges
+  import BreadCrumb from '@/xt_pages/components/bread-crumb'
+  import noCharge from './components/noCharge'
+  import charged from './components/charged'
+  import medicalInsuranceRefund from './components/medicalInsuranceRefund'
+  import prescriptionTable from './components/prescriptionTable'
+  import additionalCharges from './components/additionalCharges'
+  import { getPatientInformation, getPatientList } from '@/api/project/project'
+  import { getPatientInfo, getSchedulePatientList } from '@/api/his/his'
+
+  const moment = require('moment')
+  export default {
+    components: {
+      BreadCrumb,
+      noCharge,
+      charged,
+      medicalInsuranceRefund,
+      prescriptionTable,
+      additionalCharges
     },
-    data(){
-        return{
-            crumbs: [
-                { path: false, name: '门诊收费' },
-                { path: false, name: '门诊收费管理' }
-            ],
-            tableData: [],
-            editableTabsValue: '1',
-            editableTabs: [{
-            title: '处方1',
-            name: '1',
-            }],
-            tabIndex: 1,
-
-            patientTableData:[{
-                name:'杨美英',
-                mdtrt_id:"1709946",
-            }],
-            patientInfo:{},
-            doctor:{},
-            total:0,
-            state:'未收费',
-            radio:1,
-            radioStatus:1,
-            search_input:"",
-            start_time:moment().locale('zh-cn').format('YYYY-MM-DD')
-        }
+    data() {
+      return {
+        crumbs: [
+          { path: false, name: '门诊收费' },
+          { path: false, name: '门诊收费管理' }
+        ],
+        curPrescriptions: {},
+        prescriptions: [],
+        record_date: '',
+        tableData: [],
+        editableTabsValue: '1',
+        editableTabs: [{
+          title: '处方1',
+          name: '1'
+        }],
+        tabIndex: 1,
+        hisPatientInfo: {},
+
+        patientTableData: [{
+          name: '杨美英',
+          mdtrt_id: '1709946'
+        }],
+        patientInfo: {},
+        doctor: {},
+        total: 0,
+        state: '未收费',
+        radio: 1,
+        radioStatus: 1,
+        search_input: '',
+        start_time: moment().locale('zh-cn').format('YYYY-MM-DD')
+      }
     },
-    created(){
-       
-       //获取患者信息
-       this.getPatientList()
+    created() {
+      var nowDate = new Date()
+      var nowYear = nowDate.getFullYear()
+      var nowMonth = nowDate.getMonth() + 1
+      var nowDay = nowDate.getDate()
+      this.record_date =
+        nowYear +
+        '-' +
+        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+        '-' +
+        (nowDay < 10 ? '0' + nowDay : nowDay)
+
+      //获取患者信息
+      this.getPatientList()
     },
-    methods:{
-        moreState(tab, event){
-          if(tab == 'more'){
-            return false;
+    methods: {
+      tabclickEvent(val){
+        for (let i= 0; i<this.prescriptions.length; i++){
+          if(this.prescriptions[i].name == val.name){
+            this.curPrescriptions = {}
+             var temp = this.deepClone(this.prescriptions[i])
+            this.curPrescriptions = temp
+            console.log(this.curPrescriptions)
+          }
+        }
+      },deepClone(source) {
+        if (!source && typeof source !== 'object') {
+          throw new Error('error arguments', 'shallowClone')
+        }
+        const targetObj = source.constructor === Array ? [] : {}
+        Object.keys(source).forEach((keys) => {
+          if (source[keys] && typeof source[keys] === 'object') {
+            targetObj[keys] = this.deepClone(source[keys])
+          } else {
+            targetObj[keys] = source[keys]
           }
-        },
-        open(index){
-            if(index == 1){
-            }else if(index == 2){
-                
-            }else if(index == 4){
-                this.state = '已收费'
-                this.$message({message: '收费成功',type: 'success'});
-            }else if(index == 5){
-                this.$message({message: '退费成功',type: 'success'});
+        })
+        return targetObj
+      },
+      getTotal() {
+        var total = 0
+        console.log(this.prescriptions)
+        for (let i = 0; i < this.prescriptions.length; i++) {
+          if (this.prescriptions[i].advices != null) {
+            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+              total = total + this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number
             }
-            
-        },
-        addTab(targetName) {
-            let newTabName = ++this.tabIndex + '';
-            this.editableTabs.push({
-                title: '处方' + this.tabIndex,
-                name: newTabName,
-            });
-            this.editableTabsValue = newTabName;
-        },
-        removeTab(targetName) {
-            let tabs = this.editableTabs;
-            let activeName = this.editableTabsValue;
-            if (activeName === targetName) {
-            tabs.forEach((tab, index) => {
-                if (tab.name === targetName) {
-                let nextTab = tabs[index + 1] || tabs[index - 1];
-                if (nextTab) {
-                    activeName = nextTab.name;
-                }
-                }
-            });
+          }
+          if(this.prescriptions[i].project != null) {
+            for (let b = 0; b < this.prescriptions[i].project.length; b++) {
+              total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].count
             }
-            
-            this.editableTabsValue = activeName;
-            this.editableTabs = tabs.filter(tab => tab.name !== targetName);
-        },
-        addCharges(){
-            this.$refs.additionalCharges.show()
-        },
-        choosePatient(){
-            let a = JSON.parse(localStorage.getItem("drugs"))
-            this.preTableData = a
-            this.preTableData.map(item => {
-                this.total += item.unitPrice
-            })
-            // this.patientInfo = {
-            //     certno:"440221195903290027",
-            //     psn_no:"0221201972",
-            //     gend:"2",
-            //     brdy:"1960-03-29",
-            //     naty:"01",
-            //     psn_cert_type:"01",
-            //     psn_name:"杨美英",
-            //     age:60.7
-            // }
-            // this.doctor = {
-            //     name:'刘志刚',
-            //     department:'血透中心',
-            //     total:20,
-            // }
-        },
-       changeRadio(id){ 
-         console.log(id)
-         this.radioStatus = id
-         this.getPatientList()
-       },
-
-        //患者列表
-        getPatientList(){
-           getPatientList().then(response=>{
-               if(response.data.state == 1){
-                 var hisPatient = response.data.data.hisPatient
-                 console.log("his",hisPatient)
-                 var scheduleList = response.data.data.scheduleList
-                 hisPatient.push(...scheduleList)
-                 console.log("arrr",hisPatient)
-                 var tabArr = this.unique(hisPatient)
-                 console.log("22222",tabArr)
-                 if(this.radioStatus == 1){
-                    this.tableData = tabArr
-                    this.$refs.tab.setCurrentRow(this.tableData[0])
-                 }
-                 if(this.radioStatus == 2){
-                    var prescription = response.data.data.prescription
-                    this.tableData = prescription
-                    this.$refs.tab.setCurrentRow(this.tableData[0])
-                 }
-                
-               }  
-           })
-        },
-
-        unique(arr) {
-            const res = new Map();
-            return arr.filter((arr) => !res.has(arr.id_card_no) && res.set(arr.id_card_no, 1))
-        },
-        handleCurrentChange(val){
-          console.log("val",val)
-          this.getPatientInformation(val.id)
-        },
-        
-        //获取患者的基本信息
-        getPatientInformation(id){
-            console.log(id)
-            getPatientInformation(id).then(response=>{
-               if(response.data.state == 1){
-                  var information = response.data.data.information
-                  console.log("information",information)
-                  this.patientInfo = information
-               }
-            })
+          }
+        }
+        return total
+      },
+      moreState(tab, event) {
+        if (tab == 'more') {
+          return false
         }
+      },
+      open(index) {
+        if (index == 1) {
+        } else if (index == 2) {
+
+        } else if (index == 4) {
+          this.state = '已收费'
+          this.$message({ message: '收费成功', type: 'success' })
+        } else if (index == 5) {
+          this.$message({ message: '退费成功', type: 'success' })
+        }
+
+      },
+      addTab(targetName) {
+        let newTabName = ++this.tabIndex + ''
+        this.editableTabs.push({
+          title: '处方' + this.tabIndex,
+          name: newTabName
+        })
+        this.editableTabsValue = newTabName
+      },
+      removeTab(targetName) {
+        let tabs = this.editableTabs
+        let activeName = this.editableTabsValue
+        if (activeName === targetName) {
+          tabs.forEach((tab, index) => {
+            if (tab.name === targetName) {
+              let nextTab = tabs[index + 1] || tabs[index - 1]
+              if (nextTab) {
+                activeName = nextTab.name
+              }
+            }
+          })
+        }
+
+        this.editableTabsValue = activeName
+        this.editableTabs = tabs.filter(tab => tab.name !== targetName)
+      },
+      addCharges() {
+        this.$refs.additionalCharges.show()
+      },
+      choosePatient() {
+
+      },
+      changeRadio(id) {
+        console.log(id)
+        this.radioStatus = id
+        this.getPatientList()
+      },
+
+      //患者列表
+      getPatientList() {
+        let params = {
+          'record_date': this.record_date
+        }
+        getSchedulePatientList(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.patientTableData = []
+            // let cal_one = 0
+            // let cal_two = 0
+            for (let i = 0; i < response.data.data.list.length; i++) {
+              // if (response.data.data.list[i].prescription == null || response.data.data.list[i].prescription.length == 0) {
+              //   // cal_one = cal_one + 1
+              // }
+              if (response.data.data.list[i].prescription != null && response.data.data.list[i].prescription.length > 0) {
+                // cal_two = cal_two + 1
+                this.patientTableData.push(response.data.data.list[i])
+              }
+            }
+
+            // this.cal_one = cal_one
+            // this.cal_two = cal_two
+          }
+        })
+      },
+
+      unique(arr) {
+        const res = new Map()
+        return arr.filter((arr) => !res.has(arr.id_card_no) && res.set(arr.id_card_no, 1))
+      },
+      handleCurrentChange(val) {
+        this.getPatientInformation(val.patients.id)
+      }, //获取患者的基本信息
+      getPatientInformation(id) {
+        let params = {
+          'record_date': this.record_date,
+          'patient_id': id
+        }
+        getPatientInfo(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            this.patientInfo = response.data.data.xt_info
+            this.hisPatientInfo = response.data.data.his_info
+            this.prescriptions = []
+            for (let i = 0; i < response.data.data.prescription.length; i++) {
+              var prescription = response.data.data.prescription[i]
+              let index = i + 1
+              let obj = {
+                name: '处方' + index,
+                advices: prescription.advices,
+                project: prescription.project,
+                type: response.data.data.prescription[i].type
+              }
+              this.prescriptions.push(obj)
+              this.curPrescriptions = this.prescriptions[0]
+
+            }
+            // this.$refs.prescriptions.setData(this.prescriptions)
+          }
+        })
+      }
     }
-}
+  }
 </script>
 
 <style lang="scss" scoped>
-.app-container{
-    height:100%;
-}
-.outpatientChargesManagement{
+  .app-container {
+    height: 100%;
+  }
+
+  .outpatientChargesManagement {
     height: 100%;
     display: flex;
     flex-direction: column;
-    .mainLeft{
-        width:200px;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        .el-radio{
-            margin-right:5px;
-        }
-        
-    }
-    .mainCell{
-        height:36px;
-        display: flex;
-        align-items: center;
-    }
-    .mainRight{
-        margin-left:20px;
-        flex:1;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        overflow-y: auto;
-        .cellSpan{
-            min-width: 80px;
-            display: inline-block;
-            margin-right: 10px;
-        }
-    }
-    .tabsBox{
-        position: relative;
-        height: 90%;
-        overflow-y: auto;
-        margin-bottom: 60px;
-        .el-tabs__item{
-            padding: 0 10px;
-        }
-    }
-    .addTab{
-        position: absolute;
-        right: 0;
-        top: 6px;
-        z-index: 20;
-    }
-    .mainCenter{
-        display: flex;
-        flex:1;
-    }
-    .costBox{
-        width:100%;
-        height:60px;
-        background:#fff;
-        position: absolute;
-        bottom:0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-    .centerLeft{
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        position: relative;
-    }
-    .centerRight{
-        width: 300px;
-        margin-left: 5px;
-        display: flex;
-        flex-direction: column;
-    }
-    .RP{
-        color:#409EFF;
-        font-size: 20px;
-        margin-bottom: 5px;
-    }
-    .centerRightTitle{
-        color:#409EFF;
-        padding-top: 10px;;
-    }
-    .basicUl{
-        border-top: 1px solid #e5e5e5;
-        border-left: 1px solid #e5e5e5;
-        display: flex;
-        flex-wrap: wrap;
-        li{
-            border-bottom: 1px solid #e5e5e5;
-            border-right: 1px solid #e5e5e5;
-            width: 100%;
-            height: 38px;
-            line-height: 38px;
-            text-indent: 5px;
-            font-size: 14px;
-        }
-    }
-}
+
+  .mainLeft {
+    width: 200px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+  .el-radio {
+    margin-right: 5px;
+  }
+
+  }
+  .mainCell {
+    height: 36px;
+    display: flex;
+    align-items: center;
+  }
+
+  .mainRight {
+    margin-left: 20px;
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+
+  .cellSpan {
+    min-width: 80px;
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+  }
+  .tabsBox {
+    position: relative;
+    height: 90%;
+    overflow-y: auto;
+    margin-bottom: 60px;
+
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+
+  }
+  .addTab {
+    position: absolute;
+    right: 0;
+    top: 6px;
+    z-index: 20;
+  }
+
+  .mainCenter {
+    display: flex;
+    flex: 1;
+  }
+
+  .costBox {
+    width: 100%;
+    height: 60px;
+    background: #fff;
+    position: absolute;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .centerLeft {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .centerRight {
+    width: 300px;
+    margin-left: 5px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .RP {
+    color: #409EFF;
+    font-size: 20px;
+    margin-bottom: 5px;
+  }
+
+  .centerRightTitle {
+    color: #409EFF;
+    padding-top: 10px;;
+  }
+
+  .basicUl {
+    border-top: 1px solid #e5e5e5;
+    border-left: 1px solid #e5e5e5;
+    display: flex;
+    flex-wrap: wrap;
+
+  li {
+    border-bottom: 1px solid #e5e5e5;
+    border-right: 1px solid #e5e5e5;
+    width: 100%;
+    height: 38px;
+    line-height: 38px;
+    text-indent: 5px;
+    font-size: 14px;
+  }
+
+  }
+  }
 </style>
 
 <style lang="scss">
-#tab-more{
-    .el-icon-close{
-        display: none;
-    }
-}
+  #tab-more {
+
+  .el-icon-close {
+    display: none;
+  }
+
+  }
 </style>
 

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

@@ -211,7 +211,6 @@
   import saveTemplate from './saveTemplate'
   import additionalCharges from './additionalCharges'
   import { getHisProject,addProjectTeam,getAllProjectTeam,getPojectListById } from '@/api/project/project'
-  // import { getPatientInfo, getSchedulePatientList,createHisPrescription } from '@/api/his/his'
 
   export default {
     props: {
@@ -326,7 +325,7 @@
             this.advices_template = response.data.data.advices_template
             this.doctors = response.data.data.doctors
             this.departMent =  response.data.data.department
-           
+
           }
         })
 
@@ -378,7 +377,7 @@
             record_date: this.record_date,
             his_patient_id: this.hisPatientInfo.id
           }
-         
+
           for (let i = 0; i < this.prescriptions.length; i++){
             if(this.prescriptions[i].advices.length > 0 && this.prescriptions[i].project.length == 0){
               this.prescriptions[i]['type'] = 1

src/xt_pages/outpatientDoctorStation/doctorDesk.vue

@@ -201,7 +201,7 @@
               }
               this.prescriptions.push(obj)
             }
-           
+
             this.$refs.prescriptions.setData(this.prescriptions)
           }
         })