2

src/api/agentcenter/task.js

@@ -8,3 +8,12 @@ export function taskList(params) {
     params: params,
   })
 }
+
+// 待处理任务
+export function todoTaskList(params) {
+  return request({
+    url: '/accounting/task/todoTaskList',
+    method: 'get',
+    params: params,
+  })
+}

src/router/index.js

@@ -88,7 +88,7 @@ export const constantRoutes = [
       }
     ]
   },
-  //待处理
+/*  //待处理
   {
     path: '/todo',
     component: () => import('@/views/taskAllocation/todo'),
@@ -105,7 +105,7 @@ export const constantRoutes = [
     path: '/abnormal',
     component: () => import('@/views/abnormal/abnormal'),
     hidden: true
-  },
+  },*/
   //处理中
   {
     path: '/processing',

src/views/taskAllocation/todo.vue

@@ -6,12 +6,12 @@
       <el-dropdown trigger="click" placement="bottom-start">
         <div class="select_address el-dropdown-link">
           <span class="sanjiao-right"></span>
-          <p>大足区</p>
+          <p>{{cityName}}</p>
         </div>
         <el-dropdown-menu slot="dropdown" style="width: 8vw;text-align: center;">
-          <el-dropdown-item v-for="(item,index) in 5">
-            <div class="selected">
-              <p>张家镇</p>
+          <el-dropdown-item v-for="(item,index) in deptOptions">
+            <div class="selected" @click="chooseCity(item.orgCode)">
+              <p>{{item.deptName}}</p>
             </div>
           </el-dropdown-item>
         </el-dropdown-menu>
@@ -21,43 +21,43 @@
         <div class="el-dropdown-link select_main">
           <div class="select_address">
             <span class="sanjiao-right"></span>
-            <p>张家镇</p>
+            <p>{{townName}}</p>
           </div>
           <div class="select_address">
             <p class="select_time">2023.03.05</p>
           </div>
         </div>
         <el-dropdown-menu slot="dropdown" style="width: 16vw;text-align: center;">
-          <el-dropdown-item v-for="(item,index) in 5">
-            <div class="selected">
-              <p>张家镇</p>
+          <el-dropdown-item v-for="(item,index) in townList">
+            <div class="selected" @click="chooseTown(item.orgCode)">
+              <p>{{item.deptName}}</p>
               <p>2023.03.05</p>
             </div>
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
 
-      <p class="todo_num">待处理合作社：<span>19</span>个</p>
+      <p class="todo_num">待处理合作社：<span>{{total}}</span>个</p>
 
     </div>
 
     <div class="main">
 
       <div class="left_main">
-        <el-table :data="tableData" style="width: 100%;" :default-sort = "{prop: 'date', order: 'descending'}">
-          <el-table-column prop="value1" label="村" />
-          <el-table-column prop="value2" label="组织名称" show-overflow-tooltip />
-          <el-table-column prop="value3" label="记账笔数" >
+        <el-table :data="list" style="width: 100%;">
+          <el-table-column prop="orgName" label="村" />
+          <el-table-column prop="bookName" label="组织名称" show-overflow-tooltip />
+          <el-table-column prop="voucherCount" label="记账笔数" >
             <template slot-scope="scope">
-              5 <span class="num">7</span>
+              {{scope.row.voucherCount}} <span class="num">7</span>
             </template>
           </el-table-column>
-          <el-table-column prop="value4" label="合同数量" />
-          <el-table-column prop="value5" label="其他" />
-          <el-table-column prop="value6" label="任务总数" />
-          <el-table-column prop="value7" label="下发日期" />
-          <el-table-column prop="value8" label="截止日期" sortable />
-          <el-table-column prop="value9" label="操作">
+          <el-table-column prop="contracCount" label="合同数量" />
+          <el-table-column prop="otherCount" label="其他" />
+          <el-table-column prop="allCount" label="任务总数" />
+          <el-table-column prop="distriDate" label="下发日期" sortable />
+          <el-table-column prop="endAt" label="截止日期" sortable />
+          <el-table-column label="操作">
             <template slot-scope="scope">
               <el-button type="primary" size="mini" icon="el-icon-edit"></el-button>
             </template>
@@ -80,13 +80,14 @@
             class="pickerTime"
             ref = "datePicker"
             value-format="yyyy"
-            placeholder="选择年">
+            placeholder="选择年"
+            @change="chooseMonth(1)">
           </el-date-picker>
           <span class="sanjiao-bottom" @click="reduceDate"></span>
         </div>
 
         <div class="month_main">
-          <p v-for="(item,index) in 12" :class="{'active':index==3}">{{index+1}}月<i v-if="index==3"></i></p>
+          <p v-for="(item,index) in 12" @click="chooseMonth(index + 1)" :class="{'active': isCurrentMonth(index + 1)}">{{index+1}}月<i v-if="isCurrentMonth(index + 1)"></i></p>
         </div>
 
       </div>
@@ -98,71 +99,97 @@
 </template>
 
 <script>
+import {cityTree} from "@/api/misc/misc_dept";
+import {ENV} from "@/utils/env";
+import {taskList, todoTaskList} from "@/api/agentcenter/task";
+import {date_format} from "@/utils/date";
+
 export default {
   name: "todo",
   data() {
     return {
-      tableData: [{
-        value1: '当当村',
-        value2: '玩玩玩玩玩玩玩玩合作社玩玩玩玩玩玩玩玩合作社',
-        value3: '8',
-        value4: '5',
-        value5: '5',
-        value6: '18',
-        value7: '2023.03.05',
-        value8: '2023.03.06',
-        value9: '111'
-      }, {
-        value1: '当当村',
-        value2: '玩玩玩玩玩玩玩玩合作社',
-        value3: '8',
-        value4: '5',
-        value5: '5',
-        value6: '18',
-        value7: '2023.03.05',
-        value8: '2023.03.06',
-        value9: '111'
-      }, {
-        value1: '当当村',
-        value2: '玩玩玩玩玩玩玩玩合作社',
-        value3: '8',
-        value4: '5',
-        value5: '5',
-        value6: '18',
-        value7: '2023.03.05',
-        value8: '2023.03.06',
-        value9: '111'
-      }, {
-        value1: '当当村',
-        value2: '玩玩玩玩玩玩玩玩合作社',
-        value3: '8',
-        value4: '5',
-        value5: '5',
-        value6: '18',
-        value7: '2023.03.05',
-        value8: '2023.03.06',
-        value9: '111'
-      }],
-      year:'2023',
+      deptOptions: [],
+      cityCode: null,
+      townCode: null,
+      list: [],
+      total: 0,
+      year: date_format('%Y'),
+      month: date_format('%m'),
     }
   },
   created() {
-
+    this.getDeptTree();
   },
   methods:{
     addDate(){
       this.year = Number(this.year) + 1 ;
+      this.chooseMonth(1);
     },
     reduceDate(){
       this.year = Number(this.year) - 1 ;
+      this.chooseMonth(1);
     },
     selectionRange(){
       this.$refs.datePicker.focus();
     },
+    getDeptTree() {
+      cityTree({rootId: ENV.UserDeptId()}).then((resp) => {
+        this.deptOptions = resp.data;
+        if(this.deptOptions.length)
+          this.cityCode = this.deptOptions[0].orgCode;
+      });
+    },
+    chooseCity(cmd) {
+      this.cityCode = cmd;
+      this.townCode = null;
+    },
+    chooseTown(cmd) {
+      this.townCode = cmd;
+      this.getTaskList();
+    },
+    getTaskList() {
+      if(!this.townCode || !this.year || !this.month)
+        return;
+      todoTaskList({
+        townCode: this.townCode,
+        orderYear: this.year,
+        orderMonth: this.month,
+      }).then((resp) => {
+        this.list = resp.rows;
+        this.total = resp.total;
+      })
+    },
+    isCurrentMonth(m) {
+      return parseInt(this.month) === m;
+    },
+    chooseMonth(month) {
+      this.month = month >= 10 ? '' + month : ('0' + month);
+      this.getTaskList();
+    },
   },
   mounted(){
 
-  }
+  },
+  computed: {
+    cityName() {
+      if(!this.deptOptions.length)
+        return '';
+      let dept = this.deptOptions.find((x) => x.orgCode === this.cityCode);
+      return dept ? dept.deptName : '';
+    },
+    townList() {
+      if(!this.deptOptions.length)
+        return [];
+      let dept = this.deptOptions.find((x) => x.orgCode === this.cityCode);
+      return dept ? dept.children || [] : [];
+    },
+    townName() {
+      if(!this.townList.length)
+        return '';
+      let dept = this.townList.find((x) => x.orgCode === this.townCode);
+      return dept ? dept.deptName : '';
+    },
+  },
 }
 </script>