From c65b90aaa3477a90ebc325024927d80227c0c841 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期四, 09 四月 2026 14:09:25 +0800
Subject: [PATCH] 测试完成
---
src/views/Satisfaction/configurationmyd/batch.vue | 1004 +++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 667 insertions(+), 337 deletions(-)
diff --git a/src/views/Satisfaction/configurationmyd/batch.vue b/src/views/Satisfaction/configurationmyd/batch.vue
index 10d6619..bd73abe 100644
--- a/src/views/Satisfaction/configurationmyd/batch.vue
+++ b/src/views/Satisfaction/configurationmyd/batch.vue
@@ -11,8 +11,9 @@
icon="el-icon-check"
@click="handleBatchSubmit"
:loading="batchProcessing"
+ :disabled="selectedExceptionIds.length === 0"
>
- 鎵归噺鎻愪氦澶勭悊
+ 鎵归噺鎻愪氦澶勭悊 ({{ selectedExceptionIds.length }})
</el-button>
<el-button type="warning" icon="el-icon-back" @click="handleGoBack">
杩斿洖寮傚父鍒楄〃
@@ -33,29 +34,40 @@
>
<el-form-item label="璐熻矗绉戝">
<el-select
- v-model="filterParams.deptId"
+ v-model="filterParams.todeptcode"
placeholder="璇烽�夋嫨绉戝"
clearable
+ filterable
style="width: 200px"
>
<el-option
v-for="dept in deptList"
- :key="dept.id"
- :label="dept.name"
- :value="dept.id"
+ :key="dept.deptCode"
+ :label="dept.label"
+ :value="dept.deptCode"
/>
</el-select>
</el-form-item>
<el-form-item label="澶勭悊鐘舵��">
<el-select
- v-model="filterParams.status"
+ v-model="filterParams.handleFlag"
placeholder="璇烽�夋嫨鐘舵��"
clearable
style="width: 200px"
>
- <el-option label="寰呭鐞�" :value="0" />
- <el-option label="澶勭悊涓�" :value="1" />
- <el-option label="宸插鐞�" :value="2" />
+ <el-option label="鏈鐞�" :value="'0'" />
+ <el-option label="宸插鐞�" :value="'1'" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="婊℃剰搴︾被鍨�">
+ <el-select
+ v-model="filterParams.templateType"
+ placeholder="璇烽�夋嫨妯℃澘绫诲瀷"
+ clearable
+ style="width: 200px"
+ >
+ <el-option label="璇煶妯℃澘" :value="1" />
+ <el-option label="闂嵎妯℃澘" :value="2" />
</el-select>
</el-form-item>
<el-form-item>
@@ -79,6 +91,7 @@
:border="true"
style="width: 100%"
@selection-change="handleSelectionChange"
+ row-key="id"
class="exception-table"
>
<el-table-column type="selection" width="55" align="center" />
@@ -92,24 +105,30 @@
<el-table-column
label="璐熻矗绉戝"
- prop="responsibilityDept"
- width="120"
+ prop="todeptname"
+ width="200"
align="center"
>
<template slot-scope="{ row }">
- <el-tag type="primary">{{ row.responsibilityDept }}</el-tag>
+ <el-tag type="primary" v-if="row.todeptname">{{
+ row.todeptname
+ }}</el-tag>
+ <span v-else class="no-data">鏈垎閰�</span>
</template>
</el-table-column>
- <el-table-column
- label="涓嶆弧鎰忚鎯�"
- prop="unsatisfactoryDetail"
- min-width="200"
- align="center"
- >
+ <el-table-column label="涓嶆弧鎰忚鎯�" min-width="250" align="center">
<template slot-scope="{ row }">
<div class="detail-content">
- {{ row.unsatisfactoryDetail }}
+ <div class="question-text">
+ <strong>闂锛�</strong>{{ row.questiontext }}
+ </div>
+ <div class="answer-text">
+ <strong>鍥炵瓟锛�</strong>{{ row.asrtext || "鏃犲洖绛�" }}
+ </div>
+ <div class="matched-text" v-if="row.matchedtext">
+ <strong>瑙ｆ瀽鍊硷細</strong>{{ row.matchedtext }}
+ </div>
</div>
</template>
</el-table-column>
@@ -117,42 +136,50 @@
<el-table-column label="鎮ｈ�呬俊鎭�" width="300" align="center">
<template slot-scope="{ row }">
<div class="patient-info">
- <div class="patient-item">
- <span class="label">濮撳悕锛�</span>
- <span class="value">{{ row.patientName }}</span>
+ <div class="patient-row">
+ <div class="patient-item">
+ <span class="label">濮撳悕锛�</span>
+ <span class="value">{{ row.patdescJson.sendname }}</span>
+ </div>
+ <div class="patient-item">
+ <span class="label">鎬у埆锛�</span>
+ <span class="value">{{
+ row.patdescJson.sex
+ }}</span>
+ </div>
+ <div class="patient-item">
+ <span class="label">骞撮緞锛�</span>
+ <span class="value">{{ row.patdescJson.age }}宀�</span>
+ </div>
</div>
- <div class="patient-item">
- <span class="label">鎬у埆锛�</span>
- <span class="value">{{
- row.gender === 1 ? "鐢�" : "濂�"
- }}</span>
- </div>
- <div class="patient-item">
- <span class="label">骞撮緞锛�</span>
- <span class="value">{{ row.age }}宀�</span>
- </div>
- <div class="patient-item">
- <span class="label">鐢佃瘽锛�</span>
- <span class="value">{{ row.phone }}</span>
+ <div class="patient-row">
+ <div class="patient-item full-width">
+ <span class="label">鐢佃瘽锛�</span>
+ <span class="value">{{ row.patdescJson.phone }}</span>
+ </div>
</div>
</div>
</template>
</el-table-column>
- <el-table-column label="鍑洪櫌淇℃伅" width="250" align="center">
+ <el-table-column label="濉啓淇℃伅" width="180" align="center">
<template slot-scope="{ row }">
- <div class="discharge-info">
+ <div class="fill-info">
<div class="info-item">
- <span class="label">绉戝锛�</span>
- <span class="value">{{ row.dischargeDept }}</span>
+ <span class="label">濉姤鏃堕棿锛�</span>
+ <span class="value time">{{
+ formatDateTime(row.createTime)
+ }}</span>
</div>
- <div class="info-item">
- <span class="label">鐥呭尯锛�</span>
- <span class="value">{{ row.dischargeWard }}</span>
- </div>
- <div class="info-item">
- <span class="label">濉啓鏃堕棿锛�</span>
- <span class="value time">{{ row.fillTime }}</span>
+ <div v-if="row.recordurl" class="info-item">
+ <el-button
+ type="text"
+ size="small"
+ @click="handlePlayAudio(row.recordurl)"
+ icon="el-icon-headset"
+ >
+ 鎾斁褰曢煶
+ </el-button>
</div>
</div>
</template>
@@ -160,14 +187,36 @@
<el-table-column
label="澶勭悊鐘舵��"
- prop="processStatus"
+ prop="handleFlag"
width="100"
align="center"
>
<template slot-scope="{ row }">
- <el-tag :type="getStatusTagType(row.processStatus)" effect="dark">
- {{ getStatusText(row.processStatus) }}
+ <el-tag :type="getStatusTagType(row.handleFlag)" effect="dark">
+ {{ getStatusText(row.handleFlag) }}
</el-tag>
+ </template>
+ </el-table-column>
+
+ <el-table-column label="鏈�鏂板鐞嗕俊鎭�" width="180" align="center">
+ <template slot-scope="{ row }">
+ <div v-if="row.handleTime" class="handle-info">
+ <div class="info-item">
+ <span class="label">澶勭悊浜猴細</span>
+ <span class="value">{{ row.handleBy || "绯荤粺" }}</span>
+ </div>
+ <div class="info-item">
+ <span class="label">澶勭悊鏃堕棿锛�</span>
+ <span class="value time">{{
+ formatDateTime(row.handleTime)
+ }}</span>
+ </div>
+ <div class="info-item">
+ <span class="label">澶勭悊璇存槑锛�</span>
+ <span class="value">{{ row.handledesc }}</span>
+ </div>
+ </div>
+ <span v-else class="no-data">鏈鐞�</span>
</template>
</el-table-column>
@@ -191,7 +240,7 @@
size="small"
icon="el-icon-edit"
@click="handleProcess(row)"
- :disabled="row.processStatus === 2"
+ :disabled="row.handleFlag === '1'"
>
澶勭悊
</el-button>
@@ -229,63 +278,76 @@
label-width="100px"
size="medium"
>
- <el-form-item label="澶勭悊鐘舵��" prop="status">
+ <el-form-item label="澶勭悊鐘舵��" prop="handleFlag">
<el-select
- v-model="processForm.status"
+ v-model="processForm.handleFlag"
placeholder="璇烽�夋嫨澶勭悊鐘舵��"
style="width: 100%"
>
- <el-option label="澶勭悊涓�" :value="1" />
- <el-option label="宸插鐞�" :value="2" />
- <el-option label="宸查┏鍥�" :value="3" />
+ <el-option label="宸插鐞�" :value="'1'" />
+ <el-option label="鍙栨秷澶勭悊" :value="'0'" />
</el-select>
</el-form-item>
- <el-form-item label="鎶ュ绉戝" prop="reportDepts">
+ <el-form-item label="鎶ュ绉戝" prop="ccdepts">
<el-select
- v-model="processForm.reportDepts"
+ v-model="processForm.ccdepts"
placeholder="璇烽�夋嫨鎶ュ绉戝"
multiple
filterable
collapse-tags
style="width: 100%"
+ :disabled="processForm.handleFlag !== '1'"
>
<el-option
v-for="dept in deptList"
- :key="dept.id"
- :label="dept.name"
- :value="dept.id"
+ :key="dept.deptCode"
+ :label="dept.label"
+ :value="dept.deptCode"
/>
</el-select>
</el-form-item>
- <el-form-item label="澶勭悊澶囨敞" prop="remark">
+ <el-form-item label="澶勭悊缁撴灉" prop="handleresult">
+ <el-select
+ v-model="processForm.handleresult"
+ placeholder="璇烽�夋嫨澶勭悊缁撴灉"
+ style="width: 100%"
+ :disabled="processForm.handleFlag !== '1'"
+ >
+ <el-option label="宸茶В鍐�" value="resolved" />
+ <el-option label="宸茶В閲�" value="explained" />
+ <el-option label="宸茶浆浜�" value="transferred" />
+ <el-option label="闇�鏀硅繘" value="improvement" />
+ <el-option label="宸查┏鍥�" value="rejected" />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item label="澶勭悊璇存槑" prop="handledesc">
<el-input
- v-model="processForm.remark"
+ v-model="processForm.handledesc"
type="textarea"
:rows="4"
- placeholder="璇疯緭鍏ュ鐞嗗娉紙鏈�澶�500瀛楋級"
+ placeholder="璇疯緭鍏ュ鐞嗚鏄庯紙鏈�澶�500瀛楋級"
maxlength="500"
show-word-limit
+ :disabled="processForm.handleFlag !== '1'"
/>
</el-form-item>
- <el-form-item label="闄勪欢涓婁紶">
- <el-upload
- class="upload-demo"
- action="#"
- :on-preview="handlePreview"
- :on-remove="handleRemove"
- :before-remove="beforeRemove"
- :limit="3"
- :on-exceed="handleExceed"
- :file-list="fileList"
- >
- <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
- <div slot="tip" class="el-upload__tip">
- 鏀寔涓婁紶鍥剧墖銆佹枃妗ｇ瓑闄勪欢锛屽崟涓枃浠朵笉瓒呰繃10MB
- </div>
- </el-upload>
+ <el-form-item
+ label="鏈�缁堟剰瑙�"
+ prop="finaloption"
+ v-if="hasQualityPermission"
+ >
+ <el-input
+ v-model="processForm.finaloption"
+ type="textarea"
+ :rows="3"
+ placeholder="璇疯緭鍏ユ渶缁堝鐞嗘剰瑙侊紙鏈�澶�300瀛楋級"
+ maxlength="300"
+ show-word-limit
+ />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
@@ -310,44 +372,60 @@
label-width="100px"
size="medium"
>
- <el-form-item label="澶勭悊鐘舵��" prop="status">
+ <el-form-item label="澶勭悊鐘舵��" prop="handleFlag">
<el-select
- v-model="batchProcessForm.status"
+ v-model="batchProcessForm.handleFlag"
placeholder="璇烽�夋嫨澶勭悊鐘舵��"
style="width: 100%"
>
- <el-option label="澶勭悊涓�" :value="1" />
- <el-option label="宸插鐞�" :value="2" />
- <el-option label="宸查┏鍥�" :value="3" />
+ <el-option label="宸插鐞�" :value="'1'" />
+ <el-option label="鍙栨秷澶勭悊" :value="'0'" />
</el-select>
</el-form-item>
- <el-form-item label="鎶ュ绉戝" prop="reportDepts">
+ <el-form-item label="鎶ュ绉戝" prop="ccdepts">
<el-select
- v-model="batchProcessForm.reportDepts"
+ v-model="batchProcessForm.ccdepts"
placeholder="璇烽�夋嫨鎶ュ绉戝"
multiple
filterable
collapse-tags
style="width: 100%"
+ :disabled="batchProcessForm.handleFlag !== '1'"
>
<el-option
v-for="dept in deptList"
- :key="dept.id"
- :label="dept.name"
- :value="dept.id"
+ :key="dept.deptCode"
+ :label="dept.label"
+ :value="dept.deptCode"
/>
</el-select>
</el-form-item>
- <el-form-item label="澶勭悊澶囨敞" prop="remark">
+ <el-form-item label="澶勭悊缁撴灉" prop="handleresult">
+ <el-select
+ v-model="batchProcessForm.handleresult"
+ placeholder="璇烽�夋嫨澶勭悊缁撴灉"
+ style="width: 100%"
+ :disabled="batchProcessForm.handleFlag !== '1'"
+ >
+ <el-option label="宸茶В鍐�" value="resolved" />
+ <el-option label="宸茶В閲�" value="explained" />
+ <el-option label="宸茶浆浜�" value="transferred" />
+ <el-option label="闇�鏀硅繘" value="improvement" />
+ <el-option label="宸查┏鍥�" value="rejected" />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item label="澶勭悊璇存槑" prop="handledesc">
<el-input
- v-model="batchProcessForm.remark"
+ v-model="batchProcessForm.handledesc"
type="textarea"
:rows="4"
- placeholder="璇疯緭鍏ュ鐞嗗娉紙鏈�澶�500瀛楋級"
+ placeholder="璇疯緭鍏ュ鐞嗚鏄庯紙鏈�澶�500瀛楋級"
maxlength="500"
show-word-limit
+ :disabled="batchProcessForm.handleFlag !== '1'"
/>
</el-form-item>
</el-form>
@@ -358,24 +436,57 @@
@click="submitBatchProcess"
:loading="batchProcessing"
>
- 鎵归噺鎻愪氦
+ 鎵归噺鎻愪氦 ({{ selectedExceptionIds.length }})
</el-button>
</span>
+ </el-dialog>
+ <!-- 杩涘害瀵硅瘽妗� -->
+ <el-dialog
+ title="鎵归噺澶勭悊杩涘害"
+ :visible.sync="batchProgress.visible"
+ width="400px"
+ :close-on-click-modal="false"
+ :show-close="false"
+ :close-on-press-escape="false"
+ >
+ <div class="progress-content">
+ <el-progress
+ :percentage="batchProgress.percentage"
+ :status="batchProgress.percentage === 100 ? 'success' : ''"
+ />
+ <div class="progress-info">
+ 宸插鐞� {{ batchProgress.processed }}/{{ batchProgress.total }} 鏉¤褰�
+ </div>
+ </div>
</el-dialog>
<!-- 寮傚父璇︽儏寮规 -->
<Details-anomaly
:visible="detailDialogVisible"
:record-id="selectedRecordId"
:title="detailDialogTitle"
+ :record-data="selectedRecordData"
@update:visible="handleDetailDialogClose"
@processed="handleProcessed"
@close="handleDetailDialogClose"
+ />
+
+ <!-- 褰曢煶鎾斁鍣� -->
+ <audio
+ v-if="audioUrl"
+ :src="audioUrl"
+ ref="audioPlayer"
+ controls
+ style="display: none"
/>
</div>
</template>
<script>
import DetailsAnomaly from "./components/DetailsAnomaly.vue";
+import { tracelist, traceedit } from "@/api/AiCentre/index";
+import dayjs from "dayjs";
+import { deptTreeSelect } from "@/api/system/user";
+
export default {
name: "BatchProcess",
components: {
@@ -383,10 +494,15 @@
},
data() {
return {
- // 娣诲姞浠ヤ笅鏁版嵁
+ // 璇︽儏寮规鐩稿叧
detailDialogVisible: false,
selectedRecordId: null,
+ selectedRecordData: null,
detailDialogTitle: "寮傚父鍙嶉璇︽儏",
+
+ // 闊抽鎾斁
+ audioUrl: "",
+
// 褰撳墠澶勭悊鐨勫紓甯窱D
currentExceptionId: null,
@@ -395,8 +511,10 @@
// 杩囨护鍙傛暟
filterParams: {
- deptId: "",
- status: "",
+ todeptcode: "",
+ handleFlag: "",
+ templateType: null,
+ scriptids: null,
pageNum: 1,
pageSize: 10,
},
@@ -406,19 +524,11 @@
processing: false,
batchProcessing: false,
+ // 鏉冮檺鎺у埗
+ hasQualityPermission: false, // 鏄惁鍏锋湁璐ㄧ鏉冮檺
+
// 绉戝鍒楄〃
- deptList: [
- { id: 1, name: "蹇冭绠″唴绉�" },
- { id: 2, name: "绁炵粡鍐呯" },
- { id: 3, name: "鏅绉�" },
- { id: 4, name: "楠ㄧ" },
- { id: 5, name: "濡囦骇绉�" },
- { id: 6, name: "鍎跨" },
- { id: 7, name: "鎬ヨ瘖绉�" },
- { id: 8, name: "鍛煎惛鍐呯" },
- { id: 9, name: "娑堝寲鍐呯" },
- { id: 10, name: "鍐呭垎娉岀" },
- ],
+ deptList: [],
// 寮傚父鍒楄〃鏁版嵁
exceptionList: [],
@@ -427,183 +537,169 @@
// 澶勭悊瀵硅瘽妗�
processDialogVisible: false,
processForm: {
- status: "",
- reportDepts: [],
- remark: "",
+ handleFlag: "",
+ ccdepts: [],
+ handleresult: "",
+ handledesc: "",
+ finaloption: "",
+ },
+ batchProgress: {
+ visible: false,
+ percentage: 0,
+ processed: 0,
+ total: 0,
},
processRules: {
- status: [
+ handleFlag: [
{ required: true, message: "璇烽�夋嫨澶勭悊鐘舵��", trigger: "change" },
],
- remark: [
- { required: true, message: "璇疯緭鍏ュ鐞嗗娉�", trigger: "blur" },
+ handleresult: [
{
- min: 5,
- max: 500,
- message: "澶囨敞闀垮害鍦� 5 鍒� 500 涓瓧绗�",
+ required: true,
+ message: "璇烽�夋嫨澶勭悊缁撴灉",
+ trigger: "change",
+ validator: (rule, value, callback) => {
+ if (this.processForm.handleFlag === "1" && !value) {
+ callback(new Error("璇烽�夋嫨澶勭悊缁撴灉"));
+ } else {
+ callback();
+ }
+ },
+ },
+ ],
+ handledesc: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ鐞嗚鏄�",
trigger: "blur",
+ validator: (rule, value, callback) => {
+ if (
+ this.processForm.handleFlag === "1" &&
+ (!value || value.trim().length < 3)
+ ) {
+ callback(new Error("澶勭悊璇存槑鑷冲皯3涓瓧绗�"));
+ } else {
+ callback();
+ }
+ },
},
],
},
- fileList: [],
// 鎵归噺澶勭悊瀵硅瘽妗�
batchDialogVisible: false,
batchProcessForm: {
- status: "",
- reportDepts: [],
- remark: "",
+ handleFlag: "",
+ ccdepts: [],
+ handleresult: "",
+ handledesc: "",
},
};
},
+ created() {
+ // 浠庤矾鐢卞弬鏁拌幏鍙栭棶棰業D
+ this.filterParams.scriptids = this.$route.query.questionId || this.$route.query.questionIds||null;
+ // if (this.$route.query.questionId) {
+ // } else if (this.$route.query.questionIds) {
+ // console.log(
+ // this.$route.query.questionIds,
+ // "this.$route.query.questionIds"
+ // );
+
+ this.filterParams.templateType = Number(this.$route.query.type)||null;
+
+ // this.filterParams.scriptid = null;
+ // }
+ this.hasQualityPermission = this.checkQualityPermission();
+ },
+
mounted() {
this.loadExceptionList();
+ this.getDeptOptions();
},
methods: {
- // 鍔犺浇寮傚父鍒楄〃
- async loadExceptionList() {
- this.loading = true;
+ // 鏍煎紡鍖栨棩鏈熸椂闂�
+ formatDateTime(dateTime) {
+ if (!dateTime) return "";
try {
- // Mock 鏁版嵁
- await new Promise((resolve) => {
- setTimeout(() => {
- this.exceptionList = [
- {
- id: 1,
- responsibilityDept: "蹇冭绠″唴绉�",
- unsatisfactoryDetail:
- "鍖荤敓鏌ユ埧鏃堕棿澶煭锛屾矡閫氫笉澶熷厖鍒嗭紝瀵圭梾鎯呰В閲婁笉澶熻缁�",
- patientName: "寮犲厛鐢�",
- gender: 1,
- age: 45,
- phone: "138****1234",
- dischargeDept: "蹇冭绠″唴绉�",
- dischargeWard: "鍐呯涓�鐥呭尯",
- fillTime: "2024-01-15 10:30:25",
- processStatus: 0,
- questionnaireId: 1001,
- },
- {
- id: 2,
- responsibilityDept: "绁炵粡鍐呯",
- unsatisfactoryDetail:
- "鎶ゅ＋鎵撻拡鎶�鏈笉浣筹紝鎵庝簡涓夋鎵嶆垚鍔燂紝涓旀�佸害涓嶅鑰愬績",
- patientName: "鏉庡コ澹�",
- gender: 0,
- age: 38,
- phone: "139****5678",
- dischargeDept: "绁炵粡鍐呯",
- dischargeWard: "鍐呯浜岀梾鍖�",
- fillTime: "2024-01-14 16:20:10",
- processStatus: 0,
- questionnaireId: 1002,
- },
- {
- id: 3,
- responsibilityDept: "鏅绉�",
- unsatisfactoryDetail: "鏈悗鎹㈣嵂涓嶅強鏃讹紝浼ゅ彛鐤肩棝鏃舵病鏈夊強鏃跺鐞�",
- patientName: "鐜嬪厛鐢�",
- gender: 1,
- age: 52,
- phone: "137****9012",
- dischargeDept: "鏅绉�",
- dischargeWard: "澶栫涓�鐥呭尯",
- fillTime: "2024-01-13 09:15:45",
- processStatus: 1,
- questionnaireId: 1003,
- },
- {
- id: 4,
- responsibilityDept: "楠ㄧ",
- unsatisfactoryDetail: "搴峰鎸囧涓嶅涓撲笟锛屽鎭㈠杩囩▼鎻忚堪涓嶆竻妤�",
- patientName: "鍒樺コ澹�",
- gender: 0,
- age: 65,
- phone: "136****3456",
- dischargeDept: "楠ㄧ",
- dischargeWard: "澶栫浜岀梾鍖�",
- fillTime: "2024-01-12 14:40:30",
- processStatus: 0,
- questionnaireId: 1004,
- },
- {
- id: 5,
- responsibilityDept: "濡囦骇绉�",
- unsatisfactoryDetail:
- "浜у墠妫�鏌ユ帓闃熸椂闂磋繃闀匡紝绛夊緟鏈熼棿娌℃湁浼戞伅搴т綅",
- patientName: "闄堝コ澹�",
- gender: 0,
- age: 28,
- phone: "135****7890",
- dischargeDept: "濡囦骇绉�",
- dischargeWard: "濡囦骇绉戠梾鍖�",
- fillTime: "2024-01-11 11:25:15",
- processStatus: 2,
- questionnaireId: 1005,
- },
- {
- id: 6,
- responsibilityDept: "鍎跨",
- unsatisfactoryDetail:
- "鍎跨鐢ㄨ嵂鍓傞噺浜や唬涓嶆竻鏅帮紝鐢ㄨ嵂娉ㄦ剰浜嬮」娌℃湁璇存槑",
- patientName: "璧靛疂瀹�",
- gender: 1,
- age: 5,
- phone: "134****1234",
- dischargeDept: "鍎跨",
- dischargeWard: "鍎跨鐥呭尯",
- fillTime: "2024-01-10 15:50:20",
- processStatus: 0,
- questionnaireId: 1006,
- },
- {
- id: 7,
- responsibilityDept: "鎬ヨ瘖绉�",
- unsatisfactoryDetail: "鎬ヨ瘖绛夊緟鏃堕棿杩囬暱锛岀梾鎯呮病鏈夊緱鍒板強鏃惰瘎浼�",
- patientName: "瀛欏厛鐢�",
- gender: 1,
- age: 40,
- phone: "133****5678",
- dischargeDept: "鎬ヨ瘖绉�",
- dischargeWard: "鎬ヨ瘖鐥呭尯",
- fillTime: "2024-01-09 10:15:40",
- processStatus: 0,
- questionnaireId: 1007,
- },
- {
- id: 8,
- responsibilityDept: "鍛煎惛鍐呯",
- unsatisfactoryDetail: "鍖荤敓寮�鑽緝澶氾紝璐圭敤杈冮珮锛屾病鏈夎鏄庡繀瑕佹��",
- patientName: "鍛ㄥコ澹�",
- gender: 0,
- age: 55,
- phone: "132****9012",
- dischargeDept: "鍛煎惛鍐呯",
- dischargeWard: "鍐呯涓�鐥呭尯",
- fillTime: "2024-01-08 13:30:55",
- processStatus: 1,
- questionnaireId: 1008,
- },
- ];
- this.total = this.exceptionList.length;
- resolve();
- }, 500);
+ const date = new Date(dateTime);
+ if (isNaN(date.getTime())) {
+ return dateTime;
+ }
+ return (
+ date.toLocaleDateString().replace(/\//g, "-") +
+ " " +
+ date.toTimeString().split(" ")[0]
+ );
+ } catch (error) {
+ console.error("鏃ユ湡鏍煎紡鍖栭敊璇�:", error);
+ return dateTime;
+ }
+ },
+ /** 鏌ヨ绉戝鍒楄〃 */
+ getDeptOptions() {
+ deptTreeSelect()
+ .then((res) => {
+ if (res.code == 200) {
+ this.deptList = this.flattenArray(res.data) || [];
+ }
+ })
+ .catch((error) => {
+ console.error("鑾峰彇绉戝鍒楄〃澶辫触:", error);
+ this.$message.error("鑾峰彇绉戝鍒楄〃澶辫触");
});
- } finally {
- this.loading = false;
+ },
+ flattenArray(multiArray) {
+ let result = [];
+
+ function flatten(element) {
+ if (element.children && element.children.length > 0) {
+ element.children.forEach((child) => flatten(child));
+ } else {
+ let item = JSON.parse(JSON.stringify(element));
+ result.push(item);
+ }
+ }
+
+ multiArray.forEach((element) => flatten(element));
+ return result;
+ },
+ // 瑙ｆ瀽鎮ｈ�呮弿杩颁俊鎭�
+ parsePatDesc(patdesc) {
+ if (!patdesc) return [];
+
+ try {
+ const parts = patdesc.split("|");
+ const items = [];
+
+ if (parts[0]) items.push({ label: "濮撳悕", value: parts[0] });
+ if (parts[1]) items.push({ label: "鐢佃瘽", value: parts[1] });
+ if (parts[2]) items.push({ label: "绉戝", value: parts[2] });
+
+ return items;
+ } catch (error) {
+ console.error("瑙ｆ瀽鎮ｈ�呬俊鎭け璐�:", error);
+ return [];
}
},
+ // 妫�鏌ヨ川绠℃潈闄�
+ checkQualityPermission() {
+ // 杩欓噷鍙互鏍规嵁瀹為檯鏉冮檺绯荤粺瀹炵幇
+ const userRoles = this.$store.getters.roles || [];
+ return (
+ userRoles.includes("quality_manager") || userRoles.includes("admin")
+ );
+ },
+
// 鑾峰彇鐘舵�佹爣绛剧被鍨�
- getStatusTagType(status) {
- switch (status) {
- case 0:
- return "warning"; // 寰呭鐞�
- case 1:
- return "primary"; // 澶勭悊涓�
- case 2:
+ getStatusTagType(handleFlag) {
+ switch (handleFlag) {
+ case "0":
+ return "warning"; // 鏈鐞�
+ case "1":
return "success"; // 宸插鐞�
default:
return "info";
@@ -611,16 +707,82 @@
},
// 鑾峰彇鐘舵�佹枃鏈�
- getStatusText(status) {
- switch (status) {
- case 0:
- return "寰呭鐞�";
- case 1:
- return "澶勭悊涓�";
- case 2:
+ getStatusText(handleFlag) {
+ switch (handleFlag) {
+ case "0":
+ return "鏈鐞�";
+ case "1":
return "宸插鐞�";
default:
return "鏈煡";
+ }
+ },
+
+ // 鎾斁褰曢煶
+ handlePlayAudio(url) {
+ this.audioUrl = url;
+ this.$nextTick(() => {
+ const audioPlayer = this.$refs.audioPlayer;
+ if (audioPlayer) {
+ audioPlayer.play().catch((error) => {
+ console.error("鎾斁澶辫触:", error);
+ this.$message.error("闊抽鎾斁澶辫触");
+ });
+ }
+ });
+ },
+
+ // 鏋勫缓鏌ヨ鍙傛暟
+ buildQueryParams() {
+ const params = {
+ pageNum: this.filterParams.pageNum,
+ pageSize: this.filterParams.pageSize,
+ };
+
+ if (this.filterParams.todeptcode) {
+ params.todeptcode = this.filterParams.todeptcode;
+ }
+
+ if (this.filterParams.handleFlag !== "") {
+ params.handleFlag = this.filterParams.handleFlag;
+ }
+
+ if (this.filterParams.templateType) {
+ params.templateType = this.filterParams.templateType;
+ }
+
+ // if (this.filterParams.scriptid) {
+ // params.scriptid = this.filterParams.scriptid;
+ // }
+ if (this.filterParams.scriptids) {
+ params.scriptids = this.filterParams.scriptids.split(",");
+ }
+
+ return params;
+ },
+
+ // 鍔犺浇寮傚父鍒楄〃
+ async loadExceptionList() {
+ this.loading = true;
+ try {
+ const params = this.buildQueryParams();
+ const response = await tracelist(params);
+
+ if (response && response.code === 200) {
+ this.exceptionList = response.rows || [];
+ this.total = response.total || 0;
+ } else {
+ this.exceptionList = [];
+ this.total = 0;
+ this.$message.error(response?.msg || "鍔犺浇寮傚父鍒楄〃澶辫触");
+ }
+ } catch (error) {
+ console.error("鍔犺浇寮傚父鍒楄〃澶辫触:", error);
+ this.$message.error("鍔犺浇寮傚父鍒楄〃澶辫触锛岃绋嶅悗閲嶈瘯");
+ this.exceptionList = [];
+ this.total = 0;
+ } finally {
+ this.loading = false;
}
},
@@ -633,11 +795,14 @@
// 閲嶇疆绛涢��
handleResetFilter() {
this.filterParams = {
- deptId: "",
- status: "",
+ todeptcode: "",
+ handleFlag: "",
+ templateType: "",
+ scriptids: null, // 淇濈暀闂ID
pageNum: 1,
pageSize: 10,
};
+ this.selectedExceptionIds = [];
this.loadExceptionList();
},
@@ -652,6 +817,15 @@
this.$message.warning("璇峰厛閫夋嫨瑕佸鐞嗙殑寮傚父鍙嶉");
return;
}
+
+ // 閲嶇疆鎵归噺澶勭悊琛ㄥ崟
+ this.batchProcessForm = {
+ handleFlag: "",
+ ccdepts: [],
+ handleresult: "",
+ handledesc: "",
+ };
+
this.batchDialogVisible = true;
},
@@ -663,44 +837,86 @@
// 鏌ョ湅璇︽儏
handleViewDetail(row) {
this.selectedRecordId = row.id;
- this.detailDialogTitle = `${row.patientName} - 寮傚父鍙嶉璇︽儏`;
+ this.selectedRecordData = row;
+
+ // 鐢熸垚寮规鏍囬
+ let title = "寮傚父鍙嶉璇︽儏";
+ if (row.patdesc) {
+ const patientName = row.patdescJson.sendname;
+ if (patientName) {
+ title = `${patientName} - ${title}`;
+ }
+ }
+ this.detailDialogTitle = title;
+
this.detailDialogVisible = true;
},
+
// 澶勭悊璇︽儏寮规鍏抽棴
handleDetailDialogClose() {
this.detailDialogVisible = false;
this.selectedRecordId = null;
- }, // 澶勭悊瀹屾垚鍚庣殑鍥炶皟
+ this.selectedRecordData = null;
+ },
+
+ // 澶勭悊瀹屾垚鍚庣殑鍥炶皟
handleProcessed() {
- // 閲嶆柊鍔犺浇鏁版嵁
this.loadExceptionList();
},
+
// 澶勭悊鍗曚釜寮傚父
handleProcess(row) {
this.currentExceptionId = row.id;
+
+ // 鍒濆鍖栬〃鍗曟暟鎹�
this.processForm = {
- status: row.processStatus === 0 ? 1 : row.processStatus,
- reportDepts: [],
- remark: "",
+ handleFlag: row.handleFlag === "0" ? "1" : "0",
+ ccdepts: row.ccdepts ? row.ccdepts.split(",") : [],
+ handleresult: row.handleresult || "",
+ handledesc: row.handledesc || "",
+ finaloption: row.finaloption || "",
};
+
this.processDialogVisible = true;
},
// 鎻愪氦澶勭悊
async submitProcess() {
this.$refs.processForm.validate(async (valid) => {
- if (valid) {
- this.processing = true;
- try {
- // Mock API璋冪敤
- await new Promise((resolve) => setTimeout(resolve, 1000));
+ if (!valid) {
+ return;
+ }
- this.$message.success("澶勭悊鎻愪氦鎴愬姛");
- this.processDialogVisible = false;
- this.loadExceptionList();
- } finally {
- this.processing = false;
- }
+ this.processing = true;
+
+ try {
+ // 鍑嗗鎻愪氦鏁版嵁
+ const submitData = {
+ id: this.currentExceptionId,
+ handleFlag: this.processForm.handleFlag,
+ handleresult: this.processForm.handleresult,
+ handledesc: this.processForm.handledesc,
+ finaloption: this.processForm.finaloption,
+ handleBy: this.$store.state.user.nickName,
+ handleTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+ // 灏嗘暟缁勮浆鎹负閫楀彿鍒嗛殧鐨勫瓧绗︿覆
+ ccdepts: Array.isArray(this.processForm.ccdepts)
+ ? this.processForm.ccdepts.join(",")
+ : this.processForm.ccdepts,
+ };
+ // TODO: 杩欓噷闇�瑕佽皟鐢ㄥ疄闄呯殑澶勭悊鎺ュ彛
+ await traceedit(submitData);
+
+ // await new Promise((resolve) => setTimeout(resolve, 1000));
+
+ this.$message.success("澶勭悊鎻愪氦鎴愬姛");
+ this.processDialogVisible = false;
+ this.loadExceptionList();
+ } catch (error) {
+ console.error("澶勭悊鎻愪氦澶辫触:", error);
+ this.$message.error("澶勭悊鎻愪氦澶辫触锛岃绋嶅悗閲嶈瘯");
+ } finally {
+ this.processing = false;
}
});
},
@@ -708,21 +924,111 @@
// 鎻愪氦鎵归噺澶勭悊
async submitBatchProcess() {
this.$refs.batchProcessForm.validate(async (valid) => {
- if (valid) {
- this.batchProcessing = true;
- try {
- // Mock API璋冪敤
- await new Promise((resolve) => setTimeout(resolve, 1500));
+ if (!valid) {
+ return;
+ }
- this.$message.success(
- `宸叉壒閲忓鐞� ${this.selectedExceptionIds.length} 鏉″紓甯稿弽棣坄
+ this.batchProcessing = true;
+ // 鏄剧ず杩涘害鏉�
+ this.batchProgress = {
+ visible: true,
+ percentage: 0,
+ processed: 0,
+ total: this.selectedExceptionIds.length,
+ };
+ try {
+ // 鍑嗗鎵归噺鎻愪氦鏁版嵁
+ const processData = {
+ handleFlag: this.batchProcessForm.handleFlag,
+ handleresult: this.batchProcessForm.handleresult,
+ handledesc: this.batchProcessForm.handledesc,
+ ccdepts: Array.isArray(this.batchProcessForm.ccdepts)
+ ? this.batchProcessForm.ccdepts.join(",")
+ : this.batchProcessForm.ccdepts,
+ };
+
+ // 鎺у埗骞跺彂鏁�
+ const CONCURRENT_LIMIT = 10; // 鍚屾椂鏈�澶�3涓姹�
+ const totalCount = this.selectedExceptionIds.length;
+ const results = [];
+ let successCount = 0;
+ let failCount = 0;
+
+ this.$message.info(`寮�濮嬫壒閲忓鐞� ${totalCount} 鏉¤褰�...`);
+
+ // 鍒嗙粍澶勭悊
+ for (
+ let i = 0;
+ i < this.selectedExceptionIds.length;
+ i += CONCURRENT_LIMIT
+ ) {
+ const batchIds = this.selectedExceptionIds.slice(
+ i,
+ i + CONCURRENT_LIMIT
);
- this.batchDialogVisible = false;
- this.selectedExceptionIds = [];
- this.loadExceptionList();
- } finally {
- this.batchProcessing = false;
+
+ // 骞跺彂澶勭悊褰撳墠鎵规
+ const batchPromises = batchIds.map((id) =>
+ traceedit({
+ id: id,
+ ...processData,
+ })
+ .then((result) => ({
+ id,
+ success: result && result.code === 200,
+ error: result?.msg,
+ }))
+ .catch((error) => ({
+ id,
+ success: false,
+ error: error.message,
+ }))
+ );
+
+ const batchResults = await Promise.all(batchPromises);
+ results.push(...batchResults);
+
+ // 鏇存柊缁熻
+ batchResults.forEach((result) => {
+ if (result.success) {
+ successCount++;
+ } else {
+ failCount++;
+ console.error(`澶勭悊璁板綍 ${result.id} 澶辫触:`, result.error);
+ }
+ });
+ // 鏇存柊杩涘害
+ this.batchProgress.processed = i + 1;
+ this.batchProgress.percentage = Math.round(
+ ((i + 1) / totalCount) * 100
+ );
+ // 鏄剧ず杩涘害
+ console.log(
+ `杩涘害: ${Math.min(
+ i + CONCURRENT_LIMIT,
+ totalCount
+ )}/${totalCount}`
+ );
}
+
+ // 澶勭悊缁撴灉鎻愮ず
+ if (successCount === totalCount) {
+ this.$message.success(`宸叉垚鍔熷鐞嗗叏閮� ${totalCount} 鏉″紓甯稿弽棣坄);
+ } else {
+ this.$message.warning(
+ `宸插鐞� ${successCount} 鏉★紝澶辫触 ${failCount} 鏉″紓甯稿弽棣坄
+ );
+ }
+
+ this.batchDialogVisible = false;
+ this.selectedExceptionIds = [];
+ this.loadExceptionList();
+ } catch (error) {
+ console.error("鎵归噺澶勭悊澶辫触:", error);
+ this.$message.error("鎵归噺澶勭悊澶辫触锛岃绋嶅悗閲嶈瘯");
+ } finally {
+ this.batchProcessing = false;
+ this.batchProgress.visible = false;
}
});
},
@@ -738,27 +1044,6 @@
handlePageChange(page) {
this.filterParams.pageNum = page;
this.loadExceptionList();
- },
-
- // 鏂囦欢涓婁紶鐩稿叧鏂规硶
- handlePreview(file) {
- console.log("棰勮鏂囦欢:", file);
- },
-
- handleRemove(file, fileList) {
- console.log("绉婚櫎鏂囦欢:", file, fileList);
- },
-
- beforeRemove(file) {
- return this.$confirm(`纭畾绉婚櫎 ${file.name}锛焋);
- },
-
- handleExceed(files, fileList) {
- this.$message.warning(
- `褰撳墠闄愬埗閫夋嫨 3 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${
- files.length + fileList.length
- } 涓枃浠禶
- );
},
},
};
@@ -827,64 +1112,109 @@
}
.detail-content {
- font-size: 13px;
- color: #606266;
- line-height: 1.5;
text-align: left;
+ font-size: 12px;
+ line-height: 1.5;
+
+ .question-text {
+ color: #303133;
+ margin-bottom: 5px;
+ font-weight: 500;
+ }
+
+ .answer-text {
+ color: #f56c6c;
+ margin-bottom: 5px;
+ }
+
+ .matched-text {
+ color: #e6a23c;
+ font-style: italic;
+ }
+
+ strong {
+ color: #606266;
+ font-weight: 600;
+ }
}
.patient-info {
- .patient-item {
+ .patient-row {
display: flex;
justify-content: space-between;
align-items: center;
- margin-bottom: 5px;
- padding: 2px 0;
+ margin-bottom: 8px;
- .label {
- font-size: 12px;
- color: #606266;
- min-width: 40px;
+ &:last-child {
+ margin-bottom: 0;
}
- .value {
- font-size: 13px;
- color: #333;
- font-weight: 500;
- text-align: right;
+ .patient-item {
flex: 1;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 0 5px;
+
+ &.full-width {
+ flex: 1 0 100%;
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .label {
+ font-size: 12px;
+ color: #606266;
+ margin-right: 5px;
+ white-space: nowrap;
+ }
+
+ .value {
+ font-size: 12px;
+ color: #333;
+ font-weight: 500;
+ text-align: right;
+ word-break: break-all;
+ }
}
}
}
- .discharge-info {
+ .fill-info,
+ .handle-info {
+ font-size: 12px;
+
.info-item {
display: flex;
- justify-content: space-between;
+ justify-content: flex-start;
align-items: center;
margin-bottom: 5px;
padding: 2px 0;
.label {
- font-size: 12px;
color: #606266;
min-width: 50px;
}
.value {
- font-size: 13px;
color: #333;
font-weight: 500;
- text-align: right;
+ // text-align: right;
flex: 1;
&.time {
- font-size: 12px;
color: #909399;
+ font-size: 11px;
}
}
}
}
+
+ .no-data {
+ color: #909399;
+ font-style: italic;
+ font-size: 12px;
+ }
}
.pagination-section {
--
Gitblit v1.9.3