(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,
        comPagination,
        comChooseUser,
      },
      data() {
        return {
          id: "",
          baseUrl: str,
          message: "template...",
          activeTab: "first",
          showIdcsmartTicketInternal: false,
          hasRecommend: false,
          params: {
            keywords: "", // 关键字
            page: 1,
            limit: getGlobalLimit(),
            status: [], // 状态
            ticket_type_id: "", // 工单类型
            client_id: "", // 用户搜索
            admin_id: "", // 跟进人搜索
            host_id: "",
          },
          userParams: {
            keywords: "",
            page: 1,
            limit: 20,
            orderby: "id",
            sort: "desc",
          },
          popupProps: {
            overlayInnerStyle: (trigger) => ({
              width: `${trigger.offsetWidth}px`,
              "max-height": "362px",
            }),
          },
          searchLoading: false,
          // 转发弹窗
          forwardDialogVisible: false,
          audio_tip: null,
          playNum: 1,
          isPlayerAudio: false,
          forwardFormData: {
            admin_role_id: "",
            admin_id: "",
            ticket_type_id: "",
            notes: "",
          },
          forwardFormRules: {
            admin_role_id: [
              {
                required: true,
                message: lang.order_designated_department + lang.isRequired,
                type: "error",
              },
            ],
            admin_id: [
              {
                required: true,
                message: lang.order_designated_person + lang.isRequired,
                type: "error",
              },
            ],
            notes: [
              {
                required: true,
                message: lang.order_designated_reson + lang.isRequired,
                type: "error",
              },
            ],
            ticket_type_id: [
              {
                required: true,
                message: lang.order_designated_type + lang.isRequired,
                type: "error",
              },
            ],
          },
          total: 100,
          pageSizeOptions: [10, 20, 50, 100],
          tableHeight: 500,
          // 工单转内部弹窗
          turnInsideDialogVisible: false,
          turnInsideFormData: {},
          turnInsideFormRules: {
            title: [
              {
                required: true,
                message: lang.order_title + lang.isRequired,
                type: "error",
              },
              {
                validator: (val) => val.length >= 1 && val.length <= 150,
                message: lang.verify8 + "1-150",
                type: "warning",
              },
            ],
            priority: [
              {
                required: true,
                message: lang.order_priority + lang.isRequired,
                type: "error",
              },
            ],
            ticket_type_id: [
              {
                required: true,
                message: lang.order_name + lang.isRequired,
                type: "error",
              },
            ],
            admin_role_id: [
              {
                required: true,
                message: lang.order_designated_department + lang.isRequired,
                type: "error",
              },
            ],
            content: [
              {
                validator: (val) => !val || val.length <= 3000,
                message: lang.verify3 + "3000",
                type: "warning",
              },
            ],
          },
          // 指定部门下拉框数据（管理员分组列表数据）
          departmentOptions: [],
          // 指定人员下拉框数据（分组下管理员）
          adminsOptions: [],
          // 所有人员数据
          adminList: [],
          // 关联客户下拉框数据
          clientOptions: [],
          // 关联产品下拉框数据
          hostOptions: [],
          // 工单类型下拉框数据
          orderTypeOptions: [],
          // 工单状态下拉框数据
          order_status_options: [],
          // 默认自动刷新时间
          order_time: 180000,
          timeList: [
            {
              label: "1分钟",
              value: 60000,
            },
            {
              label: "3分钟",
              value: 180000,
            },
            {
              label: "5分钟",
              value: 300000,
            },
            {
              label: "10分钟",
              value: 600000,
            },
          ],
          // 紧急程度下拉框数据
          priorityOptions: [
            {
              id: "medium",
              name: lang.order_priority_medium,
            },
            {
              id: "high",
              name: lang.order_priority_high,
            },
          ],
          // 上传文件headers设置
          uploadHeaders: {
            Authorization: "Bearer" + " " + localStorage.getItem("backJwt"),
          },
          uploadUrl: str + "/v1/upload",
          uploadTip: "",
          // 用户工单列表
          userOrderTableloading: true,
          userOrderData: [],
          userOrderColumns: [
            {
              align: "left",
              width: "120",
              colKey: "id",
              title: "ID",
            },
            {
              align: "left",
              width: "500",
              colKey: "title",
              title: lang.order_title,
            },
            {
              align: "left",
              width: "116",
              colKey: "name",
              title: lang.order_name,
            },
            {
              align: "left",
              width: "116",
              colKey: "user",
              title: lang.order_user_people,
            },
            {
              align: "left",
              width: "147",
              colKey: "last_reply_time",
              title: lang.order_last_reply_time,
            },
            {
              align: "left",
              width: "170",
              colKey: "status",
              title: lang.order_status,
            },
            {
              align: "left",
              width: "120",
              colKey: "operation",
              fixed: "right",
              title: lang.operation,
            },
          ],
          // 管理工单类型弹窗相关
          orderTypeMgtTableloading: false,
          orderTypeMgtDialogVisible: false,
          orderTypeMgtData: [],
          orderTypeMgtColumns: [
            {
              align: "left",
              width: 50,
              colKey: "index",
              title: lang.order_index,
            },
            {
              align: "left",
              width: 130,
              colKey: "name",
              title: lang.order_type_name,
            },
            {
              align: "left",
              width: 180,
              colKey: "role_name",
              title: lang.order_default_receive_department,
            },
            {
              align: "left",
              width: 100,
              colKey: "operation",
              title: lang.operation,
              fixed: "right",
            },
          ],
          // 新建工单弹窗
          addOrderDialogVisible: false,
          addOrderFormData: {},
          addOrderFormRules: {
            title: [
              {
                required: true,
                message: lang.order_title + lang.isRequired,
                type: "error",
              },
              {
                validator: (val) => val.length >= 1 && val.length <= 150,
                message: lang.verify8 + "1-150",
                type: "warning",
              },
            ],
            // priority: [{ required: true, message: lang.order_priority + lang.isRequired, type: 'error' }],
            client_id: [
              {
                required: true,
                message: lang.order_text2 + lang.isRequired,
                type: "error",
              },
            ],
            ticket_type_id: [
              {
                required: true,
                message: lang.order_name + lang.isRequired,
                type: "error",
              },
            ],
            // admin_role_id: [{
            //   required: true, message: lang.order_designated_department + lang.isRequired,
            //   type: 'error'
            // }],
            content: [
              {
                validator: (val) => !val || val.length <= 3000,
                message: lang.verify3 + "3000",
                type: "warning",
              },
            ],
          },
          clientList: [], // 用户列表
          clientDetail: {},
          searchLoading: false,
          clinetParams: {
            keywords: "",
            page: 1,
            limit: 20,
            orderby: "id",
            sort: "desc",
          },
          hostArr: [],
          submitLoading: false,
        };
      },
      computed: {
        calcColor () {
          return color => {
            return getTextColor(color);
          };
        },
        calcShow() {
          return (data) => {
            return (
              `#${data.id}-` +
              (data.username
                ? data.username
                : data.phone
                ? data.phone
                : data.email) +
              (data.company ? `(${data.company})` : "")
            );
          };
        },
        isExist() {
          return !this.clientList.find(
            (item) => item.id === this.clientDetail.id
          );
        },
      },
      methods: {
        async getHostList() {
          try {
            const res = await getClientPro(this.id, {page: 1, limit: 9999});
            this.hostArr = res.data.data.list;
          } catch (error) {
            this.$message.error(error.data.msg);
          }
        },
        async getPlugin() {
          try {
            /* IdcsmartClientLevel */
            const res = await getAddon();
            const temp = res.data.data.list.reduce((all, cur) => {
              all.push(cur.name);
              return all;
            }, []);
            this.hasRecommend = temp.includes("IdcsmartRecommend");
            // 安装了插件才执行
          } catch (error) {}
        },
        getQuery(name) {
          const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
          const r = window.location.search.substr(1).match(reg);
          if (r != null) return decodeURI(r[2]);
          return null;
        },
        // 远程搜素
        remoteMethod(key) {
          this.clinetParams.keywords = key;
          this.getClintList();
        },
        filterMethod(search, option) {
          return option;
        },
        // 获取用户详情
        async getUserDetail() {
          try {
            const res = await getClientDetail(this.id);
            this.clientDetail = res.data.data.client;
          } catch (error) {}
        },
        async getClintList() {
          try {
            this.searchLoading = true;
            const res = await getClientList(this.clinetParams);
            this.clientList = res.data.data.list;
            this.clientTotal = res.data.data.count;
            this.searchLoading = false;
          } catch (error) {
            console.log("error", error);
            this.searchLoading = false;
            console.log(error.data.msg);
          }
        },
        changeUser(id) {
          this.id = id;
          location.href = `${this.baseUrl}/plugin/idcsmart_ticket/client_ticket.htm?id=${this.id}`;
        },
        // 选择部门
        changeType(type) {
          this.adminsOptions = this.orderTypeOptions.filter(
            (item) => item.id === type
          )[0]?.admin;
          this.forwardFormData.admin_id = "";
        },
        // 获取工单类型数据
        getOrderTypeOptions(id) {
          const params = {
            admin_role_id: id ? id : "",
          };
          getUserOrderType(params)
            .then((result) => {
              this.orderTypeOptions = result.data.data.list;
            })
            .catch();
        },
        rowClick(e) {
          // location.href = `ticket_detail.htm?id=${e.row.id}`;
        },
        // 工单-转发
        internalOrderForward(row) {
          // 清除已选人员数据
          this.forwardFormData.admin_id = "";
          this.forwardFormData.ticket_type_id = "";
          this.forwardFormData.admin_role_id = "";
          this.forwardFormData.id = row.id;
          this.forwardDialogVisible = true;
          this.forwardFormData.notes = "";
        },
        goclient_detail(row) {
          location.href = str + `/client_detail.htm?client_id=${row.client_id}`;
        },
        // 工单-转发-提交
        forwardFormSubmit({validateResult, firstError}) {
          if (validateResult === true) {
            const data = this.forwardFormData;
            const params = {
              id: data.id,
              notes: data.notes,
              //  admin_role_id: data.admin_role_id, //指定部门
              ticket_type_id: data.ticket_type_id,
              admin_id: data.admin_id ? data.admin_id : null, //管理员
            };
            this.submitLoading = true;
            forwardTicket(data.id, params)
              .then((result) => {
                this.$message.success({
                  content: result.data.msg,
                  placement: "top-right",
                });
                this.forwardDialogClose();
                this.getUserOrderList();
              })
              .catch((result) => {
                this.$message.warning({
                  content: result.data.msg,
                  placement: "top-right",
                });
              })
              .finally(() => {
                this.submitLoading = false;
              });
          } else {
            this.$message.warning({
              content: firstError,
              placement: "top-right",
            });
          }
        },
        // 工单-转发-弹窗关闭
        forwardDialogClose() {
          this.forwardDialogVisible = false;
        },
        // 获取客户数据
        getClientOptions() {
          this.searchLoading = true;
          getClient(this.userParams)
            .then((result) => {
              this.searchLoading = false;
              this.clientOptions = result.data.data.list;
            })
            .catch((err) => {
              this.searchLoading = false;
            });
        },
        // 获取部门数据
        getDepartmentOptions() {
          getAdminRole({page: 1, limit: 10000})
            .then((result) => {
              this.departmentOptions = result.data.data.list;
            })
            .catch();
        },
        // 获取已激活插件
        getActive_plugin() {
          active_plugin().then((res) => {
            const arr = res.data.data.list.map((item) => {
              return item.name;
            });
            if (arr.includes("IdcsmartTicketInternal")) {
              this.showIdcsmartTicketInternal = true;
              this.$forceUpdate();
            }
          });
        },
        // 获取人员数据
        getAdminList() {
          getAdminList({page: 1, limit: 10000})
            .then((result) => {
              this.adminList = result.data.data.list;
            })
            .catch();
        },
        // 获取工单状态列表
        getTicketStatus() {
          ticketStatus().then((res) => {
            res.data.data.list.forEach((item) => {
              // if (item['status'] === 0) {
              //   this.params.status.push(item.id)
              // }
              this.params.status.push(item.id);
              delete item["default"];
            });
            this.order_status_options = res.data.data.list;
            this.isPlayerAudio = true;
            this.getUserOrderList();
          });
        },
        // 选择刷新时间
        selectTimeChange(value) {
          if (this.timer) {
            clearInterval(this.timer);
            this.timer = null;
          }
          this.timer = setInterval(() => {
            this.isPlayerAudio = true;
            this.doUserOrderClear();
          }, value);
        },
        // 工单-获取数据
        async getUserOrderList() {
          const userOrderData = await getUserOrder(this.params);
          if (userOrderData && userOrderData.data) {
            userOrderData.data.data.list.forEach((item) => {
              item.newTitle = "#" + item.ticket_num + "-" + item.title;
            });
            if (userOrderData.data.data.list.length > 0 && this.isPlayerAudio) {
              this.audio_tip.addEventListener("ended", this.palyAudio);
              this.audio_tip.play();
            }
            this.userOrderData = userOrderData.data.data.list;
            this.total = userOrderData.data.data.count;
            this.userOrderTableloading = false;
          }
        },
        // 播放音频
        palyAudio() {
          this.playNum++;
          if (this.playNum >= 3) {
            this.playNum = 1;
            this.isPlayerAudio = false;
            return;
          }
          this.audio_tip.play();
        },
        // 工单-切换分页
        changePage(e) {
          this.params.page = e.current;
          this.params.limit = e.pageSize;
          this.getUserOrderList();
        },
        // 新建工单
        goAddorder(row) {
          if (row) {
            location.href =
              str +
              `/plugin/idcsmart_ticket_internal/ticket_internal_add.htm?id=${row.id}&client_id=${row.client_id}&host_ids=${row.host_ids}`;
          } else {
            location.href = `ticket_add.htm`;
          }
        },
        // 工单-查询
        doUserOrderSearch() {
          this.params.page = 1;
          this.getUserOrderList();
        },
        // 工单-列表-清空
        doUserOrderClear() {
          this.params.page = 1;
          this.params.keywords = "";
          this.params.status = []; // 状态
          this.params.ticket_type_id = ""; // 工单类型
          this.params.client_id = ""; // 用户搜索
          this.params.admin_id = ""; // 跟进人搜索
          this.getTicketStatus();
        },
        // 工单-转内部
        userOrderTurnInside(row) {
          this.turnInsideFormData = {};
          getUserOrderDetail(row.id)
            .then((result) => {
              const data = result.data.data.ticket;
              if (data.attachment && data.attachment.length > 0) {
                data.attachment.forEach((item, i) => {
                  data.attachment[i] = {response: {}};
                  data.attachment[i].name = item.split("^")[1];
                  data.attachment[i].response.save_name =
                    item.split("upload/")[1];
                });
              }
              this.turnInsideFormData = {...row, ...data};
              // const client = this.clientOptions.filter(item => item.username === row.username)[0];
              // this.turnInsideFormData.client_id = client ? client.id : null;

              if (this.turnInsideFormData.client_id) {
                this.clientChange(this.turnInsideFormData.client_id, true);
              }
              if (!this.turnInsideFormData.ticket_type_id) {
                const orderType = this.orderTypeOptions.filter(
                  (item) => item.name === this.turnInsideFormData.name
                )[0];
                this.turnInsideFormData.ticket_type_id = orderType
                  ? orderType.id
                  : null;
              }
              this.orderTypeChange(this.turnInsideFormData.ticket_type_id);
              // this.turnInsideFormData.attachment = [];
              this.turnInsideDialogVisible = true;
            })
            .catch((error) => {
              console.log(error);
            });
        },
        // 工单-转内部-关联用户变化
        clientChange(val, isFirst) {
          if (!isFirst) {
            // 清除已选产品数据
            this.turnInsideFormData.host_ids = [];
          }
          getHost({client_id: val, page: 1, limit: 10000}).then((result) => {
            this.hostOptions = result.data.data.list;
            this.hostChange();
          });
        },
        // 工单-转内部-关联产品变化
        hostChange() {
          this.$forceUpdate();
        },
        // 工单-转内部-选择部门变化
        departmentChange(val) {
          // 获取部门id对应部门名称
          const department = this.departmentOptions.filter(
            (item) => item.id === val
          )[0];
          const name = department ? department.name : null;
          const optionList = [];
          // 清除已选人员数据
          this.forwardFormData.admin_id = "";
          this.forwardFormData.ticket_type_id = "";
          this.adminList.forEach((item) => {
            if (name && item.roles === name) {
              optionList.push(item);
            }
          });
          this.adminsOptions = optionList;
          this.getOrderTypeOptions(val);
        },
        // 工单-转发-选择人员变化
        adminChange(val) {
          this.$forceUpdate();
        },
        // 工单-转内部-工单类型变化
        orderTypeChange(val) {
          // 获取当前所选数据工单类型对应部门名称
          const type = this.orderTypeOptions.filter(
            (item) => item.id === val
          )[0];
          const admin_role_name = type ? type.role_name : null;
          if (admin_role_name) {
            // 默认设置部门为工单类型对应的部门
            const data = this.departmentOptions.filter(
              (item) => item.name && item.name === admin_role_name
            )[0];
            this.turnInsideFormData.admin_role_id =
              data && data.id ? data.id : null;
            // 获取该部门下人员列表
            this.departmentChange(this.turnInsideFormData.admin_role_id);
          }
          // 清除已选人员数据
          this.turnInsideFormData.admin_id = null;
        },
        // 工单-转内部-上传附件-返回
        uploadFormatResponse(res) {
          if (!res || res.status !== 200) {
            return {error: lang.upload_fail};
          }
          return {...res, save_name: res.data.save_name};
        },
        // 上传附件-进度
        uploadProgress(val) {
          if (val.percent) {
            this.uploadTip = "uploaded" + val.percent + "%";
            if (val.percent === 100) {
              this.uploadTip = "";
            }
          }
        },
        // 上传附件-成功后
        uploadSuccess(res) {
          if (
            res.fileList.filter((item) => item.name == res.file.name).length > 1
          ) {
            this.$message.warning({
              content: lang.upload_same_name,
              placement: "top-right",
            });
            this.turnInsideFormData.attachment.splice(
              this.turnInsideFormData.attachment.length - 1,
              1
            );
          }
          this.$forceUpdate();
        },
        removeAttachment(file, i) {
          this.turnInsideFormData.attachment.splice(i, 1);
          this.$forceUpdate();
        },
        // 工单-转内部-提交
        turnInsideFormSubmit({validateResult, firstError}) {
          if (validateResult === true) {
            const data = this.turnInsideFormData;
            const attachmentList = [];
            data.attachment.forEach((item) => {
              attachmentList.push(item.response.save_name);
            });
            const params = {
              ticket_id: data.id, //工单ID(转内部工单时需要传此参数)
              title: data.title, //内部工单标题
              ticket_type_id: data.ticket_type_id, //内部工单类型ID
              priority: data.priority, //紧急程度:medium一般,high紧急
              client_id: data.client_id ? data.client_id : null, //关联用户
              admin_role_id: data.admin_role_id, //指定部门
              admin_id: data.admin_id ? data.admin_id : null, //管理员ID
              host_ids: data.host_ids ? data.host_ids : [], //关联产品ID,数组
              content: data.content ? data.content : "", //问题描述
              attachment: attachmentList, //附件,数组,取上传文件返回值save_name)
            };
            this.submitLoading = true;
            newInternalOrder(params)
              .then((result) => {
                this.$message.success({
                  content: result.data.msg,
                  placement: "top-right",
                });
                this.turnInsideDialogClose();
                this.getUserOrderList();
              })
              .catch((result) => {
                this.$message.warning({
                  content: result.data.msg,
                  placement: "top-right",
                });
              })
              .finally(() => {
                this.submitLoading = false;
              });
          } else {
            this.$message.warning({
              content: firstError,
              placement: "top-right",
            });
          }
        },
        // 工单-转内部-弹窗关闭
        turnInsideDialogClose() {
          this.turnInsideDialogVisible = false;
        },
        // 工单-接收
        userOrderReceive(row) {
          receiveUserOrder(row.id)
            .then((result) => {
              this.$message.success({
                content: result.data.msg,
                placement: "top-right",
              });
              this.getUserOrderList();
            })
            .catch((result) => {
              this.$message.warning({
                content: result.data.msg,
                placement: "top-right",
              });
            });
        },
        // 工单-回复
        userOrderReply(row) {
          this.$checkPermission("auth_user_detail_ticket_detail") &&
            (location.href = `ticket_detail.htm?id=${row.id}`);
        },
        // 工单-已解决
        userOrderResolved(row) {
          resolvedUserOrder(row.id)
            .then((result) => {
              this.$message.success({
                content: result.data.msg,
                placement: "top-right",
              });
              this.getUserOrderList();
            })
            .catch((result) => {
              this.$message.warning({
                content: result.data.msg,
                placement: "top-right",
              });
            });
        },
        // 时间格式转换
        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;
        },
        // 工单-工单类型管理-弹窗显示
        orderTypeMgtDialogShow() {
          this.orderTypeMgtTableloading = true;
          this.getOrderTypeMgtList();
          this.orderTypeMgtDialogVisible = true;
        },
        // 工单-工单类型管理-获取工单类型数据
        async getOrderTypeMgtList() {
          const result = await getUserOrderType();
          if (result.status === 200) {
            const data = result.data.data.list;
            data.forEach((item) => {
              if (item.role_name) {
                const department = this.departmentOptions.filter(
                  (op) => op.name === item.role_name
                )[0];
                item.admin_role_id = department ? department.id : null;
              }
            });
            this.orderTypeMgtData = data;
            this.orderTypeMgtTableloading = false;
          }
        },
        // 工单-工单类型管理-关闭弹窗
        orderTypeMgtClose() {
          let mydialog = this.$dialog({
            theme: "warning",
            header: `${lang.sure_cancel}`,
            className: "t-dialog-new-class1 t-dialog-new-class2",
            style: "color: rgba(0, 0, 0, 0.6)",
            confirmBtn: lang.sure,
            cancelBtn: lang.cancel,
            onConfirm: ({e}) => {
              mydialog.hide();
              this.orderTypeMgtDialogVisible = false;
            },
          });
        },
        // 工单-工单类型管理-编辑
        orderTypeMgtEdit(row) {
          const checkResult = this.checkOrderType();
          if (checkResult) {
            for (let i = 0; i < this.orderTypeMgtData.length; i++) {
              if (this.orderTypeMgtData[i].id === row.id) {
                this.orderTypeMgtData.splice(i, 1, {
                  status: "edit",
                  ...row,
                });
              }
            }
          }
        },
        // 工单-工单类型管理-校验当前数据是否都已保存
        checkOrderType() {
          let result = true;
          this.orderTypeMgtData.forEach((item) => {
            if (item.status === "edit" || item.status === "add") {
              this.$message.warning({
                content: lang.order_type_verify3,
                placement: "top-right",
              });
              result = false;
            }
          });
          return result;
        },
        // 工单-工单类型管理-保存
        async orderTypeMgtSave(row) {
          if (!row.admin_role_id || !row.name) {
            this.$message.warning({
              content: lang.order_type_verify1,
              placement: "top-right",
            });
            return;
          }
          const params = {
            admin_role_id: row.admin_role_id,
            name: row.name,
          };
          let result = {};
          if (this.isSubmit) {
            return;
          }
          this.isSubmit = true;
          if (row.status === "edit") {
            params.id = row.id;
            orderTypeEdit(row.id, params)
              .then((result) => {
                this.$message.success({
                  content: result.data.msg,
                  placement: "top-right",
                });
                this.getOrderTypeMgtList();
              })
              .catch((result) => {
                this.$message.warning({
                  content: result.data.msg,
                  placement: "top-right",
                });
              })
              .finally(() => {
                setTimeout(() => {
                  this.isSubmit = false;
                }, 1000);
              });
          } else {
            orderTypeAdd(params)
              .then((result) => {
                this.$message.success({
                  content: result.data.msg,
                  placement: "top-right",
                });
                this.getOrderTypeMgtList();
              })
              .catch((result) => {
                this.$message.warning({
                  content: result.data.msg,
                  placement: "top-right",
                });
              })
              .finally(() => {
                setTimeout(() => {
                  this.isSubmit = false;
                }, 1000);
              });
          }
        },
        // 工单-工单类型管理-删除
        async orderTypeMgtDelete(row) {
          const result = await orderTypeDelete(row.id);
          if (result.status === 200) {
            this.$message.success({
              content: result.data.msg,
              placement: "top-right",
            });
            this.getOrderTypeMgtList();
          } else {
            this.$message.warning({
              content: result.data.msg,
              placement: "top-right",
            });
          }
        },
        // 工单-工单类型管理-新增
        newOrderType() {
          const checkResult = this.checkOrderType();
          if (checkResult) {
            this.orderTypeMgtData.push({
              status: "add",
              id: Math.random(),
              role_name: null,
              name: "",
            });
          }
        },
        // 工单-新建工单-提交
        addOrderFormSubmit({validateResult, firstError}) {
          if (validateResult === true) {
            const data = this.addOrderFormData;
            const attachmentList = [];
            data.attachment.forEach((item) => {
              attachmentList.push(item.response.save_name);
            });
            const params = {
              title: data.title, //内部工单标题
              ticket_type_id: data.ticket_type_id, //内部工单类型ID
              // priority: data.priority, //紧急程度:medium一般,high紧急
              client_id: data.client_id ? data.client_id : null, //关联用户
              // admin_role_id: data.admin_role_id, //指定部门
              // admin_id: data.admin_id ? data.admin_id : null, //管理员ID
              host_ids: data.host_ids ? data.host_ids : [], //关联产品ID,数组
              content: data.content ? data.content : "", //问题描述
              attachment: attachmentList, //附件,数组,取上传文件返回值save_name)
            };
            this.submitLoading = true;
            newUserOrder(params)
              .then((result) => {
                this.$message.success({
                  content: result.data.msg,
                  placement: "top-right",
                });
                this.addOrderDialogClose();
                this.getUserOrderList();
              })
              .catch((result) => {
                this.$message.warning({
                  content: result.data.msg,
                  placement: "top-right",
                });
              })
              .finally(() => {
                this.submitLoading = false;
              });
          } else {
            this.$message.warning({
              content: firstError,
              placement: "top-right",
            });
          }
        },
        // 工单-新建工单-弹窗关闭
        addOrderDialogClose() {
          this.addOrderDialogVisible = false;
        },
        // 工单-新建工单-弹窗显示
        newOrderDialogShow() {
          this.addOrderFormData = {};
          this.addOrderFormData.attachment = [];
          this.getClientOptions();
          this.getOrderTypeOptions();
          this.getAdminList();
          this.addOrderDialogVisible = true;
        },
      },
      created() {
        // localStorage.setItem('curValue', 253)
        const domHeight = template.scrollHeight;
        this.tableHeight = domHeight - 230;
        this.id = this.params.client_id = this.getQuery("id") * 1;
        this.params.host_id = this.getQuery("host_id") * 1 || "";
        this.getHostList();
        this.getDepartmentOptions();
        this.getAdminList();
        this.getClientOptions();
        this.getActive_plugin();
        this.getOrderTypeOptions();
        this.getClintList();
        this.getUserDetail();
        this.getPlugin();
        setTimeout(() => {
          this.selectTimeChange(180000);
        }, 180000);
        window.doUserOrderSearch = this.doUserOrderSearch();
      },
      mounted() {
        this.audio_tip = document.getElementById("audio_tip");
        this.getTicketStatus();
      },
    }).$mount(template);
    typeof old_onload == "function" && old_onload();
  };
})(window);