|
|
|
|
@ -5,13 +5,30 @@
|
|
|
|
|
<!-- 搜索模块 --> |
|
|
|
|
<div v-h5uShow="search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="el-fr-d"> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
|
|
|
|
<el-form :inline="true" :model="TopQuery" class="el-fr-d"> |
|
|
|
|
<el-form-item label="工单号" class="el-times"> |
|
|
|
|
<div class="el_div_input"> |
|
|
|
|
<el-input |
|
|
|
|
type="text" |
|
|
|
|
clearable |
|
|
|
|
v-model="TopQuery.workOrderNumber" |
|
|
|
|
placeholder="请输入工单号" |
|
|
|
|
/><el-icon @click="MultilineSearch('工单号搜索', TopQuery.workOrderNumber)" |
|
|
|
|
><CirclePlusFilled |
|
|
|
|
/></el-icon> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送日期"> |
|
|
|
|
<el-form-item label="订单自编号" class="el-times"> |
|
|
|
|
<div class="el_div_input"> |
|
|
|
|
<el-input |
|
|
|
|
clearable |
|
|
|
|
type="text" |
|
|
|
|
v-model="TopQuery.orderCode" |
|
|
|
|
placeholder="请输入订单自编号" |
|
|
|
|
/><el-icon @click="MultilineSearch('订单自编号搜索')"><CirclePlusFilled /></el-icon> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- <el-form-item label="配送日期"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="TopQuery.time" |
|
|
|
|
type="datetimerange" |
|
|
|
|
@ -22,6 +39,11 @@
|
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
:default-time="defaultTime2" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> --> |
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
@ -73,7 +95,11 @@
|
|
|
|
|
<el-button type="primary" icon="Stamp" v-if="ButtonPermissions.Result_review" |
|
|
|
|
>结果批量审核</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" icon="Pointer" v-if="ButtonPermissions.assignment" |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
icon="Pointer" |
|
|
|
|
v-if="ButtonPermissions.assignment" |
|
|
|
|
@click="WorkOrderAssignment" |
|
|
|
|
>工单指派</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" icon="User" v-if="ButtonPermissions.applyArbitration" |
|
|
|
|
@ -289,6 +315,90 @@
|
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
<!-- 工单指派弹窗 --> |
|
|
|
|
<el-dialog v-model="assignFrom.dialogassign" title="工单指派" width="40%" class="plAllret"> |
|
|
|
|
<el-form |
|
|
|
|
v-loading="assignFrom.AssignLoad" |
|
|
|
|
element-loading-text="正在处理中..." |
|
|
|
|
label-position="top" |
|
|
|
|
label-width="100px" |
|
|
|
|
:model="assignFrom" |
|
|
|
|
:rules="assignFrom.rules" |
|
|
|
|
ref="assignFromForm" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="客服列表" prop="businessDepartment"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="assignFrom.businessDepartment" |
|
|
|
|
filterable |
|
|
|
|
default-first-option |
|
|
|
|
:reserve-keyword="false" |
|
|
|
|
placeholder="请选择指派客服" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in assignFrom.customerService" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.realName" |
|
|
|
|
:value="item.id" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<span class="dialog-footer"> |
|
|
|
|
<el-button @click="assignFrom.dialogassign = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="Assignbutton" :disabled="assignFrom.AssignLoad"> |
|
|
|
|
确定 |
|
|
|
|
</el-button> |
|
|
|
|
</span> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 搜索弹窗 --> |
|
|
|
|
<div class="Searchboxpop-upwindow"> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Searchboxpop.dialogSearch" |
|
|
|
|
:title="Searchboxpop.SearchboxpopUpwindowtitle" |
|
|
|
|
:show-close="false" |
|
|
|
|
:fullscreen="Searchboxpop.fullscreen" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
:draggable="true" |
|
|
|
|
:overflow="false" |
|
|
|
|
width="50%" |
|
|
|
|
> |
|
|
|
|
<template #header> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="div_icon"> |
|
|
|
|
<el-icon @click="minimize"><Minus /></el-icon> |
|
|
|
|
<el-icon @click="maximize"><FullScreen /></el-icon> |
|
|
|
|
<el-icon @click="close"><CloseBold /></el-icon> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<el-input |
|
|
|
|
v-model="TopQuery.inputAll" |
|
|
|
|
style="width: 100%; height: 100%" |
|
|
|
|
:autosize="{ minRows: 24 }" |
|
|
|
|
type="textarea" |
|
|
|
|
placeholder="每一行算一个搜索单位“多个请【换行】输入" |
|
|
|
|
/> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button type="primary" @click="dialogSearchSubmit"> 确认 </el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
<!-- 最小化窗口 --> |
|
|
|
|
<div class="minimize_windows" v-if="Searchboxpop.MinimizeState"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="div_icon"> |
|
|
|
|
<el-icon @click="ExpandWindow"><FullScreen /></el-icon> |
|
|
|
|
<el-icon @click="DestroyWindow"><Close /></el-icon> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</basic-container> |
|
|
|
|
<!-- 列表配置显示 --> |
|
|
|
|
|
|
|
|
|
@ -401,6 +511,23 @@ const workOrderStatus = ref(30); //工单状态
|
|
|
|
|
const PageLoading = ref(false); //页面loading |
|
|
|
|
const warehouseData = ref([]); //仓库信息 |
|
|
|
|
const UserInfo = ref({}); //登陆人信息 |
|
|
|
|
const assignFromForm = ref(null); //指派客服表单实例 |
|
|
|
|
const dialogSearch = ref(false); //弹窗搜索 |
|
|
|
|
// 多行搜索 |
|
|
|
|
const Searchboxpop = ref({ |
|
|
|
|
SearchboxpopUpwindowtitle: '', //标题 |
|
|
|
|
dialogSearch: false, ///弹窗是否展开 |
|
|
|
|
fullscreen: false, //是否全屏 |
|
|
|
|
MinimizeState: false, //是否最小化 |
|
|
|
|
}); |
|
|
|
|
const assignFrom = ref({ |
|
|
|
|
dialogassign: false, |
|
|
|
|
AssignLoad: false, |
|
|
|
|
customerService: [], //客服列表 |
|
|
|
|
rules: { |
|
|
|
|
businessDepartment: [{ required: true, message: '请选择要指派的客服', trigger: 'blur' }], |
|
|
|
|
}, |
|
|
|
|
}); //工单指派总部客服 |
|
|
|
|
const batchReturnForm = ref(null); |
|
|
|
|
const BatchReturn = ref({ |
|
|
|
|
//批量打回弹窗 |
|
|
|
|
@ -608,7 +735,7 @@ const ButtonPermissions = computed(() => {
|
|
|
|
|
return { |
|
|
|
|
add: false, //新增按钮 |
|
|
|
|
batchReject: UserPermissions.value == Useridentity.Headquarters_customer_service, //批量打回 |
|
|
|
|
assignment: false, //工单指派 |
|
|
|
|
assignment: UserPermissions.value != Useridentity.Warehouse_customer_service, //工单指派 |
|
|
|
|
applyArbitration: false, //客服介入 |
|
|
|
|
DingTalkNumber: false, //钉钉号填 |
|
|
|
|
batchFinish: false, //批量完结 |
|
|
|
|
@ -857,9 +984,7 @@ watch(
|
|
|
|
|
TabPermissions.value = $useStore.state.Customer.Customerobj; |
|
|
|
|
tabValue.value = $useStore.state.Customer.Customerobj; //菜单编号 |
|
|
|
|
if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].includes(TabPermissions.value)) { |
|
|
|
|
let _Obj = MatchCurrentMenu(); //匹配出当前菜单 |
|
|
|
|
_Obj.request = true; //更新请求状态 |
|
|
|
|
PublicDataRequest(TabPermissions.value); //请求数据 |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
$useStore.commit('Customer_Menu', 0); //设置回初始值 |
|
|
|
|
} |
|
|
|
|
$useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrderTemp', status: false }); //重新缓存页面 |
|
|
|
|
@ -920,15 +1045,12 @@ const selectionChange = list => {
|
|
|
|
|
}; |
|
|
|
|
// 网页顶部搜索按钮 |
|
|
|
|
const searchChange = () => { |
|
|
|
|
PublicDataRequest(); |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 刷新按钮 |
|
|
|
|
const searchChangeS = () => { |
|
|
|
|
details.search = false; //关闭搜索 |
|
|
|
|
let _Obj = MatchCurrentMenu(); |
|
|
|
|
_Obj.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
}; |
|
|
|
|
// 重置表格搜索 |
|
|
|
|
const ResetTableSearch = async () => { |
|
|
|
|
@ -941,7 +1063,32 @@ const ResetTableSearch = async () => {
|
|
|
|
|
PublicDataRequest(TabPermissions.value, true); |
|
|
|
|
}; |
|
|
|
|
//清空 |
|
|
|
|
const searchReset = () => {}; |
|
|
|
|
const searchReset = () => { |
|
|
|
|
TopQuery.value={} |
|
|
|
|
TabList.value.forEach(item => { |
|
|
|
|
item.query = {}; |
|
|
|
|
}); |
|
|
|
|
const TabcolumnList = [ |
|
|
|
|
columnList, |
|
|
|
|
columnList1, |
|
|
|
|
columnList2, |
|
|
|
|
columnList3, |
|
|
|
|
columnList4, |
|
|
|
|
columnList5, |
|
|
|
|
columnList6, |
|
|
|
|
columnList7, |
|
|
|
|
columnList8, |
|
|
|
|
columnList9, |
|
|
|
|
columnList10, |
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
TabcolumnList.forEach(item => { |
|
|
|
|
handleClearTableQuery(item); |
|
|
|
|
}); |
|
|
|
|
details.search = false; // 关闭搜索 |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
autoscaling(); |
|
|
|
|
}; |
|
|
|
|
// 顶部搜索 |
|
|
|
|
const searchHide = () => { |
|
|
|
|
console.log(details); |
|
|
|
|
@ -1082,6 +1229,25 @@ const GetWarehouse = () => {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
/** |
|
|
|
|
* 获取客服人员 |
|
|
|
|
* |
|
|
|
|
* @returns {Promise<void>} |
|
|
|
|
*/ |
|
|
|
|
const GetCustomerService = async () => { |
|
|
|
|
try { |
|
|
|
|
let _res = await $_getCustomerServicePersonnel(); |
|
|
|
|
const { code, data } = _res.data; |
|
|
|
|
if (code != 200) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
assignFrom.value.customerService = data; |
|
|
|
|
} catch (e) { |
|
|
|
|
console.log(e); |
|
|
|
|
} finally { |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
*页面初始化函数，包含字典，等必要请求 |
|
|
|
|
*/ |
|
|
|
|
@ -1094,10 +1260,11 @@ const PageOnlaod = async () => {
|
|
|
|
|
Roleverification(), // 获取角色信息 |
|
|
|
|
SelectionInitialization(), // 下拉框初始化赋值 |
|
|
|
|
GetWarehouse(), //获取仓库 |
|
|
|
|
GetCustomerService(), //获取总部客服列表 |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
// 获取页面数据 |
|
|
|
|
PublicDataRequest(TabPermissions.value); |
|
|
|
|
await PublicDataRequest(TabPermissions.value); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.log(error); |
|
|
|
|
} finally { |
|
|
|
|
@ -1358,7 +1525,17 @@ const getQuery = () => {
|
|
|
|
|
let _Obj = MatchCurrentMenu(); |
|
|
|
|
return _Obj.query; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* @description: 更新当前菜单的请求状态并请求数据 |
|
|
|
|
* @return {void} 无返回值 |
|
|
|
|
*/ |
|
|
|
|
const updateMenuAndData = () => { |
|
|
|
|
const currentMenu = MatchCurrentMenu(); // 匹配当前菜单 |
|
|
|
|
if (currentMenu) { |
|
|
|
|
currentMenu.request = true; // 更新请求状态 |
|
|
|
|
} |
|
|
|
|
PublicDataRequest(TabPermissions.value); // 请求数据 |
|
|
|
|
}; |
|
|
|
|
/** |
|
|
|
|
* @description 通用函数用于处理数据请求（包含待回复、理赔金额未出、申诉、超时未处理） |
|
|
|
|
* @param {Function} fetchFunction - 用于执行具体数据请求的函数 |
|
|
|
|
@ -1566,9 +1743,7 @@ const Appealbutton = async state => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
appeal.value.dialogappeal = false; |
|
|
|
|
const currentMenu = MatchCurrentMenu(); |
|
|
|
|
currentMenu.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); |
|
|
|
|
updateMenuAndData(); //更新菜单数据 |
|
|
|
|
} finally { |
|
|
|
|
appeal.value.loadingappeal = false; |
|
|
|
|
} |
|
|
|
|
@ -1593,9 +1768,7 @@ const Deleteappealrecords = async row => {
|
|
|
|
|
message: '删除成功', |
|
|
|
|
type: 'success', |
|
|
|
|
}); |
|
|
|
|
let _Obj = MatchCurrentMenu(); |
|
|
|
|
_Obj.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); //获取新数据 |
|
|
|
|
updateMenuAndData(); //获取新数据 |
|
|
|
|
} |
|
|
|
|
} catch { |
|
|
|
|
} finally { |
|
|
|
|
@ -1626,9 +1799,7 @@ const CancelWorkOrderAppeal = row => {
|
|
|
|
|
.then(res => { |
|
|
|
|
console.log(res, '取消申诉返回值'); |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
let _Obj = MatchCurrentMenu(); |
|
|
|
|
_Obj.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); //获取新数据 |
|
|
|
|
updateMenuAndData(); //获取新数据 |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '取消申诉成功', |
|
|
|
|
type: 'success', |
|
|
|
|
@ -1930,9 +2101,7 @@ const ResultConfirmed = async row => {
|
|
|
|
|
if (code == 200) { |
|
|
|
|
console.log(_res, '理赔金额未出处理结果确定'); |
|
|
|
|
ElMessage.success(msg); |
|
|
|
|
let _Obj = MatchCurrentMenu(); |
|
|
|
|
_Obj.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.catch(() => {}); |
|
|
|
|
@ -1984,9 +2153,7 @@ const ConfirmReturn = async () => {
|
|
|
|
|
if (code === 200) { |
|
|
|
|
ElMessage.success(msg); |
|
|
|
|
BatchReturn.value.dialogReturn = false; //关闭弹窗 |
|
|
|
|
const _Obj = MatchCurrentMenu(); |
|
|
|
|
_Obj.request = true; |
|
|
|
|
PublicDataRequest(TabPermissions.value); |
|
|
|
|
updateMenuAndData(); //获取最新数据 |
|
|
|
|
} |
|
|
|
|
} catch (e) { |
|
|
|
|
console.error(e); |
|
|
|
|
@ -2007,6 +2174,159 @@ const ConfirmReturn = async () => {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
/** |
|
|
|
|
* @description 工单指派 |
|
|
|
|
* @return {void} 无返回值 |
|
|
|
|
*/ |
|
|
|
|
const WorkOrderAssignment = () => { |
|
|
|
|
// 检查是否选中任何工单 |
|
|
|
|
if (!details.selectionList.length) { |
|
|
|
|
// 提示用户选择数据 |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请勾选要处理的数据', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
// 初始化指派表单并打开指派弹窗 |
|
|
|
|
assignFrom.value = { ...assignFrom.value, businessDepartment: '', dialogassign: true }; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* 工单指派确定按钮 |
|
|
|
|
* 1.根据选择的客服ID,名称,和选择的工单ID,将其组装成一个data对象 |
|
|
|
|
* 2.然后调用$_assignCustomerService(data)接口, |
|
|
|
|
* 3.成功后关闭加载,关闭弹窗,重新拉取数据 |
|
|
|
|
*/ |
|
|
|
|
const Assignbutton = async () => { |
|
|
|
|
const WorkOrderAssignmentFunction = async () => { |
|
|
|
|
const assignForm = assignFrom.value; |
|
|
|
|
assignForm.AssignLoad = true; // 开启加载 |
|
|
|
|
|
|
|
|
|
try { |
|
|
|
|
// 筛选选择的工单 |
|
|
|
|
const foundObjs = assignForm.customerService.find( |
|
|
|
|
obj => obj.id == assignForm.businessDepartment |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
if (!foundObjs) { |
|
|
|
|
console.error('未找到对应的工单信息'); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 构建请求数据 |
|
|
|
|
const data = { |
|
|
|
|
customerServiceId: foundObjs.id, // 归属客服ID |
|
|
|
|
customerServiceName: foundObjs.realName, // 归属客服名称 |
|
|
|
|
assignList: details.selectionList.map(item => item.id), // 异常工单ID/工单ID |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 发起请求 |
|
|
|
|
const _res = await $_assignCustomerService(data); |
|
|
|
|
const { code, msg } = _res.data; |
|
|
|
|
|
|
|
|
|
if (code !== 200) { |
|
|
|
|
console.error('分配客服失败:', msg); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 关闭弹窗 |
|
|
|
|
assignForm.dialogassign = false; |
|
|
|
|
|
|
|
|
|
// 更新当前菜单和请求数据 |
|
|
|
|
updateMenuAndData(); |
|
|
|
|
} catch (error) { |
|
|
|
|
console.error('分配客服时发生错误:', error); |
|
|
|
|
} finally { |
|
|
|
|
assignForm.AssignLoad = false; // 关闭加载 |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
assignFromForm.value.validate(async valid => { |
|
|
|
|
if (valid) { |
|
|
|
|
ElMessageBox.confirm('是否确认指派该客服?', '提示', { |
|
|
|
|
confirmButtonText: '确认', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(async () => { |
|
|
|
|
await WorkOrderAssignmentFunction(); |
|
|
|
|
}); |
|
|
|
|
} else { |
|
|
|
|
ElMessage.warning('请检查表单是否填写否完整'); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
/** |
|
|
|
|
* 弹窗多行搜索 |
|
|
|
|
* 1.获取当前选中的客户信息 |
|
|
|
|
* 2.然后根据客户信息,去后台查询对应的客服信息 |
|
|
|
|
* 3.将查询到的客服信息显示在弹窗中 |
|
|
|
|
* 4.然后用户可以选择对应的客服 |
|
|
|
|
* 5.最终将选择的客服信息,分配给对应的工单 |
|
|
|
|
*/ |
|
|
|
|
const MultilineSearch = (title, input) => { |
|
|
|
|
if (input) { |
|
|
|
|
const formattedInput = input.split(',').join('\n'); |
|
|
|
|
TopQuery.value.inputAll = formattedInput; // 赋值给 inputAll |
|
|
|
|
} else { |
|
|
|
|
TopQuery.value.inputAll = ''; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Searchboxpop.value.SearchboxpopUpwindowtitle = title; // 设置标题 |
|
|
|
|
|
|
|
|
|
Searchboxpop.value.dialogSearch = true; // 打开对话框 |
|
|
|
|
}; |
|
|
|
|
/** |
|
|
|
|
* @description dialogSearchSubmit |
|
|
|
|
* 1.获取用户输入的所有数据 |
|
|
|
|
* 2.将其拆分成每一行 |
|
|
|
|
* 3.然后将每一行的前后空格去除 |
|
|
|
|
* 4.然后将所有的行连接起来 |
|
|
|
|
* 5.将连接起来的数据重新赋值给workOrderNumber |
|
|
|
|
* @param {void} 无参数 |
|
|
|
|
* @return {void} 无返回值 |
|
|
|
|
*/ |
|
|
|
|
const dialogSearchSubmit = () => { |
|
|
|
|
// 1.获取用户输入的所有数据 |
|
|
|
|
const inputAll = TopQuery.value.inputAll; |
|
|
|
|
|
|
|
|
|
// 2.将其拆分成每一行 |
|
|
|
|
const lines = inputAll |
|
|
|
|
.split('\n') // 按换行分割 |
|
|
|
|
.map(line => line.trim()) // 移除每一行前后的空格 |
|
|
|
|
.filter(line => line !== ''); // 过滤掉空行 |
|
|
|
|
|
|
|
|
|
// 3.然后将每一行的前后空格去除 |
|
|
|
|
|
|
|
|
|
// 4.然后将所有的行连接起来 |
|
|
|
|
const joinedLines = lines.join(','); // 使用逗号连接，无空格 |
|
|
|
|
|
|
|
|
|
// 5.将连接起来的数据重新赋值给workOrderNumber |
|
|
|
|
TopQuery.value.workOrderNumber = joinedLines; |
|
|
|
|
Searchboxpop.value.dialogSearch = false; //关闭弹窗 |
|
|
|
|
}; |
|
|
|
|
// 关闭 |
|
|
|
|
const close = () => { |
|
|
|
|
Searchboxpop.value.dialogSearch = false; //关闭弹窗 |
|
|
|
|
Searchboxpop.value.MinimizeState = false; //销毁最小化 |
|
|
|
|
}; |
|
|
|
|
// 最大化 |
|
|
|
|
const maximize = () => { |
|
|
|
|
Searchboxpop.value.fullscreen = !Searchboxpop.value.fullscreen; //最大化 |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 最小化 |
|
|
|
|
const minimize = () => { |
|
|
|
|
Searchboxpop.value.dialogSearch = false; //关闭弹窗 |
|
|
|
|
Searchboxpop.value.MinimizeState = true; //最小化 |
|
|
|
|
}; |
|
|
|
|
const ExpandWindow = () => { |
|
|
|
|
Searchboxpop.value.dialogSearch = true; //回复窗口弹窗 |
|
|
|
|
Searchboxpop.value.MinimizeState = false; //销毁最小化 |
|
|
|
|
}; |
|
|
|
|
const DestroyWindow = () => { |
|
|
|
|
Searchboxpop.value.MinimizeState = false; //销毁最小化 |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
@ -2064,12 +2384,110 @@ const ConfirmReturn = async () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.plAllret { |
|
|
|
|
:deep(.el-select) { |
|
|
|
|
:deep(.plAllret) { |
|
|
|
|
height: 30%; |
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el-select { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.el-select { |
|
|
|
|
.el-dialog__footer { |
|
|
|
|
display: flex; |
|
|
|
|
flex: 1; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.el-fr-d) { |
|
|
|
|
display: flex; |
|
|
|
|
.el-form-item { |
|
|
|
|
width: 20%; |
|
|
|
|
} |
|
|
|
|
.el_div_input { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
.el-icon { |
|
|
|
|
font-size: 2em; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-form-item { |
|
|
|
|
margin: 0; |
|
|
|
|
margin: 10px 6px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
:deep(.Searchboxpop-upwindow) { |
|
|
|
|
.el-overlay { |
|
|
|
|
position: absolute; |
|
|
|
|
.el-dialog { |
|
|
|
|
min-height: 70%; |
|
|
|
|
} |
|
|
|
|
.el-overlay-dialog { |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
.el-dialog__header { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.title { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 0 10px; |
|
|
|
|
} |
|
|
|
|
.title::after { |
|
|
|
|
content: '*'; |
|
|
|
|
color: #172e60; |
|
|
|
|
position: absolute; |
|
|
|
|
font-size: 20px; |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
} |
|
|
|
|
.div_icon { |
|
|
|
|
width: 100px; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
font-size: 19px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-dialog__footer { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
padding: 6px; |
|
|
|
|
.el-button { |
|
|
|
|
width: 160px; |
|
|
|
|
height: 35px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.minimize_windows { |
|
|
|
|
width: 200px; |
|
|
|
|
height: 49px; |
|
|
|
|
border: 1px solid #cccccc82; |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 1px; |
|
|
|
|
left: 10px; |
|
|
|
|
box-shadow: 2px -1px 0.15625vw #c1c1c187; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
.title { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
span { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
span { |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
.div_icon { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
width: 54px; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
font-size: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
