|
@@ -21,10 +21,10 @@
|
|
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mb10">
|
|
|
<el-card shadow="never" style="height: 400px">
|
|
|
<vxe-grid v-bind="gridOptions" v-on="gridEvents" ref="gridRef">
|
|
|
- <template #toolbar_buttons>
|
|
|
- <h3>质检工单概览</h3>
|
|
|
- </template>
|
|
|
- </vxe-grid>
|
|
|
+ <template #toolbar_buttons>
|
|
|
+ <h3>质检工单概览</h3>
|
|
|
+ </template>
|
|
|
+ </vxe-grid>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="mb10">
|
|
@@ -55,6 +55,7 @@
|
|
|
<div class="flex-center-between">
|
|
|
<h3></h3>
|
|
|
<div class="flex">
|
|
|
+ <el-button @click="getYearData" round circle :disabled="yearLoading" title="刷新"> <SvgIcon name="ele-Refresh" /> </el-button>
|
|
|
<input-number-range v-model="state.queryParams.value" @change="getYearData" />
|
|
|
<el-select-v2
|
|
|
v-model="AcceptorId1"
|
|
@@ -121,9 +122,9 @@ const gridOptions = reactive<any>({
|
|
|
},
|
|
|
},
|
|
|
tools: [{ toolRender: { name: 'exportAll' } }],
|
|
|
- slots: {
|
|
|
- buttons: 'toolbar_buttons',
|
|
|
- },
|
|
|
+ slots: {
|
|
|
+ buttons: 'toolbar_buttons',
|
|
|
+ },
|
|
|
},
|
|
|
customConfig: {
|
|
|
storage: true,
|
|
@@ -148,7 +149,7 @@ const gridOptions = reactive<any>({
|
|
|
/** 搜索按钮操作 */
|
|
|
const handleQuery = () => {
|
|
|
queryList();
|
|
|
- getSeatsData();
|
|
|
+ getSeatsData();
|
|
|
};
|
|
|
/** 获取列表 */
|
|
|
const queryList = async () => {
|
|
@@ -157,7 +158,7 @@ const queryList = async () => {
|
|
|
requestParams.value.StartTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[0];
|
|
|
requestParams.value.EndTime = state.queryParams.crTime === null ? null : state.queryParams.crTime[1];
|
|
|
Reflect.deleteProperty(requestParams.value, 'crTime');
|
|
|
- Reflect.deleteProperty(requestParams.value, 'value');
|
|
|
+ Reflect.deleteProperty(requestParams.value, 'value');
|
|
|
try {
|
|
|
const { result } = await qualityOverview(requestParams.value);
|
|
|
gridOptions.data = result ?? [];
|
|
@@ -172,7 +173,7 @@ const gridEvents = {
|
|
|
state.queryParams.SortField = val.order ? val.field : null;
|
|
|
// 0 升序 1 降序
|
|
|
state.queryParams.SortRule = val.order ? (val.order == 'desc' ? 1 : 0) : null;
|
|
|
- queryList();
|
|
|
+ queryList();
|
|
|
},
|
|
|
};
|
|
|
// 获取坐席质检分值分析
|
|
@@ -269,7 +270,12 @@ const yearLoading = ref(false);
|
|
|
const getYearData = async () => {
|
|
|
yearLoading.value = true;
|
|
|
try {
|
|
|
- const { result } = await qualityScoreGrade({ ...requestParams.value, AcceptorId: AcceptorId1.value,MinGrade: state.queryParams.value[0],MaxGrade: state.queryParams.value[1] });
|
|
|
+ const { result } = await qualityScoreGrade({
|
|
|
+ ...requestParams.value,
|
|
|
+ AcceptorId: AcceptorId1.value,
|
|
|
+ MinGrade: state.queryParams.value[0],
|
|
|
+ MaxGrade: state.queryParams.value[1],
|
|
|
+ });
|
|
|
const xData = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
|
|
|
const data = result.map((item: any) => item.num);
|
|
|
// const data = [1,2,45,213,45,65,7,8,1,23]
|
|
@@ -303,7 +309,7 @@ const setOption1 = (data: any, xData: any) => {
|
|
|
},
|
|
|
toolbox: {
|
|
|
show: true,
|
|
|
- // top: '20%',
|
|
|
+ // top: '20%',
|
|
|
orient: 'horizontal',
|
|
|
showTitle: true,
|
|
|
feature: {
|
|
@@ -429,10 +435,11 @@ const statisticalTimeRef = ref<RefType>();
|
|
|
const resetQuery = (formEl: FormInstance | undefined) => {
|
|
|
if (!formEl) return;
|
|
|
formEl.resetFields();
|
|
|
- AcceptorId.value = null;
|
|
|
+ AcceptorId.value = null;
|
|
|
statisticalTimeRef.value.reset();
|
|
|
queryList();
|
|
|
- getSeatsData();
|
|
|
+ getSeatsData();
|
|
|
+ getYearData();
|
|
|
};
|
|
|
// 获取基础信息
|
|
|
const seatUser = ref<EmptyArrayType>([]);
|