+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
+ {{ file.name }}
+
+
+
+
![]()
-
@@ -1432,7 +1677,7 @@
-
+
+
-
+
{
this.setSort()
@@ -2307,148 +2554,78 @@ export default {
console.log(this.importBusinessList);
this.$refs[name].clearValidate()
},
- beforeUpload(file) {
+ beforeUpload(file,fileList) {
if (['application/pdf', 'image/jpeg', 'image/png', 'image/jpg', 'image/gif'].indexOf(file.type) == -1) {
this.$message.error('只能上传图片和PDF文件')
return false
}
},
- handleRemoves(file) {
+ handlePictureCardPreview(file) {
console.log(file);
- if (file.url) {
- this.formValidate.qualification.businessList = this.formValidate.qualification.businessList.filter(res => {
- return res.url !== file.url
- })
+ // 预览pdf
+ if (['application/pdf'].includes(file.type)) {
+ window.open(file.response.data.src)
+ return
+ }
+ // 预览pdf图片
+ this.$refs[file.uid].clickHandler();
+ },
+ // 移除
+ onRemoveHandler(file, name) {
+ // if (fileList) return
+ const { uploadFiles } = this.$refs[name]
+ uploadFiles.splice(
+ uploadFiles.findIndex((item) => item.uid === file.uid),
+ 1
+ )
+ this.formValidate.qualification[name].splice(
+ this.formValidate.qualification[name].findIndex(
+ (item) => item.url !== file.url
+ ),
+ 1
+ )
+ },
+ initSuccess(name,res,fileList){
+ if (res.status == 200) {
+ if (fileList.every(item => item.status == "success")) {
+ fileList.map(item => {
+ item.response && this.formValidate.qualification[name].push({ ...item,url: res.data.src,type:item.raw.type});
+ })
+ }
}
},
- handleSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.businessList.push({ name: file.name, url: res.data.src })
- }
- console.log(this.formValidate.qualification.businessList)
+ handleSuccess(res, file,fileList) {
+ this.initSuccess('businessList',res,fileList)
},
- licenRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.licenceList = this.formValidate.qualification.licenceList.filter(res => {
- return res.url !== file.url
- })
- }
+ licenSuccess(res, file,fileList) {
+ this.initSuccess('licenceList',res,fileList)
},
- licenSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.licenceList.push({ name: file.name, url: res.data.src })
- }
+ trademarkSuccess(res, file,fileList) {
+ this.initSuccess('trademarkList',res,fileList)
},
- trademarkRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.trademarkList = this.formValidate.qualification.trademarkList.filter(res => {
- return res.url !== file.url
- })
- }
+ authorizedSuccess(res, file,fileList) {
+ this.initSuccess('authorizedList',res,fileList)
},
- trademarkSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.trademarkList.push({ name: file.name, url: res.data.src })
- }
+ commoditySuccess(res, file,fileList) {
+ this.initSuccess('commodityList',res,fileList)
},
- authorizedRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.authorizedList = this.formValidate.qualification.authorizedList.filter(res => {
- return res.url !== file.url
- })
- }
+ otherSuccess(res, file,fileList) {
+ this.initSuccess('otherList',res,fileList)
},
- authorizedSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.authorizedList.push({ name: file.name, url: res.data.src })
- }
+ importHandleSuccess(res, file,fileList) {
+ this.initSuccess('importBusinessList',res,fileList)
},
- commodityRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.commodityList = this.formValidate.qualification.commodityList.filter(res => {
- return res.url !== file.url
- })
- }
+ importAuthorizedSuccess(res, file,fileList) {
+ this.initSuccess('importAuthorizedList',res,fileList)
},
- commoditySuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.commodityList.push({ name: file.name, url: res.data.src })
- }
+ customsSuccess(res, file,fileList) {
+ this.initSuccess('customsList',res,fileList)
},
- otherRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.otherList = this.formValidate.qualification.otherList.filter(res => {
- return res.url !== file.url
- })
- }
+ packingSuccess(res, file,fileList) {
+ this.initSuccess('packingList',res,fileList)
},
- otherSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.otherList.push({ name: file.name, url: res.data.src })
- }
- },
- importHandleRemoves(file) {
- console.log(file);
- if (file.url) {
- this.formValidate.qualification.importBusinessList = this.formValidate.qualification.importBusinessList.filter(res => {
- return res.url !== file.url
- })
- }
- },
- importHandleSuccess(res, file) {
- console.log(file);
- console.log(res);
- if (res.status === 200) {
- this.formValidate.qualification.importBusinessList.push({ name: file.name, url: res.data.src })
- }
- },
- importAuthorizedRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.importAuthorizedList = this.formValidate.qualification.importAuthorizedList.filter(res => {
- return res.url !== file.url
- })
- }
- },
- importAuthorizedSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.importAuthorizedList.push({ name: file.name, url: res.data.src })
- }
- },
- customsSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.customsList.push({ name: file.name, url: res.data.src })
- }
- },
- customsRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.customsList = this.formValidate.qualification.customsList.filter(res => {
- return res.url !== file.url
- })
- }
- },
- packingSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.packingList.push({ name: file.name, url: res.data.src })
- }
- },
- packingRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.packingList = this.formValidate.qualification.packingList.filter(res => {
- return res.url !== file.url
- })
- }
- },
- importOtherSuccess(res, file) {
- if (res.status === 200) {
- this.formValidate.qualification.importOtherList.push({ name: file.name, url: res.data.src })
- }
- },
- importOtherRemoves(file) {
- if (file.url) {
- this.formValidate.qualification.importOtherList = this.formValidate.qualification.importOtherList.filter(res => {
- return res.url !== file.url
- })
- }
+ importOtherSuccess(res, file,fileList) {
+ this.initSuccess('importOtherList',res,fileList)
},
setSort() {
// ref一定跟table上面的ref一致
@@ -3397,6 +3574,7 @@ export default {
svip_price_type: info.svip_price_type || 0,
qualification:info.qualification
};
+ console.log(info.qualification);
if (info.svip_price_type != 0 && info.mer_svip_status)
this.attrVal = {
price: null,
@@ -3692,7 +3870,7 @@ export default {
}
.upload-demo{
/deep/ .el-upload-list__item{
- width:20%
+ width:10%
}
// /deep/ .el-upload{
// border: 1px dotted #0fc6c2;
@@ -3701,6 +3879,49 @@ export default {
// line-height: 50px;
// }
}
+::v-deep .el-upload--picture-card{
+ width: auto;
+ line-height: normal;
+ height: unset;
+}
+.noData {
+ padding: 10px 0;
+ text-align: center;
+ color: #ccc;
+}
+
+.el_upload_tip {
+ margin-top: 15px;
+ line-height: 20px;
+ text-align: left;
+ color: red;
+}
+
+.el_upload_preview_list {
+ height: 100%;
+ // el-uplaod组件卡片预览类型预览pdf样式
+ .pdfContainer {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
+
+.blue-theme {
+ .dialog_section_title {
+ border-top: 1px solid #202936;
+ border-bottom: 1px solid #202936;
+ }
+}
+
+.night-theme {
+ .dialog_section_title {
+ border-top: 1px solid #202936;
+ border-bottom: 1px solid #202936;
+ }
+}
::v-deep .specsList th{
line-height: 20px!important;
diff --git a/src/views/product/productList/index.vue b/src/views/product/productList/index.vue
index 1456814..5c36139 100644
--- a/src/views/product/productList/index.vue
+++ b/src/views/product/productList/index.vue
@@ -189,6 +189,7 @@
@@ -140,7 +152,13 @@
- ![]()
+
@@ -273,16 +291,20 @@
-
+
{{ scope.row.store_name || '-' }}
+ -
封面图：-
+
+ -
轮播图：-
+
+
+
-
@@ -307,23 +329,10 @@
审核图：
-
@@ -395,6 +404,200 @@
+
+ 生产企业名称：{{ qualification.production_name }}
+
+
+ 生产营业执照：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 商标注册证：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 销售授权及其他：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 商品检测报告：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 其他资质：
+
+
+
+
+ {{ item.name }}
+
+
+
+
+ 进口/企业境内总代企业名称: {{ qualification.import_name }}
+
+
+ 生产营业执照：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 销售授权及其他：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 海关检验检疫证书及报关单：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 产品外包装实物图：
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ 其他资质：
+
+
+
+
+ {{ item.name }}
+
+
+
+