录入列表样式调整3

src/views/followup/record-manage/record-list.vue

@@ -7,7 +7,7 @@
           <div class="search-input">
             <el-form ref="serchForm" :model="searchData" :inline="true" label-suffix=":" label-width="125px">
               <el-form-item label="随访计划名称">
-                <el-input v-model="searchData.planName" placeholder="请输入关键词" style="width: 250px" clearable></el-input>
+                <el-input v-model="searchData.name" placeholder="请输入关键词" style="width: 250px" clearable></el-input>
               </el-form-item>
               <el-form-item label="随访时间范围">
                 <el-select v-model="searchData.timeRange" placeholder="请选择时间范围" style="width: 250px" clearable>
@@ -20,10 +20,10 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="姓名">
-                <el-input v-model="searchData.name" placeholder="请输入姓名" clearable></el-input>
+                <el-input v-model="searchData.nickname" placeholder="请输入姓名" clearable></el-input>
               </el-form-item>
               <el-form-item label="手机号">
-                <el-input v-model="searchData.phoneNumber" placeholder="请输入手机号" clearable></el-input>
+                <el-input v-model="searchData.mobilePhone" placeholder="请输入手机号" clearable></el-input>
               </el-form-item>
             </el-form>
           </div>
@@ -33,26 +33,30 @@
           </div>
         </div>
         <div class="table-content">
-          <el-radio-group v-model="activeName">
+          <el-radio-group v-model="activeName" @change="handlerClick">
             <el-radio-button label="all">全部（{{allNum}}）</el-radio-button>
             <el-radio-button label="finished">已完成（{{finishedNum}}）</el-radio-button>
             <el-radio-button label="unfinish">未完成（{{unfinishNum}}）</el-radio-button>
           </el-radio-group>
           <el-table :data="allData" style="width: 100%;margin-top: 20px;">
-          <el-table-column prop="name" label="姓名" min-width="100" align="center"></el-table-column>
-          <el-table-column prop="phoneNumber" label="手机号" min-width="100" align="center"></el-table-column>
-          <el-table-column prop="planName" label="随访计划名称" min-width="150" align="center"></el-table-column>
-          <el-table-column prop="followUpTime" label="随访时间" min-width="150" align="center">
+          <el-table-column prop="nickname" label="姓名" min-width="100" align="center"></el-table-column>
+          <el-table-column prop="mobilePhone" label="手机号" min-width="100" align="center"></el-table-column>
+          <el-table-column prop="name" label="随访计划名称" min-width="150" align="center"></el-table-column>
+          <el-table-column prop="followupType" label="随访时间" min-width="150" align="center">
           <template slot-scope="scope">
-          <!--<span>{{ scope.row.status | statusFileter }}</span>-->
+            <span>{{scope.row.followupType}}<br/>{{scope.row.timeRange}}</span>
           </template>
           </el-table-column>
-          <el-table-column prop="createdName" label="随访状态" min-width="100" align="center"></el-table-column>
-          <el-table-column label="操作" fixed="right" align="center" min-width="200">
+          <el-table-column prop="status" label="随访状态" min-width="100" align="center">
             <template slot-scope="scope">
-              <el-button class="btn-right-class" type="text" size="small" @click="editRow(scope.row)">随访录入</el-button>|
-              <el-button class="btn-right-class" type="text" size="small" @click="changeStatusRow(scope.row)"> 变更随访状态</el-button>|
-              <el-button type="text" size="small" @click="sendRow(scope.row)">发送患教</el-button>
+              <span :class="scope.row.status == 0 ? 'status-span': ''">{{ scope.row.status | statusFileter }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" align="center" min-width="240">
+            <template slot-scope="scope">
+              <el-button class="btn-right-class" type="text" @click="editRow(scope.row)">随访录入</el-button>|
+              <el-button class="btn-right-class" type="text" @click="changeStatusRow(scope.row)"> 变更随访状态</el-button>|
+              <el-button type="text" @click="sendRow(scope.row)">发送患教</el-button>
             </template>
           </el-table-column>
           </el-table>
@@ -85,10 +89,10 @@
         curmbFirst: '随访管理',
         curmbSecond: '录入管理',
         searchData: {
-          planName: '',
-          timeRange: '',
           name: '',
-          phoneNumber: ''
+          timeRange: '',
+          nickname: '',
+          mobilePhone: ''
         },
         timeRangeList:[{
           label: '10:00~11:00',
@@ -102,7 +106,12 @@
         finishedNum: 100,
         unfinishNum: 200,
         allData: [{
-          name: '云晓雀'
+          nickname: '云晓雀',
+          mobilePhone: '132123459876',
+          name: '糖尿病高危随访',
+          followupType: '第一次门诊随访',
+          timeRange: '2018-12-12 10:00-12:00',
+          status: 1
         }],
         finishedData: [],
         unfinishData: [],
@@ -119,14 +128,37 @@
         console.log('搜索')
       },
       reseat(){
-        console.log('重置')
+        this.searchData.name = '';
+        this.searchData.timeRange = '';
+        this.searchData.nickname = '';
+        this.searchData.mobilePhone = '';
+      },
+      handlerClick(){
+        console.log(this.activeName)
+      },
+      editRow(row){},
+      changeStatusRow(row){},
+      sendRow(row){},
+      handleSizeChangePre(pageSize){
+        this.paginationSet['pageSize'] = pageSize;
+        this.paginationSet['pageNum'] = 1;
+      },
+      handleCurrentChangePre(pageNum){
+        this.paginationSet['pageNum'] = pageNum
+      },
+    },
+    filters: {
+      statusFileter: function(value) {
+        if (!value && value != 0) {
+          return '';
+        } else {
+          let hash = {
+            0: '未完成',
+            1: '已完成'
+          };
+          return hash[value];
+        }
       },
-      handleClickTab(){},
-      editRow(){},
-      changeStatusRow(){},
-      sendRow(){},
-      handleSizeChangePre(){},
-      handleCurrentChangePre(){},
     },
   }
 </script>
@@ -146,6 +178,9 @@
     .margin-top20{
       margin-top: 20px;
     }
+    .status-span{
+      color: $picaGreen;
+    }
   }
 }
 </style>