Skip to content

C
CRM
Commit a2dadf19 authored by zhengke's avatar zhengke
Browse files
Options

no message

parent c93ad99e
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 40 deletions
src/App.vue
View file @ a2dadf19
......@@ -69,7 +69,12 @@ export default {
@import "//at.alicdn.com/t/font_1627123_y721eyx4nxs.css";
@import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css");
/* @import './assets/css/common.css'; */
@font-face {
font-family: 'iconfont'; /* Project id 1627123 */
src: url('//at.alicdn.com/t/font_1627123_zynqp2as0d.woff2?t=1652257333900') format('woff2'),
url('//at.alicdn.com/t/font_1627123_zynqp2as0d.woff?t=1652257333900') format('woff'),
url('//at.alicdn.com/t/font_1627123_zynqp2as0d.ttf?t=1652257333900') format('truetype');
}
@import "./assets/css/init.css";
body,
html {
......
src/components/guestManagement/ticketOrder.vue
View file @ a2dadf19
......@@ -421,16 +421,24 @@
padding: 20px 10px;
}
.appendix-top-img{
width: 120px;
height: 80px;
/* width: 120px;
height: 80px; */
margin-bottom: 10px;
margin-right: 10px;
position: relative;
display: flex;
}
.appendix-img{
width: 120px;
height: 80px;
}
.appendix-img .icon-excel,.appendix-img .icon-pdf {
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
border: 1px solid #eee;
}
.imgdelete{
position: absolute;
right: 0px;
......@@ -949,16 +957,28 @@
</div>
<div class="appendix-box">
<div class="appendix-top">
<div v-loading="imgShow" class="appendix-top-img" v-for="(items,index) in form.Voucher" :key="index">
<el-image class="appendix-img"
:src="items" :preview-src-list="form.Voucher">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
<template v-for="(items,index) in vorcherInos">
<div v-show="items.type==1" class="appendix-top-img">
<div v-loading="imgShow" class="appendix-img">
<div class="iconfont"
:class="items.Content.substring(items.Content.lastIndexOf('.')+1,items.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'">
{{items.Content.substring(items.Content.lastIndexOf('.')+1,items.Content.length).toUpperCase()=='PDF'?'&#xe679;':'&#xe61a;'}}
</div>
</div>
</el-image>
<i class="iconfont imgdelete" @click="deleteImg(index)">&#xe608;</i>
</div>
<i class="iconfont imgdelete" @click="deleteImg(items,index)">&#xe608;</i>
</div>
<div v-show="items.type==3" class="appendix-top-img">
<el-image v-loading="imgShow" v-show="items.type==3" class="appendix-img"
:src="items.Content" :preview-src-list="form.Voucher">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
<i class="iconfont imgdelete" @click="deleteImg(index)">&#xe608;</i>
</div>
</template>
<div class="appendix-bottom">
<!-- accept=".gif,.jpg,.jpeg,.png,.bmp,.docx,.doc,.xlsx,.xls,.ppt,.pptx,.pdf" -->
<el-upload
ref="ticketUpload"
class="appendix-upload-demo"
......@@ -966,9 +986,8 @@
action=""
:http-request="uploadImg"
:multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp,.docx,.doc,.xlsx,.xls,.ppt,.pptx,.pdf"
:before-upload="handleAvatarUpload"
:on-progress="handleAvatarProgres"
:on-progress="handleAvatarprogress"
:before-upload="handleAvatarUploadType"
:on-success="handleAvatarSuccess"
>
<i class="el-icon-upload"></i>
......@@ -1109,6 +1128,7 @@
}
]
},
vorcherInos:[],//制单凭证图
BillMaking:{
IsPublic:"",// 账户类型 0私账 1公账
BType:"",//银行类型 看财务单据那边有枚举列表
......@@ -1771,26 +1791,48 @@
this.Success(res.message);
}
},
// 上传时钩子
handleAvatarProgres(event, file, fileList){
// 文件上传时钩子
handleAvatarprogress(){
this.imgShow = true
this.$message.info('上传中...')
},
// 图片文件上传前钩子
handleAvatarUploadType(file){
if (file.size > 1024 * 1024 * 10) {
this.$message.warning('文件大小不能超过10M！')
return
}
var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension =
        testmsg === "gif" ||
        testmsg === "jpg" ||
        testmsg === "jpeg" ||
        testmsg === "png" ||
        testmsg === "bmp" ||
        testmsg === "docx"||
testmsg === "doc"||
testmsg === "xlsx"||
testmsg === "xls"||
testmsg === "ppt"||
testmsg === "pptx"||
testmsg === "pdf";
      if (!extension) {
        this.$message.error("上传只能是gif,jpg,jpeg,png,bmp,docx,doc,xlsx,xls,ppt,pptx,pdf格式!");
      }
return extension;
},
// 上传前钩子
// 图片上传前钩子
handleAvatarUpload(file){
this.imgShow = true
this.$message.info('上传中...')
},
// 删除图片
deleteImg(index){
this.form.Voucher.splice(index,1)
this.BillMaking.vorcherInos=[]
this.form.Voucher.forEach(item=>{
let Content ={
Content:item,
type: 3
}
this.BillMaking.vorcherInos.push(Content)
})
deleteImg(items,index){
this.vorcherInos.splice(index,1)
this.BillMaking.vorcherInos.splice(index,1)
},
//上传图片
uploadImg(file) {
......@@ -1800,18 +1842,34 @@
this.UploadSelfFileT(path, newArr, (x) => {
let url = this.domainManager().ViittoFileUrl + x.data.FilePath;
let data = x.data.FilePath
// this.form.Voucher.push({
// name: file.file.name,
// url: url,
// size: (file.file.size / 1024).toFixed(2) + "kb",
// });
this.Voucher.push(data)
let Content ={
Content:data,
type:3
}
this.BillMaking.vorcherInos.push(Content)
this.form.Voucher.push(url);
let ContentUrl = {
Content: url,
type:''
}
let Content = {
Content: data,
type:''
}
var name = x.data.FileName;
var idx = name.lastIndexOf(".");
if (idx != -1){
var ext = name.substr(idx+1).toUpperCase();
ext = ext.toLowerCase( );
if (ext!=='docx'&&ext!=='doc'&&ext!=='xlsx'&&ext!=='xls'&&ext!=='ppt'&&ext!=='pptx'&&ext!=='pdf'){
ContentUrl.type = 3
Content.type = 3
}else{
ContentUrl.type = 1
Content.type = 1
}
this.vorcherInos.push(ContentUrl)
this.BillMaking.vorcherInos.push(Content)
}
if(x.data.StatusCode==1){
this.imgShow = false
this.$message.success('上传成功！')
......@@ -2125,8 +2183,6 @@
}
this.msgList.push(this.BillMaking)
}
// console.log(this.msgList,'=====')
// return
this.clickShow = true
this.apipost2("Financial_post_SetFinanceInfoForCRMIn",this.msgList,(res)=>{
if (res.data.resultCode == 1) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment