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

doctorDesk.vue 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695
  1. <template>
  2. <div class="main-contain new-main-contain">
  3. <div class="position">
  4. <bread-crumb :crumbs='crumbs'></bread-crumb>
  5. </div>
  6. <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
  7. <div class="mainLeft">
  8. <div class="mainCell" style="justify-content: space-between;">
  9. <p>未就诊:<span>{{cal_one}}</span>人</p>
  10. <p>已就诊:<span>{{cal_two}}</span>人</p>
  11. </div>
  12. <div class="mainCell">
  13. <el-radio-group v-model="radio" @change="change">
  14. <el-radio :label="1">未就诊</el-radio>
  15. <el-radio :label="2">已就诊</el-radio>
  16. <el-radio :label="0">全部</el-radio>
  17. </el-radio-group>
  18. </div>
  19. <div class="mainCell" style="margin-bottom:10px;">
  20. <el-input size="small" @keyup.enter.native='searchAction' v-model="search_input" class="filter-item"/>
  21. <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary" @click="searchAction">
  22. 搜索
  23. </el-button>
  24. </div>
  25. <div>
  26. <el-table :data="patientTableData" :height="tableHeight" @row-click='choosePatient' border style="width: 100%;"
  27. :row-style="{ color: '#303133' }"
  28. :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
  29. highlight-current-row
  30. ref="tab"
  31. >
  32. <el-table-column prop="name" label="姓名">
  33. <template slot-scope="scope">{{scope.row.patients?scope.row.patients.name:''}}</template>
  34. </el-table-column>
  35. <el-table-column prop="name" label="就诊号" width="110">
  36. <template slot-scope="scope">{{ scope.row.his_patient ?scope.row.his_patient.number:''}}</template>
  37. </el-table-column>
  38. </el-table>
  39. </div>
  40. </div>
  41. <div class="mainRight">
  42. <div class="mainHeader">
  43. <el-radio-group class="titleBox" v-model="titleType" @change="changeTab">
  44. <el-radio-button label="处方"></el-radio-button>
  45. <el-radio-button label="病历"></el-radio-button>
  46. </el-radio-group>
  47. <div class="mainCell fixedCell" style="float:right" v-if="titleType == '处方'">
  48. <el-button size="small" ref="button_one" @click="open(1)" type="primary" style="margin-left:10px;">保存</el-button>
  49. <el-button size="small" ref="button_two" @click="open(2)" type="primary">打印</el-button>
  50. <el-button size="small" ref="button_three" @click="open(4)" type="primary">选择模板</el-button>
  51. <el-button size="small" ref="button_four" @click="open(5)" type="primary">存模板</el-button>
  52. </div>
  53. <div class="mainCell fixedCell" style="float:right" v-if="titleType == '病历'">
  54. <el-button size="small" @click="opentwo(1)" type="primary" style="margin-left:10px;">保存</el-button>
  55. <el-button size="small" @click="opentwo(2)" type="primary">打印</el-button>
  56. <el-button size="small" @click="opentwo(3)" type="primary">病历调用</el-button>
  57. <el-button size="small" @click="opentwo(4)" type="primary">存模板</el-button>
  58. </div>
  59. </div>
  60. <!--<desk-prescription ref="prescriptions" :prescriptions="prescriptions" :patientInfo="patientInfo" :hisPatientInfo="hisPatientInfo"-->
  61. <!--v-if="titleType == '处方'" style="flex:1;"></desk-prescription>-->
  62. <desk-prescription :diagnoses="diagnoses" :other_sick="other_sick" :record_date="record_date"
  63. ref="prescriptions" :prescriptions="prescriptions" :patientInfo="patientInfo"
  64. :hisPatientInfo="hisPatientInfo"
  65. v-show="titleType == '处方'" style="flex:1;"></desk-prescription>
  66. <desk-record :record_date="record_date" :case_history="case_history" :patientInfo="patientInfo"
  67. :hisPatientInfo="hisPatientInfo" v-show="titleType == '病历'" :detalid="detalid" ref="child"></desk-record>
  68. <medicalRecord ref='medicalRecord' @func="getMsgFormSon" ></medicalRecord>
  69. <saveRecordTemplate ref='saveRecordTemplate'></saveRecordTemplate>
  70. </div>
  71. </div>
  72. </div>
  73. </template>
  74. <script>
  75. import BreadCrumb from '@/xt_pages/components/bread-crumb'
  76. import deskPrescription from './components/deskPrescription'
  77. import deskRecord from './components/deskRecord'
  78. import { getPatientInfo, getSchedulePatientList,createCaseHistory } from '@/api/his/his'
  79. import { getDictionaryDataConfig } from '@/utils/data'
  80. import medicalRecord from './components/medicalRecord'
  81. import saveRecordTemplate from './components/saveRecordTemplate'
  82. import { uParseTime } from '@/utils/tools'
  83. export default {
  84. components: {
  85. BreadCrumb,
  86. deskPrescription,
  87. deskRecord,
  88. medicalRecord,
  89. saveRecordTemplate
  90. },
  91. data() {
  92. return {
  93. tableHeight:'',
  94. fullHeight: document.documentElement.clientHeight,
  95. prescriptions: [
  96. {
  97. name: '处方1',
  98. advice: [],
  99. project: []
  100. }
  101. ],
  102. search_input: '',
  103. cal_one: 0,
  104. cal_two: 0,
  105. radio: 0,
  106. record_date: '',
  107. crumbs: [
  108. { path: false, name: '门诊医生站' },
  109. { path: false, name: '医生工作台' }
  110. ],
  111. titleType: '处方',
  112. patientTableData: [{}],
  113. patientTableDataTwo:[{}],
  114. patientInfo: {},
  115. hisPatientInfo: {},
  116. case_history: {},
  117. patient_id: 0,
  118. diagnoses: [],
  119. other_sick: [],
  120. info:{},
  121. templatedetail:{},
  122. detalid:0,
  123. }
  124. },
  125. methods: {
  126. getDictionaryDataConfig(module, filed_name) {
  127. console.log(getDictionaryDataConfig(module, filed_name))
  128. return getDictionaryDataConfig(module, filed_name)
  129. },
  130. changeTab(val) {
  131. },
  132. searchAction() {
  133. if(this.search_input.length == 0){
  134. this.patientTableData = this.patientTableDataTwo
  135. }else{
  136. let arr = []
  137. for (let i = 0; i < this.patientTableData.length; i++){
  138. if(this.patientTableData[i].patients.name.indexOf(this.search_input) != -1 ){
  139. arr = arr.concat(this.patientTableData[i])
  140. }
  141. }
  142. if(arr.length > 0){
  143. this.patientTableData = arr
  144. }
  145. }
  146. },
  147. change(val) {
  148. this.getList()
  149. },
  150. getList() {
  151. let params = {
  152. 'record_date': this.record_date,
  153. 'type': this.radio
  154. }
  155. getSchedulePatientList(params).then(response => {
  156. if (response.data.state == 0) {
  157. this.$message.error(response.data.msg)
  158. return false
  159. } else {
  160. this.patientTableData = response.data.data.list
  161. this.patientTableDataTwo = response.data.data.list
  162. console.log('222', this.patientTableData)
  163. // this.$refs.tab.setCurrentRow(this.patientTableData[0])
  164. let cal_one = 0
  165. let cal_two = 0
  166. for (let i = 0; i < response.data.data.list.length; i++) {
  167. if (response.data.data.list[i].prescription == null || response.data.data.list[i].prescription.length == 0) {
  168. cal_one = cal_one + 1
  169. }
  170. if (response.data.data.list[i].prescription != null && response.data.data.list[i].prescription.length > 0) {
  171. cal_two = cal_two + 1
  172. }
  173. }
  174. this.$refs.tab.setCurrentRow(this.patientTableData[0])
  175. console.log(this.patientTableData[0])
  176. this.choosePatient(this.patientTableData[0])
  177. this.cal_one = cal_one
  178. this.cal_two = cal_two
  179. }
  180. })
  181. },
  182. choosePatient(val) {
  183. let params = {
  184. 'record_date': this.record_date,
  185. 'patient_id': val.patients.id
  186. }
  187. getPatientInfo(params).then(response => {
  188. if (response.data.state == 0) {
  189. this.$message.error(response.data.msg)
  190. return false
  191. } else {
  192. this.prescriptions = []
  193. this.patientInfo = response.data.data.xt_info
  194. this.hisPatientInfo = response.data.data.his_info
  195. this.case_history = response.data.data.case_history
  196. this.info = response.data.data.info
  197. this.patientInfo.birth = uParseTime(this.patientInfo.birthday, '{y}-{m}-{d}')
  198. if (this.case_history.temperature <= 0) {
  199. this.case_history.temperature = ''
  200. }
  201. if (this.case_history.blood_sugar <= 0) {
  202. this.case_history.blood_sugar = ''
  203. }
  204. if (this.case_history.pulse <= 0) {
  205. this.case_history.pulse = ''
  206. }
  207. if (this.case_history.sbp <= 0) {
  208. this.case_history.sbp = ''
  209. }
  210. if (this.case_history.dbp <= 0) {
  211. this.case_history.dbp = ''
  212. }
  213. if (this.case_history.height <= 0) {
  214. this.case_history.height = ''
  215. }
  216. if (this.case_history.blood_fat <= 0) {
  217. this.case_history.blood_fat = ''
  218. }
  219. if (this.case_history.sick_type <= 0) {
  220. this.case_history.sick_type = ''
  221. }
  222. this.case_history.sick_date = uParseTime(this.case_history.sick_date, '{y}-{m}-{d}')
  223. if (this.case_history.is_infect == 1) {
  224. this.case_history.is_infect = true
  225. } else {
  226. this.case_history.is_infect = false
  227. }
  228. if (response.data.data.prescription.length > 0) {
  229. for (let i = 0; i < response.data.data.prescription.length; i++) {
  230. var prescription = response.data.data.prescription[i]
  231. let tempAdvice = []
  232. let tempProject = []
  233. for (let b = 0; b < prescription.advices.length; b++) {
  234. let obj = {
  235. advice_id: prescription.advices[b].id,
  236. drug_name: prescription.advices[b].advice_name,
  237. single_dose: prescription.advices[b].single_dose,
  238. delivery_way: prescription.advices[b].delivery_way,
  239. execution_frequency: prescription.advices[b].execution_frequency,
  240. retail_price: prescription.advices[b].price.toString(),
  241. remark: prescription.advices[b].remark,
  242. prescribing_number:prescription.advices[b].prescribing_number.toString(),
  243. single_dose_unit:prescription.advices[b].single_dose_unit,
  244. prescribing_number_unit:prescription.advices[b].prescribing_number_unit,
  245. min_unit:prescription.advices[b].single_dose_unit,
  246. medical_insurance_number:prescription.advices[b].med_list_codg,
  247. id:prescription.advices[b].drug_id
  248. }
  249. tempAdvice.push(obj)
  250. }
  251. for (let b = 0; b < prescription.project.length; b++) {
  252. console.log(prescription.project[b])
  253. console.log(prescription.project[b].project)
  254. let obj = {
  255. id: prescription.project[b].id,
  256. project_id: prescription.project[b].project.id,
  257. project_name: prescription.project[b].project.project_name,
  258. statistical_classification: prescription.project[b].project.statistical_classification,
  259. single_dose: prescription.project[b].single_dose,
  260. delivery_way: prescription.project[b].delivery_way,
  261. execution_frequency: prescription.project[b].execution_frequency,
  262. number_days: prescription.project[b].day,
  263. total:prescription.project[b].count.toString(),
  264. price:prescription.project[b].price,
  265. remark:prescription.project[b].remark,
  266. medical_code:prescription.project[b].project.medical_code,
  267. }
  268. tempProject.push(obj)
  269. }
  270. let index = i + 1
  271. let obj = {
  272. id: prescription.id,
  273. name: '处方' + index,
  274. advices: tempAdvice,
  275. project: tempProject,
  276. order_status:prescription.order_status
  277. }
  278. this.prescriptions.push(obj)
  279. }
  280. } else {
  281. let obj = {
  282. id:0,
  283. name: '处方' + 1,
  284. advices: [],
  285. project: [],
  286. orderStatus:0,
  287. }
  288. this.prescriptions.push(obj)
  289. }
  290. console.log(this.prescriptions)
  291. this.$refs.prescriptions.setData(this.prescriptions,this.info)
  292. }
  293. })
  294. // this.patientInfo = {
  295. // certno:"440221195903290027",
  296. // psn_no:"0221201972",
  297. // gend:"2",
  298. // brdy:"1960-03-29",
  299. // naty:"01",
  300. // psn_cert_type:"01",
  301. // psn_name:"杨美英",
  302. // age:60.7
  303. // }
  304. },open(index) {
  305. if (index == 1) {
  306. this.$refs.prescriptions.open(1)
  307. } else if (index == 2) {
  308. this.$refs.prescriptions.open(2)
  309. } else if (index == 3) {
  310. this.$refs.prescriptions.open(3)
  311. } else if (index == 4) {
  312. this.$refs.prescriptions.open(4)
  313. }
  314. },
  315. opentwo(index) {
  316. console.log("index",index)
  317. if (index == 1) {
  318. if(this.patientInfo.id == undefined){
  319. this.$message.error("请先选择病人")
  320. return
  321. }
  322. this.$refs.child.createCaseHistory()
  323. // if(this.case_history.is_infect == true){
  324. // this.case_history.is_infect = 1
  325. // }
  326. // if(this.case_history.is_infect == false){
  327. // this.case_history.is_infect = 2
  328. // }
  329. // let params = {
  330. // "his_patient_id":this.hisPatientInfo.id,
  331. // "delivery_way":this.delivery_way?"":0,
  332. // "patient_id":this.patientInfo.id,
  333. // "temperature":this.case_history.temperature,
  334. // "blood_sugar":this.case_history.blood_sugar,
  335. // "pulse":this.case_history.pulse,
  336. // "sbp":this.case_history.sbp,
  337. // "dbp":this.case_history.dbp,
  338. // "blood_fat":this.case_history.blood_fat,
  339. // "height":this.case_history.height,
  340. // "sick_type":this.case_history.sick_type,
  341. // "symptom":this.case_history.symptom,
  342. // "sick_date":this.start_time,
  343. // "is_infect":this.case_history.is_infect,
  344. // "chief_conplaint":this.case_history.chief_conplaint,
  345. // "history_of_present_illness":this.case_history.history_of_present_illness,
  346. // "past_history":this.case_history.past_history,
  347. // "personal_history":this.case_history.personal_history,
  348. // "family_history":this.case_history.family_history,
  349. // "record_date":this.record_date,
  350. // "diagnostic":this.case_history.diagnostic,
  351. // "breathing":this.case_history.breathing,
  352. // // "doctor_advice":this.doctor_advice,
  353. // // "remark":this.remark
  354. // "doctor_advice":this.$ref.doctor_advice,
  355. // // "remark":this.remark
  356. // }
  357. // console.log("params",params)
  358. // return
  359. // createCaseHistory(params).then(response => {
  360. // if (response.data.state == 0) {
  361. // this.$message.error("患者病历已存在")
  362. // return false
  363. // } else {
  364. // this.$message.success("保存成功")
  365. // }
  366. // })
  367. } else if (index == 2) {
  368. this.$router.push('/outpatientDoctorStation/recordPrint?record='+this.record_date)
  369. } else if (index == 3) {
  370. this.$refs.medicalRecord.show()
  371. } else if (index == 4) {
  372. this.$refs.saveRecordTemplate.show(this.case_history)
  373. }
  374. },
  375. // changePatient(val){
  376. // console.log("患者val",val)
  377. // this.hisPatientInfo = val.hisPatientInfo
  378. // console.log("333333",this.hisPatientInfo)
  379. // }
  380. getMsgFormSon(id){
  381. console.log("id----------",id)
  382. this.detalid = id
  383. },
  384. // getTemplateDetail(id){
  385. // getTemplateDetail(id).then(response=>{
  386. // if(response.data.state == 1){
  387. // var templatedetail = response.data.data.templateDetail
  388. // console.log("templatedetail",templatedetail)
  389. // templatedetail =
  390. // }
  391. // })
  392. // },
  393. },
  394. created() {
  395. var nowDate = new Date()
  396. var nowYear = nowDate.getFullYear()
  397. var nowMonth = nowDate.getMonth() + 1
  398. var nowDay = nowDate.getDate()
  399. this.record_date =
  400. nowYear +
  401. '-' +
  402. (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
  403. '-' +
  404. (nowDay < 10 ? '0' + nowDay : nowDay)
  405. this.getList()
  406. this.diagnoses = this.getDictionaryDataConfig('system', 'diagnose')
  407. this.other_sick = this.getDictionaryDataConfig('system', 'other_sick_history')
  408. console.log('1222232434234',document.documentElement.clientHeight)
  409. let tableHeight = document.body.clientHeight - 263
  410. this.tableHeight = tableHeight
  411. },
  412. mounted(){
  413. const that = this
  414. window.onresize = () => {
  415. return (() => {
  416. window.fullHeight = document.documentElement.clientHeight
  417. that.fullHeight = window.fullHeight
  418. })()
  419. }
  420. },
  421. watch: {
  422. fullHeight (val) {
  423. if(!this.timer) {
  424. this.fullHeight = val
  425. let tableHeight = val - 263
  426. this.tableHeight = tableHeight
  427. this.timer = true
  428. let that = this
  429. setTimeout(function (){
  430. that.timer = false
  431. },400)
  432. }
  433. }
  434. }
  435. }
  436. </script>
  437. <style lang="scss" scoped>
  438. .new-main-contain {
  439. height: 100%;
  440. display: flex;
  441. flex-direction: column;
  442. }
  443. .app-container {
  444. height: 100%;
  445. }
  446. .mainCell {
  447. height: 36px;
  448. display: flex;
  449. align-items: center;
  450. }
  451. .mainLeft {
  452. width: 200px;
  453. height: 100%;
  454. display: flex;
  455. flex-direction: column;
  456. .el-radio {
  457. margin-right: 5px;
  458. }
  459. }
  460. .mainRight {
  461. margin-left: 20px;
  462. flex: 1;
  463. height: 100%;
  464. display: flex;
  465. flex-direction: column;
  466. overflow-y: auto;
  467. .cellSpan {
  468. min-width: 80px;
  469. display: inline-block;
  470. margin-right: 10px;
  471. }
  472. }
  473. .mainCenter {
  474. display: flex;
  475. flex: 1;
  476. }
  477. .centerLeft {
  478. flex: 1;
  479. display: flex;
  480. flex-direction: column;
  481. position: relative;
  482. .el-form-item {
  483. width: 32%;
  484. margin-right: 1%;
  485. float: left;
  486. }
  487. .el-form-item__label {
  488. text-align: left;
  489. }
  490. }
  491. .backColor {
  492. background: #f6f8f9;
  493. height: 5px;
  494. margin-bottom: 5px;
  495. }
  496. .tabsBox {
  497. position: relative;
  498. height: 76%;
  499. overflow-y: auto;
  500. margin-bottom: 60px;
  501. .el-tabs__item {
  502. padding: 0 10px;
  503. }
  504. }
  505. .preTabs {
  506. height: 100%;
  507. }
  508. .costBox {
  509. width: 100%;
  510. height: 60px;
  511. background: #fff;
  512. position: absolute;
  513. bottom: 0;
  514. display: flex;
  515. align-items: center;
  516. }
  517. .addTab {
  518. position: absolute;
  519. right: 0;
  520. top: 14px;
  521. z-index: 20;
  522. }
  523. .centerRight {
  524. width: 300px;
  525. margin-left: 5px;
  526. display: flex;
  527. flex-direction: column;
  528. position: relative;
  529. }
  530. .rightTab {
  531. height: 40px;
  532. width: 100%;
  533. border: 1px solid #d2d2d2;
  534. box-sizing: border-box;
  535. p {
  536. width: 50%;
  537. height: 40px;
  538. line-height: 40px;
  539. text-align: center;
  540. background: #eee;
  541. float: left;
  542. }
  543. > p:last-child {
  544. border-left: 1px solid #d2d2d2;
  545. float: right;
  546. }
  547. .activeP {
  548. background: #409EFF;
  549. color: #fff;
  550. }
  551. }
  552. .comfirmBox {
  553. width: 100%;
  554. height: 60px;
  555. background: #fff;
  556. position: absolute;
  557. bottom: 0;
  558. display: flex;
  559. align-items: center;
  560. justify-content: space-between;
  561. }
  562. .mainHeader{
  563. width:100%;
  564. background: #fff;
  565. position: fixed;
  566. z-index: 100;
  567. height: 36px;
  568. }
  569. .titleBox{
  570. position: fixed;
  571. z-index: 99;
  572. background: #fff;
  573. }
  574. .fixedCell{
  575. position: fixed;
  576. z-index: 99;
  577. right: 30px;
  578. background: #fff;
  579. }
  580. </style>
  581. <style lang="scss">
  582. .centerLeft {
  583. .el-form-item__label {
  584. text-align: left;
  585. }
  586. }
  587. .tabsBox {
  588. .el-tabs__item {
  589. padding: 0 10px;
  590. }
  591. .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  592. padding: 0 10px;
  593. }
  594. .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  595. padding: 0 10px;
  596. }
  597. .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  598. padding: 0 10px;
  599. }
  600. }
  601. .centerRight {
  602. .el-tabs__nav-scroll {
  603. display: flex;
  604. }
  605. .el-tabs__nav {
  606. margin: 0 auto;
  607. }
  608. .el-table th .cell, .el-table td .cell {
  609. padding: 0 2px;
  610. }
  611. }
  612. .preTabs {
  613. .el-tabs__content {
  614. }
  615. }
  616. .rightTabs {
  617. height: 100%;
  618. .el-tabs__content {
  619. }
  620. }
  621. </style>