|
@@ -21,7 +21,7 @@
|
|
|
:shortcuts="shortcuts"
|
|
|
@change="handleQuery"
|
|
|
value-format="YYYY-MM-DD"
|
|
|
- :clearable="false"
|
|
|
+ :clearable="false"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -52,13 +52,15 @@
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
-<script setup lang="ts" name="statisticsOrderDepartmentAcceptType">
|
|
|
+<script setup lang="tsx" name="statisticsOrderDepartmentAcceptType">
|
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
|
import { FormInstance } from 'element-plus';
|
|
|
import { departmentAcceptType } from '@/api/statistics/order';
|
|
|
import { shortcuts } from '@/utils/constants';
|
|
|
import dayjs from 'dayjs';
|
|
|
import ProTable from '@/components/ProTable/index.vue';
|
|
|
+import { useRouter } from 'vue-router';
|
|
|
+import { guid } from "@/utils/tools";
|
|
|
// 定义变量内容
|
|
|
const ruleFormRef = ref<RefType>(); // 表单ref
|
|
|
const columns = reactive<any[]>([
|
|
@@ -69,7 +71,18 @@ const columns = reactive<any[]>([
|
|
|
label: '所有类型',
|
|
|
align: 'center',
|
|
|
_children: [
|
|
|
- { prop: 'allCount', label: '总件数', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'allCount',
|
|
|
+ label: '总件数',
|
|
|
+ align: 'center',
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.allCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
{ prop: 'allTimes', label: '总时长', align: 'center' },
|
|
|
{ prop: 'averageTime', label: '总平均', align: 'center' },
|
|
|
],
|
|
@@ -79,9 +92,21 @@ const columns = reactive<any[]>([
|
|
|
label: '咨询类',
|
|
|
align: 'center',
|
|
|
_children: [
|
|
|
- { prop: 'zxAllCount', label: '咨询件数', align: 'center' },
|
|
|
- { prop: 'zxAllTimes', label: '咨询时长', align: 'center' },
|
|
|
- { prop: 'zxAverageTime', label: '咨询平均', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'zxAllCount',
|
|
|
+ label: '咨询件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.zxAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'zxAllTimes', label: '咨询时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'zxAverageTime', label: '咨询平均', minWidth: 100, align: 'center' },
|
|
|
],
|
|
|
},
|
|
|
{
|
|
@@ -89,9 +114,21 @@ const columns = reactive<any[]>([
|
|
|
label: '举报类',
|
|
|
align: 'center',
|
|
|
_children: [
|
|
|
- { prop: 'jbAllCount', label: '举报件数', align: 'center' },
|
|
|
- { prop: 'jbAllTimes', label: '举报时长', align: 'center' },
|
|
|
- { prop: 'jbAverageTime', label: '举报平均', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'jbAllCount',
|
|
|
+ label: '举报件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.jbAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'jbAllTimes', label: '举报时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'jbAverageTime', label: '举报平均', minWidth: 100, align: 'center' },
|
|
|
],
|
|
|
},
|
|
|
{
|
|
@@ -99,9 +136,21 @@ const columns = reactive<any[]>([
|
|
|
label: '投诉类',
|
|
|
align: 'center',
|
|
|
_children: [
|
|
|
- { prop: 'tsAllCount', label: '投诉件数', align: 'center' },
|
|
|
- { prop: 'tsAllTimes', label: '投诉时长', align: 'center' },
|
|
|
- { prop: 'tsAverageTime', label: '投诉平均', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'tsAllCount',
|
|
|
+ label: '投诉件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.tsAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'tsAllTimes', label: '投诉时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'tsAverageTime', label: '投诉平均', minWidth: 100, align: 'center' },
|
|
|
],
|
|
|
},
|
|
|
{
|
|
@@ -109,23 +158,70 @@ const columns = reactive<any[]>([
|
|
|
label: '求助类',
|
|
|
align: 'center',
|
|
|
_children: [
|
|
|
- { prop: 'qzAllCount', label: '求助件数', align: 'center' },
|
|
|
- { prop: 'qzAllTimes', label: '求助时长', align: 'center' },
|
|
|
- { prop: 'qzAverageTime', label: '求助平均', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'qzAllCount',
|
|
|
+ label: '求助件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.qzAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'qzAllTimes', label: '求助时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'qzAverageTime', label: '求助平均', minWidth: 100, align: 'center' },
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
prop: 'jyType',
|
|
|
label: '建议类',
|
|
|
align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
_children: [
|
|
|
- { prop: 'jyAllCount', label: '建议件数', align: 'center' },
|
|
|
- { prop: 'jyAllTimes', label: '建议时长', align: 'center' },
|
|
|
- { prop: 'jyAverageTime', label: '建议平均', align: 'center' },
|
|
|
+ {
|
|
|
+ prop: 'jyAllCount',
|
|
|
+ label: '建议件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.jyAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'jyAllTimes', label: '建议时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'jyAverageTime', label: '建议平均', minWidth: 100, align: 'center' },
|
|
|
],
|
|
|
- },
|
|
|
+ },{
|
|
|
+ prop: 'yjType',
|
|
|
+ label: '意见类',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ _children: [
|
|
|
+ {
|
|
|
+ prop: 'yjAllCount',
|
|
|
+ label: '意见件数',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 100,
|
|
|
+ render: (scope) => {
|
|
|
+ return (
|
|
|
+ <el-button type="primary" link onClick={() => linkDetail(scope.row, scope)}>
|
|
|
+ {scope.row.yjAllCount}
|
|
|
+ </el-button>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ { prop: 'yjAllTimes', label: '意见时长', minWidth: 100, align: 'center' },
|
|
|
+ { prop: 'yjAverageTime', label: '意见平均', minWidth: 100, align: 'center' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
]);
|
|
|
-const state = reactive(<any>{
|
|
|
+const state = reactive({
|
|
|
queryParams: {
|
|
|
// 查询条件
|
|
|
TypeCode: '0', // 关键词
|
|
@@ -137,8 +233,8 @@ const state = reactive(<any>{
|
|
|
});
|
|
|
/** 搜索按钮操作 */
|
|
|
const handleQuery = () => {
|
|
|
- // state.queryParams.PageIndex = 1;
|
|
|
- queryList();
|
|
|
+ // state.queryParams.PageIndex = 1;
|
|
|
+ queryList();
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
const queryList = () => {
|
|
@@ -163,14 +259,39 @@ const queryList = () => {
|
|
|
.catch(() => {
|
|
|
state.loading = false;
|
|
|
});
|
|
|
-}
|
|
|
+};
|
|
|
// 排序
|
|
|
/** 重置按钮操作 */
|
|
|
-const resetQuery =(formEl: FormInstance | undefined) => {
|
|
|
+const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
queryList();
|
|
|
-}
|
|
|
+};
|
|
|
+// 跳转详情
|
|
|
+const router = useRouter();
|
|
|
+const linkDetail = (row: any, scope: any) => {
|
|
|
+ const prefix = scope.column.property.slice(0, 2);
|
|
|
+ const AcceptTypeCode = row[`${prefix}AcceptanceTypeCode`] ?? null; // 受理类型
|
|
|
+ let StartDate = null;
|
|
|
+ let EndDate = null;
|
|
|
+ if (state.queryParams?.crTime) {
|
|
|
+ StartDate = state.queryParams?.crTime[0];
|
|
|
+ EndDate = state.queryParams?.crTime[1];
|
|
|
+ }
|
|
|
+ router.push({
|
|
|
+ name: 'statisticsDetailAcceptType',
|
|
|
+ params: {
|
|
|
+ id: guid(),
|
|
|
+ },
|
|
|
+ state: {
|
|
|
+ StartDate,
|
|
|
+ EndDate,
|
|
|
+ AcceptTypeCode,
|
|
|
+ TypeCode: state.queryParams.TypeCode,
|
|
|
+ OrgCode: row?.orgCode,
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
onMounted(() => {
|
|
|
queryList();
|
|
|
});
|