|
|
@@ -25,7 +25,6 @@
|
|
|
border
|
|
|
:columns="ShowDataTableColumns"
|
|
|
>
|
|
|
-
|
|
|
<template slot="specinfo">
|
|
|
<span v-for="(si, sii) in sitem.specinfo" :key="si.specid + sii">
|
|
|
<span v-if="sii !== 0">--</span
|
|
|
@@ -135,16 +134,205 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="其他单号" prop="workNo" label-width="85px">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12"
|
|
|
+ ><el-form-item
|
|
|
+ label="凭证类型"
|
|
|
+ prop="proof_type"
|
|
|
+ label-width="85px"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.proof_type"
|
|
|
+ @change="set_proof_url()"
|
|
|
+ placeholder="凭证类型"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in proof_options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="到货时间"
|
|
|
+ prop="arrtime"
|
|
|
+ label-width="85px"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="ruleForm.arrtime"
|
|
|
+ type="date"
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="false"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ placeholder="要求到货时间"
|
|
|
+ @change="mdDate"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item
|
|
|
+ label="凭证文件"
|
|
|
+ prop="proof_url"
|
|
|
+ label-width="85px"
|
|
|
+ >
|
|
|
+ <ul class="shangchuan-ul">
|
|
|
+ <li v-if="ruleForm.proof_type === '1'" class="shiping">
|
|
|
+ <div v-if="video_url" class="clearfix">
|
|
|
+ <el-popover
|
|
|
+ placement="top"
|
|
|
+ width="300"
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <video width="275" controls class="fl">
|
|
|
+ <source :src="video_url" type="video/mp4" />
|
|
|
+ <source :src="video_url" type="video/avi" />
|
|
|
+ 您的浏览器不支持Video标签。
|
|
|
+ </video>
|
|
|
+ <i
|
|
|
+ class="el-icon-video-camera-solid hover"
|
|
|
+ style="font-size: 18px"
|
|
|
+ slot="reference"
|
|
|
+ ></i>
|
|
|
+ </el-popover>
|
|
|
+ <el-link
|
|
|
+ :underline="false"
|
|
|
+ @click="deleteUrl('1')"
|
|
|
+ type="warning"
|
|
|
+ style="margin: 0 0 0 16px"
|
|
|
+ >删除</el-link
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="activity-upload" v-else>
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <video-upload
|
|
|
+ class="Upload"
|
|
|
+ :disabled="
|
|
|
+ type === 'view' || type === 'editCoin'
|
|
|
+ "
|
|
|
+ :accept="'.mp4,.avi'"
|
|
|
+ :multiple="false"
|
|
|
+ :uploadcondition="beforeVideoUpload"
|
|
|
+ @UploadErrorEvent="UploadVideoEventproof_url"
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessVideoproof_url
|
|
|
+ "
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="txt-tips fl">
|
|
|
+ <p>建议大小：小于10MB</p>
|
|
|
+ <p>文件格式：.mp4,.avi</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li v-if="ruleForm.proof_type === '2'" class="tupian">
|
|
|
+ <div v-if="img_url" class="clearfix">
|
|
|
+ <img
|
|
|
+ style="width: 50px; height: 50px"
|
|
|
+ :src="img_url"
|
|
|
+ class="avatar fl"
|
|
|
+ />
|
|
|
+ <el-link
|
|
|
+ :underline="false"
|
|
|
+ @click="deleteUrl('2')"
|
|
|
+ type="warning"
|
|
|
+ style="margin: 0 0 0 16px"
|
|
|
+ >删除</el-link
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="activity-upload" v-else>
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload
|
|
|
+ class="Upload"
|
|
|
+ :disabled="
|
|
|
+ type === 'view' || type === 'editCoin'
|
|
|
+ "
|
|
|
+ :accept="'.jpg,.png,.jpeg'"
|
|
|
+ :multiple="false"
|
|
|
+ :uploadcondition="beforeAvatarUpload"
|
|
|
+ @UploadErrorEvent="UploadErrorEventproof_url"
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessEventproof_url
|
|
|
+ "
|
|
|
+ ></file-upload>
|
|
|
+ </div>
|
|
|
+ <div class="txt-tips fl">
|
|
|
+ <p>建议大小：小于1MB</p>
|
|
|
+ <p>文件格式：.jpg,.png,.jpeg</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li v-if="ruleForm.proof_type === '3'" class="qita">
|
|
|
+ <div v-if="other_url" class="clearfix">
|
|
|
+ <a :href="other_url" download="凭证文件"
|
|
|
+ >点击下载</a
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-link
|
|
|
+ :underline="false"
|
|
|
+ @click="deleteUrl('3')"
|
|
|
+ type="warning"
|
|
|
+ style="margin: 0 0 0 16px"
|
|
|
+ >删除</el-link
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="activity-upload" v-else>
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload-pdf
|
|
|
+ class="Upload"
|
|
|
+ :accept="'.xlsx,.xls,.pdf,.zip,.rar,.7z'"
|
|
|
+ :multiple="false"
|
|
|
+ :uploadcondition="beforeOtherUpload"
|
|
|
+ @UploadErrorEvent="UploadErrorOtherproof_url"
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessOtherproof_url
|
|
|
+ "
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="txt-tips fl">
|
|
|
+ <p>建议大小：小于5MB</p>
|
|
|
+ <p>文件格式：.xlsx,.xls,.pdf,.zip,.rar,.7z</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="其他单号"
|
|
|
+ prop="workNo"
|
|
|
+ label-width="115px"
|
|
|
+ >
|
|
|
<el-input
|
|
|
v-model="ruleForm.workNo"
|
|
|
- maxlength="100"
|
|
|
+ maxlength="2000"
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"
|
|
|
+ show-word-limit
|
|
|
placeholder="如: 业管单号"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="10">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item
|
|
|
label="平台订单号"
|
|
|
prop="platform_order"
|
|
|
@@ -152,30 +340,14 @@
|
|
|
>
|
|
|
<el-input
|
|
|
v-model="ruleForm.platform_order"
|
|
|
- maxlength="100"
|
|
|
+ maxlength="2000"
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"
|
|
|
+ show-word-limit
|
|
|
placeholder="如: PO号"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item
|
|
|
- label="到货时间"
|
|
|
- prop="arrtime"
|
|
|
- label-width="85px"
|
|
|
- >
|
|
|
- <el-date-picker
|
|
|
- v-model="ruleForm.arrtime"
|
|
|
- type="date"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="false"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- placeholder="要求到货时间"
|
|
|
- @change="mdDate"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
@@ -470,7 +642,23 @@ export default {
|
|
|
showModelThis: this.showModel,
|
|
|
showGoodsModel: false,
|
|
|
ShowDataTableColumns: ShowDataTableColumns,
|
|
|
-
|
|
|
+ video_url: "",
|
|
|
+ img_url: "",
|
|
|
+ other_url: "",
|
|
|
+ proof_options: [
|
|
|
+ {
|
|
|
+ value: "1",
|
|
|
+ label: "视频",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "2",
|
|
|
+ label: "图片",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "3",
|
|
|
+ label: "其他",
|
|
|
+ },
|
|
|
+ ],
|
|
|
pickerOptions: {
|
|
|
disabledDate: (time) => {
|
|
|
return (
|
|
|
@@ -538,6 +726,20 @@ export default {
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
+ proof_type: [
|
|
|
+ {
|
|
|
+ required: false,
|
|
|
+ message: "请选择凭证类型",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ proof_url: [
|
|
|
+ {
|
|
|
+ required: false,
|
|
|
+ message: "请上传凭证文件",
|
|
|
+ trigger: "blur,change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
addrForm: {
|
|
|
order_addr: [], //收货地址
|
|
|
@@ -673,6 +875,8 @@ export default {
|
|
|
sendtype: "1", // 发货方式
|
|
|
arrtime: in_arrival_time || "", // 到货时间
|
|
|
remark: "",
|
|
|
+ proof_type: "1", // 通过or驳回
|
|
|
+ proof_url: "", //驳回至
|
|
|
};
|
|
|
}
|
|
|
|
|
|
@@ -790,7 +994,7 @@ export default {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
- this.loading = false
|
|
|
+ this.loading = false;
|
|
|
let res = await asyncRequest.consultorder(model);
|
|
|
this.loading = false;
|
|
|
if (res && res.code === 0) {
|
|
|
@@ -812,6 +1016,164 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ //图片上传成功
|
|
|
+ async UploadSuccessEventproof_url(data) {
|
|
|
+ const { url } = data;
|
|
|
+ if (url === "noToken") {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.img_url = url;
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.success("图片上传成功!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //图片上传失败
|
|
|
+ UploadErrorEventproof_url(res) {
|
|
|
+ if (res !== "break") {
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.error("图片上传失败!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //判断图片规格
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ let isJPG = false;
|
|
|
+ if (
|
|
|
+ file.type === "image/jpg" ||
|
|
|
+ file.type === "image/png" ||
|
|
|
+ file.type === "image/jpeg"
|
|
|
+ ) {
|
|
|
+ isJPG = true;
|
|
|
+ }
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 1;
|
|
|
+ if (!isJPG) {
|
|
|
+ this.$message.error("图片格式不正确！");
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("图片大小不能超过 1MB!");
|
|
|
+ }
|
|
|
+ return isJPG && isLt2M;
|
|
|
+ },
|
|
|
+
|
|
|
+ //视频上传成功
|
|
|
+ async UploadSuccessVideoproof_url(data) {
|
|
|
+ const { url } = data;
|
|
|
+ if (url === "noToken") {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.video_url = url;
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.success("视频上传成功!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //视频上传失败
|
|
|
+ UploadErrorVideoproof_url(res) {
|
|
|
+ if (res !== "break") {
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.error("视频上传失败!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //判断视频规格
|
|
|
+ beforeVideoUpload(file) {
|
|
|
+ let isJPG = false;
|
|
|
+ if (file.type === "video/mp4" || file.type === "video/avi") {
|
|
|
+ isJPG = true;
|
|
|
+ }
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 10;
|
|
|
+ if (!isJPG) {
|
|
|
+ this.$message.error("视频格式不正确！");
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("视频大小不能超过 10MB!");
|
|
|
+ }
|
|
|
+ return isJPG && isLt2M;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 其他文件上传成功
|
|
|
+ async UploadSuccessOtherproof_url(data) {
|
|
|
+ const { url } = data;
|
|
|
+ if (url === "noToken") {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.other_url = url;
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.success("文件成功!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //其他文件上传失败
|
|
|
+ UploadErrorOtherproof_url(res) {
|
|
|
+ if (res !== "break") {
|
|
|
+ this.set_proof_url();
|
|
|
+ this.$message.error("文件上传失败!");
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //判断其他文件规格
|
|
|
+ beforeOtherUpload(file) {
|
|
|
+ console.log(file);
|
|
|
+ let isJPG = false;
|
|
|
+ if (
|
|
|
+ file.type === "application/vnd.ms-excel" ||
|
|
|
+ file.type ===
|
|
|
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
|
|
|
+ file.type === "application/pdf" ||
|
|
|
+ file.type === "application/x-zip-compressed"
|
|
|
+ ) {
|
|
|
+ isJPG = true;
|
|
|
+ }
|
|
|
+ let name = file.name;
|
|
|
+ let list = name.split(".");
|
|
|
+ if (list[list.length - 1] === "rar" || list[list.length - 1] === "7z") {
|
|
|
+ isJPG = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 5;
|
|
|
+ if (!isJPG) {
|
|
|
+ this.$message.error("文件格式不正确！");
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("文件大小不能超过 5MB!");
|
|
|
+ }
|
|
|
+ return isJPG && isLt2M;
|
|
|
+ },
|
|
|
+
|
|
|
+ deleteUrl(type) {
|
|
|
+ switch (type) {
|
|
|
+ case "1":
|
|
|
+ this.video_url = "";
|
|
|
+ break;
|
|
|
+ case "2":
|
|
|
+ this.img_url = "";
|
|
|
+ break;
|
|
|
+ case "3":
|
|
|
+ this.other_url = "";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ this.video_url = "";
|
|
|
+ }
|
|
|
+ this.set_proof_url();
|
|
|
+ },
|
|
|
+ set_proof_url() {
|
|
|
+ const { proof_type } = this.ruleForm;
|
|
|
+ switch (proof_type) {
|
|
|
+ case "1":
|
|
|
+ this.ruleForm.proof_url = this.video_url;
|
|
|
+ break;
|
|
|
+ case "2":
|
|
|
+ this.ruleForm.proof_url = this.img_url;
|
|
|
+ break;
|
|
|
+ case "3":
|
|
|
+ this.ruleForm.proof_url = this.other_url;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ this.ruleForm.proof_url = this.video_url;
|
|
|
+ }
|
|
|
+ this.$refs.ruleForm.validateField("proof_url");
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
