修改插件
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
yiqiu
2025-11-21 00:01:45 +08:00
parent 7bc68457e9
commit cbd6250967
224 changed files with 61713 additions and 18 deletions

View File

@@ -0,0 +1,826 @@
(function (window, undefined) {
var old_onload = window.onload;
window.onload = function () {
const template = document.getElementsByClassName("template")[0];
Vue.prototype.lang = Object.assign(window.lang, window.plugin_lang);
const host = location.origin;
const fir = location.pathname.split("/")[1];
const str = `${host}/${fir}/`;
new Vue({
components: {
comConfig,
comTinymce,
opinionButton,
},
data () {
return {
message: "template...",
// 工单类型数据
orderTypeData: [],
prereplyContent: "",
// 工单类型下拉框
orderTypeOptions: [],
popupVisible: false,
// 工单状态数据
orderStatusData: [],
// 工单部门
departmentList: [],
// 预设回复列表
prereplyList: [],
deliveryLoading: false,
subDeliveryLoading: false,
deliverDiaVisible: false,
editReplayItem: {},
deliverForm: {
product_ids: [],
ticket_type_id: "",
blocked_words: "",
},
deliverVisile: false,
// 完结状态下拉框
statusOpitons: [
{
statusText: lang.order_text63,
status: 1,
},
{
statusText: lang.order_text64,
status: 0,
},
],
// 指定部门下拉框数据(管理员分组列表数据)
departmentOptions: [],
// 指定人员下拉框数据(分组下管理员)
adminsOptions: [],
// 所有人员数据
adminList: [],
isSubmit: false,
isSubStatus: false,
isUpdateType: false,
isUpdateStatus: false,
isAddType: false,
isAddStatus: false,
isEditReply: false,
deleteVisible: false,
editId: null,
delId: null,
isAddReply: false,
saveLoading: false,
deliveryProductList: [],
columns: [
{
colKey: "name",
title: lang.order_text65,
cell: "name",
minWidth: "300",
},
{
colKey: "admin",
title: lang.order_text66,
cell: "department",
minWidth: "300",
},
{
colKey: "op",
title: lang.order_text67,
cell: "op",
width: "100",
},
],
columns2: [
{
colKey: "index",
title: lang.order_text68,
cell: "index",
width: "193",
},
{
colKey: "name",
title: lang.order_text69,
cell: "name",
},
{
colKey: "color",
title: lang.order_text70,
cell: "color",
width: "302",
},
{
colKey: "statusText",
title: lang.order_text71,
cell: "status",
width: "302",
},
{
colKey: "op",
title: lang.order_text67,
cell: "op",
width: "100",
fixed: "right",
},
],
columns3: [
{
colKey: "content",
title: lang.order_text72,
cell: "content",
},
{
colKey: "op",
title: lang.order_text67,
cell: "op",
width: "100",
fixed: "right",
},
],
configObj: {
refresh_time: "",
ticket_notice_open: 0,
ticket_notice_description: "",
ticket_type_id: "",
downstream_delivery: 0,
ticket_close_hour: null,
ticket_close_switch: 0,
},
submitLoading: false,
deliveryList: [],
columns4: [
{
colKey: "product_name",
title: lang.order_text91,
cell: "product_name",
ellipsis: true,
},
{
colKey: "type_name",
title: lang.order_text92,
cell: "type_name",
ellipsis: true,
},
{
colKey: "blocked_words",
title: lang.order_text93,
cell: "blocked_words",
ellipsis: true,
},
{
colKey: "op",
title: lang.order_text67,
cell: "op",
width: "100",
fixed: "right",
},
],
rules: {
product_ids: [
{
required: true,
message: lang.order_text91,
type: "error",
},
],
ticket_type_id: [
{
required: true,
message: lang.order_text92,
type: "error",
},
],
},
};
},
computed: {},
computed: {
calcName () {
return (arr) => {
if (arr.length > 0) {
const temp = arr.reduce((all, cur) => {
all.push(cur.name);
return all;
}, []);
return temp.join("");
}
return "";
};
},
calcId () {
return (arr) => {
const temp = arr.reduce((all, cur) => {
all.push(cur.id);
return all;
}, []);
return temp;
};
},
},
methods: {
deliverFormSubmit ({ validateResult, firstError }) {
if (validateResult === true) {
this.subDeliveryLoading = true;
const subApi = this.editId ? apieditDelivery : apiAddDelivery;
const params = {
id: this.editId,
...this.deliverForm,
};
if (this.editId) {
params.product_id = params.product_ids[0];
}
subApi(params)
.then((res) => {
this.subDeliveryLoading = false;
this.deliverVisile = false;
this.$message.success(res.data.msg);
this.getDeliveryList();
})
.catch((err) => {
this.subDeliveryLoading = false;
this.$message.error(err.data.msg);
});
} else {
this.$message.warning({
content: firstError,
placement: "top-right",
});
}
},
getDeliveryProductList () {
apiDeliveryProductList().then((res) => {
this.deliveryProductList = res.data.data.list
.map((item, index) => {
item.label = item.supplier_name;
item.value = item.supplier_name + index;
item.children = item.group.map((items, indexs) => {
items.label = items.product_group_name;
items.value =
items.product_group_name + indexs + item.supplier_name;
items.children = items.products.map((product) => {
product.label = product.product_name;
product.value = product.product_id;
return product;
});
return items;
});
return item;
})
.filter((item) => item.children.length > 0);
});
},
addDelivery () {
this.editId = null;
this.deliverForm = {
product_ids: [],
ticket_type_id: "",
blocked_words: "",
};
this.deliverVisile = true;
},
editDelivery (row) {
apiDeliveryDetail({ id: row.id }).then((res) => {
this.editId = row.id;
this.deliverForm = {
product_ids: [res.data.data.ticket_delivery.product_id],
ticket_type_id: res.data.data.ticket_delivery.ticket_type_id,
blocked_words: res.data.data.ticket_delivery.blocked_words,
};
this.deliverVisile = true;
});
},
deleteDelivery (row) {
this.delId = row.id;
this.deleteVisible = true;
},
handelDelete () {
this.deliveryLoading = true;
apiDelDelivery({ id: this.delId })
.then((res) => {
this.deliveryLoading = false;
this.deleteVisible = false;
this.$message.success(res.data.msg);
this.getDeliveryList();
})
.catch((err) => {
this.deliveryLoading = false;
this.$message.error(err.data.msg);
});
},
getDeliveryList () {
apiDeliveryList().then((res) => {
this.deliveryList = res.data.data.list;
});
},
async getConfig () {
try {
const res = await getOrderConfig();
this.configObj = res.data.data;
this.$refs.comTinymce.setContent(
this.configObj.ticket_notice_description
);
} catch (error) { }
},
async saveConfig () {
try {
this.submitLoading = true;
// const content = tinyMCE.editors[1].getContent();
const content = this.$refs.comTinymce.getContent();
const params = { ...this.configObj };
params.ticket_notice_description = content;
const res = await saveOrderConfig(params);
this.$message.success(res.data.msg);
this.submitLoading = false;
this.getConfig();
} catch (error) {
this.$message.error(error.data.msg);
}
},
// 初始化富文本
initTemplate () {
tinymce.init({
selector: "#tiny",
language_url: "/tinymce/langs/zh_CN.js",
language: "zh_CN",
min_height: 400,
width: "100%",
plugins:
"link lists image code table colorpicker textcolor wordcount contextmenu fullpage paste",
toolbar:
"bold italic underline strikethrough | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | undo redo | link unlink image fullpage code | removeformat",
images_upload_url: str + "v1/upload",
paste_data_images: true,
convert_urls: false,
//粘贴图片后,自动上传
urlconverter_callback: function (url, node, on_save, name) {
return url;
},
images_upload_handler: this.handlerAddImg,
});
tinymce.init({
selector: "#ticketNoticeTiny",
language_url: "/tinymce/langs/zh_CN.js",
language: "zh_CN",
min_height: 400,
width: "100%",
plugins:
"link lists image code table colorpicker textcolor wordcount contextmenu fullpage paste",
toolbar:
"bold italic underline strikethrough | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | undo redo | link unlink image fullpage code | removeformat",
images_upload_url: str + "v1/upload",
paste_data_images: true,
convert_urls: false,
//粘贴图片后,自动上传
urlconverter_callback: function (url, node, on_save, name) {
return url;
},
images_upload_handler: this.handlerAddImg,
});
},
// 富文本上传图片
handlerAddImg (blobInfo, success, failure) {
return new Promise((resolve, reject) => {
const formData = new FormData();
formData.append("file", blobInfo.blob());
axios
.post(`${str}v1/upload`, formData, {
headers: {
Authorization:
"Bearer" + " " + localStorage.getItem("backJwt"),
},
})
.then((res) => {
const json = {};
if (res.status !== 200) {
failure("HTTP Error: " + res.data.msg);
return;
}
// json = JSON.parse(res)
json.location = res.data.data?.image_url;
if (!json || typeof json.location !== "string") {
failure("Error:" + res.data.msg);
return;
}
success(json.location);
});
});
},
// 添加工单类型
appendToRoot () {
if (this.isUpdateType || this.isAddType) {
return this.$message.error(lang.please_save);
}
this.orderTypeData.push({
isedit: false,
name: "",
isAdd: true,
arr: [],
arr1: [],
});
this.isAddType = true;
},
// 获取工单类型数据
getOrderTypeOptions () {
getUserOrderType()
.then((result) => {
this.orderTypeOptions = result.data.data.list.map((item) => {
return { name: item.name };
});
this.getDepartmentOptions();
this.orderTypeData = result.data.data.list.map((item) => {
item.isedit = false;
item.status = "edit";
item.admin_role_id = 0;
// // 设置选中的管理员id
const temp = item.admin.reduce((all, cur) => {
all.push(cur.id);
return all;
}, []);
item.arr = temp;
item.arr1 = temp;
return item;
});
})
.catch();
},
onPopupVisibleChange (val) {
this.popupVisible = val;
},
onClear (row) {
row.name = "";
},
onOptionClick (item, row) {
row.name = item;
this.popupVisible = false;
},
onInputChange (val, row) {
row.name = val;
},
// 编辑
edithandleClickOp (id) {
if (this.isUpdateType) {
return this.$message.error(lang.please_save);
}
this.isUpdateType = true;
for (let i = 0; i < this.orderTypeData.length; i++) {
if (id === this.orderTypeData[i].id) {
this.$set(this.orderTypeData[i], "isedit", true);
}
}
},
// 工单-工单类型管理-删除
async orderTypeMgtDelete (row) {
const result = await orderTypeDelete(row.id);
if (result.status === 200) {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getOrderTypeOptions();
} else {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
}
},
// 取消新增类型
deleteClickadd () {
this.orderTypeData.pop();
this.isAddType = false;
},
//取消修改
canceledit (item) {
this.isUpdateType = false;
item.arr1 = item.arr;
this.getOrderTypeOptions();
},
// 工单-工单类型管理-保存
async orderTypeMgtSave (row) {
if (row.arr1.length === 0 || !row.name) {
this.$message.warning({
content: lang.order_type_verify1,
placement: "top-right",
});
return;
}
const params = {
admin_id: row.arr1,
name: row.name,
};
if (this.isSubmit) {
return;
}
this.isSubmit = true;
if (row.status === "edit") {
params.id = row.id;
await orderTypeEdit(row.id, params)
.then((result) => {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getOrderTypeOptions();
})
.catch((result) => {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
});
} else {
await orderTypeAdd(params)
.then((result) => {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getOrderTypeOptions();
})
.catch((result) => {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
});
}
this.isSubmit = false;
this.isUpdateType = false;
this.isAddType = false;
},
// 删除
deleteClickOp (id) {
deletehelptype({ id })
.then((res) => {
this.$message.success(res.data.msg);
this.getOrderTypeOptions();
})
.catch((err) => {
this.$message.error(err.data.msg);
});
},
// 工单-转内部-选择部门变化
departmentChange (val, item) {
// 获取部门id对应部门名称
// const department = this.departmentOptions.filter(item => item.id === val)[0];
// const name = department ? department.name : null;
// const optionList = [];
// // 清除已选人员数据
// this.adminList.forEach(item => {
// if (name && item.roles === name) {
// optionList.push(item);
// }
// });
// this.adminsOptions = optionList;
item.arr1 = val;
},
// 获取工单状态列表
getTicketStatus () {
ticketStatus().then((res) => {
res.data.data.list.forEach((item, index) => {
if (item["default"] === 1) {
item.noEdit = true;
}
if (item["status"] === 1) {
item.statusText = lang.order_text63;
} else if (item["status"] === 0) {
item.statusText = lang.order_text64;
} else {
item.statusText = "--";
}
delete item["default"];
item.index = index + 1;
item.isedit = false;
});
this.orderStatusData = res.data.data.list;
});
},
// 编辑状态
editStatus (row) {
if (this.isUpdateStatus) {
return this.$message.error(lang.please_save);
}
if (row.noEdit) {
return this.$message.error(lang.order_text73);
}
this.isUpdateStatus = true;
for (let i = 0; i < this.orderStatusData.length; i++) {
if (row.id === this.orderStatusData[i].id) {
this.$set(this.orderStatusData[i], "isedit", true);
}
}
},
// 保存状态
async orderStatustSave (row) {
console.log(row);
if (!row.name || !row.color || row.status === "") {
this.$message.warning({
content: lang.order_text74,
placement: "top-right",
});
return;
}
const params = {
name: row.name,
color: row.color,
status: row.status,
};
if (this.isSubStatus) {
return;
}
this.isSubStatus = true;
if (row.isedit) {
params.id = row.id;
await editTicketStatus(params)
.then((result) => {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getTicketStatus();
})
.catch((result) => {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
});
} else {
await addTicketStatus(params)
.then((result) => {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getTicketStatus();
})
.catch((result) => {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
});
}
this.isSubStatus = false;
this.isUpdateStatus = false;
this.isAddStatus = false;
},
// 添加工单状态
appendStatus () {
if (this.isUpdateStatus || this.isAddStatus) {
return this.$message.error(lang.please_save);
}
const index = this.orderStatusData.length + 2;
this.orderStatusData.push({
isedit: false,
name: "",
isAdd: true,
index: index,
});
this.isAddStatus = true;
},
// 工单状态删除
async orderStatusMgtDelete (row) {
if (row.noEdit) {
return this.$message.error(lang.order_text75);
}
const result = await deleteTicketStatus(row.id).catch((result) => {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
});
if (result.status === 200) {
this.$message.success({
content: result.data.msg,
placement: "top-right",
});
this.getTicketStatus();
} else {
this.$message.warning({
content: result.data.msg,
placement: "top-right",
});
}
},
// 取消新增状态
deleteStatusadd () {
this.orderStatusData.pop();
this.isAddStatus = false;
},
// 取消修改状态
cancelStatusEdit () {
this.isUpdateStatus = false;
this.getTicketStatus();
},
// 工单-转发-选择人员变化
adminChange (val) {
this.$forceUpdate();
},
// 获取部门数据
getDepartmentOptions () {
getAdminList({ page: 1, limit: 10000 })
.then((result) => {
this.departmentOptions = result.data.data.list;
this.orderTypeData.forEach((item, index) => {
this.departmentOptions.forEach((items) => {
if (item.role_name === items.name) {
item.admin_role_id = items.id;
}
});
});
})
.catch();
},
// 获取人员数据
getAdminList () {
getAdminList({ page: 1, limit: 10000 })
.then((result) => {
this.adminList = result.data.data.list;
})
.catch();
},
// 时间格式转换
formatDate (dateStr) {
const date = new Date(dateStr * 1000);
const str1 = [
date.getFullYear(),
date.getMonth() + 1,
date.getDate(),
].join("-");
const str2 = [
this.formatDateAdd0(date.getHours()),
this.formatDateAdd0(date.getMinutes()),
this.formatDateAdd0(date.getSeconds()),
].join(":");
return str1 + " " + str2;
},
formatDateAdd0 (m) {
return m < 10 ? "0" + m : m;
},
// 获取工单预设回复列表
getTicketPrereply () {
ticketPrereply().then((res) => {
this.prereplyList = res.data.data.list;
});
},
// 编辑预设回复
editPrereply (row) {
if (this.isEditReply) {
return this.$message.error(lang.order_text76);
}
this.isEditReply = true;
//tinyMCE.editors[0].setContent(row.content);
this.prereplyContent = row.content;
this.$refs.comTinymce1.setContent(row.content);
this.editReplayItem = row;
},
// 删除预设回复
async deletePrereply (row) {
if (this.isEditReply) {
return this.$message.error(lang.order_text76);
}
await deleteTicketPrereply(row.id);
this.getTicketPrereply();
},
// 保存预设回复
async savePreReplay () {
this.saveLoading = true;
// const content = tinyMCE.editors[0].getContent();
const content = this.$refs.comTinymce1.getContent();
const params = {
content: content,
};
// 编辑
if (this.isEditReply) {
params.id = this.editReplayItem.id;
await editTicketPrereply(params);
this.isEditReply = false;
this.$refs.comTinymce1.setContent(" ");
this.getTicketPrereply();
} else {
await addTicketPrereply(params);
this.$refs.comTinymce1.setContent(" ");
this.getTicketPrereply();
}
this.saveLoading = false;
},
},
created () {
this.getOrderTypeOptions();
this.getTicketStatus();
this.getTicketPrereply();
this.getConfig();
this.getDeliveryList();
this.getDeliveryProductList();
},
mounted () {
// this.initTemplate();
},
}).$mount(template);
typeof old_onload == "function" && old_onload();
};
})(window);