添加面包屑

src/xt_pages/data/druguse.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="main-contain">
   <div class="position">
-    <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
   </div>
   <div class="tab-container">
     <el-tabs >
@@ -427,6 +427,10 @@ export default {
   components: {BreadCrumb},
   data() {
     return {
+      crumbs: [
+        { path: false, name: '数据字典' },
+        { path: '/patients/patients', name: '字段配置' },
+      ],
       currentIndex: -1,
       isEdit: false,
       dialogTitle: "",

src/xt_pages/data/druguseTemplate.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="main-contain">
   <div class="position">
-    <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
   </div>
   <div class="app-container">
     <el-tabs >
@@ -151,9 +151,9 @@
                     type="danger"
                     icon="el-icon-delete"
                     @click="handleDeleteAdviceTemplate(scope.row, scope.$index)"
-                  > 
+                  >
                   </el-button>
-                </el-tooltip> 
+                </el-tooltip>
               </template>
             </el-table-column>
 
@@ -1018,6 +1018,10 @@
     components: {BreadCrumb},
     data() {
       return {
+        crumbs: [
+          { path: false, name: '数据字典' },
+          { path: 'data/druguse', name: '医嘱模版' },
+        ],
         rowIndex: -1,
         current_template_id: 0,
         currentObject: {},

src/xt_pages/data/index.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="main-contain">
   <div class="position">
-     <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
+
   </div>
   <div class="app-container">
     <el-tabs  v-model="activeName" >
@@ -28,6 +29,10 @@ export default {
   components: { tabPane,tableson,BreadCrumb},
   data() {
     return {
+      crumbs: [
+        { path: false, name: '数据字典' },
+        { path: 'data/dictionary', name: '字段配置' },
+      ],
       tabMapOptions: [
         { label: this.$t("data_config.patient"), key: 'patient' },
         { label: this.$t("data_config.hemodialysis"), key: 'hemodialysis' },

src/xt_pages/data/template.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="main-contain">
   <div class="position">
-    <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
   </div>
   <div class="app-container">
     <el-tabs v-model="activeName" >
@@ -26,6 +26,10 @@ export default {
   components: { tabPane,BreadCrumb},
   data() {
     return {
+      crumbs: [
+        { path: false, name: '数据字典' },
+        { path: 'data/template', name: '模版配置' },
+      ],
       tabMapOptions: [
         { label: this.$t("data_config.education"), key: 'education' },
         { label: this.$t("data_config.summary"), key: 'summary' },

src/xt_pages/device/group_main.vue

@@ -1,8 +1,9 @@
 <template>
 <div class="main-contain">
     <div class="position">
-        <bread-crumb></bread-crumb>
-        <el-button size="small" icon="el-icon-circle-plus-outline" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" @click="addGroupAction">新增</el-button>
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+
+      <el-button size="small" icon="el-icon-circle-plus-outline" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" @click="addGroupAction">新增</el-button>
     </div>
     <div class="app-container" v-loading="loading">
         <el-row>
@@ -17,7 +18,7 @@
                            <el-tooltip class="item" effect="dark" content="删除" placement="top">
                             <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="danger" icon="el-icon-delete" size="small" @click="deleteGroupAt(scope.row)"></el-button>
                            </el-tooltip>
-                        </template>  
+                        </template>
                     </el-table-column>
                 </el-table>
             </el-col>
@@ -51,6 +52,10 @@ export default {
     name: "DeviceGroupMain",
     data() {
         return {
+          crumbs: [
+            { path: false, name: '设备管理' },
+            { path: '/device/groups', name: '分组管理' },
+          ],
             loading: false,
             groups: [],
             group_form:{
@@ -62,7 +67,7 @@ export default {
         }
     },
     components:{
-      BreadCrumb 
+      BreadCrumb
     },
     created() {
         this.loading = true
@@ -106,7 +111,7 @@ export default {
                                 this.$message.error(resp.msg)
                             }
                         })
-                        
+
                     } else {
                         modifyGroup(this.group_form.id, this.group_form.name).then(rs => {
                             var resp = rs.data
@@ -125,7 +130,7 @@ export default {
                             }
                         })
                     }
-                    
+
                 } else {
                     return false
                 }
@@ -143,7 +148,7 @@ export default {
                         if (index > -1) {
                             this.groups.splice(index, 1)
                         }
-                        
+
                     } else {
                         this.$message.error(resp.msg)
                     }

src/xt_pages/device/main.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="main-contain">
      <div class="position">
-         <bread-crumb></bread-crumb>
+       <bread-crumb :crumbs='crumbs'></bread-crumb>
+
      </div>
     <div class="app-container">
         <el-row :gutter="15">
@@ -32,6 +33,10 @@ export default {
     },
     data() {
         return {
+          crumbs: [
+            { path: false, name: '设备管理' },
+            { path: '/device/main', name: '透析机管理' },
+          ],
             zones: [],
             groups: [],
             device_numbers: [],
@@ -45,7 +50,7 @@ export default {
                 this.zones.push(...resp.data.zones)
                 this.groups.push(...resp.data.groups)
                 this.device_numbers.push(...resp.data.numbers)
-                
+
             } else {
                 this.$message.error(resp.msg)
             }
@@ -58,7 +63,7 @@ export default {
             } else {
                 this.$refs.device_detail.set_device(0, 1)
             }
-            
+
         },
         did_update_device: function(device) {
             this.$refs.device_list.update_device(device)

src/xt_pages/device/number_main.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="main-contain">
     <div class="position">
-        <bread-crumb></bread-crumb>
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+
         <el-button size="small" icon="el-icon-circle-plus-outline" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" @click="addDeviceNumberAction">新增</el-button>
     </div>
     <div class="app-container" v-loading="loading">
@@ -11,15 +12,15 @@
                     <el-table-column prop="number" label="床位号" align="center"> </el-table-column>
                     <el-table-column prop="zone_name" label="所属分区" align="center"></el-table-column>
                     <el-table-column prop="group_name" label="所属分组" align="center"></el-table-column>
-                    <el-table-column label="操作" align="center"> 
+                    <el-table-column label="操作" align="center">
                         <template slot-scope="scope">
                            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                             <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" icon="el-icon-edit-outline" size="small" @click="modifyDeviceNumberAt(scope.row)"></el-button>
                            </el-tooltip>
-                           <el-tooltip class="item" effect="dark" content="删除" placement="top">                           
+                           <el-tooltip class="item" effect="dark" content="删除" placement="top">
                             <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="danger" icon="el-icon-delete" size="small" @click="deleteDeviceNumberAt(scope.row)"></el-button>
-                           </el-tooltip>                           
-                        </template>  
+                           </el-tooltip>
+                        </template>
                     </el-table-column>
                 </el-table>
             </el-col>
@@ -62,6 +63,10 @@ export default {
     name: "DeviceNumberMain",
     data() {
         return {
+          crumbs: [
+            { path: false, name: '设备管理' },
+            { path: '/device/numbers', name: '床位管理' },
+          ],
             loading: false,
             number_form:{
                 id: 0,
@@ -89,7 +94,7 @@ export default {
                 this.zones.push(...resp.data.zones)
                 this.groups.push(...resp.data.groups)
                 this.device_numbers.push(...resp.data.numbers)
-                
+
             } else {
                 this.$message.error(resp.msg)
             }
@@ -129,7 +134,7 @@ export default {
                                 this.$message.error(resp.msg)
                             }
                         })
-                        
+
                     } else {
                         modifyDeviceNumber(this.number_form.id, this.number_form.number, this.number_form.zone, this.number_form.group).then(rs => {
                             var resp = rs.data
@@ -153,7 +158,7 @@ export default {
                             }
                         })
                     }
-                    
+
                 } else {
                     return false
                 }
@@ -171,7 +176,7 @@ export default {
                         if (index > -1) {
                             this.device_numbers.splice(index, 1)
                         }
-                        
+
                     } else {
                         this.$message.error(resp.msg)
                     }

src/xt_pages/device/zone_main.vue

@@ -1,8 +1,9 @@
 <template>
 <div class="main-contain">
     <div class="position">
-        <bread-crumb></bread-crumb>
-        <el-button size="small" icon="el-icon-circle-plus-outline" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" @click="addZoneAction">新增</el-button>     
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+
+        <el-button size="small" icon="el-icon-circle-plus-outline" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" @click="addZoneAction">新增</el-button>
     </div>
     <div class="app-container" v-loading="loading">
         <el-row>
@@ -14,15 +15,15 @@
                             <span>{{ getZoneTypeLabel(scope.row.type) }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" align="center"> 
+                    <el-table-column label="操作" align="center">
                         <template slot-scope="scope">
                           <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                             <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary" icon="el-icon-edit-outline" size="small" @click="modifyZoneAt(scope.row)"></el-button>
-                          </el-tooltip>  
-                          <el-tooltip class="item" effect="dark" content="删除" placement="top">                          
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" content="删除" placement="top">
                             <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="danger" icon="el-icon-delete" size="small" @click="deleteZoneAt(scope.row)"></el-button>
-                          </el-tooltip>  
-                        </template>  
+                          </el-tooltip>
+                        </template>
                     </el-table-column>
                 </el-table>
             </el-col>
@@ -61,6 +62,10 @@ export default {
     name: "DeviceZoneMain",
     data() {
         return {
+          crumbs: [
+            { path: false, name: '设备管理' },
+            { path: '/device/zones', name: '分区管理' },
+          ],
             loading: false,
             zones: [],
             zone_form:{
@@ -137,7 +142,7 @@ export default {
                                 this.$message.error(resp.msg)
                             }
                         })
-                        
+
                     } else {
                         modifyZone(this.zone_form.id, this.zone_form.name, this.zone_form.type).then(rs => {
                             var resp = rs.data
@@ -157,7 +162,7 @@ export default {
                             }
                         })
                     }
-                    
+
                 } else {
                     return false
                 }
@@ -175,7 +180,7 @@ export default {
                         if (index > -1) {
                             this.zones.splice(index, 1)
                         }
-                        
+
                     } else {
                         this.$message.error(resp.msg)
                     }

src/xt_pages/dialysis/bloodPresssWatch.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="main-contain">
   <div class="position">
-    <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
+
   </div>
   <div class="app-container">
     <div class="cell">
@@ -49,7 +50,7 @@
         align="center"
        >
       </el-table-column>
-      <el-table-column 
+      <el-table-column
         label="排班日期"
         prop="sch_time"
         align="center"
@@ -139,6 +140,10 @@
     name: "Patient",
     data() {
       return {
+        crumbs: [
+          { path: false, name: '透析管理' },
+          { path: '/dialysis/watch', name: '透析监测' },
+        ],
         loading: false,
         time: '',
 
@@ -278,7 +283,7 @@
       // },
       // changeOtherSearch() {
       //   this.getList();
-      // }, 
+      // },
       getAllZone: function () {
         GetAllZone().then(response => {
           if (response.data.state == 0) {
@@ -289,7 +294,7 @@
             this.partitionArr.unshift({"id": 0, "name": '全部'})
           }
         });
-      }, 
+      },
       getSchedualPatientList: function () {
         this.loading = true
         if (this.search_mode == 1) {
@@ -352,7 +357,7 @@
         }else{
           return ''
         }
-      }, 
+      },
       handleCurrentChange(val) {
         this.listQuery.page = val;
         this.getSchedualPatientList();
@@ -373,7 +378,7 @@
         this.getSchedualPatientList()
       },
 
-     
+
     }
   }
 </script>
@@ -418,7 +423,7 @@
         cursor: pointer;
       }
     }
-    
+
     .amount {
       font-weight: normal;
       padding: 10px 0 0 0;

src/xt_pages/dialysis/bulletinBoard.vue

@@ -1,26 +1,42 @@
 <template>
-    <div class="app-container" id="dialysis-board-box" >
-        <el-row>
-            <el-button type="primary" @click="fullscreenboard"> 全屏投影</el-button>
-        </el-row>
-        <bulletinboard></bulletinboard>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
     </div>
+    <div class="app-container" id="dialysis-board-box">
+      <el-row>
+        <el-button type="primary" @click="fullscreenboard"> 全屏投影</el-button>
+      </el-row>
+      <bulletinboard></bulletinboard>
+    </div>
+  </div>
+
 </template>
 
 <script>
-import { getBoards } from "@/api/board";
-import bulletinboard from "./components/bulletinboard";
-import { parseTime } from "@/utils";
+  import { getBoards } from '@/api/board'
+  import bulletinboard from './components/bulletinboard'
+  import { parseTime } from '@/utils'
+  import BreadCrumb from '../components/bread-crumb'
 
-export default {
-    components: { bulletinboard },
+  export default {
+    components: { BreadCrumb, bulletinboard },
     name: 'bulletinBoard',
-    
-    methods:{
-        fullscreenboard:function(){
-            let routeData = this.$router.resolve({ path: '/fullscreenboard'});
-            window.open(routeData.href, '_blank');
-        },
+    data(){
+      return{
+        crumbs: [
+          { path: false, name: '透析管理' },
+          { path: 'dialysis/board', name: '数据看板' },
+        ],
+
+      }
+    },
+
+    methods: {
+      fullscreenboard: function() {
+        let routeData = this.$router.resolve({ path: '/fullscreenboard' })
+        window.open(routeData.href, '_blank')
+      }
     }
-}
+  }
 </script>

src/xt_pages/dialysis/schedualPatient.vue

@@ -1,11 +1,11 @@
 <template>
 <div class="main-contain">
   <div class="position">
-    <bread-crumb></bread-crumb>
+    <bread-crumb :crumbs='crumbs'></bread-crumb>
   </div>
   <div class="app-container">
     <div class="cell">
-      <label class="title"><span class="name">病人查询</span> : </label>      
+      <label class="title"><span class="name">病人查询</span> : </label>
       <el-input size="small" style="width: 280px;" v-model="search_input" class="filter-item"/>
       <el-button size="small" class="filter-item" type="primary" icon="el-icon-search" @click="searchAction">搜索</el-button>
     </div>
@@ -60,6 +60,10 @@ import { getDialysisRecordInitData, getDialysisSchedules } from '@/api/dialysis_
     },
     data() {
       return {
+        crumbs: [
+          { path: false, name: '透析管理' },
+          { path: 'dialysis/dialysisrecord', name: '透析记录' },
+        ],
         selected_date: new Date(), // this.$store.getters.app.dialysis_area.schedule_date,
         schedule_type_selected: 0, // this.$store.getters.app.dialysis_area.schedule_type_select_index,
         schedule_type_options: [
@@ -318,7 +322,7 @@ import { getDialysisRecordInitData, getDialysisSchedules } from '@/api/dialysis_
         cursor: pointer;
       }
     }
-  
+
     .amount {
       font-weight: normal;
       padding: 10px 0 0 0;

src/xt_pages/statistics/index.vue

@@ -1,7 +1,8 @@
 <template>
 <div class="main-contain">
     <div class="position">
-        <bread-crumb></bread-crumb>
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+
     </div>
     <div class="app-container" v-loading="pageLoad">
         <el-row :gutter="40" class="panel-group">
@@ -61,7 +62,7 @@
         <line-chart :options="modelLineOpstions" title="透析模式" v-if="modeLineFlag" />
         </el-row>
 
-        
+
         <el-row >
         <el-table
             :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
@@ -112,6 +113,10 @@ export default {
   name: "Statistics",
   data() {
     return {
+      crumbs: [
+        { path: 'statistics', name: '统计分析' },
+
+      ],
         pageLoad:true,
         patientCount:0,
         todayDialysisCount:0,
@@ -236,7 +241,7 @@ export default {
                               item.name = "其他";
                               break;
                       }
-                      
+
                       this.ageOptions.legend.push(item.name);
                       this.ageOptions.series.push({
                           value:item.count,name:item.name
@@ -258,7 +263,7 @@ export default {
 
                   var thisDate = new Date()
                   var thisYear = thisDate.getFullYear()
-             
+
                   for (let index = 1; index <= 12; index++) {
                       var month = index < 10 ? ('0' + index) : ('' + index);
                       this.modelLineOpstions.xAxis.push(thisYear + '-' + month);
@@ -271,7 +276,7 @@ export default {
                       for ( var key in modeCountMap) {
 
                           if(key == this.modelLineOpstions.xAxis[index]) {
-                              
+
                               if (1 in modeCountMap[key]) {
                                 hd = modeCountMap[key][1]["count"];
                               }
@@ -295,13 +300,13 @@ export default {
                             continue;
                           }
                       }
-                      
+
                     this.modelLineOpstions.series["HD"].push(hd);
                     this.modelLineOpstions.series["HDF"].push(hdf);
                     this.modelLineOpstions.series["HD+HP"].push(hdhp);
                     this.modelLineOpstions.series["HP"].push(hp);
                   }
-                  
+
                   this.diseaseFlag = true;
                   this.genderFlag = true;
                   this.ageFlag = true;

src/xt_pages/stock/cancelStockOrder.vue

@@ -11,8 +11,8 @@
     <div class="app-container">
 
 
-      <div class="cell" style="margin-top:20px">
-        <el-input style="width: 300px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
+      <div class="cell">
+        <el-input style="width: 400px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
 

src/xt_pages/stock/otherCancelStockOrder.vue

@@ -10,8 +10,8 @@
 
     <div class="app-container">
 
-      <div class="cell" style="margin-top:20px">
-        <el-input style="width: 300px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
+      <div class="cell" >
+        <el-input style="width: 400px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
 

src/xt_pages/stock/otherSalesReturnOrder.vue

@@ -10,8 +10,8 @@
 
     <div class="app-container">
 
-      <div class="cell" style="margin-top:20px">
-        <el-input style="width: 300px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
+      <div class="cell">
+        <el-input style="width: 400px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
 

src/xt_pages/stock/otherStockOutOrder.vue

@@ -9,11 +9,10 @@
     </div>
     <div class="app-container">
       <div class="cell">
-        <el-input style="width: 300px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
+        <el-input style="width: 400px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
 
-
       <div class="cell">
         <label class="title"><span class="name">出库时间</span> : </label>
 
@@ -367,118 +366,4 @@
   }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container {
-
-    font-size: 15px;
-
-  .filter-container {
-    padding-bottom: 5px;
-  }
-
-  .search-component {
-    width: 500px;
-
-  .searchBox {
-    width: 300px;
-    height: 36px;
-    line-height: 36px;
-    padding-left: 15px;
-    border: 1px #dcdfe6 solid;
-    border-right: none;
-    outline: none;
-    float: left;
-    border-radius: 6px 0 0 6px;
-    font-size: 14px;
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
-  }
-
-  .searchBtn {
-    background-color: #409eff;
-    color: #fff;
-    font-size: 15px;
-    text-align: center;
-    height: 36px;
-    line-height: 36px;
-    float: left;
-    outline: none;
-    width: 70px;
-    border: none;
-    border-radius: 0 6px 6px 0;
-    font-family: "Microsoft Yahei";
-    cursor: pointer;
-  }
-
-  }
-  .cell {
-    margin: 0px 0 15px 0;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    -o-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
-    align-items: flex-start;
-    text-align: left;
-    justify-content: flex-start;
-    color: #333;
-
-
-  .time {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-
-  ul {
-    padding: 0;
-    margin: 0;
-
-  li {
-    float: left;
-    list-style: none;
-    cursor: pointer;
-    padding: 3px 0;
-    width: 70px;
-    color: #606266;
-    border-radius: 4px;
-    margin: 0 10px 0 0;
-    color: #409eff;
-    border: 1px #409eff solid;
-    text-align: center;
-
-  &
-  :hover {
-    background: #409eff;
-    color: #fff;
-  }
-
-  }
-  .active {
-    background: #409eff;
-    color: #fff;
-  }
-
-  }
-  }
-  }
-  .amount {
-    font-weight: normal;
-    padding: 10px 0 0 0;
-    color: #606266;
-    font-size: 14px;
-
-  span {
-    color: #ef2525;
-    font-family: "Arial";
-    padding: 0 2px;
-  }
-
-  }
-  }
-</style>
 

src/xt_pages/stock/salesReturnOrder.vue

@@ -10,7 +10,7 @@
 
     <div class="app-container">
 
-      <div class="filter-container" >
+      <div class="cell" >
         <el-input style="width: 400px;" class="filter-item" placeholder="单据日期/单据编码/制单人/供应商"/>
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>

src/xt_pages/stock/stockOutOrder.vue

@@ -11,7 +11,6 @@
         <el-button class="filter-item" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
 
-
       <div class="cell">
         <label class="title"><span class="name">出库时间</span> : </label>
         <el-date-picker v-model="start_time" prefix-icon="el-icon-date" :editable="false" style="width: 196px;"
@@ -370,105 +369,3 @@
   }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container {
-  // margin: 20px;
-    font-size: 15px;
-  .filter-container {
-    padding-bottom: 5px;
-  }
-  .search-component {
-    width: 500px;
-  .searchBox {
-    width: 300px;
-    height: 36px;
-    line-height: 36px;
-    padding-left: 15px;
-    border: 1px #dcdfe6 solid;
-    border-right: none;
-    outline: none;
-    float: left;
-    border-radius: 6px 0 0 6px;
-    font-size: 14px;
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
-  }
-  .searchBtn {
-    background-color: #409eff;
-    color: #fff;
-    font-size: 15px;
-    text-align: center;
-    height: 36px;
-    line-height: 36px;
-    float: left;
-    outline: none;
-    width: 70px;
-    border: none;
-    border-radius: 0 6px 6px 0;
-    font-family: "Microsoft Yahei";
-    cursor: pointer;
-  }
-  }
-  .cell {
-    margin: 0px 0 15px 0;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    -o-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    box-sizing: border-box;
-    display: -webkit-box;
-    display: -ms-flexbox;
-  // display: flex;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
-    align-items: flex-start;
-    text-align: left;
-    justify-content: flex-start;
-    color: #333;
-
-  .time {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  ul {
-    padding: 0;
-    margin: 0;
-  li {
-    float: left;
-    list-style: none;
-    cursor: pointer;
-    padding: 3px 0;
-    width: 70px;
-    color: #606266;
-    border-radius: 4px;
-    margin: 0 10px 0 0;
-    color: #409eff;
-    border: 1px #409eff solid;
-    text-align:center;
-  &:hover {
-     background: #409eff;
-     color: #fff;
-   }
-  }
-  .active {
-    background: #409eff;
-    color: #fff;
-  }
-  }
-  }
-  }
-  .amount {
-    font-weight: normal;
-    padding: 10px 0 0 0;
-    color: #606266;
-    font-size: 14px;
-  span {
-    color: #ef2525;
-    font-family: "Arial";
-    padding: 0 2px;
-  }
-  }
-  }
-</style>
-