描述：人员绩效

src/views/admin/repair/PerformanceList.vue

@@ -1,68 +1,73 @@
 <template>
-  <a-card :bordered="false">
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline">
-        <a-row :gutter="48">
-          <a-col :md="5" :sm="15">
-            <a-form-item label="报修单号">
-              <a-input placeholder="请输入报修单号" v-model="queryParam.sn"/>
+  <a-card :bordered='false'>
+    <div class='table-page-search-wrapper'>
+      <a-form layout='inline'>
+        <a-row :gutter='48'>
+          <a-col :md='5' :sm='15'>
+            <a-form-item label='报修单号'>
+              <a-input placeholder='请输入报修单号' v-model='queryParam.sn' />
             </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>
+          <a-col :md='5' :sm='15'>
+            <a-form-item label='时间范围'>
+              <a-range-picker v-model='queryParam.timeRange' @change='selectTime' />
+            </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-tab-pane key="1" tab="维修人员">
+    <a-tabs default-active-key='1' @change='callback'>
+      <a-tab-pane key='1' tab='维修人员'>
         <a-table
-          size="default"
-          ref="table"
-          rowKey="id"
-          :columns="columns"
-          :data-source="workerData"
+          size='default'
+          ref='table'
+          rowKey='id'
+          :columns='columns'
+          :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">
-        <a v-if="editEnabel" @click="handleView(record.id)">详情</a>
+          <span slot='action' slot-scope='text, record'>
+        <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"
-          ref="table"
-          rowKey="id"
-          :columns="floorColumns"
-          :data-source="floorData"
+          size='default'
+          ref='table'
+          rowKey='id'
+          :columns='floorColumns'
+          :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">
-        <a v-if="editEnabel" @click="handleFloorView(record.id)">详情</a>
+          <span slot='action' slot-scope='text, record'>
+        <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"
-          ref="table"
-          rowKey="id"
-          :columns="floorCreateColumns"
-          :data-source="floorCreateData"
+          size='default'
+          ref='table'
+          rowKey='id'
+          :columns='floorCreateColumns'
+          :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">
-        <a v-if="editEnabel" @click="handleFloorCreateView(record.id)">详情</a>
+          <span slot='action' slot-scope='text, record'>
+        <a v-if='editEnabel' @click='handleFloorCreateView(record.id)'>详情</a>
       </span>
         </a-table>
       </a-tab-pane>
@@ -78,9 +83,9 @@ import { checkPermission } from '@/utils/permissions'
 export default {
   name: 'TableList',
   components: {
-    STable,
+    STable
   },
-  data () {
+  data() {
     return {
       labelCol: {
         xs: { span: 24 },
@@ -242,7 +247,7 @@ export default {
     }
   },
   filters: {
-    statusFilter (status) {
+    statusFilter(status) {
       const statusMap = {
         'PENDING_ASSIGN': '待分配',
         'PENDING_PROCESS': '待处理',
@@ -253,53 +258,59 @@ export default {
       return statusMap[status]
     }
   },
-  created () {
+  created() {
     this.workerList()
     this.floorList()
     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 () {
+    workerList() {
       getWorkerList().then(res => {
         this.workerData = res.rows
       })
     },
-    floorList (){
+    floorList() {
       getFloorList().then(res => {
         this.floorData = res.rows
       })
     },
-    floorCreateList (){
+    floorCreateList() {
       getFloorCreateList().then(res => {
         this.floorCreateData = res.rows
       })
     },
-    callback () {
+    callback() {
 
     },
-    handleAdd () {
+    handleAdd() {
       this.$refs.modal.add()
     },
-    handleView (workerId) {
+    handleView(workerId) {
       this.$router.push({ name: 'repair', query: { repairUserId: workerId } })
     },
-    handleFloorView( floorId ){
+    handleFloorView(floorId) {
       console.log(floorId)
       this.$router.push({ name: 'repair', query: { floorId: floorId } })
 
     },
-    handleFloorCreateView(floorId){
+    handleFloorCreateView(floorId) {
       this.$router.push({ name: 'repair', query: { floorCreateId: floorId } })
     },
-    handleEdit (record) {
+    handleEdit(record) {
       this.$refs.modal.edit(record)
     },
-    handleOk () {
+    handleOk() {
       this.$refs.table.refresh(true)
       console.log('handleSaveOk')
     },
-    handleComplete (id) {
+    handleComplete(id) {
       const _this = this
       this.$confirm({
         title: '警告',
@@ -307,7 +318,7 @@ export default {
         okText: '是',
         okType: 'warning',
         cancelText: '否',
-        onOk () {
+        onOk() {
           complete(id).then(res => {
             if (res.code === 0) {
               _this.$message.success('操作成功')
@@ -319,11 +330,11 @@ export default {
             this.$message.error('系统错误，请稍后再试')
           })
         },
-        onCancel () {}
+        onCancel() {
+        }
       })
     }
   },
-  watch: {
-  }
+  watch: {}
 }
 </script>