搜索条件栏样式更新

src/views/learning/item-data-all.vue

@@ -165,7 +165,7 @@
           <el-tab-pane label="未参与" name="3"></el-tab-pane>
         </el-tabs>
         <el-table :data="tableData" class="person-table">
-          <el-table-column prop="certGrade" label="排名" align="center"></el-table-column>
+          <el-table-column v-if="tableType == '1'" prop="rankNo" label="排名" align="center"></el-table-column>
           <el-table-column prop="doctorName" label="姓名" align="center"></el-table-column>
           <el-table-column prop="sex" label="性别" align="center">
             <template slot-scope="scope">
@@ -301,7 +301,7 @@ export default {
       vm.GET("stats/region/hospitals/cnt", req).then(res => {
         if (res.code == "000000") {
           vm.hospitalCnt = res.data.hospitalCnt;
-          // vm.hospitalCnt = 1;
+          vm.hospitalCnt = 1;
           if(vm.hospitalCnt == 1) {
             vm.hospitalId[0] = res.data.list[0].hospitalId;
           }

src/views/learning/item-list.vue

@@ -3,9 +3,10 @@
     <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird" :jumPathThird="jumPathThird"></bread-crumb>
     <div class="component-content screenSet" id="screenSet">
       <el-form class="item-form" ref="formInline" :model="formInline" label-width="80px">
+        <div class="form-title">查询条件</div>
         <el-form-item label="选择地区：">
           <!-- :props="props" -->
-          <!-- <el-col :span="8"> -->
+          <el-col :span="12">
           <el-cascader
             size="small"
             ref="cascaderRegion"
@@ -18,6 +19,10 @@
             placeholder="请先选择地区后再进行查询"
             style="width:330px"
           ></el-cascader>
+          </el-col>
+          <el-col :span="6">
+            <el-checkbox v-if="showOriginal !== 1" size="small" v-model="formInline.checked">查看原始数据</el-checkbox>
+          </el-col>
         </el-form-item>
         <el-form-item label="选择机构：">
           <el-select
@@ -75,9 +80,9 @@
             </el-date-picker>
           </el-col>
         </el-form-item>
-        <el-form-item label v-if="showOriginal !== 1">
+        <!-- <el-form-item label v-if="showOriginal !== 1">
           <el-checkbox size="small" v-model="formInline.checked">查看原始数据</el-checkbox>
-        </el-form-item>
+        </el-form-item> -->
         <div class="form-button">
           <el-button size="small" @click="search()" type="primary">查询</el-button>
           <el-button size="small" @click="resetForm()">重置</el-button>
@@ -657,18 +662,42 @@ export default {
       border-bottom: 1px solid #efefef;
     }
     .item-form {
-
       position: relative;
       // margin-bottom: 20px;
-      padding: 10px;
+      padding: 10px 0 10px 0;
       background: #fff;
-      width: 98.3%;
+      width: 100%;
       border-radius: 4px 4px 0 0;
+      .form-title {
+        position: relative;
+        margin: 20px 0 24px 30px;
+        height: 25px;
+        font-size:18px;
+        font-weight:600;
+        line-height: 25px;
+        color: #000000;
+      }
+      .el-form-item {
+        margin-left: 25px;
+      }
+      .is-checked {
+        .el-checkbox__inner {
+          background-color: #449284;
+          border-color: #449284;
+        }
+        .el-checkbox__label {
+          color: #449284;
+        }
+      }
       .form-button {
         position: absolute;
-        width: 45%;
-        top: 20px;
-        left: 80%;
+        width: 140px;
+        top: 78px;
+        right: 10px;
+        .el-button--default{
+          border:1px solid #449284;
+          color: #449284;
+        }
       }
       .col-text {
         font-size: 12px;
@@ -680,13 +709,17 @@ export default {
       float: right;
       margin-right: 20px;
       z-index: 999;
+      .el-button {
+        border:1px solid #449284;
+        color: #449284;
+      }
     }
     .choose {
       font-size: 12px;
       margin-bottom: 20px;
     }
     .item-tab {
-      width: 95%;
+      width: 100%;
       height: 46px;
       background: #F0F2F5;
       position: absolute;