409 lines
9.3 KiB
JavaScript
409 lines
9.3 KiB
JavaScript
// import { mapState } from "vuex";
|
|
// import axios from 'axios'
|
|
// import request from '../../../utils/request'
|
|
import request from '../../utils/request'
|
|
|
|
import {getTicketDetails,getResubmitTicket,getEndTicket } from "../../api/work"
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
imgSrc: "https://studio.glassnode.com/images/crypto-icons/btc.png",
|
|
navLabel: "Bitcoin (BTC)",
|
|
userName: "LX",
|
|
from: {
|
|
title: "",
|
|
kinds: "",
|
|
description: "",
|
|
radio: "",
|
|
},
|
|
kindsList: [{
|
|
value: "购买咨询",
|
|
label: "购买咨询",
|
|
}, {
|
|
value: "财务咨询",
|
|
label: "财务咨询",
|
|
}, {
|
|
value: "网页问题",
|
|
label: "网页问题",
|
|
},
|
|
{
|
|
value: "账户问题",
|
|
label: "账户问题",
|
|
},
|
|
{
|
|
value: "移动端问题",
|
|
label: "移动端问题",
|
|
},
|
|
{
|
|
value: "消息订阅",
|
|
label: "消息订阅",
|
|
},
|
|
{
|
|
value: "指标数据问题",
|
|
label: "指标数据问题",
|
|
},
|
|
{
|
|
value: "其他",
|
|
label: "其他",
|
|
}],
|
|
params: [],
|
|
input: 1,
|
|
tableData: [{
|
|
num: 1,
|
|
time: "2022-09-01 16:00",
|
|
problem: "账户问题",
|
|
questionTitle: "账户不能登录",
|
|
state: "已解决"
|
|
}],
|
|
textarea: "我是提交内容",
|
|
textarea1: "我是回复内容",
|
|
textarea2: "",
|
|
replyInput: true,
|
|
ticketDetails: {
|
|
id: "",
|
|
type: "",
|
|
title: "",
|
|
userName: "",
|
|
desc: "",
|
|
responName: "",
|
|
respon: "",
|
|
submitTime: "",
|
|
status: "",
|
|
fileIds: "",
|
|
files: "",
|
|
responTime: ""
|
|
|
|
},
|
|
//上传后的文件列表
|
|
fileList: [],
|
|
// 允许的文件类型
|
|
fileType: ["jpg", "jpeg", "png", "mp3", "aif", "aiff","wav","wma","mp4","avi","rmvb",],
|
|
// 运行上传文件大小，单位 M
|
|
fileSize: 20,
|
|
// 附件数量限制
|
|
fileLimit: 3,
|
|
//请求头
|
|
headers: { "Content-Type": "multipart/form-data" },
|
|
FormDatas: null,
|
|
filesId: [],
|
|
paramsDownload: {
|
|
id: ""
|
|
},
|
|
//回复工单参数
|
|
paramsResponTicket: {
|
|
id: "",
|
|
files: "",
|
|
respon: "",
|
|
|
|
},
|
|
//审核工单参数
|
|
paramsAuditTicket: {
|
|
id: "",
|
|
msg: ""
|
|
},
|
|
//提交审核参数
|
|
paramsSubmitAuditTicket: {
|
|
id: ""
|
|
},
|
|
identity: {},
|
|
detailsID: "",
|
|
|
|
downloadUrl: "",
|
|
// --------------
|
|
workOrderId: "",
|
|
recordList: [
|
|
// {
|
|
// time: "2021-3-5",
|
|
// content: "这是内容",
|
|
// name: "lx888",
|
|
// videoPath: "",
|
|
// audioPath: "",
|
|
// imagePath: "",
|
|
// },
|
|
// {
|
|
// time: "2021-3-8",
|
|
// content: "这是内容2",
|
|
// name: "admin",
|
|
// videoPath: "",
|
|
// audioPath: "",
|
|
// imagePath: "",
|
|
// },
|
|
|
|
],
|
|
replyParams: {
|
|
id: "",
|
|
desc: "",
|
|
files: "",
|
|
},
|
|
orderDetailsLoading: false,
|
|
faultList:[],
|
|
|
|
statusList:[
|
|
{//待处理
|
|
value:1,
|
|
label:"work.pendingProcessing"
|
|
},
|
|
{//处理中
|
|
value:2,
|
|
label:"work.processed"
|
|
},
|
|
{//已完结
|
|
value:10,
|
|
label:"work.completeWK"
|
|
}
|
|
|
|
],
|
|
machineCoding:[],
|
|
closeDialogVisible:false,
|
|
lang: this.$i18n.locale
|
|
|
|
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
|
|
this.workOrderId = localStorage.getItem("workOrderId")
|
|
if (this.workOrderId) {
|
|
this.fetchTicketDetails({ id: this.workOrderId })
|
|
}
|
|
|
|
// this.faultList = JSON.parse(localStorage.getItem('faultList') )
|
|
|
|
},
|
|
methods: {
|
|
handelStatus2(label){
|
|
|
|
try{
|
|
if (label) {
|
|
let value = this.statusList.find(item=>item.value==label).label
|
|
return this.$t(value)
|
|
}
|
|
}catch{
|
|
return ""
|
|
}
|
|
|
|
},
|
|
handelPhenomenon(id){
|
|
if (id) {
|
|
return this.faultList.find(item=>item.id==id).label
|
|
}
|
|
|
|
},
|
|
//请求工单详情
|
|
async fetchTicketDetails(data) {
|
|
this.orderDetailsLoading = true
|
|
const list = await getTicketDetails(data)
|
|
if (list && list.code == 200) {
|
|
this.recordList = list.data.list
|
|
this.ticketDetails = list.data
|
|
}
|
|
|
|
|
|
|
|
// if (this.ticketDetails.sendTime) {
|
|
// this.ticketDetails.sendTime = this.ticketDetails.sendTime.split(`T`)[0]
|
|
// }
|
|
|
|
// this.machineCoding = this.ticketDetails.serialNo.split(`/`)
|
|
|
|
this.orderDetailsLoading = false
|
|
|
|
},
|
|
//请求继续提交
|
|
async fetchContinueSubmit(params) {
|
|
this.orderDetailsLoading = true
|
|
let data = await getResubmitTicket(params)
|
|
if (data&&data.code == 200) {
|
|
this.$message({
|
|
message: this.$t(`work.submitted`),
|
|
type: "success",
|
|
});
|
|
this.replyParams.desc = ""
|
|
this.fetchTicketDetails({ id: this.workOrderId })
|
|
this.fileList = []//上传成功清空附件
|
|
|
|
}
|
|
this.orderDetailsLoading = false
|
|
|
|
},
|
|
async fetchEndTicket(params) {
|
|
this.orderDetailsLoading = true
|
|
let data = await getEndTicket(params)
|
|
if (data && data.code == 200) {
|
|
this.$message({
|
|
message:this.$t(`work.WKend`),
|
|
type: "success",
|
|
});
|
|
|
|
this.$router.push(`/${this.lang}/workOrderRecords`)
|
|
}
|
|
this.orderDetailsLoading = false
|
|
this.closeDialogVisible=false
|
|
},
|
|
|
|
//点击结束工单
|
|
handelEnd() {
|
|
|
|
this.closeDialogVisible=true
|
|
|
|
},
|
|
|
|
confirmCols(){
|
|
this.fetchEndTicket({ id: this.ticketDetails.id })
|
|
},
|
|
//点击继续提交
|
|
handelResubmit() {
|
|
|
|
this.replyParams.id = this.ticketDetails.id
|
|
if (!this.replyParams.desc) {
|
|
this.$message({
|
|
message:this.$t(`work.confirmInput`),
|
|
type: "error",
|
|
});
|
|
|
|
return
|
|
}
|
|
this.orderDetailsLoading =true
|
|
|
|
//上传文件
|
|
if (this.fileList[0]) {
|
|
//上传文件的需要formdata类型;所以要转
|
|
this.FormDatas = new FormData()
|
|
this.fileList.forEach(fileItem => {
|
|
|
|
this.FormDatas.append('file', fileItem);
|
|
|
|
})
|
|
|
|
// 上传选择附件
|
|
this.$axios({
|
|
method: 'post',
|
|
url: `${request.defaults.baseURL}pool/ticket/uploadFile`,
|
|
headers: this.headers,
|
|
timeout: 30000,
|
|
data: this.FormDatas,
|
|
|
|
}).then(res => {
|
|
|
|
this.replyParams.files = res.data.data.id
|
|
if (this.replyParams.files) {//成功拿到返回ID
|
|
this.fetchContinueSubmit(this.replyParams)
|
|
}
|
|
})
|
|
} else {
|
|
|
|
this.fetchContinueSubmit(this.replyParams)
|
|
}
|
|
|
|
|
|
this.orderDetailsLoading =false
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//选择问题种类
|
|
handelKinds() {
|
|
|
|
},
|
|
//点击编辑回复内容
|
|
handelEdit() {
|
|
//输入框可编辑
|
|
this.replyInput = false
|
|
},
|
|
//下载附件
|
|
handelDownload(id){
|
|
if (id) {
|
|
this.downloadUrl = ` ${request.defaults.baseURL}pool/ticket/downloadFile?ids=${id}`
|
|
|
|
let a = document.createElement(`a`)
|
|
a.href = this.downloadUrl
|
|
a.click()
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handelChange(file, fileList) { //控制显示上传显示列表
|
|
// 校验文件类型和大小
|
|
const fileType = file.name.slice(file.name.lastIndexOf('.') + 1).toLowerCase();
|
|
const isTypeValid = this.fileType.includes(fileType);
|
|
const isSizeValid = file.size / 1024 / 1024 <= this.fileSize;
|
|
if (!isTypeValid) {//不支持的文件类型
|
|
this.$message.error(`${this.$t(`work.notSupported`)} ${fileType}`);
|
|
this.fileList = this.fileList.filter(item => item.name != file.name);
|
|
return false;
|
|
}
|
|
if (!isSizeValid) {//文件大小不能超过
|
|
this.fileList = this.fileList.filter(item => item.name != file.name);
|
|
this.$message.error(`${this.$t(`work.notSupported2`)} ${this.fileSize} MB.`);
|
|
return false;
|
|
}
|
|
let flag = this.fileList.some(item => item.name == file.name)
|
|
|
|
if (flag) {
|
|
this.$message.warning(this.$t(`work.notSupported3`));
|
|
this.$refs.upload.handleRemove(file)
|
|
|
|
return false
|
|
}
|
|
// this.fileName.push(file.name)
|
|
this.fileList.push(file.raw)
|
|
|
|
},
|
|
//上传了的文件给移除的事件，
|
|
handleRemove(file, fileList) {
|
|
|
|
let nameIndex = this.fileName.indexOf(file.name); // 获取第一个重复元素的索引
|
|
if (nameIndex !== -1) {
|
|
this.fileName.splice(nameIndex, 1); // 删除第一个重复元素
|
|
}
|
|
|
|
|
|
|
|
|
|
let index = this.fileList.indexOf(file); // 获取第一个重复元素的索引
|
|
|
|
if (index !== -1) {
|
|
this.fileList.splice(index, 1); // 删除第一个重复元素
|
|
}
|
|
|
|
|
|
|
|
},
|
|
//超出文件个数的回调
|
|
handleExceed() {
|
|
this.$message({
|
|
type: 'warning',
|
|
message:this.$t(`work.notSupported4`)
|
|
}); return
|
|
},
|
|
//上传成功后的回调
|
|
handleSuccess() {
|
|
|
|
},
|
|
|
|
handelTime(time) {
|
|
if (time) {
|
|
return `${time.split(`T`)[0]} ${time.split(`T`)[1].split(`.`)[0]}`
|
|
}
|
|
|
|
},
|
|
},
|
|
beforeDestroy() {
|
|
localStorage.setItem("workOrderId","")
|
|
}
|
|
} |