描述：人员绩效

src/views/admin/repair/PerformanceList.vue

@@ -1,68 +1,73 @@
 <template>
-  <a-card :bordered="false">
+  <a-card :bordered='false'>
-    <div class="table-page-search-wrapper">
+    <div class='table-page-search-wrapper'>
-      <a-form layout="inline">
+      <a-form layout='inline'>
-        <a-row :gutter="48">
+        <a-row :gutter='48'>
-          <a-col :md="5" :sm="15">
+          <a-col :md='5' :sm='15'>
-            <a-form-item label="报修单号">
+            <a-form-item label='报修单号'>
-              <a-input placeholder="请输入报修单号" v-model="queryParam.sn"/>
+              <a-input placeholder='请输入报修单号' v-model='queryParam.sn' />
             </a-form-item>
           </a-col>
-          <a-col :md="8" :sm="24">
+          <a-col :md='5' :sm='15'>
-            <span class="table-page-search-submitButtons">
+            <a-form-item label='时间范围'>
-              <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+              <a-range-picker v-model='queryParam.timeRange' @change='selectTime' />
-              <a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
+            </a-form-item>
+          </a-col>
+          <a-col :md='8' :sm='24'>
+            <span class='table-page-search-submitButtons'>
+              <a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
+              <a-button style='margin-left: 8px' @click='() => queryParam = {}'>重置</a-button>
             </span>
           </a-col>
         </a-row>
       </a-form>
     </div>
-    <a-tabs default-active-key="1" @change="callback">
+    <a-tabs default-active-key='1' @change='callback'>
-      <a-tab-pane key="1" tab="维修人员">
+      <a-tab-pane key='1' tab='维修人员'>
         <a-table
-          size="default"
+          size='default'
-          ref="table"
+          ref='table'
-          rowKey="id"
+          rowKey='id'
-          :columns="columns"
+          :columns='columns'
-          :data-source="workerData"
+          :data-source='workerData'
         >
-      <span slot="status" slot-scope="text">
+      <span slot='status' slot-scope='text'>
         {{ text | statusFilter }}
       </span>
-          <span slot="action" slot-scope="text, record">
+          <span slot='action' slot-scope='text, record'>
-        <a v-if="editEnabel" @click="handleView(record.id)">详情</a>
+        <a v-if='editEnabel' @click='handleView(record.id)'>详情</a>
       </span>
         </a-table>
       </a-tab-pane>
-      <a-tab-pane key="2" tab="网格区域" force-render>
+      <a-tab-pane key='2' tab='网格区域' force-render>
         <a-table
-          size="default"
+          size='default'
-          ref="table"
+          ref='table'
-          rowKey="id"
+          rowKey='id'
-          :columns="floorColumns"
+          :columns='floorColumns'
-          :data-source="floorData"
+          :data-source='floorData'
         >
-      <span slot="status" slot-scope="text">
+      <span slot='status' slot-scope='text'>
         {{ text | statusFilter }}
       </span>
-          <span slot="action" slot-scope="text, record">
+          <span slot='action' slot-scope='text, record'>
-        <a v-if="editEnabel" @click="handleFloorView(record.id)">详情</a>
+        <a v-if='editEnabel' @click='handleFloorView(record.id)'>详情</a>
       </span>
         </a-table>
       </a-tab-pane>
-      <a-tab-pane key="3" tab="网格长">
+      <a-tab-pane key='3' tab='网格长'>
         <a-table
-          size="default"
+          size='default'
-          ref="table"
+          ref='table'
-          rowKey="id"
+          rowKey='id'
-          :columns="floorCreateColumns"
+          :columns='floorCreateColumns'
-          :data-source="floorCreateData"
+          :data-source='floorCreateData'
         >
-      <span slot="status" slot-scope="text">
+      <span slot='status' slot-scope='text'>
         {{ text | statusFilter }}
       </span>
-          <span slot="action" slot-scope="text, record">
+          <span slot='action' slot-scope='text, record'>
-        <a v-if="editEnabel" @click="handleFloorCreateView(record.id)">详情</a>
+        <a v-if='editEnabel' @click='handleFloorCreateView(record.id)'>详情</a>
       </span>
         </a-table>
       </a-tab-pane>
@@ -78,7 +83,7 @@ import { checkPermission } from '@/utils/permissions'
 export default {
   name: 'TableList',
   components: {
-    STable,
+    STable
   },
   data() {
     return {
@@ -259,6 +264,12 @@ export default {
     this.floorCreateList()
   },
   methods: {
+    // 切换时间
+    selectTime(value, dateString) {
+      this.queryParam.startTime = dateString[0]
+      this.queryParam.endTime = dateString[1]
+      console.log('this.queryParam', this.queryParam)
+    },
     // admin/repair/stats/workerList
     workerList() {
       getWorkerList().then(res => {
@@ -319,11 +330,11 @@ export default {
             this.$message.error('系统错误，请稍后再试')
           })
         },
-        onCancel () {}
+        onCancel() {
+        }
       })
     }
   },
-  watch: {
+  watch: {}
-  }
 }
 </script>