|
@@ -6,12 +6,12 @@ |
|
|
<el-dropdown trigger="click" placement="bottom-start"> |
|
|
<el-dropdown trigger="click" placement="bottom-start"> |
|
|
<div class="select_address el-dropdown-link"> |
|
|
<div class="select_address el-dropdown-link"> |
|
|
<span class="sanjiao-right"></span> |
|
|
<span class="sanjiao-right"></span> |
|
|
<p>大足区</p> |
|
|
|
|
|
|
|
|
<p>{{cityName}}</p> |
|
|
</div> |
|
|
</div> |
|
|
<el-dropdown-menu slot="dropdown" style="width: 8vw;text-align: center;"> |
|
|
<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> |
|
|
</div> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-menu> |
|
|
</el-dropdown-menu> |
|
@@ -21,43 +21,43 @@ |
|
|
<div class="el-dropdown-link select_main"> |
|
|
<div class="el-dropdown-link select_main"> |
|
|
<div class="select_address"> |
|
|
<div class="select_address"> |
|
|
<span class="sanjiao-right"></span> |
|
|
<span class="sanjiao-right"></span> |
|
|
<p>张家镇</p> |
|
|
|
|
|
|
|
|
<p>{{townName}}</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="select_address"> |
|
|
<div class="select_address"> |
|
|
<p class="select_time">2023.03.05</p> |
|
|
<p class="select_time">2023.03.05</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-dropdown-menu slot="dropdown" style="width: 16vw;text-align: center;"> |
|
|
<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> |
|
|
<p>2023.03.05</p> |
|
|
</div> |
|
|
</div> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-item> |
|
|
</el-dropdown-menu> |
|
|
</el-dropdown-menu> |
|
|
</el-dropdown> |
|
|
</el-dropdown> |
|
|
|
|
|
|
|
|
<p class="todo_num">待处理合作社:<span>19</span>个</p> |
|
|
|
|
|
|
|
|
<p class="todo_num">待处理合作社:<span>{{total}}</span>个</p> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="main"> |
|
|
<div class="main"> |
|
|
|
|
|
|
|
|
<div class="left_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"> |
|
|
<template slot-scope="scope"> |
|
|
5 <span class="num">7</span> |
|
|
|
|
|
|
|
|
{{scope.row.voucherCount}} <span class="num">7</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</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"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="primary" size="mini" icon="el-icon-edit"></el-button> |
|
|
<el-button type="primary" size="mini" icon="el-icon-edit"></el-button> |
|
|
</template> |
|
|
</template> |
|
@@ -80,13 +80,14 @@ |
|
|
class="pickerTime" |
|
|
class="pickerTime" |
|
|
ref = "datePicker" |
|
|
ref = "datePicker" |
|
|
value-format="yyyy" |
|
|
value-format="yyyy" |
|
|
placeholder="选择年"> |
|
|
|
|
|
|
|
|
placeholder="选择年" |
|
|
|
|
|
@change="chooseMonth(1)"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
<span class="sanjiao-bottom" @click="reduceDate"></span> |
|
|
<span class="sanjiao-bottom" @click="reduceDate"></span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="month_main"> |
|
|
<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> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
@@ -98,71 +99,97 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<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 { |
|
|
export default { |
|
|
name: "todo", |
|
|
name: "todo", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
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() { |
|
|
created() { |
|
|
|
|
|
|
|
|
|
|
|
this.getDeptTree(); |
|
|
}, |
|
|
}, |
|
|
methods:{ |
|
|
methods:{ |
|
|
addDate(){ |
|
|
addDate(){ |
|
|
this.year = Number(this.year) + 1 ; |
|
|
this.year = Number(this.year) + 1 ; |
|
|
|
|
|
this.chooseMonth(1); |
|
|
}, |
|
|
}, |
|
|
reduceDate(){ |
|
|
reduceDate(){ |
|
|
this.year = Number(this.year) - 1 ; |
|
|
this.year = Number(this.year) - 1 ; |
|
|
|
|
|
this.chooseMonth(1); |
|
|
}, |
|
|
}, |
|
|
selectionRange(){ |
|
|
selectionRange(){ |
|
|
this.$refs.datePicker.focus(); |
|
|
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(){ |
|
|
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> |
|
|
</script> |
|
|
|
|
|
|
|
|