Commit a2dadf19 authored by zhengke's avatar zhengke

no message

parent c93ad99e
...@@ -69,7 +69,12 @@ export default { ...@@ -69,7 +69,12 @@ export default {
@import "//at.alicdn.com/t/font_1627123_y721eyx4nxs.css"; @import "//at.alicdn.com/t/font_1627123_y721eyx4nxs.css";
@import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css"); @import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css");
/* @import './assets/css/common.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"; @import "./assets/css/init.css";
body, body,
html { html {
......
...@@ -421,16 +421,24 @@ ...@@ -421,16 +421,24 @@
padding: 20px 10px; padding: 20px 10px;
} }
.appendix-top-img{ .appendix-top-img{
width: 120px; /* width: 120px;
height: 80px; height: 80px; */
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 10px; margin-right: 10px;
position: relative; position: relative;
display: flex;
} }
.appendix-img{ .appendix-img{
width: 120px; width: 120px;
height: 80px; 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{ .imgdelete{
position: absolute; position: absolute;
right: 0px; right: 0px;
...@@ -949,16 +957,28 @@ ...@@ -949,16 +957,28 @@
</div> </div>
<div class="appendix-box"> <div class="appendix-box">
<div class="appendix-top"> <div class="appendix-top">
<div v-loading="imgShow" class="appendix-top-img" v-for="(items,index) in form.Voucher" :key="index"> <template v-for="(items,index) in vorcherInos">
<el-image class="appendix-img" <div v-show="items.type==1" class="appendix-top-img">
:src="items" :preview-src-list="form.Voucher"> <div v-loading="imgShow" class="appendix-img">
<div slot="placeholder" class="image-slot"> <div class="iconfont"
加载中<span class="dot">...</span> :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> </div>
</el-image> <i class="iconfont imgdelete" @click="deleteImg(items,index)">&#xe608;</i>
<i class="iconfont imgdelete" @click="deleteImg(index)">&#xe608;</i> </div>
</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"> <div class="appendix-bottom">
<!-- accept=".gif,.jpg,.jpeg,.png,.bmp,.docx,.doc,.xlsx,.xls,.ppt,.pptx,.pdf" -->
<el-upload <el-upload
ref="ticketUpload" ref="ticketUpload"
class="appendix-upload-demo" class="appendix-upload-demo"
...@@ -966,9 +986,8 @@ ...@@ -966,9 +986,8 @@
action="" action=""
:http-request="uploadImg" :http-request="uploadImg"
:multiple="true" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp,.docx,.doc,.xlsx,.xls,.ppt,.pptx,.pdf" :on-progress="handleAvatarprogress"
:before-upload="handleAvatarUpload" :before-upload="handleAvatarUploadType"
:on-progress="handleAvatarProgres"
:on-success="handleAvatarSuccess" :on-success="handleAvatarSuccess"
> >
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
...@@ -1109,6 +1128,7 @@ ...@@ -1109,6 +1128,7 @@
} }
] ]
}, },
vorcherInos:[],//制单凭证图
BillMaking:{ BillMaking:{
IsPublic:"",// 账户类型 0私账 1公账 IsPublic:"",// 账户类型 0私账 1公账
BType:"",//银行类型 看财务单据那边有枚举列表 BType:"",//银行类型 看财务单据那边有枚举列表
...@@ -1771,26 +1791,48 @@ ...@@ -1771,26 +1791,48 @@
this.Success(res.message); 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){ handleAvatarUpload(file){
this.imgShow = true this.imgShow = true
this.$message.info('上传中...')
}, },
// 删除图片 // 删除图片
deleteImg(index){ deleteImg(items,index){
this.form.Voucher.splice(index,1) this.vorcherInos.splice(index,1)
this.BillMaking.vorcherInos=[] this.BillMaking.vorcherInos.splice(index,1)
this.form.Voucher.forEach(item=>{
let Content ={
Content:item,
type: 3
}
this.BillMaking.vorcherInos.push(Content)
})
}, },
//上传图片 //上传图片
uploadImg(file) { uploadImg(file) {
...@@ -1800,18 +1842,34 @@ ...@@ -1800,18 +1842,34 @@
this.UploadSelfFileT(path, newArr, (x) => { this.UploadSelfFileT(path, newArr, (x) => {
let url = this.domainManager().ViittoFileUrl + x.data.FilePath; let url = this.domainManager().ViittoFileUrl + x.data.FilePath;
let data = 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) this.Voucher.push(data)
let Content ={
Content:data,
type:3
}
this.BillMaking.vorcherInos.push(Content)
this.form.Voucher.push(url); 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){ if(x.data.StatusCode==1){
this.imgShow = false this.imgShow = false
this.$message.success('上传成功!') this.$message.success('上传成功!')
...@@ -2125,8 +2183,6 @@ ...@@ -2125,8 +2183,6 @@
} }
this.msgList.push(this.BillMaking) this.msgList.push(this.BillMaking)
} }
// console.log(this.msgList,'=====')
// return
this.clickShow = true this.clickShow = true
this.apipost2("Financial_post_SetFinanceInfoForCRMIn",this.msgList,(res)=>{ this.apipost2("Financial_post_SetFinanceInfoForCRMIn",this.msgList,(res)=>{
if (res.data.resultCode == 1) { 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