diff --git a/templates/model/tuomin/upload.tmpl b/templates/model/tuomin/upload.tmpl index ae210b442..88b407c9f 100644 --- a/templates/model/tuomin/upload.tmpl +++ b/templates/model/tuomin/upload.tmpl @@ -1,7 +1,7 @@ {{template "base/head" .}} - -
+ +
- + {{template "base/footer" .}} diff --git a/web_src/vuepages/apis/modules/tuomin.js b/web_src/vuepages/apis/modules/tuomin.js new file mode 100644 index 000000000..8b1c3c7c4 --- /dev/null +++ b/web_src/vuepages/apis/modules/tuomin.js @@ -0,0 +1,15 @@ +import service from '../service'; + +// 图片脱敏接口 +export const imageTranform = (data) => { // page pageSize + console.log("-=-=-=-=-=",data) + return service({ + url: '/extension/tuomin/upload', + method: 'post', + headers:{ + 'Content-type':'multipart/form-data' + }, + params: { model: data.model }, + data: {...data.file}, + }); +} diff --git a/web_src/vuepages/pages/model/tuomin/index.vue b/web_src/vuepages/pages/model/tuomin/index.vue index f8e0f7aa3..fc712b4ce 100644 --- a/web_src/vuepages/pages/model/tuomin/index.vue +++ b/web_src/vuepages/pages/model/tuomin/index.vue @@ -1,33 +1,63 @@
-
-
-
- - -
-
-
+ @@ -71,7 +92,8 @@ import Clipboard from 'clipboard'; import QRCode from 'qrcodejs2'; import { formatDate } from 'element-ui/lib/utils/date-util'; - import { getUserInvitationCode } from '~/apis/modules/userinvite'; + import { imageTranform } from '~/apis/modules/tuomin'; + import axios from 'axios'; export default { data() { @@ -92,93 +114,62 @@ pageSizes: [10], total: 0, }, + + dialogImageUrl: '', + dialogVisible: false, + disabled: false, + form:{}, + + ImageUrl:'', + radio:2, + file:'' }; }, components: {}, methods: { - initCopy() { - const clipboard = new Clipboard('.__copy_link_btn__', { - text: () => { - return `${this.pageOpeniDesc}\n${this.$t('user.registrationAdress')}${this.invitationLink + this.invitationCode}\n${this.$t('user.recommender')}${this.invitationCode}`; - }, - }); - clipboard.on('success', (e) => { - this.$message({ - type: 'success', - message: this.$t('user.theSharedContentHasBeenCopiedToTheClipboard') - }); - }); - clipboard.on('error', (e) => { - this.$message({ - type: 'error', - message: this.$t('user.copyError') - }); - }); + + handleLicensePreview(file) { + console.log(file) + this.ImageUrl = URL.createObjectURL(file.raw); + this.file = file }, - transRowData(item) { - return { - userName: item.Name, - avatarSrc: item.Avatar, - userLink: window.origin + '/' + item.Name, - statusStr: item.IsActive ? this.$t('user.Activated') : this.$t('user.notActive'), - statusColor: item.IsActive ? 'rgb(82, 196, 26)' : 'rgb(245, 34, 45)', - regTime: formatDate(new Date(item.CreatedUnix * 1000), 'yyyy-MM-dd HH:mm:ss'), - } + cancelUpload(){ + this.ImageUrl = '' }, - initData() { - getUserInvitationCode({ page: this.pageInfo.curpage, pageSize: this.pageInfo.pageSize }).then(res => { - res = res.data; - if (res) { - this.bannerImg = res.page_banner_img; - this.bannerTitle = res.page_banner_title; - this.pageLink = res.page_link; - this.pageLinkDesc = res.page_link_desc; - this.invitationCode = res.invitation_code; - this.pageOpeniDesc = res.page_openi_desc; - this.tableData = (res.invitation_users || []).map((item, index) => { - return this.transRowData(item); - }); - this.pageInfo.total = res.invitation_users_count; - const qrCode = new QRCode("__qr-code__", { - text: this.invitationLink + this.invitationCode, - width: 120, - height: 120, - colorDark: '#000000', - colorLight: '#ffffff', - correctLevel: QRCode.CorrectLevel.H - }); - } + startTranform(){ + let fd = new FormData(); + fd.append('file', this.file.raw); + console.log(fd.get("file")) + axios({ + method:'POST', + url: '/extension/tuomin/upload', + header:{ + 'Content-Type':"multipart/form-data", + 'Accept':"image/png" + }, + params: { model: this.radio }, + data:fd + }).then(res => { + console.log(res) + }).catch(err => { console.log(err); - }); - }, - getTableData() { - const params = { - page: this.pageInfo.curpage, - pageSize: this.pageInfo.pageSize, - }; - this.loading = true; - getUserInvitationCode(params).then(res => { - this.loading = false; - res = res.data; - const data = (res.invitation_users || []).map((item, index) => { - return this.transRowData(item); + this.$message({ + type: 'error', + message: this.$t('submittedFailed') }); - this.tableData = data; - this.pageInfo.total = res.invitation_users_count; - }).catch(err => { - console.log(err); - this.loading = false; - }); + }) + }, - currentChange(val) { - this.pageInfo.curpage = val; - this.getTableData(); + beforeLicenseUpload(){ + console.log("----------") }, + + + }, mounted() { - this.initData(); - this.initCopy(); + }, beforeDestroy() { }, @@ -186,6 +177,70 @@