瀏覽代碼

历史工单调整

zhangchong 2 年之前
父節點
當前提交
5dc75da710

+ 4 - 2
src/views/business/order/accept/orderAdd.vue

@@ -416,10 +416,10 @@
 								<el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable @keyup.enter="handleQuery" />
 							</el-form-item>
 							<el-form-item>
-								<el-button type="primary" @click="handleQuery" :loading="state.historyOrderLoading" v-waves>
+								<el-button type="primary" @click="handleQuery" :loading="state.historyOrderLoading">
 									<SvgIcon name="ele-Search" class="mr5" />查询
 								</el-button>
-								<el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading" v-waves class="default-button">
+								<el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading" class="default-button">
 									<SvgIcon name="ele-Refresh" class="mr5" />重置
 								</el-button>
 							</el-form-item>
@@ -587,6 +587,7 @@ const state = reactive<any>({
 		licenceTypeCode: '',
 		acceptSms: false,
 		needContact: false,
+		fromPhone:'',
 	},
 	formLoading: false, // 表单加载状态
 	historyOrderLoading: false, // 历史工单加载状态
@@ -931,6 +932,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 };
 /** 获取历史工单 */
 const searchHistory = () => {
+	if(!state.ruleForm.fromPhone) return;// 如果没有来电号码 不进行查询
 	state.historyOrderLoading = true;
 	let request = {
 		...state.queryParams,

+ 4 - 2
src/views/business/order/accept/orderEdit.vue

@@ -422,10 +422,10 @@
 								<el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable @keyup.enter="handleQuery" />
 							</el-form-item>
 							<el-form-item>
-								<el-button type="primary" @click="handleQuery" :loading="state.historyOrderLoading" v-waves>
+								<el-button type="primary" @click="handleQuery" :loading="state.historyOrderLoading">
 									<SvgIcon name="ele-Search" class="mr5" />查询
 								</el-button>
-								<el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading" v-waves class="default-button">
+								<el-button @click="resetQuery(queryParamsRef)" :loading="state.historyOrderLoading" class="default-button">
 									<SvgIcon name="ele-Refresh" class="mr5" />重置
 								</el-button>
 							</el-form-item>
@@ -590,6 +590,7 @@ const state = reactive<any>({
 		content: '',
 		acceptSms: false,
 		needContact: false,
+		fromPhone:'',
 	},
 	formLoading: false, // 表单加载状态
 	historyOrderLoading: false, // 历史工单加载状态
@@ -918,6 +919,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 };
 /** 获取历史工单 */
 const searchHistory = () => {
+	if(!state.ruleForm.fromPhone) return;// 如果没有来电号码 不进行查询
 	state.historyOrderLoading = true;
 	let request = {
 		...state.queryParams,

+ 0 - 1
src/views/business/order/components/ExpandForm.vue

@@ -658,7 +658,6 @@ const closed = () => {
 const problemCascaderRef = ref();
 const changeProblems = () => {
 	let currentNode = problemCascaderRef.value.getCheckedNodes();
-	console.log(currentNode, 'changeProblems');
 	if (state.acceptType == 5) {
 		//举报
 		state.expandForm.reportClassify = currentNode[0].label;

+ 19 - 7
src/views/business/order/components/History.vue

@@ -7,13 +7,11 @@
 						<el-input v-model="state.queryParams.Keyword" placeholder="工单标题/工单编码" clearable @keyup.enter="handleQuery" />
 					</el-form-item>
 					<el-form-item>
-						<el-button type="primary" @click="handleQuery" :loading="state.loading" v-waves>
-							<SvgIcon name="ele-Search" class="mr5" />查询
-						</el-button>
-						<el-button @click="resetQuery(ruleFormRef)" v-waves class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
+						<el-button type="primary" @click="handleQuery" :loading="state.loading"> <SvgIcon name="ele-Search" class="mr5" />查询 </el-button>
+						<el-button @click="resetQuery(ruleFormRef)" class="default-button"> <SvgIcon name="ele-Refresh" class="mr5" />重置 </el-button>
 					</el-form-item>
 				</el-form>
-				<el-table :data="state.tableData" @current-change="handleSelectionChange">
+				<el-table :data="state.tableData" @current-change="handleSelectionChange" max-height="500">
 					<el-table-column prop="phoneNo" label="重复件" width="70">
 						<template #default="scope">
 							<el-radio v-model="state.tableRadio" :label="scope.row.id" @change="handleRowChange(scope.row)">&nbsp;</el-radio>
@@ -29,7 +27,20 @@
 					<el-table-column prop="currentStepName" label="当前环节" show-overflow-tooltip></el-table-column>
 					<el-table-column prop="statusText" label="状态" width="70" fixed="right" align="center">
 						<template #default="scope">
-							<span style="color: var(--el-color-primary)">{{ scope.row.statusText }}</span>
+							<!-- 草稿 -->
+							<span style="color: var(--el-color-info)" v-if="scope.row.status === 0">{{ scope.row.statusText }}</span>
+							<!-- 待签收 -->
+							<span style="color: var(--el-color-success)" v-if="scope.row.status === 10">{{ scope.row.statusText }}</span>
+							<!-- 办理中 -->
+							<span style="color: var(--el-color-primary)" v-if="scope.row.status === 20">{{ scope.row.statusText }}</span>
+							<!-- 会签中 -->
+							<span style="color: var(--el-color-primary)" v-if="scope.row.status === 30">{{ scope.row.statusText }}</span>
+							<!-- 退回 -->
+							<span style="color: var(--el-color-danger)" v-if="scope.row.status === 40">{{ scope.row.statusText }}</span>
+							<!-- 办理完成 -->
+							<span style="color: var(--el-color-success)" v-if="scope.row.status === 50">{{ scope.row.statusText }}</span>
+							<!-- 已归档 -->
+							<span style="color: var(--el-color-info)" v-if="scope.row.status === 60">{{ scope.row.statusText }}</span>
 						</template>
 					</el-table-column>
 					<template #empty>
@@ -46,7 +57,7 @@
 			</div>
 			<template #footer>
 				<span class="dialog-footer">
-					<el-button class="default-button" @click="state.isShowDialog = false">关闭</el-button>
+					<el-button class="default-button" @click="state.isShowDialog = false">取 消</el-button>
 					<el-button type="primary" @click="selecConfrim" :disabled="!state.tableRadio">确 定</el-button>
 				</span>
 			</template>
@@ -103,6 +114,7 @@ const resetQuery = (formEl: FormInstance | undefined) => {
 };
 /** 获取历史工单 */
 const getList = () => {
+	if (!state.ruleForm.fromPhone) return;
 	state.loading = true;
 	let request = {
 		...state.queryParams,