Merge branch '20201109_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20201109_pc_vue_new_branch

src/api/his/his_tools.js

@@ -0,0 +1,12 @@
+import request from "@/utils/request";
+
+
+export function GetAllPatients() {
+  return request({
+    url: "/api/his/patient",
+    method: "get",
+  });
+}
+
+
+

src/xt_pages/hospitalStation/components/hospitalRegisterDialog.vue

@@ -778,12 +778,13 @@ export default {
                 that.form.med_type = 14
                 that.form.sick_type = that.sick[0].id
                 that.form.diagnosis = that.diagnoses[0].id
+                if(that.$store.getters.xt_user.org_id == 10215) {
+                  that.form.sick_type = 421
+                  that.form.diagnosis = 92
+                }
                 that.$emit('confirm', "");
-
               }
             })
-
-
           } else {
             axios.get('http://127.0.0.1:9532/zh/api/inhopitalcheck/get', {
               params: params,

src/xt_pages/hospitalStation/outpatientChargesManagement.vue

@@ -587,7 +587,7 @@ export default {
         }
       })
 
-    },hospitalRegisterConfirm(){
+    },s(){
       this.$refs.hrd.hide()
       this.getPatientList()
     },hospitalRegisterCancel(){

src/xt_pages/hospitalStation/statementPrint.vue

@@ -24,10 +24,10 @@
       <hospital-settle-print :info="info"></hospital-settle-print>
     </div>
 
-    <div class='dialysisPage' style="padding-top:40px;" v-else>
-      <private-charge-print :info="info" v-if="this.paramsObj.balance_accounts_type == 2"></private-charge-print>
-      <printOne :info="info" v-else></printOne>
-    </div>
+<!--    <div class='dialysisPage' style="padding-top:40px;" v-else>-->
+<!--      <private-charge-print :info="info" v-if="this.paramsObj.balance_accounts_type == 2"></private-charge-print>-->
+<!--      <printOne :info="info" v-else></printOne>-->
+<!--    </div>-->
 
   </div>
 </template>

src/xt_pages/hospitalStation/summary.vue

@@ -627,6 +627,7 @@
         }
       },
       toPrint(row) {
+        console.log(row)
         if (this.$store.getters.xt_user.org_id == 9504 || this.$store.getters.xt_user.org_id == 10028 || (row.order_status == 2 && this.$store.getters.xt_user.org_id == 10138) || (row.order_status == 2 && this.$store.getters.xt_user.org_id == 10278)) {
           this.statementVisible9504 = true
           let obj = {
@@ -641,11 +642,14 @@
           this.statementVisible = true
           let obj = {
             order_id: row.id,
-            settle_type: row.settle_type,
+            balance_accounts_type: row.his_hospital_patient.balance_accounts_type,
             start_time: row.settle_start_time,
             end_time: row.settle_end_time
           }
+          console.log(obj)
           this.orderObj = obj
+          console.log(this.orderObj)
+
         }
 
       },

src/xt_pages/hospitalStation/template/printOne.vue

@@ -400,6 +400,7 @@ export default {
     ids: function (val) {
       this.ids = val;
       this.getPrescriptionPrint();
+      this.getHisPatientDetail();
     },
   },
 };

src/xt_pages/outpatientCharges/components/registerDialog.vue

@@ -663,6 +663,14 @@
                 that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}')
                 that.form.phone = patient.phone
                 that.form.id_card = patient.id_card_no
+              } else {
+                that.form.id = patient.id
+                that.form.name = patient.name
+                that.form.gender = patient.gender
+                that.form.age = patient.age
+                that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}')
+                that.form.phone = patient.phone
+                that.form.id_card = patient.id_card_no
               }
               that.$message({ message: '读卡成功', type: 'success' })
             }

src/xt_pages/outpatientCharges/costComparison.vue

@@ -761,8 +761,8 @@ c<template>
               }
 
               import('@/vendor/Export2Excel').then(excel => {
-                const tHeader = ['序号', '姓名','个人编te号', '门诊号', '挂号日期', '诊断','挂号科室','门诊费用','医保支付','自费', '起付线I', '起付线II','超封顶线费用','合计','统筹基金','大病保险','医疗救助', '实账支付额', '血透次数', '置留管数量','备注']
-                const filterVal = ['序号', '姓名','个人编号', '门诊号', '挂号日期','诊断','挂号科室','门诊费用','医保支付','自费', '起付线I', '起付线II','超封顶线费用','合计','统筹基金','大病保险','医疗救助', '实账支付额', '血透次数', '置留管数量','备注']
+                const tHeader = ['序号', '姓名','个人编te号', '门诊号', '挂号日期', '诊断','挂号科室','门诊费用','医保支付','自费', '起付线I', '按比例自付II','超封顶线费用','合计','统筹基金','大病保险','医疗救助', '实账支付额', '血透次数', '置留管数量','备注']
+                const filterVal = ['序号', '姓名','个人编号', '门诊号', '挂号日期','诊断','挂号科室','门诊费用','医保支付','自费', '起付线I', '按比例自付II','超封顶线费用','合计','统筹基金','大病保险','医疗救助', '实账支付额', '血透次数', '置留管数量','备注']
                 // const filterVal = [ '姓名', '身份证', '个人编号', '门诊流水号', '挂号日期', '起付线', '统筹基金', '个人支付', '个账支付', '现金支付', '总费用', '冲销标志']
                 const merges = ['A1:A2', 'B1:B2', 'C1:E1', 'F1:H1', 'I1:K1', 'L1:N1', 'O1:Q1', 'R1:T1', 'U1:W1', 'X1:Z1', 'AA1:AC1', 'AD1:AF1', 'AG1:AI1', 'AJ1:AL1', 'AM1:AO1', 'AP1:AR1', 'AS1:AU1', 'AV1:AX1', 'AY1:BA1', 'BB1:BD1', 'BE1:BG1', 'BH1:BJ1', 'BK1:BM1']
 

src/xt_pages/outpatientTool/components/detailStatistics.vue

@@ -0,0 +1,401 @@
+<template>
+  <!-- <div class="main-contain outpatientChargesManagement">
+      <div class="position">
+          <bread-crumb :crumbs='crumbs'></bread-crumb>
+      </div> -->
+  <div>
+    <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+      <div>
+
+        <el-select size="small" v-model="item_type" placeholder="请选择"
+                   style="width:150px;margin-left:10px;" @change="changeItem">
+          <el-option
+              label="全部"
+              value="0">
+          </el-option>
+          <el-option
+              v-for="(item,index) in items"
+              :key="index"
+              :label="item.name"
+              :value="item.id">
+          </el-option>
+        </el-select>
+
+        <div class="mainCell" style="margin-bottom:10px;">
+          <el-input size="small"  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>
+
+        <el-date-picker
+            v-model="chargeDate"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="开始日期"
+            @change="changeDate"
+            end-placeholder="结束日期">
+        </el-date-picker>
+      </div>
+    </div>
+    <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+              show-summary
+              max-height="600"
+              v-loading="detail_loading"
+              highlight-current-row>
+      <el-table-column type="index" label="序号" width="60px" align="center"></el-table-column>
+      <el-table-column align="center" prop="name" label="处方日期">
+        <template slot-scope="scope">{{  }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="费用编码">
+        <template slot-scope="scope">{{scope.row.code}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="项目名称">
+        <template slot-scope="scope">{{scope.row.item_name}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="规格">
+        <template slot-scope="scope">{{scope.row.item_spec}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="数量">
+        <template slot-scope="scope">{{scope.row.count}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="单价">
+        <template slot-scope="scope">{{scope.row.price.toFixed(2)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="name" label="金额">
+        <template slot-scope="scope">
+          <div>{{(scope.row.price.toFixed(2)*scope.row.count).toFixed(2)}}</div>
+        </template>
+      </el-table-column>
+
+    </el-table>
+  </div>
+
+  <!-- </div> -->
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { GetSummaryDetail } from '@/api/his/his'
+import { uParseTime } from '@/utils/tools'
+import axios from 'axios'
+const moment = require('moment')
+export default {
+  components: {
+    BreadCrumb
+
+  },
+  data() {
+    return {
+      detail_loading: false,
+      tempArr: [],
+      pos: 0,
+      search_input: '',
+
+      sameRowArr: [],
+      keywords: '',
+      tableData: [],
+      chargeDate: [moment(new Date()).add('year', 0).format('YYYY-MM-DD'), moment(new Date()).add('year', 0).format('YYYY-MM-DD')],
+      item_type: '0',
+      items: [
+        { id: 1, name: '药品' },
+        { id: 3, name: '耗材' },
+        { id: 2, name: '项目' }
+
+      ]
+
+    }
+  },
+  methods: {
+    searchAction(){
+
+
+    },
+    changeDate() {
+      this.getSummaryDetailList()
+    },
+    changeItem() {
+      this.getSummaryDetailList()
+    },
+    getSummaryDetailList() {
+      this.detail_loading = true
+      let start_time = this.chargeDate[0]
+      let end_time = this.chargeDate[1]
+      let params = {
+        start_time: start_time,
+        end_time: end_time,
+        type: this.item_type,
+        keyword: this.keywords
+      }
+      GetSummaryDetail(params).then(response => {
+        if (response.data.state == 0) {
+          this.detail_loading = false
+
+          this.$message.error(response.data.msg)
+          return false
+        } else {
+          this.detail_loading = false
+
+          this.tableData = []
+          let tempPatients = []
+          let tempPatientsTwo = []
+
+          let tempData = response.data.data.patients
+          let data = response.data.data.patients
+          let orders = this.unique(tempData)
+          for (let i = 0; i < orders.length; i++) {
+            let obj = {
+              patient_id: orders[i].id,
+              name: orders[i].name,
+              orders: []
+            }
+            for (let b = 0; b < data.length; b++) {
+              if (orders[i].id == data[b].id) {
+                obj.orders = obj.orders.concat(data[b].orders)
+              }
+            }
+            tempPatients.push(obj)
+          }
+
+          for (let i = 0; i < tempPatients.length; i++) {
+            let obj = {
+              patient_id: tempPatients[i].patient_id,
+              name: tempPatients[i].name,
+              order_info: []
+            }
+            let orders = tempPatients[i].orders
+            for (let b = 0; b < orders.length; b++) {
+              for (let c = 0; c < orders[b].order_info.length; c++) {
+                let newObj = {}
+
+                newObj['count'] = orders[b].order_info[c].cnt
+                newObj['price'] = orders[b].order_info[c].pric
+                if (orders[b].order_info[c].advice_id > 0 && orders[b].order_info[c].project_id == 0) {
+                  newObj['type'] = 1
+                  newObj['item_name'] = orders[b].order_info[c].advice.advice_name
+                  newObj['item_id'] = orders[b].order_info[c].advice.drug_id
+
+                  if (orders[b].order_info[c].advice.drug.min_unit != orders[b].order_info[c].advice.drug.dose_unit) {
+                    newObj['item_spec'] =  orders[b].order_info[c].advice.drug.dose + orders[b].order_info[c].advice.drug.dose_unit + '*' + orders[b].order_info[c].advice.drug.min_number + orders[b].order_info[c].advice.drug.min_unit + '/' + orders[b].order_info[c].advice.drug.max_unit
+                  } else {
+
+                    newObj['item_spec'] = ''
+                  }
+
+                }
+                if (orders[b].order_info[c].advice_id == 0 && orders[b].order_info[c].project_id > 0) {
+                  newObj['type'] = 2
+                  newObj['item_id'] = orders[b].order_info[c].project.project_id
+
+                  if (orders[b].order_info[c].project.type == 2) {
+                    newObj['item_spec'] =""
+                    newObj['item_name'] = orders[b].order_info[c].project.project.project_name
+
+
+                  } else if (orders[b].order_info[c].project.type == 3) {
+                    newObj['item_spec'] =    orders[b].order_info[c].project.good_info.specification_name
+                    newObj['item_name'] = orders[b].order_info[c].project.good_info.good_name
+
+
+                  }
+                }
+                obj.order_info.push(newObj)
+              }
+            }
+            tempPatientsTwo.push(obj)
+          }
+
+          for (let d = 0; d < tempPatientsTwo.length; d++) {
+            tempPatientsTwo[d]['new_order_info'] = []
+            let project = []
+            let advice = []
+            for (let b = 0; b < tempPatientsTwo[d].order_info.length; b++) {
+              if (tempPatientsTwo[d].order_info[b].type == 1) {
+                advice.push(tempPatientsTwo[d].order_info[b])
+              } else {
+                project.push(tempPatientsTwo[d].order_info[b])
+              }
+            }
+            project = this.uniqueProjectAndAdvice(project)
+            advice = this.uniqueProjectAndAdvice(advice)
+
+            for (let i = 0; i < project.length; i++) {
+              let obj = {}
+              let count = 0
+              for (let a = 0; a < tempPatientsTwo[d].order_info.length; a++) {
+                if (project[i].item_id == tempPatientsTwo[d].order_info[a].item_id && project[i].price == tempPatientsTwo[d].order_info[a].price) {
+                  count = count + tempPatientsTwo[d].order_info[a].count
+                }
+              }
+
+
+
+              obj['price'] = project[i].price
+              obj['type'] = project[i].type
+              obj['item_name'] = project[i].item_name
+              obj['item_spec'] = project[i].item_spec
+
+              obj['item_id'] = project[i].item_id
+              obj['name'] = tempPatientsTwo[d].name
+              obj['patient_id'] = tempPatientsTwo[d].patient_id
+              obj['count'] = count
+              tempPatientsTwo[d].new_order_info.push(obj)
+            }
+
+            for (let i = 0; i < advice.length; i++) {
+              let obj = {}
+              let count = 0
+              for (let a = 0; a < tempPatientsTwo[d].order_info.length; a++) {
+                if (advice[i].item_id == tempPatientsTwo[d].order_info[a].item_id && advice[i].price == tempPatientsTwo[d].order_info[a].price) {
+                  count = count + tempPatientsTwo[d].order_info[a].count
+                }
+              }
+
+              obj['price'] = advice[i].price
+              obj['type'] = advice[i].type
+              obj['item_name'] = advice[i].item_name
+              obj['item_spec'] = advice[i].item_spec
+              obj['item_id'] = advice[i].item_id
+              obj['name'] = tempPatientsTwo[d].name
+              obj['patient_id'] = tempPatientsTwo[d].patient_id
+              obj['count'] = count
+              tempPatientsTwo[d].new_order_info.push(obj)
+            }
+
+          }
+
+          for (let i = 0; i < tempPatientsTwo.length; i++) {
+            let total = 0
+            for (let b = 0; b < tempPatientsTwo[i].new_order_info.length; b++) {
+              let new_name = tempPatientsTwo[i].new_order_info[b].item_name
+              // console.log('3 ' + new_name)
+              if (new_name != undefined){
+                // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].patient_id)
+                // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].price)
+                // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].count)
+                //
+                // new_name = new_name.replace('（ ', '')
+                // new_name = new_name.replace(' ）', '')
+                if (new_name.length != 0) {
+                  total = parseFloat(total) + parseFloat((parseFloat(tempPatientsTwo[i].new_order_info[b].count.toString()) * parseFloat(tempPatientsTwo[i].new_order_info[b].price.toString().toString())).toFixed(2))
+                }
+
+
+
+              }
+
+
+            }
+            tempPatientsTwo[i]['total'] = total
+          }
+          console.log('tempPatientsTwo', tempPatientsTwo)
+          for (let i = 0; i < tempPatientsTwo.length; i++) {
+            // console.log(111,tempPatientsTwo[i].total)
+            if (tempPatientsTwo[i].new_order_info.length > 0) {
+
+              for (let b = 0; b < tempPatientsTwo[i].new_order_info.length; b++) {
+                // let new_name = tempPatientsTwo[i].new_order_info[b].item_name
+                // console.log('2 ' + new_name)
+                //
+                // new_name = new_name.replace('（ ', '')
+                // new_name = new_name.replace(' ）', '')
+
+                let obj = {
+                  name: tempPatientsTwo[i].name,
+                  patient_id: tempPatientsTwo[i].patient_id,
+                  price: tempPatientsTwo[i].new_order_info[b].price,
+                  type: tempPatientsTwo[i].new_order_info[b].type,
+                  item_name: tempPatientsTwo[i].new_order_info[b].item_name,
+                  item_id: tempPatientsTwo[i].new_order_info[b].item_id,
+                  count: tempPatientsTwo[i].new_order_info[b].count,
+                  item_spec: tempPatientsTwo[i].new_order_info[b].item_spec
+                }
+
+
+                // if(b == 0){
+                obj['total'] = tempPatientsTwo[i].total
+                // }else{
+                //   obj['total'] = 0
+                // }
+                this.tableData.push(obj)
+
+
+              }
+            }
+          }
+          this.handleSpanTempArr()
+          // this.tableData = tempPatientsTwo
+
+          // console.log(tempPatientsTwo.length)
+          //
+
+        }
+        //
+        // console.log('去重前')
+        // console.log(advice)
+        // console.log(project)
+        // //
+        // //
+
+        // //
+        // console.log('去重后')
+        //
+        // console.log(advice.length)
+        // console.log(project.length)
+        //
+        // for (let i = 0; i < project.length; i++) {
+        //   let obj = {}
+        //   let count = 0
+        //   for (let a = 0; a < tempPatientsTwo.length; a++) {
+        //     if (project[i].patient_id == tempPatientsTwo[a].patient_id && project[i].item_id == tempPatientsTwo[a].item_id && project[i].price == tempPatientsTwo[a].price) {
+        //       count = count + tempPatientsTwo[a].count
+        //       obj['count'] = count
+        //
+        //     }
+        //     obj['price'] = project[i].price
+        //     obj['type'] = project[i].type
+        //     obj['item_name'] = project[i].item_name
+        //     obj['item_id'] = project[i].item_id
+        //     obj['name'] = project[i].name
+        //     obj['patient_id'] = project[i].patient_id
+        //     obj['count'] = count
+        //     this.tableData.push(obj)
+        //   }
+        // }
+        //
+        //
+        // for (let i = 0; i < advice.length; i++) {
+        //   let obj = {}
+        //   let count = 0
+        //   for (let a = 0; a < tempPatientsTwo.length; a++) {
+        //     if (advice[i].patient_id == tempPatientsTwo[a].patient_id && advice[i].item_id == tempPatientsTwo[a].item_id && advice[i].price == tempPatientsTwo[a].price) {
+        //       count = count + tempPatientsTwo[a].count
+        //       obj['count'] = count
+        //
+        //     }
+        //     obj['price'] = advice[i].price
+        //     obj['type'] = advice[i].type
+        //     obj['item_name'] = advice[i].item_name
+        //     obj['item_id'] = advice[i].item_id
+        //     obj['name'] = advice[i].name
+        //     obj['patient_id'] = advice[i].patient_id
+        //     this.tableData.push(obj)
+        //   }
+        // }
+        // console.log(this.tableData.length)
+        // this.tableData = this.sort(this.tableData)
+
+      })
+    },
+  },
+  created() {
+    this.getSummaryDetailList()
+
+  }
+}
+</script>

src/xt_pages/outpatientTool/components/gatherStatistics.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: 'gatherStatistics'
+}
+</script>
+
+<style scoped>
+
+</style>

src/xt_pages/outpatientTool/statistics.vue

@@ -0,0 +1,335 @@
+<template>
+  <div class="main-contain new-main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container" style="display:flex;flex: 1;padding: 10px 20px 0px 20px;">
+      <div class="mainLeft">
+        <div>
+          <el-table  :data="patientTableData" :height="tableHeight" 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="姓名" wdith='89'>
+              <template slot-scope="scope">{{ scope.row.name }}</template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+      <div class="mainRight">
+        <el-tabs v-model="titleType">
+          <el-tab-pane label="明细" name="明细"></el-tab-pane>
+          <el-tab-pane label="汇总" name="汇总"></el-tab-pane>
+        </el-tabs>
+        <detail-statistics v-if="titleType == '明细'"></detail-statistics>
+        <gather-statistics v-if="titleType == '汇总'"></gather-statistics>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  GetAllPatients,
+} from '@/api/his/his_tools'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import DetailStatistics from './components/detailStatistics'
+import GatherStatistics from './components/gatherStatistics'
+export default {
+  components: {
+    GatherStatistics,
+    DetailStatistics,
+
+
+  },
+  data() {
+
+    return {
+      patientTableData:[],
+      tableHeight: '',
+      crumbs: [
+        { path: false, name: 'His工具' },
+        { path: false, name: '明细汇总统计' }
+      ],
+      titleType: '明细'
+    }
+  },
+  methods: {
+    getPatientList(){
+      GetAllPatients().then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg)
+          return false
+        } else {
+          this.patientTableData = response.data.data.list
+        }
+      })
+    },
+    handleCurrentChange(){
+
+    },
+
+  },
+  created() {
+    const tableHeight = document.body.clientHeight - 290
+    this.tableHeight = tableHeight
+    this.getPatientList()
+
+  },
+
+  mounted() {
+
+  },
+  watch: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.new-main-contain {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-container {
+  height: 100%;
+}
+
+.mainCell {
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.mainLeft {
+  width: 200px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+.el-radio {
+  margin-right: 5px;
+}
+
+}
+.mainRight {
+  margin-left: 10px;
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+
+.cellSpan {
+  min-width: 80px;
+  display: inline-block;
+  margin-right: 10px;
+}
+
+}
+.mainCenter {
+  display: flex;
+  flex: 1;
+}
+
+.centerLeft {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+.el-form-item {
+  width: 32%;
+  margin-right: 1%;
+  float: left;
+}
+
+.el-form-item__label {
+  text-align: left;
+}
+
+}
+.backColor {
+  background: #f6f8f9;
+  height: 5px;
+  margin-bottom: 5px;
+}
+
+.tabsBox {
+  position: relative;
+  height: 76%;
+  overflow-y: auto;
+  margin-bottom: 60px;
+
+.el-tabs__item {
+  padding: 0 10px;
+}
+
+}
+.preTabs {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+.el-tabs__content {
+  flex: 1;
+  overflow-y: auto;
+}
+
+}
+
+.costBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.addTab {
+  position: absolute;
+  right: 0;
+  top: 14px;
+  z-index: 20;
+}
+
+.centerRight {
+  width: 300px;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.rightTab {
+  height: 40px;
+  width: 100%;
+  border: 1px solid #d2d2d2;
+  box-sizing: border-box;
+
+p {
+  width: 50%;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  background: #eee;
+  float: left;
+}
+
+> p:last-child {
+  border-left: 1px solid #d2d2d2;
+  float: right;
+}
+
+.activeP {
+  background: #409EFF;
+  color: #fff;
+}
+
+}
+.comfirmBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.mainHeader {
+  width: 100%;
+  background: #fff;
+  position: fixed;
+  z-index: 100;
+  height: 36px;
+}
+
+.titleBox {
+  position: fixed;
+  z-index: 99;
+  background: #fff;
+}
+
+.fixedCell {
+  position: fixed;
+  z-index: 99;
+  right: 30px;
+  background: #fff;
+  width: 300px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>
+
+<style lang="scss">
+.centerLeft {
+
+.el-form-item__label {
+  text-align: left;
+}
+
+}
+.tabsBox {
+
+.el-tabs__item {
+  padding: 0 10px;
+}
+
+.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) {
+  padding: 0 10px;
+}
+
+.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 {
+  padding: 0 10px;
+}
+
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+  padding: 0 10px;
+}
+
+}
+.centerRight {
+
+.el-tabs__nav-scroll {
+  display: flex;
+}
+
+.el-tabs__nav {
+  margin: 0 auto;
+}
+
+.el-table th .cell, .el-table td .cell {
+  padding: 0 2px;
+}
+
+}
+.preTabs {
+
+.el-tabs__content {
+
+}
+
+}
+.rightTabs {
+  height: 100%;
+
+
+.el-tabs__content {
+
+}
+
+}
+.centerDialog {
+
+.el-dialog__body {
+  max-height: calc(100vh - 100px) !important;
+  padding: 0 20px;
+}
+
+}
+</style>