123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812 |
- var app = angular.module('app', [
- 'angularUtils.directives.dirPagination'
- ]);
- //定义一个全局的截图插件变量
- var cropper;
- app.controller("indexCtrl", ["$scope", "$http", "$timeout", function ($scope, $http, $timeout) {
- var self = this;
- var s4 = new SM4Util();
- self.userId = $.cookie("GlWorkPlatform-userid");
- self.userName = $.cookie("GlWorkPlatform-chineseName");
- self.get_AccessToken = localStorage.getItem("GlWorkPlatform-AccessToken");
- self.get_lastReturnPageno = sp.getUrlName("lastReturnPageno");
- self.get_type = sp.getUrlName("type");
- var postCfg = {
- headers: {
- 'Content-Type': 'application/json',
- 'Authorization': "Bearer " + self.get_AccessToken
- }
- }
- self.info = {
- "id": "0",
- "pgcode": "",///插件代码
- "cname": "",//插件名称
- "kinds": "",//插件来源
- "url": "",///插件地址
- "imagesmall": "",///缩略图
- "ctype": "",///使用方式
- "dtype": "",///插件类型
- "authman": "",///访问权限
- "ctypemodel": "",///桌面插件样式
- "remark": "",///备注
- }
- self.search = {
- "ctype": "",///使用方式
- "dtype": ""///插件类型
- }
- ////使用方式
- self.useType = [];
- self.useType_search = [];
- self.getUseType = function () {
- var postData = {
- tablename: "CODE_PLUGINCTYPE",
- colums: "",
- order: "ID",
- sqlwhere: { ID: ""},
- sqlinwhere: "",
- sqllikewhere: ""
- }
- $http.post(apiurljs.login + "g2app/dataabase/queryDataByCol", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.useType = res.data;
- self.info.ctype = self.useType[0].CODE;
- angular.forEach(res.data, function (item, index) {
- self.useType_search.push(item);
- });
- var set_all_item = { "CNAME": "--全部--", "CODE": "" };
- self.useType_search.unshift(set_all_item);
- } else {
- self.rows = [];
- }
- } else {
- sp.dialog(res.message);
- }
- });
- }
- ////使用方式
- self.getUseType();
- ////桌面插件样式
- self.ctypemodelArray = [];
- self.getCtypeModel = function () {
- var postData = {
- tablename: "CODE_CTYPEMODEL",
- colums: "",
- order: "ID",
- sqlwhere: { ID: "" },
- sqlinwhere: "",
- sqllikewhere: ""
- }
- $http.post(apiurljs.login + "g2app/dataabase/queryDataByCol", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.ctypemodelArray = res.data;
- self.info.ctypemodel = self.ctypemodelArray[0].CODE;
- } else {
- self.rows = [];
- }
- } else {
- sp.dialog(res.message);
- }
- });
- }
- ////桌面插件样式
- self.getCtypeModel();
- //插件类型
- self.dTypeData = [];
- self.dTypeData_search = [];
- self.getDType = function () {
- var postData = {
- tablename: "CODE_PLUGINDTYPE",
- colums: "",
- order: "ID",
- sqlwhere: { ID: "" },
- sqlinwhere: "",
- sqllikewhere: ""
- }
- $http.post(apiurljs.login + "g2app/dataabase/queryDataByCol", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.dTypeData = res.data;
- self.info.dtype = self.dTypeData[0].CODE;
- angular.forEach(res.data, function (item, index) {
- self.dTypeData_search.push(item);
- });
- var set_all_item = { "CNAME": "--全部--", "CODE": "" };
- self.dTypeData_search.unshift(set_all_item);
- } else {
- self.rows = [];
- }
- } else {
- sp.dialog(res.message);
- }
- });
- }
- self.getDType();
- //权限--2023
- self.userAuth = [];
- self.getUserAuth = function () {
- var postData = {
- tablename: "CODE_PLUGINAUTHMAN",
- colums: "",
- order: "ID",
- sqlwhere: { ID: "" },
- sqlinwhere: "",
- sqllikewhere: ""
- }
- $http.post(apiurljs.login + "g2app/dataabase/queryDataByCol", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.userAuth = res.data;
- self.info.authman = self.userAuth[0].CODE;
- } else {
- self.rows = [];
- }
- } else {
- sp.dialog(res.message);
- }
- });
- }
- self.getUserAuth();
- self.loading = true;
- ///插件来源---加载数据
- self.rows = [];
- self.users = [];
- self.getQueryDataList = function () {
- var time1 = sp.getLocalDate();
- self.activeRole = -1;
- self.activeKind = {
- id: "",
- cname: "",
- code:""
- }
- var postData = {
-
- }
- $http.post(apiurljs.login + "g2app/pluginkinds/queryDataList", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.rows = res.data;
- self.activeRole = 0;
- self.activeKind = {
- id: self.rows[0].ID,
- cname: self.rows[0].CNAME,
- code: self.rows[0].CODE
- }
- self.getPluginData(self.rows[0].CODE);
- } else {
- self.rows = [];
- }
- } else {
- sp.dialog(res.message);
- }
- });
- }
- $timeout(function () {
- self.getQueryDataList();
- },500)
-
- ///来源信息--新增、编辑
- self.laiyuan = {
- "id": "0",
- "cname": ""
- };
- self.btnAddLaiYuan = function () {
- self.laiyuan = {
- "id": "0",
- "cname": ""
- };
- sp.layer("#layer_laiyuan");
- };
- self.btnEditLaiYuan = function (itemdata) {
- self.laiyuan = {
- "id": itemdata.ID,
- "cname": itemdata.CNAME
- };
- sp.layer("#layer_laiyuan");
- };
- self.submit_laiYuan = function () {
- if (spngvld.submit("#layer_laiyuan")) {
- var postData = {
- "id": self.laiyuan.id,
- "cname": self.laiyuan.cname
- }
- //console.log(postData);
- $http.post(apiurljs.login + "g2app/pluginkinds/saveData", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- self.loading = false;
- //console.log(JSON.stringify(res));
- if (res.success) {
- self.getQueryDataList();
- sp.layerhide();
- } else {
- sp.layerhide();
- sp.dialog(res.message);
- }
- })
- .error(function (XMLHttpRequest, textStatus, errorThrown) {
- if (textStatus != 200) {
- self.loading = false;
- }
- })
- }
- };
- self.cancel_laiYuan = function () {
- sp.layerhide();
- spngvld.clear("#layer_laiyuan");
- }
- ////加载右侧插件列表
- self.pluginArray = [];///声明用户列表数组
- self.getPluginData = function (kindsstr) {
- self.loading = true;
- var postData = {
- kinds: kindsstr,
- ctype: self.search.ctype,
- dtype: self.search.dtype
- }
- //console.log(postData);s4.encryptData_CBC(JSON.stringify(postData))
- $http.post(apiurljs.login + "g2app/plugin/queryDataList", JSON.stringify(postData), postCfg)
- .success(function (obj) {
- //var res = strToJson(s4.decryptData_CBC(obj.data));
- var res = obj;
- self.loading = false;
- //console.log(JSON.stringify(res));
- if (res.success) {
- if (sp.isval(res.data)) {
- self.pluginArray = res.data;
- angular.forEach(self.pluginArray, function (item, index) {
- item.indexnum = index + 1;
- //console.log(item.ID);
- angular.forEach(self.userAuth, function (item2,index2) {
- if (item2.CODE == item.AUTHMAN) {
- item.AUTHMAN_set = item2.CNAME;
- }
- });
- });
-
- } else {
- self.pluginArray = [];
- }
- self.loading = false;
- } else {
- self.loading = false;
- sp.dialog(res.message);
- }
- })
- .error(function (XMLHttpRequest, textStatus, errorThrown) {
- if (textStatus != 200) {
- self.loading = false;
- }
- })
- };
- ////下拉框change事件
- self.selectChange = function () {
- self.getPluginData(self.activeKind.code);
- };
- // 点击选中角色管理事件
- self.activeRole = -1;
- self.chooseRole = function (index, $item) {
- var time1 = sp.getLocalDate1();
- self.activeRole = index;
- self.activeKind = {
- id: $item.ID,
- cname: $item.CNAME,
- code: $item.CODE
- }
- //console.log($item.CODE);
- self.getPluginData($item.CODE);
- //self.journalRecord(time1, sp.getLocalDate1(), "查询", "查询日志", "/g2work/datazu/queryDataUser")
- }
-
- ///新增---插件
- self.btnAdd = function () {
- //var set_ctypemodel = "";
- //var set_ctypemodel = "";
- //if (self.info.ctype == 'C01') {
- // set_ctypemodel = self.ctypemodelArray[0].CODE;
- //} else {
- // set_ctypemodel = ""
- //}
- self.info = {
- "id": "0",
- "pgcode": "",///插件代码
- "cname": "",//插件名称
- "kinds": "",//插件来源
- "url": "",///插件地址
- "imagesmall": "",///缩略图
- "imageurl": "",
- "ctype": self.useType[0].CODE,///使用方式
- "dtype": self.dTypeData[0].CODE,///插件类型
- "authman": self.userAuth[0].CODE,///访问权限
- "ctypemodel": self.ctypemodelArray[0].CODE,///桌面插件样式
- "remark": "",///备注
- }
- self.pluginUpload_view = false;
- sp.layer("#layer_addplgn", 1);
- };
- ///编辑--插件
- self.btnEditPlugin = function ($item) {
- var set_ctypemodel = "";
- if (self.info.ctype == 'C01') {
- set_ctypemodel = self.info.ctypemodel;
- } else {
- set_ctypemodel = ""
- }
- self.info = {
- "id": $item.ID,
- "pgcode": $item.PGCODE,///插件代码
- "cname": $item.CNAME,//插件名称
- "kinds": $item.KINDS,//插件来源
- "url": $item.URL,///插件地址
- "imagesmall": $item.IMAGESMALL,///缩略图
- "imageurl": $item.IMAGEURL,///缩略图
- "ctype": $item.CTYPE,///使用方式
- "dtype": $item.DTYPE,///插件类型
- "authman": $item.AUTHMAN,///访问权限
- "ctypemodel": set_ctypemodel,///桌面插件样式
- "remark": $item.REMARK,///备注
- }
-
- sp.layer("#layer_addplgn", 1)
- };
- self.btnSubmitPlnDsabled = false;
- self.btnSubmitPln_text = "提 交";
- self.submit_plguin = function () {
- if (spngvld.submit("#layer_addplgn")) {
- //console.log(self.info.imagesmall);
- if (sp.isval(self.info.imagesmall)) {
- self.btnSubmitPlnDsabled = true;
- self.btnSubmitPln_text = "正在提交,请稍等..";
- var set_ctypemodel = "";
- if (self.info.ctype == 'C01') {
- set_ctypemodel = self.info.ctypemodel;
- } else {
- set_ctypemodel = ""
- }
- var postData = {
- "id": self.info.id,
- "pgcode": self.info.pgcode,///插件代码
- "cname": self.info.cname,//插件名称
- "kinds": self.activeKind.code,//插件来源
- "url": self.info.url,///插件地址
- "imagesmall": self.info.imagesmall,///缩略图
- "ctype": self.info.ctype,///使用方式
- "dtype": self.info.dtype,///插件类型
- "authman": self.info.authman,///访问权限
- "ctypemodel": set_ctypemodel,///桌面插件样式
- "remark": self.info.remark///备注
- }
- //console.log(postData); s4.encryptData_CBC(JSON.stringify(postData))
- $http.post(apiurljs.login + "g2app/plugin/saveData", JSON.stringify(postData), postCfg)
- .success(function (obj) {
- //var res = strToJson(s4.decryptData_CBC(obj.data));
- var res = obj;
- //console.log(JSON.stringify(res));
- if (res.success) {
- sp.closeCenter('.sp-layer');
- $timeout(function () {
- self.getPluginData(self.activeKind.code);
- },210);
- } else {
- sp.closeCenter('.sp-layer');
- sp.dialog(res.message);
- }
- self.btnSubmitPlnDsabled = false;
- self.btnSubmitPln_text = "提 交";
- })
- .error(function (XMLHttpRequest, textStatus, errorThrown) {
- if (textStatus != 200) {
- self.loading = false;
- }
- })
- } else {
- alert("您好,图片不能为空!");
-
- }
-
- }
- }
- self.cancel_plguin = function () {
- sp.closeCenter('.sp-layer');
- }
- //删除插件来源
- self.removeKinds = function ($item) {
- var time1 = sp.getLocalDate1();
- //self.journalRecord(time1, sp.getLocalDate1(), "删除", "修改日志", window.location.pathname)
- var getDelID = $item.ID;
- var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
- var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复,您确认要删除吗?</div>";
- var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
- $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
- sp.openCenter(".sp-dialog");
- ///取消按钮
- $('.sp-closeDialog').click(function (event) {
- sp.closeCenter(".sp-dialog");
- event.preventDefault(); event.stopPropagation();
- });
- //post消息的id
- $("#delDataTrue").click(function () {
- var getid = $(this).attr("data-id");
- sp.dialoghide();
- var data = {
- id: getid///角色编码
- };
- //console.log(data);
- $http.post(apiurljs.login + "g2app/pluginkinds/deleteDataByID", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- self.activeRole = -1;
- sp.dialoghide();
- } else {
- sp.dialog(res.message);
- }
- });
- });
- }
- //删除插件
- self.removePlugin = function ($item) {
- var time1 = sp.getLocalDate1();
- //self.journalRecord(time1, sp.getLocalDate1(), "删除", "修改日志", window.location.pathname)
- var getDelID = $item.ID;
- var dialogHead = "<span class=\"sp-dialog-head\"><span class=\"sp-dialog-tip\">温馨提示</span><span class=\"sp-dialog-close sp-closeDialog\" title=\"关闭\">×</span></span>";
- var dialogBody = "<div class=\"sp-dialog-body\">删除后不可恢复,您确认要删除吗?</div>";
- var dialogFoot = "<div class=\"sp-dialog-foot\"><input data-id=" + getDelID + " id='delDataTrue' type='button' value='确 认' class='sp-dialog-btnTrue' /><input type='button' value='取 消' class='sp-dialog-btnCancle sp-closeDialog' /></div>";
- $('.sp-dialog').html(dialogHead + dialogBody + dialogFoot);
- sp.openCenter(".sp-dialog");
- ///取消按钮
- $('.sp-closeDialog').click(function (event) {
- sp.closeCenter(".sp-dialog");
- event.preventDefault(); event.stopPropagation();
- });
- //post消息的id
- $("#delDataTrue").click(function () {
- var getid = $(this).attr("data-id");
- sp.dialoghide();
- var data = {
- id: getid///角色编码
- };
- //console.log(data);
- $http.post(apiurljs.login + "g2app/plugin/deleteDataByID", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- sp.dialoghide();
- } else {
- sp.dialog(res.message);
- }
- });
- });
-
- }
- //上移一位--来源
- self.moveUp = function () {
- var time1 = sp.getLocalDate1();
- //self.journalRecord(time1, sp.getLocalDate1(), "上移", "修改日志", window.location.pathname)
- if (sp.isval(self.activeKind.id)) {
- if (self.activeRole == 0) {
- sp.dialog("已处于最顶部,无法上移!");
- } else {
- var set_index = parseInt(self.activeRole - 1);
- var postData = {
- "id1": self.rows[set_index].ID,
- "id2": self.activeKind.id
- };
- //console.log(postData);
- $http.post(apiurljs.login + "g2app/pluginkinds/swapSortidByID", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- self.activeRole = -1;
- //self.getPluginData(self.unit, "0"); ///加载机构下方的人员
- } else {
- sp.dialog(res.message);
- }
- });
- }
- } else {
- sp.dialog("请先点击选择来源!");
- }
- }
- //下移一位--来源
- self.moveDown = function () {
- var time1 = sp.getLocalDate1();
- //self.journalRecord(time1, sp.getLocalDate1(), "下移", "修改日志", window.location.pathname)
- if (sp.isval(self.activeKind.id)) {
- if (self.activeRole == self.rows.length - 1) {
- sp.dialog("已处于最底部,无法下移!");
- } else {
- var set_index = parseInt(self.activeRole + 1);
- var postData = {
- "id1": self.rows[set_index].ID,
- "id2": self.activeKind.id
- };
- $http.post(apiurljs.login + "g2app/pluginkinds/swapSortidByID", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- self.activeRole = -1;
- //self.getPluginData(self.unit, "0"); ///加载机构下方的人员
- } else {
- sp.dialog(res.message);
- }
- });
- }
- } else {
- sp.dialog("请先点击选择来源!");
- }
- }
- //上移一位--插件
- self.moveUp_plugin = function (itemdata,indexnum) {
- var set_index = indexnum - 2;
- var postData = {
- "id1": self.pluginArray[set_index].ID,
- "id2": itemdata.ID
- };
- //console.log(postData);
- $http.post(apiurljs.login + "g2app/plugin/swapSortidByID", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- self.activeRole = -1;
- //self.getPluginData(self.unit, "0"); ///加载机构下方的人员
- } else {
- sp.dialog(res.message);
- }
- });
- }
- //下移一位--插件
- self.moveDown_plugin = function (itemdata, indexnum) {
- var set_index = indexnum;
- var postData = {
- "id1": self.pluginArray[set_index].ID,
- "id2": itemdata.ID
- };
- //console.log(postData);
-
- $http.post(apiurljs.login + "g2app/plugin/swapSortidByID", { data: s4.encryptData_CBC(JSON.stringify(postData)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- if (res.success) {
- self.getQueryDataList();
- self.activeRole = -1;
- //self.getPluginData(self.unit, "0"); ///加载机构下方的人员
- } else {
- sp.dialog(res.message);
- }
- });
- }
- //记录日志
- self.journalRecord = function (time1, time2, title, func, url) {
- if (!self.CrossPage.cname) { return; }
- var data = {
- tablename: "SYS_CLICKLOG",
- data: {
- CTIME: time1 == null ? sp.getLocalDate1() : time1,
- TITLE: (title != "" ? self.CrossPage.cname + "/" + title : self.CrossPage.cname),
- REQUESTURL: url,
- REQUESTHEADERURL: window.location.origin,
- LOGTYPE: func,
- USERTYPE: $.cookie("GlWorkPlatform-userType"),
- ADMIN: $.cookie("GlWorkPlatform-userTypeEng"),
- CLIENTIP: sp.myIP(),
- PCNAME: sp.detectOS(),
- BROWSERNAME: sp.browser(),
- RESPONSETIME: time2 == null ? sp.getLocalDate1() : time2,
- USERID: self.userId,
- USERNAME: self.userCName
- }
- }
- $http.post(apiurljs.login + "g2app/dataabase/insertFormData", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
- .success(function (res) {
- })
- }
- //用来保存当前编辑图片的地址
- self.pluginUpload_view = false;
- self.nowImgUrl = "";
- //打开截图收藏框
- self.joinItem = function () {
- self.pluginUpload_view = true;
- //sp.layer('#layer_fav', 1);
- $("#imgUpload").blur();
- $("#imgUpload").val("");
- self.nowImgUrl = "";
- //每次打开截图层初始化截图窗口
- var image = document.querySelector('#image');
- cropper = new Cropper(image, {
- aspectRatio: 16 / 9,
- viewMode: 1,
- scalable: false,
- minCropBoxWidth: 64,
- minCropBoxHeight: 36,
- autoCrop: true,
- fillColor: "#fff",
- });
- }
- self.closeImgLayer = function () {
- self.nowImgUrl = "";
- $("#imgUpload").blur();
- $("#imgUpload").val("");
- self.pluginUpload_view = false;
- cropper.destroy();
- }
- self.saveData = function () {
- var cas = cropper.getCroppedCanvas();
- var base64url = cas.toDataURL('image/png');
- //console.log(base64url); //生成base64图片的格式
- self.info.imagesmall = base64url;
- self.pluginUpload_view = false;
- $timeout(function () {
- self.nowImgUrl = "";
- $("#imgUpload").blur();
- $("#imgUpload").val("");
- cropper.destroy();
- },10)
- }
- self.reset = function () {
- if (self.nowImgUrl != '') {
- cropper.reset();
- }
- }
- self.zoomOut = function () {
- if (self.nowImgUrl != '') {
- cropper.zoom(0.1);
- }
- }
- self.zoomIn = function () {
- if (self.nowImgUrl != '') {
- cropper.zoom(-0.1);
- }
- }
- self.clear = function () {
- if (self.nowImgUrl != '') {
- self.nowImgUrl = "";
- $("#imgUpload").blur();
- $("#imgUpload").val("");
- cropper.replace(" ", false);
- }
- }
- }]);
- function imgChange(e) {
- var files = document.getElementById('imgUpload').files;
- if (files[0].size > 1 * 1024 * 1024) {
- alert("上传图片不得超过1MB");
- return;
- }
- var dom = $("input[id^='imgUpload']")[0];
- var reader = new FileReader();
- reader.onload = (function (file) {
- return function (e) {
- // //把图片路径复制到angular控件中
- angular.element(document.getElementById('app')).scope().ctl.nowImgUrl = this.result;
- angular.element(document.getElementById('app')).scope().$apply();
- $("#image").prop("src", this.result);
- //console.log(cropper);
- cropper.replace(this.result, false);
- };
- })(e.target.files[0]);
- reader.readAsDataURL(e.target.files[0]);
- }
- document.body.addEventListener('paste', function (event) {
- if (!$("#layer_fav").is(":hidden")) {
- var items = (event.clipboardData || window.clipboardData).items;
- var file = null;
- var fileSize = 0;
- if (items && items.length) {
- //搜索剪切板items 只取第一个
- let first = items[0];
- if (first.type.indexOf('image') !== -1) {
- file = items[0].getAsFile();
- fileSize = file.size;
- }
- } else {
- alert('当前浏览器不支持');
- return;
- }
- if (!file) {
- //alert('粘贴内容非图片');
- return;
- }
- if (fileSize > 1 * 1024 * 1024) {
- alert('粘贴图片大小不得超过1MB');
- return;
- }
- // 此时file就是我们的剪切板中的图片对象
- // 如果需要预览,可以执行下面代码
- var reader = new FileReader()
- reader.onload = function (event) {
- // //把图片路径复制到angular控件中
- angular.element(document.getElementById('app')).scope().ctl.nowImgUrl = this.result;
- angular.element(document.getElementById('app')).scope().$apply();
- $("#image").prop("src", this.result);
- cropper.replace(this.result, false);
- }
- reader.readAsDataURL(file);
- } else {
- }
- });
|