360 lines
8.5 KiB
JavaScript
360 lines
8.5 KiB
JavaScript
|
// import { mapState } from "vuex";
|
||
|
|
import axios from 'axios'
|
||
|
|
import request from '../../utils/request'
|
||
|
|
import { getDetails,getReply,getBKendTicket } 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: "",
|
||
|
|
respon: "",
|
||
|
|
files: "",
|
||
|
|
},
|
||
|
|
totalDetailsLoading: false,
|
||
|
|
faultList:[],
|
||
|
|
|
||
|
|
statusList:[
|
||
|
|
{//待处理
|
||
|
|
value:1,
|
||
|
|
label:"work.pendingProcessing"
|
||
|
|
},
|
||
|
|
{//处理中
|
||
|
|
value:2,
|
||
|
|
label:"work.processed"
|
||
|
|
},
|
||
|
|
{//已完结
|
||
|
|
value:10,
|
||
|
|
label:"work.completeWK"
|
||
|
|
}
|
||
|
|
|
||
|
|
],
|
||
|
|
typeList:[],
|
||
|
|
machineCoding: "",
|
||
|
|
warrantyList: [],
|
||
|
|
closeDialogVisible:false,
|
||
|
|
lang: 'zh',
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
this.lang = this.$i18n.locale; // 初始化语言值
|
||
|
|
this.workOrderId = localStorage.getItem("totalID")
|
||
|
|
this.fetchTicketDetails({ id: this.workOrderId })
|
||
|
|
// this.faultList = JSON.parse(localStorage.getItem('faultList') )
|
||
|
|
// this.stateList = JSON.parse(localStorage.getItem('stateList') )
|
||
|
|
// this.typeList = JSON.parse(localStorage.getItem('typeList') )
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async fetchBKendTicket(params){
|
||
|
|
this.totalDetailsLoading =true
|
||
|
|
const data = await getBKendTicket(params)
|
||
|
|
if (data && data.code == 200) {
|
||
|
|
this.$message({
|
||
|
|
message:this.$t(`work.WKend`),
|
||
|
|
type: "success",
|
||
|
|
});
|
||
|
|
this.$router.push(`/${this.lang}/workOrderBackend`);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.totalDetailsLoading =false
|
||
|
|
},
|
||
|
|
|
||
|
|
async fetchReply(params){
|
||
|
|
this.totalDetailsLoading = true
|
||
|
|
const data = await getReply(params)
|
||
|
|
if (data && data.code == 200) {
|
||
|
|
this.$message({
|
||
|
|
message:this.$t(`work.submitted`),
|
||
|
|
type: 'success',
|
||
|
|
|
||
|
|
})
|
||
|
|
for (const key in this.replyParams) {
|
||
|
|
this.replyParams[key] =""
|
||
|
|
}
|
||
|
|
this.fileList = []
|
||
|
|
this.fetchTicketDetails({ id: this.workOrderId })
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
this.totalDetailsLoading = false
|
||
|
|
},
|
||
|
|
handelType2(label){
|
||
|
|
if (label) {
|
||
|
|
return this.typeList.find(item=>item.name==label).label
|
||
|
|
}
|
||
|
|
},
|
||
|
|
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(param) {
|
||
|
|
this.totalDetailsLoading = true
|
||
|
|
const { data } = await getDetails(param)
|
||
|
|
|
||
|
|
this.recordList = data.list
|
||
|
|
this.ticketDetails = data
|
||
|
|
|
||
|
|
|
||
|
|
this.totalDetailsLoading = false
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//点击下载附件
|
||
|
|
downloadExcel(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) {
|
||
|
|
// this.fileList = this.fileList.filter(item => item.name !== file.name)
|
||
|
|
// this.fileName = this.fileName.filter(item => item !== file.name)
|
||
|
|
|
||
|
|
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
|
||
|
|
},
|
||
|
|
//下载附件
|
||
|
|
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()
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//上传成功后的回调
|
||
|
|
handleSuccess() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
handelTime(time) {
|
||
|
|
|
||
|
|
if (time && time.includes(`T`)) {
|
||
|
|
return `${time.split(`T`)[0]} ${time.split(`T`)[1].split(`.`)[0]}`
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
handelResubmit(){
|
||
|
|
if (!this.replyParams.respon) {
|
||
|
|
|
||
|
|
console.log();
|
||
|
|
|
||
|
|
this.$message({
|
||
|
|
message: this.$t(`work.replyContent2`),
|
||
|
|
type: 'error',
|
||
|
|
customClass: 'messageClass'
|
||
|
|
})
|
||
|
|
|
||
|
|
return
|
||
|
|
}
|
||
|
|
this.replyParams.id = this.ticketDetails.id
|
||
|
|
|
||
|
|
|
||
|
|
this.fetchReply(this.replyParams)
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
handelEnd(){
|
||
|
|
this.closeDialogVisible=true
|
||
|
|
},
|
||
|
|
handleClose(){
|
||
|
|
this.closeDialogVisible=false
|
||
|
|
},
|
||
|
|
confirmCols(){
|
||
|
|
this.fetchBKendTicket({id:this.ticketDetails.id})
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|