Przeglądaj źródła

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

XMLWAN 2 lat temu
rodzic
commit
a875a30986

+ 3 - 0
src/xt_pages/DepositManagement/Template/RechargeDetails.vue Wyświetl plik

@@ -99,6 +99,7 @@
99 99
         </el-table-column>
100 100
         <el-table-column label="操作" align="center" width="350px">
101 101
           <template slot-scope="scope">
102
+            <span v-if="scope.row.trial_status != 1">
102 103
             <el-button
103 104
               size="small"
104 105
               type="primary"
@@ -106,6 +107,8 @@
106 107
             >
107 108
               审核
108 109
             </el-button>
110
+            </span>
111
+           
109 112
             <span v-if="scope.row.trial_status == 1">
110 113
             <el-button
111 114
               size="small"

+ 1 - 1
src/xt_pages/DepositManagement/print/printindex.vue Wyświetl plik

@@ -36,7 +36,7 @@
36 36
                 >¥{{money}}</div>
37 37
               </div>
38 38
               <div style="display: flex; padding: 0 30px">
39
-                <div>收款由:</div>
39
+                <div>收款由:</div>
40 40
                 <div style="width: 86%; border-bottom: 1px solid #000"><span>预交押金</span></div>
41 41
               </div>
42 42
             </div>

+ 1 - 1
src/xt_pages/data/basicConfig.vue Wyświetl plik

@@ -25,7 +25,7 @@
25 25
           <el-switch v-model="is_open_xt_his" @change="changeFuncOne"></el-switch>
26 26
           <p style="margin-top:20px;">门诊处方和临时医嘱同步到透析医嘱:
27 27
           <el-switch v-model="is_open_advice_xt_his" @change="changeFuncSix"></el-switch>
28
-          <p style="margin-top:20px;">是否出库:
28
+          <p style="margin-top:20px;" v-if="is_open_advice_xt_his==true">是否出库:
29 29
           <el-switch v-model="is_open_prescription_xt_his" @change="changeFuncSeven"></el-switch>
30 30
           </p>
31 31
         </div>

+ 11 - 1
src/xt_pages/data/components/addDrugs.vue Wyświetl plik

@@ -404,7 +404,7 @@
404 404
                 </div>
405 405
             </el-tab-pane>
406 406
             <el-tab-pane label="扩展数据" name="second">
407
-                <el-form :model="form" label-width="120px"
407
+                <el-form :model="form" label-width="130px"
408 408
                          style="display: flex;flex-wrap: wrap;justify-content: space-between;">
409 409
 
410 410
                     <el-form-item label="标签:" prop="label">
@@ -470,6 +470,16 @@
470 470
                             </el-option>
471 471
                         </el-select>
472 472
                     </el-form-item>
473
+                    <el-form-item label="是否通过药房发药:" prop="">
474
+                        <el-select v-model="form.is_charge_use" style="width:160px;" placeholder="请选择">
475
+                            <el-option
476
+                                    v-for="item,index in options"
477
+                                    :key="index"
478
+                                    :label="item.label"
479
+                                    :value="item.value">
480
+                            </el-option>
481
+                        </el-select>
482
+                    </el-form-item>
473 483
                     <el-form-item label="" style="visibility: hidden;">
474 484
                         <el-input style="width:160px;" placeholder="" maxlength="30"></el-input>
475 485
                     </el-form-item>

+ 1 - 1
src/xt_pages/hospitalStation/invoiceTemplate/printThree.vue Wyświetl plik

@@ -69,7 +69,7 @@
69 69
             <div style="position: absolute;top:160px;left:220px">检查费</div>
70 70
             <div style="position: absolute;top:160px;left:290px">{{ list.checkCostTotal?list.checkCostTotal:'0.00' }}</div>
71 71
             <div style="position: absolute;top:160px;left:400px">材料费</div>
72
-            <div style="position: absolute;top:160px;left:470px">0.00</div>
72
+            <div style="position: absolute;top:160px;left:470px">{{list.materialCostTotal?list.materialCostTotal:"0.00"}}</div>
73 73
             <div style="position: absolute;top:160px;left:580px">麻醉费</div>
74 74
             <div style="position: absolute;top:160px;left:650px">0.00</div>
75 75
         </div>

+ 1 - 1
src/xt_pages/hospitalStation/listTemplate/printTwo.vue Wyświetl plik

@@ -6,7 +6,7 @@
6 6
       </div>
7 7
       <!-- <div class="listTitle" :style="{position: 'absolute',top:(20 + (index * 160))  + 'px',left:200+ 'px',}">赤峰市肿瘤医院病人费用明细清单</div> -->
8 8
       <div class="listInfo">
9
-        <div>病人ID:</div>
9
+        <div>个人编码:{{order.psn_no}}</div>
10 10
         <div>住院号:{{ patient.dialysis_no }}</div>
11 11
         <div>次数:</div>
12 12
         <div>姓名:{{ patient.name }}</div>

+ 4 - 0
src/xt_pages/outpatientCharges/components/registerDialog.vue Wyświetl plik

@@ -657,6 +657,8 @@
657 657
                 that.form.phone = patient.phone
658 658
                 that.form.id_card = patient.id_card_no
659 659
                 that.form.medical_insurance_card = response.data.data.number
660
+                that.form.social_type = parseInt(response.data.data.insutype)
661
+
660 662
 
661 663
               } else if (that.form.id_card_type == 2) {
662 664
                 that.form.id = patient.id
@@ -674,6 +676,8 @@
674 676
                 that.form.birthday = uParseTime(patient.birthday, '{y}-{m}-{d}')
675 677
                 that.form.phone = patient.phone
676 678
                 that.form.id_card = patient.id_card_no
679
+                that.form.social_type = parseInt(response.data.data.insutype)
680
+
677 681
               }
678 682
               that.$message({ message: '读卡成功', type: 'success' })
679 683
             }

+ 5 - 5
src/xt_pages/outpatientCharges/invoiceTemplate/printTwo.vue Wyświetl plik

@@ -48,10 +48,10 @@
48 48
             <div style="position: absolute;top:170px;left:640px">{{ list.otherCostTotal }}</div>
49 49
         </div>
50 50
         <div style="display:flex;justify-content: space-between;">
51
-            <div style="position: absolute;top:200px;left:40px"></div>
52
-            <div style="position: absolute;top:200px;left:110px"></div>
53
-            <div style="position: absolute;top:200px;left:200px"></div>
54
-            <div style="position: absolute;top:200px;left:280px"></div>
51
+            <div style="position: absolute;top:170px;left:560px"></div>
52
+            <div style="position: absolute;top:170px;left:640px"></div>
53
+            <div style="position: absolute;top:200px;left:200px">诊察费</div>
54
+            <div style="position: absolute;top:200px;left:280px">{{ list.zhenChaCostTotal }}</div>
55 55
             <div style="position: absolute;top:200px;left:380px">材料费</div>
56 56
             <div style="position: absolute;top:200px;left:460px">{{ list.materialCostTotal }}</div>
57 57
             <div style="position: absolute;top:200px;left:560px"></div>
@@ -152,7 +152,7 @@ export default {
152 152
                 console.log('res',res)
153 153
                 this.list = res.data.data
154 154
                 this.totalPrice = this.list.westernMedicineCostTotal + this.list.checkCostTotal + this.list.treatCostTotal + this.list.bedCostTotal + this.list.chineseTraditionalMedicineCostTotal +
155
-                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal
155
+                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal + this.list.zhenChaCostTotal
156 156
                 this.smalltoBIG(this.totalPrice)
157 157
                 var data = new Date(res.data.data.date * 1000);
158 158
                 var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;

+ 2 - 3
src/xt_pages/outpatientCharges/listTemplate/printTwo10265.vue Wyświetl plik

@@ -4,7 +4,7 @@
4 4
       <div class="listTitle">{{$store.getters.xt_user.org.org_name}}费用清单</div>
5 5
       <!-- <div class="listTitle" :style="{position: 'absolute',top:(20 + (index * 160))  + 'px',left:200+ 'px',}">赤峰市肿瘤医院病人费用明细清单</div> -->
6 6
       <div class="listInfo">
7
-        <div>病人ID:{{order.psn_no}}</div>
7
+        <div>个人编码:{{order.psn_no}}</div>
8 8
         <div>住院号:{{ order.mdtrt_id }}</div>
9 9
 <!--        <div>次数:</div>-->
10 10
         <div>姓名:{{ order.psn_name }}</div>
@@ -59,8 +59,7 @@
59 59
 
60 60
         <tr>
61 61
           <td style="width: 20%;white-space: nowrap;">甲类:{{item.jiaTotal?item.jiaTotal:"0.00"}}</td>
62
-          <td style="width: 20%;white-space: nowrap;">乙类药品:{{item.yiTotal?item.yiTotal:"0.00"}}</td>
63
-          <td style="width: 5%;white-space: nowrap;">非药品:{{0.00}}</td>
62
+          <td style="width: 20%;white-space: nowrap;" >乙类:{{item.yiTotal?item.yiTotal:"0.00"}}</td>
64 63
           <td style="width: 5%;white-space: nowrap;">丙类:{{item.bingTotal?item.bingTotal:"0.00"}}</td>
65 64
           <td style="width: 5%;white-space: nowrap;">其他:{{0.00}}</td>
66 65
           <td></td>

+ 11 - 4
src/xt_pages/outpatientCharges/outpatientChargesManagement.vue Wyświetl plik

@@ -985,11 +985,11 @@ export default {
985 985
         { value: 11, label: '普通门诊' },
986 986
         { value: 14, label: '门诊特殊病' },
987 987
         { value: '9922', label: '家庭通道' },
988
-        { value: '1111', label: '精一' },
989
-        { value: '1112', label: '精二' },
990 988
         { value: '9933', label: '门诊特殊病(9933)' },
991 989
         { value: '990602', label: '门诊特殊病(990602)' },
992 990
         { value: '1402', label: '门诊特殊病(1402)' },
991
+        { value: '1111', label: '精一' },
992
+        { value: '1112', label: '精二' },
993 993
         { value: '0', label: '自费' }
994 994
 
995 995
       ],
@@ -4359,9 +4359,16 @@ export default {
4359 4359
                 this.form.diagnosis = []
4360 4360
               } else {
4361 4361
                 for (let i = 0; i < response.data.data.info.diagnosis.split(',').length; i++) {
4362
-                  this.form.diagnosis.push(response.data.data.info.diagnosis.split(',')[i])
4362
+                  this.form.diagnosis.push(parseInt(response.data.data.info.diagnosis.split(',')[i]))
4363 4363
                 }
4364 4364
               }
4365
+              console.log("~~~~~~")
4366
+              console.log(this.form.diagnosis)
4367
+              console.log(this.diagnoses)
4368
+              console.log("~~~~~~")
4369
+
4370
+
4371
+
4365 4372
               this.sick_history = this.info.sick_history
4366 4373
               if (this.info.register_type == 0) {
4367 4374
                 this.form.p_type = ''
@@ -4377,7 +4384,7 @@ export default {
4377 4384
                 this.form.diagnosis = []
4378 4385
               } else {
4379 4386
                 for (let i = 0; i < response.data.data.last_info.diagnosis.split(',').length; i++) {
4380
-                  this.form.diagnosis.push(response.data.data.last_info.diagnosis.split(',')[i])
4387
+                  this.form.diagnosis.push(parseInt(response.data.data.last_info.diagnosis.split(',')[i]))
4381 4388
                 }
4382 4389
               }
4383 4390
 

+ 2 - 2
src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue Wyświetl plik

@@ -532,12 +532,12 @@
532 532
         register: [
533 533
           { value: 11, label: '普通门诊' },
534 534
           { value: 14, label: '门诊特殊病' },
535
-          { value: 1111, label: '精一' },
536
-          { value: 1112, label: '精二' },
537 535
           { value: 9922, label: '家庭通道' },
538 536
           { value: 9933, label: '门诊特殊病(9933)' },
539 537
           { value: 990602, label: '门诊特殊病(990602)' },
540 538
           { value: 1402, label: '门诊特殊病(1402)' },
539
+          { value: 1111, label: '精一' },
540
+          { value: 1112, label: '精二' },
541 541
           { value: 0, label: '自费' }
542 542
 
543 543
 

+ 1 - 1
src/xt_pages/outpatientTool/components/detailStatistics.vue Wyświetl plik

@@ -121,7 +121,7 @@
121 121
       </el-table-column>
122 122
      
123 123
     </el-table>
124
-    <div style="display:flex;justify-content: space-around;">
124
+    <div style="display:flex;justify-content: space-around;margin-top: 25px;">
125 125
       <div>总费用:{{getAllPice()}}</div>
126 126
      <div>个人支付:
127 127
         <span v-if="his_record_patient.balance_accounts_type == 2">{{getAllPice()}}</span>

+ 1 - 1
src/xt_pages/outpatientTool/components/gatherStatistics.vue Wyświetl plik

@@ -125,7 +125,7 @@
125 125
       </el-table-column>
126 126
 
127 127
     </el-table>
128
-     <div>
128
+     <div style="margin-top: 25px;">
129 129
       <div class="listInfo">
130 130
             <div>西药:{{getWesternMedicineCostTotal()}}</div>
131 131
             <div>中成药:{{getChineseTraditionalMedicineCostTotal()}}</div>

+ 211 - 162
src/xt_pages/outpatientTool/statistics.vue Wyświetl plik

@@ -1,34 +1,47 @@
1 1
 <template>
2 2
   <div class="main-contain new-main-contain">
3 3
     <div class="position">
4
-<!--      <bread-crumb :crumbs='crumbs'></bread-crumb>-->
5
-      <bread-crumb :crumbs='crumbs'></bread-crumb>
4
+      <!--      <bread-crumb :crumbs='crumbs'></bread-crumb>-->
5
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
6 6
     </div>
7
-    <div class="app-container" style="display:flex;flex: 1;padding: 10px 20px 0px 20px;">
7
+    <div
8
+      class="app-container"
9
+      style="display: flex; flex: 1; padding: 10px 20px 0px 20px"
10
+    >
8 11
       <div class="mainLeft">
9 12
         <div>
10
-         <el-input
11
-          size="small"
12
-          style="width: 130px"
13
-          v-model="keywords"
14
-          class="filter-item"
15
-          placeholder="请输入患者名称"
16
-        />
17
-        <el-button
18
-          size="small"
19
-          class="filter-item"
20
-          type="primary"
21
-          @click="searchAction"
22
-        >搜索
23
-        </el-button>
24
-          <el-table  :data="patientTableData" :height="tableHeight" border style="width: 100%;"
25
-                     :row-style="{ color: '#303133' }"
26
-                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
27
-                     highlight-current-row
28
-                     ref="singleTable"
29
-                     @current-change="handleCurrentChange"
30
-                   >
31
-            <el-table-column align="center" prop="name" label="姓名" wdith='89'>
13
+          <div style="margin:10px 0;display: flex;justify-content: space-between;">
14
+            <el-input
15
+              size="small"
16
+              style="width: 130px"
17
+              v-model="keywords"
18
+              class="filter-item"
19
+              placeholder="请输入患者名称"
20
+            />
21
+            <el-button
22
+              size="small"
23
+              class="filter-item"
24
+              type="primary"
25
+              @click="searchAction"
26
+              >搜索
27
+            </el-button>
28
+          </div>
29
+
30
+          <el-table
31
+            :data="patientTableData"
32
+            :height="tableHeight"
33
+            border
34
+            style="width: 100%"
35
+            :row-style="{ color: '#303133' }"
36
+            :header-cell-style="{
37
+              backgroundColor: 'rgb(245, 247, 250)',
38
+              color: '#606266',
39
+            }"
40
+            highlight-current-row
41
+            ref="singleTable"
42
+            @current-change="handleCurrentChange"
43
+          >
44
+            <el-table-column align="center" prop="name" label="姓名" wdith="89">
32 45
               <template slot-scope="scope">{{ scope.row.name }}</template>
33 46
             </el-table-column>
34 47
           </el-table>
@@ -39,21 +52,27 @@
39 52
           <el-tab-pane label="明细" name="明细"></el-tab-pane>
40 53
           <el-tab-pane label="汇总" name="汇总"></el-tab-pane>
41 54
         </el-tabs>
42
-        <detail-statistics v-if="titleType == '明细'" :patient_id="patient_id" ref="child"></detail-statistics>
43
-        <gather-statistics v-if="titleType == '汇总'" :patient_id="patient_id" ref="childOne"></gather-statistics>
55
+        <detail-statistics
56
+          v-if="titleType == '明细'"
57
+          :patient_id="patient_id"
58
+          ref="child"
59
+        ></detail-statistics>
60
+        <gather-statistics
61
+          v-if="titleType == '汇总'"
62
+          :patient_id="patient_id"
63
+          ref="childOne"
64
+        ></gather-statistics>
44 65
       </div>
45 66
     </div>
46 67
   </div>
47 68
 </template>
48 69
 
49 70
 <script>
50
-import {
51
-  GetDetailPatients,
52
-} from '@/api/his/his_tools'
53
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
71
+import { GetDetailPatients } from "@/api/his/his_tools";
72
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
54 73
 
55
-import DetailStatistics from './components/detailStatistics'
56
-import GatherStatistics from './components/gatherStatistics'
74
+import DetailStatistics from "./components/detailStatistics";
75
+import GatherStatistics from "./components/gatherStatistics";
57 76
 export default {
58 77
   components: {
59 78
     GatherStatistics,
@@ -61,58 +80,79 @@ export default {
61 80
     BreadCrumb,
62 81
   },
63 82
   data() {
64
-
65 83
     return {
66
-      patientTableData:[],
84
+      patientTableData: [],
67 85
       tableHeight: 400,
68 86
       crumbs: [
69
-        { path: false, name: 'His工具' },
70
-        { path: false, name: '明细汇总统计' }
87
+        { path: false, name: "His工具" },
88
+        { path: false, name: "明细汇总统计" },
71 89
       ],
72
-      titleType: '明细',
73
-      patient_id:0,
74
-      keywords:"",
90
+      titleType: "明细",
91
+      patient_id: 0,
92
+      keywords: "",
93
+    };
94
+  },
95
+  //判断列表页是否刷新
96
+  beforeRouteEnter(to, from, next) {
97
+    console.log(from, "beforeRouteEnter");
98
+    if (from.path == "/hisTool/detailPrint") {
99
+      next((vm) => {
100
+        vm.patient_id = vm.$store.getters.pagedata.list.patient_id;
101
+        // setTimeout(() => {
102
+        //   vm.getHisOrderList();
103
+        // },300)
104
+        
105
+      });
106
+    } else {
107
+      next((vm) => {
108
+        vm.getPatientList()
109
+        // setTimeout(() => {
110
+        //   vm.getHisOrderList();
111
+        // },300)
112
+        
113
+      });
75 114
     }
76 115
   },
116
+
77 117
   methods: {
78
-    getPatientList(){
79
-       var params = {
80
-         keyword:this.keywords,
81
-       }
82
-      GetDetailPatients(params).then(response => {
118
+    getPatientList() {
119
+      var params = {
120
+        keyword: this.keywords,
121
+      };
122
+      GetDetailPatients(params).then((response) => {
83 123
         if (response.data.state == 0) {
84
-          this.$message.error(response.data.msg)
85
-          return false
124
+          this.$message.error(response.data.msg);
125
+          return false;
86 126
         } else {
87
-          this.patientTableData = response.data.data.patient
88
-          this.patient_id =  this.patientTableData[0].id
89
-          this.$refs.singleTable.setCurrentRow(this.patientTableData[0])
127
+          this.patientTableData = response.data.data.patient;
128
+          this.patient_id = this.patientTableData[0].id;
129
+
130
+          this.$refs.singleTable.setCurrentRow(this.patientTableData[0]);
90 131
         }
91
-      })
132
+      });
92 133
     },
93
-    searchAction(){
94
-      this.getPatientList()
134
+    searchAction() {
135
+      this.getPatientList();
95 136
     },
96
-    handleCurrentChange(row){
97
-      this.patient_id = 0
98
-      this.patient_id = row.id
137
+    handleCurrentChange(row,index) {
138
+      this.patient_id = row.id;
99 139
       // this.$refs.child.getHisSummaryDetailList()
100 140
       // this.$refs.childOne.getGatherDetailList()
141
+      // this.$store.commit("SET_PAGEDATA",{
142
+      //   patient_id: row.id,
143
+      // })
144
+      console.log(index,'po')
101 145
     },
102
-
103 146
   },
104 147
   created() {
105
-    const tableHeight = document.body.clientHeight - 290
106
-    this.tableHeight = tableHeight
107
-    this.getPatientList()
108
-
148
+    const tableHeight = document.body.clientHeight - 290;
149
+    this.tableHeight = tableHeight;
150
+    this.getPatientList();
109 151
   },
110 152
 
111
-  mounted() {
112
-
113
-  },
114
-  watch: {}
115
-}
153
+  mounted() {},
154
+  watch: {},
155
+};
116 156
 </script>
117 157
 
118 158
 <style lang="scss" scoped>
@@ -138,10 +178,9 @@ export default {
138 178
   display: flex;
139 179
   flex-direction: column;
140 180
 
141
-.el-radio {
142
-  margin-right: 5px;
143
-}
144
-
181
+  .el-radio {
182
+    margin-right: 5px;
183
+  }
145 184
 }
146 185
 .mainRight {
147 186
   margin-left: 10px;
@@ -151,12 +190,11 @@ export default {
151 190
   flex-direction: column;
152 191
   overflow-y: auto;
153 192
 
154
-.cellSpan {
155
-  min-width: 80px;
156
-  display: inline-block;
157
-  margin-right: 10px;
158
-}
159
-
193
+  .cellSpan {
194
+    min-width: 80px;
195
+    display: inline-block;
196
+    margin-right: 10px;
197
+  }
160 198
 }
161 199
 .mainCenter {
162 200
   display: flex;
@@ -169,16 +207,15 @@ export default {
169 207
   flex-direction: column;
170 208
   position: relative;
171 209
 
172
-.el-form-item {
173
-  width: 32%;
174
-  margin-right: 1%;
175
-  float: left;
176
-}
177
-
178
-.el-form-item__label {
179
-  text-align: left;
180
-}
210
+  .el-form-item {
211
+    width: 32%;
212
+    margin-right: 1%;
213
+    float: left;
214
+  }
181 215
 
216
+  .el-form-item__label {
217
+    text-align: left;
218
+  }
182 219
 }
183 220
 .backColor {
184 221
   background: #f6f8f9;
@@ -192,21 +229,19 @@ export default {
192 229
   overflow-y: auto;
193 230
   margin-bottom: 60px;
194 231
 
195
-.el-tabs__item {
196
-  padding: 0 10px;
197
-}
198
-
232
+  .el-tabs__item {
233
+    padding: 0 10px;
234
+  }
199 235
 }
200 236
 .preTabs {
201 237
   height: 100%;
202 238
   display: flex;
203 239
   flex-direction: column;
204 240
 
205
-.el-tabs__content {
206
-  flex: 1;
207
-  overflow-y: auto;
208
-}
209
-
241
+  .el-tabs__content {
242
+    flex: 1;
243
+    overflow-y: auto;
244
+  }
210 245
 }
211 246
 
212 247
 .costBox {
@@ -240,25 +275,24 @@ export default {
240 275
   border: 1px solid #d2d2d2;
241 276
   box-sizing: border-box;
242 277
 
243
-p {
244
-  width: 50%;
245
-  height: 40px;
246
-  line-height: 40px;
247
-  text-align: center;
248
-  background: #eee;
249
-  float: left;
250
-}
251
-
252
-> p:last-child {
253
-  border-left: 1px solid #d2d2d2;
254
-  float: right;
255
-}
256
-
257
-.activeP {
258
-  background: #409EFF;
259
-  color: #fff;
260
-}
261
-
278
+  p {
279
+    width: 50%;
280
+    height: 40px;
281
+    line-height: 40px;
282
+    text-align: center;
283
+    background: #eee;
284
+    float: left;
285
+  }
286
+
287
+  > p:last-child {
288
+    border-left: 1px solid #d2d2d2;
289
+    float: right;
290
+  }
291
+
292
+  .activeP {
293
+    background: #409eff;
294
+    color: #fff;
295
+  }
262 296
 }
263 297
 .comfirmBox {
264 298
   width: 100%;
@@ -298,68 +332,83 @@ p {
298 332
 
299 333
 <style lang="scss">
300 334
 .centerLeft {
301
-
302
-.el-form-item__label {
303
-  text-align: left;
304
-}
305
-
335
+  .el-form-item__label {
336
+    text-align: left;
337
+  }
306 338
 }
307 339
 .tabsBox {
308
-
309
-.el-tabs__item {
310
-  padding: 0 10px;
311
-}
312
-
313
-.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) {
314
-  padding: 0 10px;
315
-}
316
-
317
-.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 {
318
-  padding: 0 10px;
319
-}
320
-
321
-.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
322
-  padding: 0 10px;
323
-}
324
-
340
+  .el-tabs__item {
341
+    padding: 0 10px;
342
+  }
343
+
344
+  .el-tabs--bottom
345
+    .el-tabs--left
346
+    > .el-tabs__header
347
+    .el-tabs__item:nth-child(2),
348
+  .el-tabs--bottom
349
+    .el-tabs--right
350
+    > .el-tabs__header
351
+    .el-tabs__item:nth-child(2),
352
+  .el-tabs--bottom.el-tabs--border-card
353
+    > .el-tabs__header
354
+    .el-tabs__item:nth-child(2),
355
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
356
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
357
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
358
+  .el-tabs--top.el-tabs--border-card
359
+    > .el-tabs__header
360
+    .el-tabs__item:nth-child(2),
361
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
362
+    padding: 0 10px;
363
+  }
364
+
365
+  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
366
+  .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
367
+  .el-tabs--bottom.el-tabs--border-card
368
+    > .el-tabs__header
369
+    .el-tabs__item:last-child,
370
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
371
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
372
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
373
+  .el-tabs--top.el-tabs--border-card
374
+    > .el-tabs__header
375
+    .el-tabs__item:last-child,
376
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
377
+    padding: 0 10px;
378
+  }
379
+
380
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
381
+    padding: 0 10px;
382
+  }
325 383
 }
326 384
 .centerRight {
385
+  .el-tabs__nav-scroll {
386
+    display: flex;
387
+  }
327 388
 
328
-.el-tabs__nav-scroll {
329
-  display: flex;
330
-}
331
-
332
-.el-tabs__nav {
333
-  margin: 0 auto;
334
-}
335
-
336
-.el-table th .cell, .el-table td .cell {
337
-  padding: 0 2px;
338
-}
389
+  .el-tabs__nav {
390
+    margin: 0 auto;
391
+  }
339 392
 
393
+  .el-table th .cell,
394
+  .el-table td .cell {
395
+    padding: 0 2px;
396
+  }
340 397
 }
341 398
 .preTabs {
342
-
343
-.el-tabs__content {
344
-
345
-}
346
-
399
+  .el-tabs__content {
400
+  }
347 401
 }
348 402
 .rightTabs {
349 403
   height: 100%;
350 404
 
351
-
352
-.el-tabs__content {
353
-
354
-}
355
-
405
+  .el-tabs__content {
406
+  }
356 407
 }
357 408
 .centerDialog {
358
-
359
-.el-dialog__body {
360
-  max-height: calc(100vh - 100px) !important;
361
-  padding: 0 20px;
362
-}
363
-
409
+  .el-dialog__body {
410
+    max-height: calc(100vh - 100px) !important;
411
+    padding: 0 20px;
412
+  }
364 413
 }
365 414
 </style>