UDI
/
udi-spms-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

发票登记按钮优化

Browse Source
ywj_dev
CTP 2 years ago
parent ca33251466
commit e02c1328d5
1 changed files with 301 additions and 254 deletions
Show Stats Download Patch File Download Diff File

555
src/views/inout/InvoiceCkeck.vue
Unescape Escape View File

@ -1,16 +1,22 @@
<template> <template>
<div> <div style="display: flex; flex-direction: column">
<el-button-group> <el-button
<el-button style="margin: 20px 0 0 1500px" type="primary" icon="el-icon-bottom-right" @click="onSubmit" style="width: 10%; margin-left: auto"
>登记 type="primary"
</el-button icon="el-icon-bottom-right"
> @click="onSubmit"
</el-button-group> >登记
</el-button>
<el-form :model="inputQuery" :rules="formRules" ref="dataForm" label-width="110px">
<el-form
:model="inputQuery"
:rules="formRules"
ref="dataForm"
label-width="110px"
style="padding-top: 40px"
>
<el-card style="margin-top: -30px"> <el-card style="margin-top: -30px">
<el-row>
<el-row >
<el-col :span="20"> <el-col :span="20">
<el-form-item prop="code" label="扫码校验:"> <el-form-item prop="code" label="扫码校验:">
<el-input <el-input
@ -22,32 +28,41 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row > <el-row>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="机械编码:" prop="machineNo"> <el-form-item label="机械编码:" prop="machineNo">
<el-input v-model="inputQuery.machineNo" auto-complete="off" ></el-input> <el-input
v-model="inputQuery.machineNo"
auto-complete="off"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="发票代码:" prop="invoiceCode"> <el-form-item label="发票代码:" prop="invoiceCode">
<el-input v-model="inputQuery.invoiceCode" auto-complete="off" ></el-input> <el-input
v-model="inputQuery.invoiceCode"
auto-complete="off"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="发票编码:" prop="invoiceEncode"> <el-form-item label="发票编码:" prop="invoiceEncode">
<el-input v-model="inputQuery.invoiceEncode" auto-complete="off" ></el-input> <el-input
v-model="inputQuery.invoiceEncode"
auto-complete="off"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="发票价格:" prop="price"> <el-form-item label="发票价格:" prop="price">
<el-input v-model="inputQuery.price" auto-complete="off" ></el-input> <el-input
v-model="inputQuery.price"
auto-complete="off"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -67,12 +82,14 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item label="备注:" prop="remark"> <el-form-item label="备注:" prop="remark">
<el-input v-model="inputQuery.remark" auto-complete="off" ></el-input> <el-input
v-model="inputQuery.remark"
auto-complete="off"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="文件:"> <el-form-item label="文件:">
@ -91,9 +108,15 @@
:on-success="uploadHandleSuccess" :on-success="uploadHandleSuccess"
:on-error="uploadHandleError" :on-error="uploadHandleError"
:file-list="fileList" :file-list="fileList"
:data="{type:'image2'}" :data="{ type: 'image2' }"
:auto-upload="true"> :auto-upload="true"
<el-button slot="trigger" size="small" type="primary" :disabled="formData.auditStatus == 1"> >
<el-button
slot="trigger"
size="small"
type="primary"
:disabled="formData.auditStatus == 1"
>
{{ choiceFile }} {{ choiceFile }}
</el-button> </el-button>
<div>只能上传 jpg,png,pdf,doc 文件，且不超过 10 MB</div> <div>只能上传 jpg,png,pdf,doc 文件，且不超过 10 MB</div>
@ -101,18 +124,29 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="文件预览:" v-if="this.inputQuery.licenseUrl!=null"> <el-form-item
<el-button type="success" size="mini" icon="search" v-if="this.inputQuery.licenseUrl!=null" label="文件预览:"
style="text-align:right" @click="showImgViewer" > v-if="this.inputQuery.licenseUrl != null"
>
<el-button
type="success"
size="mini"
icon="search"
v-if="this.inputQuery.licenseUrl != null"
style="text-align: right"
@click="showImgViewer"
>
文件预览 文件预览
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-image-viewer v-if="imgViewerVisible" style="z-index:9999" :on-close="closeImgViewer" :url-list="imgList"/> <el-image-viewer
v-if="imgViewerVisible"
style="z-index: 9999"
:on-close="closeImgViewer"
:url-list="imgList"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
</el-form> </el-form>
@ -121,15 +155,17 @@
<!--单据业务详情--> <!--单据业务详情-->
<el-tab-pane> <el-tab-pane>
<span slot="label">单据 {{ input.billNo }}-单据详情</span> <span slot="label">单据 {{ input.billNo }}-单据详情</span>
<el-table v-loading="bizDetailLoading" :data="codeDetailList" style="width: 100%" border <el-table
@current-change="BizDetailInv" v-loading="bizDetailLoading"
@selection-change="handleSelectionUdiChange" :data="codeDetailList"
row-key="id" highlight-current-row style="width: 100%"
border
@current-change="BizDetailInv"
@selection-change="handleSelectionUdiChange"
row-key="id"
highlight-current-row
> >
<el-table-column <el-table-column type="selection" width="55"> </el-table-column>
type="selection"
width="55">
</el-table-column>
<el-table-column label="序号" type="index"></el-table-column> <el-table-column label="序号" type="index"></el-table-column>
<el-table-column <el-table-column
label="物资名称" label="物资名称"
@ -188,13 +224,13 @@
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="发票编码" label="发票编码"
prop="invoiceCodes" prop="invoiceCodes"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="codeTotal>0" v-show="codeTotal > 0"
:total="codeTotal" :total="codeTotal"
:page.sync="codeQuery.page" :page.sync="codeQuery.page"
:limit.sync="codeQuery.limit" :limit.sync="codeQuery.limit"
@ -203,7 +239,12 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<el-image-viewer v-if="imgViewerVisible" style="z-index:9999" :on-close="closeImgViewer" :url-list="imgList"/> <el-image-viewer
v-if="imgViewerVisible"
style="z-index: 9999"
:on-close="closeImgViewer"
:url-list="imgList"
/>
</div> </div>
</template> </template>
@ -215,78 +256,78 @@ import {
insertInvoice, insertInvoice,
updateOrder, updateOrder,
filterBizOrderList, filterBizOrderList,
updateorderBiz updateorderBiz,
} from '@/api/inout/orderDetailBiz' } from "@/api/inout/orderDetailBiz";
import AcceptOrder from '@/views/inout/DialogReviewOrder' import AcceptOrder from "@/views/inout/DialogReviewOrder";
import DialogInvoice from '@/views/inout/DialogInvoice' import DialogInvoice from "@/views/inout/DialogInvoice";
import InvoiceRegister from '@/views/inout/InvoiceRegister' import InvoiceRegister from "@/views/inout/InvoiceRegister";
import { previewImage } from '@/api/purchase/supCompany' import { previewImage } from "@/api/purchase/supCompany";
import ElImageViewer from 'element-ui/packages/image/src/image-viewer' import ElImageViewer from "element-ui/packages/image/src/image-viewer";
import store from '@/store' import store from "@/store";
const formJson = { const formJson = {
site_id: '', site_id: "",
site_name: '', site_name: "",
describe: '', describe: "",
ads: [] ads: [],
} };
export default { export default {
name: 'checkInvoice', name: "checkInvoice",
props: { props: {
closeDialog:{ closeDialog: {
type:Function, type: Function,
required: true required: true,
}, },
input: { input: {
type: Object, type: Object,
required: true required: true,
}, },
getOrderDetails :{ getOrderDetails: {
type: Object, type: Object,
required: true required: true,
}, },
invoiceRow:{ invoiceRow: {
type: Array, type: Array,
required: true required: true,
} },
}, },
data() { data() {
return { return {
idList:[], idList: [],
invoiceRow:[], invoiceRow: [],
statusCode:null, statusCode: null,
choiceFile: "选取文件", choiceFile: "选取文件",
fileList: [], fileList: [],
headers: {}, headers: {},
uploadUrl: "", uploadUrl: "",
inputQuery:{ inputQuery: {
ggxh:null, ggxh: null,
cpmctymc:null, cpmctymc: null,
machineNo:null, machineNo: null,
invoiceCode:null, invoiceCode: null,
invoiceEncode:null, invoiceEncode: null,
price:null, price: null,
invoiceDate:null, invoiceDate: null,
remark:null, remark: null,
licenseUrl:null licenseUrl: null,
}, },
imgList: [], imgList: [],
imgViewerVisible: false, imgViewerVisible: false,
BASE_URL: process.env.VUE_APP_BASE_API, BASE_URL: process.env.VUE_APP_BASE_API,
showSearch: true, showSearch: true,
filterQuery: { filterQuery: {
id: '', id: "",
billNo: null, billNo: null,
mainAction: null, mainAction: null,
action: null, action: null,
page: 1, page: 1,
supInoivceSearch: 'supInvoice', supInoivceSearch: "supInvoice",
limit: 10, limit: 10,
startTime: null, startTime: null,
endTime: null, endTime: null,
invCode: this.$store.getters.locInvCode invCode: this.$store.getters.locInvCode,
}, },
corpLoading: false, corpLoading: false,
@ -294,39 +335,36 @@ export default {
formName: 1, formName: 1,
formMap: { formMap: {
1: '发票登记' 1: "发票登记",
}, },
formRules: { formRules: {
machineNo: [ machineNo: [
{required: true, message: "请输入机械编码", trigger: "blur"} { required: true, message: "请输入机械编码", trigger: "blur" },
], ],
invoiceCode: [ invoiceCode: [
{required: true, message: "请输入发票代码", trigger: "blur"} { required: true, message: "请输入发票代码", trigger: "blur" },
], ],
invoiceEncode: [ invoiceEncode: [
{required: true, message: "请输入发票编码", trigger: "blur"} { required: true, message: "请输入发票编码", trigger: "blur" },
],
price: [
{required : true, message: "请输入发票价格", trigger:"blur"}
],
remark: [
{required : true, message: "请输入备注", trigger:"blur"}
], ],
price: [{ required: true, message: "请输入发票价格", trigger: "blur" }],
remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
}, },
certFileUrl: '', certFileUrl: "",
Upinvoice: false, Upinvoice: false,
currentManufacturer: {}, currentManufacturer: {},
InvoiceRegisterv: false, InvoiceRegisterv: false,
checkStatus: { checkStatus: {
1: '草稿', 1: "草稿",
2: '等待处理', 2: "等待处理",
3: '等待校验', 3: "等待校验",
4: '处理异常', 4: "处理异常",
5: '待核对', 5: "待核对",
6: '校验异常', 6: "校验异常",
7: '已审核', 7: "已审核",
8: '审核拒绝', 8: "审核拒绝",
9: '正在处理', 10: '待审核' 9: "正在处理",
10: "待审核",
}, },
storageList: [], storageList: [],
invList: [], invList: [],
@ -339,23 +377,23 @@ export default {
showSup: false, showSup: false,
fromTypeMap: { fromTypeMap: {
'1': 'UDIMS平台', 1: "UDIMS平台",
'2': '网页新增', 2: "网页新增",
'3': 'pda即时校验', 3: "pda即时校验",
'4': 'pda未校验', 4: "pda未校验",
'5': 'pc端扫码精灵', 5: "pc端扫码精灵",
'6': '流转自动补单', 6: "流转自动补单",
'7': 'UDI供应商平台', 7: "UDI供应商平台",
'8': '平衡补录单据', 8: "平衡补录单据",
'10': '手动补单', 10: "手动补单",
'11': '仓库盘点', 11: "仓库盘点",
'12': '采购计划', 12: "采购计划",
'13': '领用单据', 13: "领用单据",
'14': '第三方系统单据' 14: "第三方系统单据",
}, },
deleteData: { deleteData: {
id: '', id: "",
status: 10 status: 10,
}, },
dialogTableVisible: false, dialogTableVisible: false,
formLoading: false, formLoading: false,
@ -364,46 +402,46 @@ export default {
deleteLoading: false, deleteLoading: false,
busTypes: [], busTypes: [],
currentRow: { currentRow: {
billNo: '' billNo: "",
}, },
actDateRange: [], actDateRange: [],
auditDateRange: [], auditDateRange: [],
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [
{ {
text: '最近一周', text: "最近一周",
onClick(picker) { onClick(picker) {
const end = new Date() const end = new Date();
const start = new Date() const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7) start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]) picker.$emit("pick", [start, end]);
} },
}, },
{ {
text: '最近一个月', text: "最近一个月",
onClick(picker) { onClick(picker) {
const end = new Date() const end = new Date();
const start = new Date() const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30) start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]) picker.$emit("pick", [start, end]);
} },
}, },
{ {
text: '最近三个月', text: "最近三个月",
onClick(picker) { onClick(picker) {
const end = new Date() const end = new Date();
const start = new Date() const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90) start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]) picker.$emit("pick", [start, end]);
} },
} },
] ],
}, },
bizQuery: { bizQuery: {
productName: null, productName: null,
orderIdFk: null, orderIdFk: null,
page: 1, page: 1,
limit: 10 limit: 10,
}, },
bizTotal: 0, bizTotal: 0,
invTotal: 0, invTotal: 0,
@ -412,7 +450,7 @@ export default {
codeQuery: { codeQuery: {
orderIdFk: null, orderIdFk: null,
page: 1, page: 1,
limit: 10 limit: 10,
}, },
codeTotal: 0, codeTotal: 0,
codeDetailLoading: false, codeDetailLoading: false,
@ -421,70 +459,65 @@ export default {
orderId: null, orderId: null,
code: null, code: null,
page: 1, page: 1,
limit: 10 limit: 10,
}, },
resultTotal: 0, resultTotal: 0,
resultDetailLoading: false, resultDetailLoading: false,
resultDetailList: [], resultDetailList: [],
acceptQuery: null, acceptQuery: null,
acceptOrderVisible: false, acceptOrderVisible: false,
subRow: null subRow: null,
} };
}, },
components: { AcceptOrder, DialogInvoice, InvoiceRegister, ElImageViewer }, components: { AcceptOrder, DialogInvoice, InvoiceRegister, ElImageViewer },
methods: { methods: {
onSubmit() { onSubmit() {
if(this.invoiceRow.length==0) { if (this.invoiceRow.length == 0) {
this.$message.error("请选择要登记的物资! "); this.$message.error("请选择要登记的物资! ");
return false; return false;
} }
if (this.$isBlank(this.inputQuery.machineNo)) { if (this.$isBlank(this.inputQuery.machineNo)) {
this.$message.error("机械编码不能为空！"); this.$message.error("机械编码不能为空！");
return; return;
} }
if (this.$isBlank(this.inputQuery.invoiceCode)) { if (this.$isBlank(this.inputQuery.invoiceCode)) {
this.$message.error("发票代码不能为空！"); this.$message.error("发票代码不能为空！");
return; return;
} }
if (this.$isBlank(this.inputQuery.invoiceEncode)) { if (this.$isBlank(this.inputQuery.invoiceEncode)) {
this.$message.error("发票编码不能为空！"); this.$message.error("发票编码不能为空！");
return; return;
} }
if (this.$isBlank(this.inputQuery.price)) { if (this.$isBlank(this.inputQuery.price)) {
this.$message.error("发票价格不能为空！"); this.$message.error("发票价格不能为空！");
return; return;
} }
if (this.$isBlank(this.inputQuery.remark)) { if (this.$isBlank(this.inputQuery.remark)) {
this.$message.error("备注不能为空！"); this.$message.error("备注不能为空！");
return; return;
} }
this.inputQuery.list=this.invoiceRow; this.inputQuery.list = this.invoiceRow;
insertInvoice(this.inputQuery) insertInvoice(this.inputQuery)
.then(response => { .then((response) => {
if (response.code === 20000) { if (response.code === 20000) {
this.statusCode=response.code; this.statusCode = response.code;
} else { } else {
this.$message.error(response.message);
}
})
.catch((response) => {
this.$message.error(response.message); this.$message.error(response.message);
}); }
})
.catch((response) => {
this.$message.error(response.message);
});
// 加状态 // 加状态
updateorderBiz(this.inputQuery.list).then(res =>{ updateorderBiz(this.inputQuery.list).then((res) => {
this.closeDialog(); this.closeDialog();
}) });
}, },
uploadHandleError() { uploadHandleError() {},
},
uploadHandleSuccess(response, file, fileList) { uploadHandleSuccess(response, file, fileList) {
debugger debugger;
if (response.code === 20000) { if (response.code === 20000) {
this.inputQuery.licenseUrl = response.data.name; this.inputQuery.licenseUrl = response.data.name;
// this.onSubmit(); // this.onSubmit();
@ -494,14 +527,20 @@ export default {
}, },
uploadOnchange(file, fileList) { uploadOnchange(file, fileList) {
let fileName = file.name; let fileName = file.name;
let uid = file.uid let uid = file.uid;
let pos = fileName.lastIndexOf("."); let pos = fileName.lastIndexOf(".");
let lastName = fileName.substring(pos, fileName.length); let lastName = fileName.substring(pos, fileName.length);
if (lastName.toLowerCase() !== ".jpg" && lastName.toLowerCase() !== ".png" && lastName.toLowerCase() !== ".doc" && lastName.toLowerCase() !== ".pdf") { if (
lastName.toLowerCase() !== ".jpg" &&
lastName.toLowerCase() !== ".png" &&
lastName.toLowerCase() !== ".doc" &&
lastName.toLowerCase() !== ".pdf"
) {
this.$message.error("上传文件只能是 jpg,png,doc,pdf 格式"); this.$message.error("上传文件只能是 jpg,png,doc,pdf 格式");
for (let i = 0; i < fileList.length; i++) {//从list删除 for (let i = 0; i < fileList.length; i++) {
//从list删除
if (fileList[i].uid === uid) { if (fileList[i].uid === uid) {
fileList.splice(i, 1) fileList.splice(i, 1);
} }
} }
return; return;
@ -512,21 +551,25 @@ export default {
this.$message.error("上传文件大小不能超过 30MB"); this.$message.error("上传文件大小不能超过 30MB");
for (let i = 0; i < fileList.length; i++) { for (let i = 0; i < fileList.length; i++) {
if (fileList[i].uid === uid) { if (fileList[i].uid === uid) {
fileList.splice(i, 1) fileList.splice(i, 1);
} }
} }
} }
return isLt; return isLt;
}, },
uploadHandleExceed(files, fileList) { uploadHandleExceed(files, fileList) {
this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(
`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
files.length + fileList.length
} 个文件`
);
}, },
uploadHandlePreview(file) { uploadHandlePreview(file) {
console.log(file); console.log(file);
console.log(this.fileList); console.log(this.fileList);
}, },
uploadHandleRemove(file, fileList) { uploadHandleRemove(file, fileList) {
this.inputQuery.licenseUrl=null; this.inputQuery.licenseUrl = null;
console.log(file, fileList); console.log(file, fileList);
}, },
getOrderDetail() { getOrderDetail() {
@ -538,91 +581,99 @@ export default {
getCodeDetailLists() { getCodeDetailLists() {
this.codeQuery.orderIdFk = this.input.billNo; this.codeQuery.orderIdFk = this.input.billNo;
this.codeDetailLoading = true; this.codeDetailLoading = true;
filterBizOrderList(this.codeQuery).then((res) => { filterBizOrderList(this.codeQuery)
this.codeDetailLoading = false; .then((res) => {
if (res.code === 20000) { this.codeDetailLoading = false;
this.codeDetailList = res.data.list || []; if (res.code === 20000) {
this.codeTotal = res.data.total || 0; this.codeDetailList = res.data.list || [];
} else { this.codeTotal = res.data.total || 0;
this.$message.error(res.message); } else {
this.$message.error(res.message);
this.codeDetailList = [];
this.codeTotal = 0;
}
})
.catch((error) => {
this.codeDetailLoading = true;
this.$message.error(error.message);
this.codeDetailList = []; this.codeDetailList = [];
this.codeTotal = 0; this.codeTotal = 0;
} });
}).catch((error) => {
this.codeDetailLoading = true;
this.$message.error(error.message);
this.codeDetailList = [];
this.codeTotal = 0;
})
}, },
BizDetailInv(row) { BizDetailInv(row) {
this.bizQuery.page = 1; this.bizQuery.page = 1;
this.getBizDetailList(row); this.getBizDetailList(row);
}, },
handleSelectionUdiChange(val){ handleSelectionUdiChange(val) {
this.invoiceRow=val; this.invoiceRow = val;
// this.$emit("upData",this.invoiceRow); // this.$emit("upData",this.invoiceRow);
}, },
getBizDetailList(row) { getBizDetailList(row) {
this.bizQuery.orderIdFk = this.input.billNo; this.bizQuery.orderIdFk = this.input.billNo;
if(row != null) { if (row != null) {
this.bizQuery.batchNo = row.batchNo; this.bizQuery.batchNo = row.batchNo;
this.bizQuery.relId = row.bindRlFk; this.bizQuery.relId = row.bindRlFk;
} }
filterListInvoice(this.bizQuery).then((res) => { filterListInvoice(this.bizQuery)
this.bizDetailLoading = false; .then((res) => {
if (res.code === 20000) { this.bizDetailLoading = false;
this.bizDetailList = res.data.list || []; if (res.code === 20000) {
this.invTotal = res.data.total || 0; this.bizDetailList = res.data.list || [];
} else { this.invTotal = res.data.total || 0;
this.$message.error(res.message); } else {
this.$message.error(res.message);
this.bizDetailList = [];
this.invTotal = 0;
}
})
.catch((error) => {
this.bizDetailLoading = false;
this.$message.error(error.message);
this.bizDetailList = []; this.bizDetailList = [];
this.invTotal = 0; this.invTotal = 0;
} });
}).catch((error) => {
this.bizDetailLoading = false;
this.$message.error(error.message);
this.bizDetailList = [];
this.invTotal = 0;
})
}, },
determineBtn() { determineBtn() {
var data={ var data = {
billNo:this.input.billNo, billNo: this.input.billNo,
checkStatus:1 checkStatus: 1,
} };
updateOrder(data).then((res) => { updateOrder(data)
this.closeDialog(); .then((res) => {
}).catch((error) => { this.closeDialog();
})
}) .catch((error) => {});
}, },
showImgViewer(row) { showImgViewer(row) {
this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name="; this.certFileUrl =
this.BASE_URL +
"/udiwms/image/register/file/getImage?type=image2&name=";
this.imgList = []; this.imgList = [];
previewImage({imageUrl: this.inputQuery.licenseUrl, certFileUrl: this.certFileUrl}).then(response => { previewImage({
imageUrl: this.inputQuery.licenseUrl,
certFileUrl: this.certFileUrl,
}).then((response) => {
if (response.code === 20000) { if (response.code === 20000) {
this.imgList = response.data; this.imgList = response.data;
} }
console.log(this.imgList) console.log(this.imgList);
this.imgViewerVisible = true; this.imgViewerVisible = true;
}); });
const m = (e) => { const m = (e) => {
e.preventDefault() e.preventDefault();
}; };
document.body.style.overflow = 'hidden'; document.body.style.overflow = "hidden";
document.addEventListener("touchmove", m, false); // 禁止页面滑动 document.addEventListener("touchmove", m, false); // 禁止页面滑动
}, },
closeImgViewer() { closeImgViewer() {
this.imgViewerVisible = false; this.imgViewerVisible = false;
const m = (e) => { const m = (e) => {
e.preventDefault() e.preventDefault();
}; };
document.body.style.overflow = 'auto'; document.body.style.overflow = "auto";
document.removeEventListener("touchmove", m, true); document.removeEventListener("touchmove", m, true);
}, },
}, },
@ -633,12 +684,8 @@ export default {
ADMIN_TOKEN: store.getters.token, ADMIN_TOKEN: store.getters.token,
}; };
this.getOrderDetail(); this.getOrderDetail();
} },
};
}
</script> </script>
<style type="text/scss" lang="scss"> <style type="text/scss" lang="scss"></style>
</style>

Write Preview
Loading…
Cancel
Save