Elizabeth's proactive approach involves introducing urinal toilet attachment , an ingenious concept that optimizes space and functionality.

chargeMonthPrescriptionTable.vue 7.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <template>
  2. <div class="prescriptionTable">
  3. <el-table v-if="prescription.type == 1" :data="prescription.advices" border style="width: 99%;"
  4. :row-style="{ color: '#303133' }"
  5. :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
  6. <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
  7. <el-table-column align="center" prop="name" label="名称">
  8. <template slot-scope="scope"><span :title='scope.row.drug_name'>{{ scope.row.drug_name }}</span></template>
  9. </el-table-column>
  10. <el-table-column align="center" prop="name" width="90" label="单次用量">
  11. <template slot-scope="scope">
  12. <!--<el-input v-model="scope.row.single_dose" readonly style="width:65%;"></el-input>-->
  13. <div>{{scope.row.single_dose}}&nbsp;&nbsp;{{scope.row.single_dose_unit}}</div>
  14. </template>
  15. </el-table-column>
  16. <el-table-column align="center" prop="name" width="100" label="用法">
  17. <template slot-scope="scope">
  18. <!--<el-input v-model="scope.row.delivery_way" readonly></el-input>-->
  19. <div> {{scope.row.delivery_way}}</div>
  20. </template>
  21. </el-table-column>
  22. <el-table-column align="center" prop="name" width="100" label="频率">
  23. <template slot-scope="scope">
  24. <div> {{scope.row.execution_frequency}}</div>
  25. <!--<el-input v-model="scope.row.execution_frequency" readonly></el-input>-->
  26. </template>
  27. </el-table-column>
  28. <el-table-column align="center" prop="day" width="50" label="天数">
  29. <template slot-scope="scope">{{scope.row.day}}天</template>
  30. </el-table-column>
  31. <el-table-column align="center" prop="name" width="100" label="总量">
  32. <template slot-scope="scope">
  33. <!--<el-input v-model="scope.row.prescribing_number" style="width:60%" readonly placeholder=""></el-input>-->
  34. <div>{{scope.row.prescribing_number}}&nbsp;&nbsp;{{scope.row.prescribing_number_unit}}</div>
  35. </template>
  36. </el-table-column>
  37. <el-table-column align="center" prop="name" width="60" label="单价">
  38. <template slot-scope="scope">
  39. <div> {{scope.row.retail_price}}元</div>
  40. <!--<el-input v-model="scope.row.retail_price" placeholder="" readonly></el-input>-->
  41. </template>
  42. </el-table-column>
  43. <el-table-column align="center" prop="name" width="50" label="备注">
  44. <template slot-scope="scope">
  45. <!--<el-input v-model="scope.row.remark" :title="scope.row.remark" placeholder="" readonly></el-input>-->
  46. <div> {{scope.row.remark}}</div>
  47. </template>
  48. </el-table-column>
  49. </el-table>
  50. <el-table v-if="prescription.type == 2" :data="prescription.project" border style="width: 99%;"
  51. :row-style="{ color: '#303133' }"
  52. :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
  53. <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
  54. <el-table-column align="center" prop="project_name" label="名称">
  55. <template slot-scope="scope">{{ scope.row.project_name }}</template>
  56. </el-table-column>
  57. <el-table-column align="center" prop="statistical_classification" width="100" label="组">
  58. <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
  59. </el-table-column>
  60. <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
  61. <template slot-scope="scope">{{scope.row.single_dose}}{{scope.row.unit}}</template>
  62. </el-table-column>
  63. <el-table-column align="center" prop="delivery_way" width="80" label="用法">
  64. <template slot-scope="scope">
  65. <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
  66. {{scope.row.delivery_way}}
  67. </template>
  68. </el-table-column>
  69. <el-table-column align="center" prop="execution_frequency" width="80" label="频率">
  70. <template slot-scope="scope">
  71. <!--<el-input v-model="scope.row.execution_frequency" placeholder="" readonly></el-input>-->
  72. {{scope.row.execution_frequency}}
  73. </template>
  74. </el-table-column>
  75. <el-table-column align="center" prop="number_days" width="50" label="天数">
  76. <template slot-scope="scope">
  77. <!--<el-input v-model="scope.row.number_days" placeholder="" readonly></el-input>-->
  78. {{scope.row.number_days}}天
  79. </template>
  80. </el-table-column>
  81. <el-table-column align="center" prop="total" width="50" label="总量">
  82. <template slot-scope="scope">
  83. <div style="display:flex;">
  84. <!--<el-input v-model="scope.row.total" placeholder="" readonly></el-input>-->
  85. {{scope.row.total}}
  86. <div>{{scope.row.unit}}</div>
  87. </div>
  88. </template>
  89. </el-table-column>
  90. <el-table-column align="center" prop="name" width="50" label="单价">
  91. <template slot-scope="scope">
  92. <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
  93. {{scope.row.price}}元
  94. </template>
  95. </el-table-column>
  96. <el-table-column align="center" prop="name" width="50" label="备注">
  97. <template slot-scope="scope">
  98. <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
  99. {{scope.row.remark}}
  100. </template>
  101. </el-table-column>
  102. </el-table>
  103. <div class="additionalBox">
  104. <div class="additionalOne" v-for="(item,index) in prescription.addition" :key="index">
  105. <span :title="item.item_name">{{item.item_name}}</span>
  106. <el-input v-model="item.price" placeholder="" style="width:50px;" readonly></el-input>
  107. <el-input v-model="item.count" placeholder="" style="width:50px;" readonly></el-input>
  108. <!--<i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>-->
  109. </div>
  110. </div>
  111. </div>
  112. </template>
  113. <script>
  114. import { getInitData } from '@/api/his/his'
  115. import { getDictionaryDataConfig} from "@/utils/data";
  116. export default {
  117. props: {
  118. prescription: Object
  119. },
  120. data() {
  121. return {
  122. drugways: [],
  123. efs: []
  124. }
  125. }, mounted() {
  126. getInitData().then(response => {
  127. if (response.data.state == 0) {
  128. this.$message.error(response.data.msg)
  129. return false
  130. } else {
  131. this.drugways = response.data.data.drugways
  132. this.efs = response.data.data.efs
  133. }
  134. })
  135. }, methods: {
  136. getGroup(id){
  137. var name = ""
  138. var statistics_category = getDictionaryDataConfig('system','statistics_category')
  139. console.log("2235",statistics_category)
  140. for(let i=0;i<statistics_category.length;i++){
  141. if(id == statistics_category[i].id){
  142. name = statistics_category[i].name
  143. }
  144. }
  145. return name
  146. },
  147. }
  148. }
  149. </script>
  150. <style lang="scss">
  151. .prescriptionTable{
  152. .additionalBox{
  153. margin-top: 20px;
  154. display: flex;
  155. flex-wrap: wrap;
  156. .additionalOne{
  157. margin-right:20px;
  158. margin-bottom:10px;
  159. display: flex;
  160. align-items: center;
  161. >span{
  162. white-space: nowrap;
  163. overflow: hidden;
  164. text-overflow: ellipsis;
  165. width:80px;
  166. display: inline-block;
  167. font-size: 14px;
  168. }
  169. }
  170. .deleteIcon{
  171. color:red;
  172. margin-left:5px;
  173. }
  174. }
  175. .el-table th .cell, .el-table td .cell{
  176. padding: 0 2px;
  177. white-space: pre-line;
  178. }
  179. .el-icon-delete{
  180. color:red;
  181. }
  182. }
  183. </style>