|
@@ -0,0 +1,450 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <div class="title-container">
|
|
|
+ <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
+ </div>
|
|
|
+ <el-tabs v-model="activeName" type="border-card">
|
|
|
+ <el-tab-pane label="项目统计" name="order">
|
|
|
+ <y-page-list-layout :page-list="pageData" :page-para="listQuery1" :get-page-list="getPage1">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="listQuery1.orderName" placeholder="项目名称" clearable
|
|
|
+ style="width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.orderId" placeholder="订单号" clearable
|
|
|
+ style="margin-left: 20px;width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery1.principal" placeholder="负责人" clearable
|
|
|
+ style="margin-left: 20px;width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList1()"
|
|
|
+ round>搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch1()">重置
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="orderUnitExport()">导出</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="项目名称" align="center" prop="productionName" show-overflow-tooltip>
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span >{{ row.productionName == null ? row.orderName :
|
|
|
+ row.productionName
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="订单号" align="center" width="150" prop="orderId">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span @contextmenu.prevent="$doCopy(row.orderId)">{{
|
|
|
+ row.orderId
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户经理" align="center" width="150" prop="clientManager">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.clientManager }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="负责人" align="center" width="150" prop="principal">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.principal == null ? '-' : row.principal }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="接单部门" align="center" width="130" prop="department">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.department }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="计件总数" align="center" width="110" prop="evaluateUnit">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color: red;">{{ row.evaluateUnit }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="计件分配" align="center" width="110" prop="alltoUnit">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <div class="allotUnit" v-for="(u, index) in row.allotUnits">
|
|
|
+ <span style="text-align:left">{{ u.userName }}</span>:
|
|
|
+ <span style="text-align:right">{{ u.userRate }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="评估对象类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.businessObjectType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="分单类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.allotType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="金融类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.financial?'金融':'非金融' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="下单时间" align="center" width="110" prop="created">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.createTime }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="人员统计">
|
|
|
+ <y-page-list-layout :page-list="pageData2" :page-para="listQuery2" :get-page-list="getPage2">
|
|
|
+ <template slot="left">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="allotDate"
|
|
|
+ type="daterange"
|
|
|
+ align="center"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="分配日期(开始)"
|
|
|
+ end-placeholder="分配日期(结束)"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ style="width: 400px;float: left;"
|
|
|
+ ></el-date-picker>
|
|
|
+ <el-select v-model="listQuery2.departmentId" filterable placeholder="部门" clearable style="margin-left: 20px;width: 150px;float: left;">
|
|
|
+ <el-option label="评估一部" value="33"></el-option>
|
|
|
+ <el-option label="评估二部" value="34"></el-option>
|
|
|
+ <el-option label="评估三部" value="35"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-input v-model="listQuery2.userName" placeholder="估价人员" clearable
|
|
|
+ style="margin-left: 20px;width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList2()"
|
|
|
+ round>搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch2()">重置
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="warning" @click="userUnitExport()">导出</el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" v-loading="listLoading" :data="pageData2.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="估价人员" align="center" prop="userName">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span >{{ row.userName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="部门" align="center" prop="department">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.department }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="计件合计" align="center" prop="userRate">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="font-weight: bold;">{{ row.userRate }} 件</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="排名" align="center" prop="ranks">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color: red;" >{{ row.ranks }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="明细" align="center" >
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-button type="text" @click="openDetailDialog(row.userId)">查看明细</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ title="计件分配明细"
|
|
|
+ :visible.sync="detailDialog"
|
|
|
+ width="80%"
|
|
|
+ center>
|
|
|
+ <y-page-list-layout :page-list="pageData3" :page-para="listQuery3" :get-page-list="getPage3">
|
|
|
+ <template slot="left">
|
|
|
+ <el-input v-model="listQuery3.orderName" placeholder="项目名称" clearable
|
|
|
+ style="width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="listQuery3.orderId" placeholder="订单号" clearable
|
|
|
+ style="margin-left: 20px;width: 270px;float: left;">
|
|
|
+ </el-input>
|
|
|
+ <el-button class="filter-item" style="margin-left: 10px;float: left;" type="primary" @click="searchList3()"
|
|
|
+ round>搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch3()">重置
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <parentTable ref="table" :data="pageData3.records" slot="table" style="width: 100%;">
|
|
|
+ <el-table-column label="项目名称" align="center" prop="productionName" >
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span >{{ row.orderName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="订单号" align="center" width="150" prop="orderId">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span @contextmenu.prevent="$doCopy(row.orderId)">{{
|
|
|
+ row.orderId
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="负责人" align="center" width="150" prop="principal">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.principal == null ? '-' : row.principal }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="接单部门" align="center" width="130" prop="department">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.department }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="计件总数" align="center" width="110" prop="evaluateUnit">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color: red;">{{ row.evaluateUnit }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="计件分配值" align="center" width="110" prop="userRate">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.userRate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="评估对象类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.businessObjectType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="分单类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.allotType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="金融类型" align="center" width="120" prop="businessObjectType">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.financial?'金融':'非金融' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="分配时间" align="center" width="110" prop="created">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.createTime }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </parentTable>
|
|
|
+ </y-page-list-layout>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import YPageListLayout from '@/components/YPageListLayout'
|
|
|
+import Breadcrumb from '@/components/Breadcrumb'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'evaluateUnit',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ YPageListLayout,
|
|
|
+ },
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ detailDialog:false,
|
|
|
+ activeName:"order",
|
|
|
+ pageData: {
|
|
|
+ records: [
|
|
|
+ {
|
|
|
+ orderName: "龙泉驿区驿都西路3666号108栋,四川炜岸房地产开发有限公司",
|
|
|
+ orderId: "2025031037",
|
|
|
+ statementNo: "川友土预2025041195号",
|
|
|
+ reportNo: "川友土预2025041195号",
|
|
|
+ businessObjectType: "房地产",
|
|
|
+ allotUnit: [
|
|
|
+ { userName: "高山", userRate: "1" },
|
|
|
+ { userName: "文宏", userRate: "1.3" }
|
|
|
+ ],
|
|
|
+ clientManager: "李维",
|
|
|
+ principal: "高山",
|
|
|
+ department: "评估三部",
|
|
|
+ evaluateUnit: "2.3"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ listQuery1: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ current: 1,
|
|
|
+ orderName:null,
|
|
|
+ orderId:null,
|
|
|
+ principal:null
|
|
|
+ },
|
|
|
+ listLoading: false,
|
|
|
+ pickerOptions: {
|
|
|
+ shortcuts: [
|
|
|
+ {
|
|
|
+ text: '最近一周',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '最近一个月',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '最近三个月',
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
+ picker.$emit('pick', [start, end]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ pageData2:{
|
|
|
+ records:[]
|
|
|
+ },
|
|
|
+ listLoading1: false,
|
|
|
+ listQuery2:{
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ current: 1,
|
|
|
+ userName:null,
|
|
|
+ departmentId:null,
|
|
|
+ startDate:null,
|
|
|
+ endDate:null
|
|
|
+ },
|
|
|
+ allotDate:null,
|
|
|
+ listQuery3: {
|
|
|
+ page: 1,
|
|
|
+ size: 10,
|
|
|
+ current: 1,
|
|
|
+ orderName:null,
|
|
|
+ orderId:null,
|
|
|
+ userId:null,
|
|
|
+ startDate:null,
|
|
|
+ endDate:null
|
|
|
+ },
|
|
|
+ pageData3:{
|
|
|
+ records:[]
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getPage1();
|
|
|
+ this.getPage2();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getPage1() {
|
|
|
+ this.listLoading = true;
|
|
|
+ this.$api.majorAppraiserUnit.orderStat(this.listQuery1).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.pageData = res.data;
|
|
|
+ this.listLoading = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ getPage2() {
|
|
|
+ this.listLoading1 = true;
|
|
|
+ if (this.allotDate) {
|
|
|
+ this.listQuery2.startDate = this.allotDate[0] + ' 00:00:00';
|
|
|
+ this.listQuery2.endDate = this.allotDate[1] + ' 23:59:59';
|
|
|
+ }
|
|
|
+ this.$api.majorAppraiserUnit.userStat(this.listQuery2).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.pageData2 = res.data;
|
|
|
+ this.listLoading1 = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ getPage3(){
|
|
|
+ this.$api.majorAppraiserUnit.userDetailList(this.listQuery3).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.pageData3 = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ searchList1() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery1.current = 1;
|
|
|
+ this.listQuery1.size = 10;
|
|
|
+ this.getPage1();
|
|
|
+ },
|
|
|
+
|
|
|
+ searchList2() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery2.current = 1;
|
|
|
+ this.listQuery2.size = 10;
|
|
|
+ this.getPage2();
|
|
|
+ },
|
|
|
+
|
|
|
+ searchList3() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery3.current = 1;
|
|
|
+ this.listQuery3.size = 10;
|
|
|
+ this.getPage3();
|
|
|
+ },
|
|
|
+
|
|
|
+ resetSearch1() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery1.current = 1;
|
|
|
+ this.listQuery1.size = 10;
|
|
|
+ this.listQuery1.orderName = null;
|
|
|
+ this.listQuery1.orderId = null;
|
|
|
+ this.listQuery1.principal = null;
|
|
|
+ this.getPage1();
|
|
|
+ },
|
|
|
+
|
|
|
+ resetSearch2() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery2.current = 1;
|
|
|
+ this.listQuery2.size = 10;
|
|
|
+ this.listQuery2.userName = null;
|
|
|
+ this.listQuery2.departmentId = null;
|
|
|
+ this.listQuery2.startDate = null;
|
|
|
+ this.listQuery2.endDate = null;
|
|
|
+ this.allotDate = null;
|
|
|
+ this.getPage2();
|
|
|
+ },
|
|
|
+
|
|
|
+ resetSearch3() {
|
|
|
+ // 重置分页
|
|
|
+ this.listQuery3.current = 1;
|
|
|
+ this.listQuery3.size = 10;
|
|
|
+ this.listQuery3.orderName = null;
|
|
|
+ this.listQuery3.orderId = null;
|
|
|
+ this.getPage3();
|
|
|
+ },
|
|
|
+
|
|
|
+ orderUnitExport(){
|
|
|
+ this.$utils.exportUtil('/majorAppraiserUnit/orderUnitExport', this.listQuery1, '导出');
|
|
|
+ },
|
|
|
+ userUnitExport(){
|
|
|
+ this.$utils.exportUtil('/majorAppraiserUnit/userUnitExport', this.listQuery2, '导出');
|
|
|
+ },
|
|
|
+ openDetailDialog(userId){
|
|
|
+ this.detailDialog = true;
|
|
|
+ this.listQuery3.startDate = this.listQuery2.startDate;
|
|
|
+ this.listQuery3.endDate = this.listQuery2.endDate;
|
|
|
+ this.listQuery3.userId = userId;
|
|
|
+ this.getPage3();
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.allotUnit {
|
|
|
+ width: 100%;
|
|
|
+ margin-left: 5px;
|
|
|
+ text-align: left;
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+</style>
|