修改插件

plugins/addon/example/template/admin/js/ticket_add.js

@@ -0,0 +1,195 @@
+(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,
+        comChooseUser,
+      },
+      data() {
+        return {
+          isSubmitIng: false,
+          detialform: {
+            host_ids: [],
+            ticket_type_id: "",
+          },
+          userParams: {
+            keywords: "",
+            page: 1,
+            limit: 20,
+            orderby: "id",
+            sort: "desc",
+          },
+          userTotal: 0,
+          searchLoading: false,
+          departmentList: [],
+          orderTypeOptions: [],
+          // 关联客户下拉框数据
+          clientOptions: [],
+          // 关联产品下拉框数据
+          hostOptions: [],
+          popupProps: {
+            overlayInnerStyle: (trigger) => ({
+              width: `${trigger.offsetWidth}px`,
+              "max-height": "362px",
+            }),
+          },
+          requiredRules: {
+            title: [{ required: true, message: lang.order_text15 }],
+            ticket_type_id: [{ required: true, message: lang.order_name }],
+            client_id: [{ required: true, message: lang.order_text17 }],
+          },
+          batchFile: [],
+          uploadUrl: str + "v1/upload",
+          uploadHeaders: {
+            Authorization: "Bearer" + " " + localStorage.getItem("backJwt"),
+          },
+        };
+      },
+      methods: {
+        formatResponse(res) {
+          if (res.status !== 200) {
+            this.$nextTick(() => {
+              this.batchFile = [];
+            });
+            this.batchFile = [];
+            return { error: res.msg };
+          }
+          return { save_name: res.data.save_name, url: res.data.image_url };
+        },
+        filterMethod() {
+          return true;
+        },
+        changeUser(val) {
+          // 选择用户， 获取对应的产品
+          this.$set(this.detialform, "client_id", val);
+          this.clientChange(val);
+        },
+
+        departmentChange(val) {
+          this.getOrderTypeOptions(val);
+          this.detialform.ticket_type_id = "";
+        },
+        addOrderFormSubmit() {
+          this.detialform.content = this.$refs.comTinymce.getContent();
+          // this.detialform.notes = tinyMCE.editors[1].getContent();
+          this.$refs.myform.validate(this.requiredRules).then((res) => {
+            if (res !== true) {
+              const firstError = Object.values(res)[0][0].message;
+              this.$message.warning({
+                content: firstError,
+                placement: "top-right",
+              });
+              return;
+            }
+            this.isSubmitIng = true;
+            const data = this.detialform;
+            const attachmentList = (this.batchFile || []).map(
+              (item) => item.response.save_name
+            );
+            const params = {
+              title: data.title, //工单标题
+              ticket_type_id: data.ticket_type_id, //工单类型ID
+              client_id: data.client_id ? data.client_id : null, //关联用户
+              host_ids: data.host_ids ? data.host_ids : [], //关联产品ID,数组
+              content: data.content ? data.content : "", //问题描述
+              notes: data.notes ? data.notes : "",
+              attachment: attachmentList, //附件,数组,取上传文件返回值save_name)
+            };
+            newUserOrder(params)
+              .then((result) => {
+                this.isSubmitIng = false;
+                this.$message.success({
+                  content: result.data.msg,
+                  placement: "top-right",
+                });
+                this.goList();
+              })
+              .catch((result) => {
+                this.$message.warning({
+                  content: result.data.msg,
+                  placement: "top-right",
+                });
+                this.isSubmitIng = false;
+              });
+          });
+        },
+        // 获取工单类型数据
+        getOrderTypeOptions(id) {
+          const params = {
+            admin_role_id: id ? id : "",
+          };
+          getUserOrderType(params)
+            .then((result) => {
+              this.orderTypeOptions = result.data.data.list;
+            })
+            .catch();
+        },
+        // 获取用户列表
+        async getClientOptions() {
+          try {
+            const {
+              data: { data },
+            } = await getClient(this.userParams);
+            this.userTotal = data.count;
+            if (this.userParams.page === 1) {
+              this.clientOptions = data.list;
+            } else {
+              this.clientOptions = this.clientOptions.concat(...data.list);
+            }
+            this.searchLoading = false;
+          } catch (error) {
+            this.searchLoading = false;
+          }
+        },
+        // 工单-转内部-关联用户变化
+        clientChange(val) {
+          // 清除已选产品数据
+          this.detialform.host_ids = [];
+          getHost({ client_id: val, page: 1, limit: 10000 }).then((result) => {
+            this.hostOptions = result.data.data.list
+              .filter((item) => item.status !== "Deleted")
+              .map((item) => {
+                const flagString = item.dedicate_ip
+                  ? item.dedicate_ip
+                  : item.name
+                  ? item.name
+                  : "";
+                item.showName = flagString
+                  ? `${item.product_name}(${flagString})`
+                  : item.product_name;
+                return item;
+              });
+            this.hostChange();
+          });
+        },
+        // 工单-转内部-关联产品变化
+        hostChange() {
+          this.$forceUpdate();
+        },
+        // 获取工单部门
+        getTicketDepartment() {
+          ticketDepartment().then((res) => {
+            this.departmentList = res.data.data.list;
+          });
+        },
+        // 返回
+        goList() {
+          location.href = "index.htm";
+        },
+      },
+      created() {
+        this.getOrderTypeOptions();
+        this.getClientOptions();
+        this.getTicketDepartment();
+      },
+    }).$mount(template);
+    typeof old_onload == "function" && old_onload();
+  };
+})(window);