Browse Source

抖音poi页面数据回填优化

master
HolyKnightIX 2 years ago
parent
commit
80303009a4
3 changed files with 9650 additions and 101 deletions
  1. +30
    -45
      src/components/ttpoiList/addCertification.vue
  2. +66
    -56
      src/components/ttpoiList/list.vue
  3. +9554
    -0
      yarn.lock

+ 30
- 45
src/components/ttpoiList/addCertification.vue View File

@@ -3,14 +3,8 @@
<div class="layout-content"> <div class="layout-content">
<div class="edit-item"> <div class="edit-item">
<el-form-item label="商铺营业执照路径" label-width="180px"> <el-form-item label="商铺营业执照路径" label-width="180px">
<el-upload
action="/T/merchantPoi/upload_material"
:data="{appId:appId,materialType:7}"
list-type="picture-card"
:on-success="license"
:on-remove="licenseRemove"
:limit="1"
>
<el-upload action="/T/merchantPoi/upload_material" :data="{appId:appId,materialType:7}"
list-type="picture-card" :on-success="license" :on-remove="licenseRemove" :limit="1">
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
@@ -18,15 +12,9 @@


<div class="edit-item"> <div class="edit-item">
<el-form-item label="商家授权函" label-width="180px"> <el-form-item label="商家授权函" label-width="180px">
<el-upload
action="/T/merchantPoi/upload_material"
class="upload-demo"
list-type="text"
:data="{appId:appId,materialType:8}"
:on-success="authorization"
:on-remove="authorizationRemove"
:limit="1"
>
<el-upload action="/T/merchantPoi/upload_material" class="upload-demo" list-type="text"
:data="{appId:appId,materialType:8}" :on-success="authorization" :on-remove="authorizationRemove"
:limit="1">
<!-- <i class="el-icon-plus"></i> --> <!-- <i class="el-icon-plus"></i> -->
<div slot="tip" class="el-upload__tip">只能上传pdf文件</div> <div slot="tip" class="el-upload__tip">只能上传pdf文件</div>
</el-upload> </el-upload>
@@ -35,13 +23,8 @@


<div class="edit-item"> <div class="edit-item">
<el-form-item label="商铺行业资质材料信息" label-width="180px"> <el-form-item label="商铺行业资质材料信息" label-width="180px">
<el-upload
action="/T/merchantPoi/upload_material"
list-type="picture-card"
:data="{appId:appId,materialType:7}"
:on-success="industry"
:on-remove="industryRemove "
>
<el-upload action="/T/merchantPoi/upload_material" list-type="picture-card"
:data="{appId:appId,materialType:7}" :on-success="industry" :on-remove="industryRemove ">
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
@@ -49,12 +32,8 @@


<div class="edit-item"> <div class="edit-item">
<el-form-item label="过期时间" label-width="180px"> <el-form-item label="过期时间" label-width="180px">
<el-date-picker
v-model="expireTime"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
></el-date-picker>
<el-date-picker v-model="expireTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
</el-date-picker>
<samp>(营业执照、合作协议、行业资质材料)中的最早到期时间</samp> <samp>(营业执照、合作协议、行业资质材料)中的最早到期时间</samp>
</el-form-item> </el-form-item>
</div> </div>
@@ -62,21 +41,11 @@
<div class="edit-item"> <div class="edit-item">
<el-form-item label="其他补充资质" label-width="180px"> <el-form-item label="其他补充资质" label-width="180px">
<el-select v-model="additionalQualType" placeholder="请选择" clearable> <el-select v-model="additionalQualType" placeholder="请选择" clearable>
<el-option
v-for="(item,index) in additionalLsit"
:key="index"
:value="item.val"
:label="item.name"
></el-option>
<el-option v-for="(item,index) in additionalLsit" :key="index" :value="item.val" :label="item.name">
</el-option>
</el-select> </el-select>
<el-upload
style="margin-top: 10px;"
action="/T/merchantPoi/upload_material"
list-type="picture-card"
:data="{appId:appId,materialType:7}"
:on-success="rests"
:on-remove="restsRemove"
>
<el-upload style="margin-top: 10px;" action="/T/merchantPoi/upload_material" list-type="picture-card"
:data="{appId:appId,materialType:7}" :on-success="rests" :on-remove="restsRemove">
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
@@ -84,6 +53,7 @@


<div class="butBox"> <div class="butBox">
<el-button class="save-btn mr_20" type="primary" @click="save">保 存</el-button> <el-button class="save-btn mr_20" type="primary" @click="save">保 存</el-button>
<el-button class="save-btn mr_20" type="primary" @click="back">返 回</el-button>
</div> </div>
</div> </div>
</el-form> </el-form>
@@ -156,7 +126,7 @@ export default {
//dei商铺行业资质材料信息 //dei商铺行业资质材料信息
console.log(file, fileList); console.log(file, fileList);
console.log(this.ruleForm.qualMaterial); console.log(this.ruleForm.qualMaterial);
let tempArr = []; let tempArr = [];
fileList.map(item => { fileList.map(item => {
tempArr.push({ path: item.response.data }); tempArr.push({ path: item.response.data });
@@ -235,6 +205,15 @@ export default {
this.$message.error(err.message); this.$message.error(err.message);
}); });
} }
},
back() {
this.$router.push({
path: "/ttpoiList",
query: {
id: this.$route.query.MainId,
list: this.$route.query.list
}
})
} }
}, },
mounted() { mounted() {
@@ -250,26 +229,32 @@ export default {
padding: 0 20px 20px; padding: 0 20px 20px;
overflow: hidden; overflow: hidden;
} }

.edit-item { .edit-item {
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
margin-top: 20px; margin-top: 20px;
} }

.btnBox { .btnBox {
background-color: #ffffff; background-color: #ffffff;
text-align: center; text-align: center;
} }

.save-btn { .save-btn {
width: 108px; width: 108px;
background: RGBA(63, 196, 150, 1); background: RGBA(63, 196, 150, 1);
} }

.save-btn:hover { .save-btn:hover {
background: #409ef0; background: #409ef0;
} }

.butBox { .butBox {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }

.upload-demo { .upload-demo {
width: 260px; width: 260px;
} }


+ 66
- 56
src/components/ttpoiList/list.vue View File

@@ -4,47 +4,22 @@
<el-form :inline="true" :model="ruleForm" ref="ruleForm" class="demo-form-inline forms"> <el-form :inline="true" :model="ruleForm" ref="ruleForm" class="demo-form-inline forms">
<el-form-item label="小程序" class="fx_title" v-if="list.length>0"> <el-form-item label="小程序" class="fx_title" v-if="list.length>0">
<el-select v-model="id" placeholder="请选择" @change="setId" clearable> <el-select v-model="id" placeholder="请选择" @change="setId" clearable>
<el-option
v-for="(item,index) in list"
:key="index"
:value="item.id"
:label="item.name"
></el-option>
<el-option v-for="(item,index) in list" :key="index" :value="item.id" :label="item.name">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>


<el-form-item label="商户名称" class="fx_title"> <el-form-item label="商户名称" class="fx_title">
<el-input
style="width:211px;"
v-model.trim="ruleForm.merchantName"
placeholder="请输入"
clearable
></el-input>
<el-input style="width:211px;" v-model.trim="ruleForm.merchantName" placeholder="请输入" clearable></el-input>
</el-form-item> </el-form-item>


<el-form-item
label="poi名称"
prop="type"
class="fx_title"
style="margin-bottom: 0px!important"
>
<el-input
style="width:211px;"
v-model.trim="ruleForm.poiName"
placeholder="请输入"
clearable
></el-input>
<el-form-item label="poi名称" prop="type" class="fx_title" style="margin-bottom: 0px!important">
<el-input style="width:211px;" v-model.trim="ruleForm.poiName" placeholder="请输入" clearable></el-input>
</el-form-item> </el-form-item>


<el-form-item style="margin-bottom: 0px !important"> <el-form-item style="margin-bottom: 0px !important">
<el-button
class="hoverBtn"
type="primary"
icon="el-icon-search"
:style="'border:0;background:'"
size="medium"
@click.stop="search"
></el-button>
<el-button class="hoverBtn" type="primary" icon="el-icon-search" :style="'border:0;background:'" size="medium"
@click.stop="search"></el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -53,19 +28,22 @@
<el-form> <el-form>
<el-form-item label="营业资质" v-if="dataObj.audit_shop_material"> <el-form-item label="营业资质" v-if="dataObj.audit_shop_material">
<span>{{setStatus(dataObj.audit_shop_material.biz_licence.status)}}</span> <span>{{setStatus(dataObj.audit_shop_material.biz_licence.status)}}</span>
<span v-if="dataObj.audit_shop_material.biz_licence.reason">{{dataObj.audit_shop_material.biz_licence.reason}}</span>
<span
v-if="dataObj.audit_shop_material.biz_licence.reason">{{dataObj.audit_shop_material.biz_licence.reason}}</span>
</el-form-item> </el-form-item>
<el-form-item label="商家授权函" v-if="dataObj.audit_shop_material"> <el-form-item label="商家授权函" v-if="dataObj.audit_shop_material">
<span>{{setStatus(dataObj.audit_shop_material.contract.status)}}</span> <span>{{setStatus(dataObj.audit_shop_material.contract.status)}}</span>
<span v-if="dataObj.audit_shop_material.contract.reason">{{dataObj.audit_shop_material.contract.reason}}</span>
<span
v-if="dataObj.audit_shop_material.contract.reason">{{dataObj.audit_shop_material.contract.reason}}</span>
</el-form-item> </el-form-item>
<div v-if="dataObj.audit_shop_material&&dataObj.audit_shop_material.qual_material.length>0"> <div v-if="dataObj.audit_shop_material&&dataObj.audit_shop_material.qual_material.length>0">
<el-form-item :label="'商铺行业资质'+(index+1)" v-for="(item ,index) in dataObj.audit_shop_material.qual_material" :key="index">
<span>{{setStatus(item.status)}}</span>
<span v-if="item.reason">{{item.reason}}</span>
</el-form-item>
<el-form-item :label="'商铺行业资质'+(index+1)" v-for="(item ,index) in dataObj.audit_shop_material.qual_material"
:key="index">
<span>{{setStatus(item.status)}}</span>
<span v-if="item.reason">{{item.reason}}</span>
</el-form-item>
</div> </div>
</el-form> </el-form>
<!-- <div slot="footer" class="dialog-footer"> <!-- <div slot="footer" class="dialog-footer">
<el-button @click="showBox = false">取 消</el-button> <el-button @click="showBox = false">取 消</el-button>
@@ -140,9 +118,7 @@ export default {
{ key: "address", val: "已匹配Poi地址" } { key: "address", val: "已匹配Poi地址" }
], ],
getUrl: () => { getUrl: () => {
let str = `/T/merchantPoi/list?merchantName=${
this.ruleForm.merchantName
}&poiName=${this.ruleForm.poiName}&tenantId=${this.tenantId}`;
let str = `/T/merchantPoi/list?merchantName=${this.ruleForm.merchantName}&poiName=${this.ruleForm.poiName}&tenantId=${this.tenantId}`


return str; return str;
}, },
@@ -180,12 +156,12 @@ export default {
// return item.brand.name; // return item.brand.name;
// }, // },
// //
setStatus(status){
if(status==1){
setStatus(status) {
if (status == 1) {
return "审核中" return "审核中"
}else if(status==2){
} else if (status == 2) {
return "审核成功" return "审核成功"
}else if(status==3){
} else if (status == 3) {
return "审核失败" return "审核失败"
} }
}, },
@@ -202,9 +178,9 @@ export default {
this.getFetch( this.getFetch(
configUrl.weappList + `?type=2&name=&pageNum=1&pageSize=100` configUrl.weappList + `?type=2&name=&pageNum=1&pageSize=100`
).then(res => { ).then(res => {
console.log(res.data);
this.list = res.data.list;
// this.id = res.data.list[0].id;
console.log(res.data)
this.list = res.data.list
// this.id = res.data.list[0].id
}); });
}, },
goAdd(row, item) { goAdd(row, item) {
@@ -212,7 +188,9 @@ export default {
path: "/addCertification", path: "/addCertification",
query: { query: {
appId: this.authorizerAppid, appId: this.authorizerAppid,
id: row.id
id: row.id,
MainId: this.id,
list: this.list
} }
}); });
}, },
@@ -224,21 +202,28 @@ export default {
this.dataObj = JSON.parse(res.data).data; this.dataObj = JSON.parse(res.data).data;
this.showBox = true; this.showBox = true;
console.log(this.dataObj); console.log(this.dataObj);
}); });
}, },

search: function() {
async DataBack() {
this.list = await this.$route.query.list
this.id = await this.$route.query.id
await this.setId(this.id)
await this.search()
},
search: function () {
let tk = this.$refs[this.tk]; let tk = this.$refs[this.tk];
tk.search(tk.getParams().index); tk.search(tk.getParams().index);
} }
}, },
activated() {},
activated() { },
created() { created() {
this.setIndex("8");
this.setIndex("8")
if (this.$route.query.id) {
this.DataBack()
}
}, },
mounted() { mounted() {
this.search();
this.getLsit(); this.getLsit();
} }
}; };
@@ -248,12 +233,14 @@ export default {
.el-select-dropdown__item { .el-select-dropdown__item {
display: block; display: block;
} }

.forms { .forms {
background: #f5f7f8; background: #f5f7f8;
text-align: left; text-align: left;
padding: 25px 22px 22px; padding: 25px 22px 22px;
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }

.layout-content { .layout-content {
width: 100%; width: 100%;
height: auto; height: auto;
@@ -264,20 +251,24 @@ export default {
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
} }

.demo-form-inline { .demo-form-inline {
background: #f5f7f8; background: #f5f7f8;
text-align: left; text-align: left;
padding: 25px 22px 0; padding: 25px 22px 0;
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }

.tableContainer { .tableContainer {
margin-top: 20px !important; margin-top: 20px !important;
background: #fff; background: #fff;
} }

.el-button { .el-button {
width: 60px; width: 60px;
height: 40px; height: 40px;
} }

.builtBtn { .builtBtn {
width: 100px; width: 100px;
height: 32px; height: 32px;
@@ -288,19 +279,24 @@ export default {
margin: 0; margin: 0;
padding: 0 !important; padding: 0 !important;
} }

.builtBtn i { .builtBtn i {
margin-right: 10px; margin-right: 10px;
} }

.builtBtn:hover { .builtBtn:hover {
background: rgba(81, 169, 201, 0.88); background: rgba(81, 169, 201, 0.88);
} }

.fx_title .el-input { .fx_title .el-input {
width: 150px; width: 150px;
} }

.fx_dialog_setrole .el-dialog .el-dialog__header .el-dialog__title { .fx_dialog_setrole .el-dialog .el-dialog__header .el-dialog__title {
font-size: 25px; font-size: 25px;
color: #555555; color: #555555;
} }

.edit-item label { .edit-item label {
width: 80px; width: 80px;
float: left; float: left;
@@ -310,26 +306,33 @@ export default {
font-weight: normal; font-weight: normal;
color: #555555; color: #555555;
} }

.edit-item-input { .edit-item-input {
width: 230px; width: 230px;
} }

.edit-item label.name { .edit-item label.name {
padding-top: 10px; padding-top: 10px;
} }

.el-form-item__content { .el-form-item__content {
text-align: left; text-align: left;
} }

.edit-item-box { .edit-item-box {
margin-left: 100px; margin-left: 100px;
color: #555555; color: #555555;
overflow: hidden; overflow: hidden;
} }

.edit-box .edit-item { .edit-box .edit-item {
margin-bottom: 22px; margin-bottom: 22px;
} }

.el-dialog { .el-dialog {
border-radius: 6px !important; border-radius: 6px !important;
} }

.edit-item-box input { .edit-item-box input {
width: 169px; width: 169px;
height: 40px; height: 40px;
@@ -340,10 +343,12 @@ export default {
text-indent: 1em; text-indent: 1em;
outline: none; outline: none;
} }

.group-btn { .group-btn {
text-align: center; text-align: center;
padding-bottom: 20px; padding-bottom: 20px;
} }

.group-btn .draftBtn, .group-btn .draftBtn,
.group-btn .putinBtn { .group-btn .putinBtn {
width: 100px; width: 100px;
@@ -354,22 +359,27 @@ export default {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }

.group-btn .draftBtn { .group-btn .draftBtn {
margin-left: 10px; margin-left: 10px;
border: 1px solid #e1e6ea; border: 1px solid #e1e6ea;
color: #555555; color: #555555;
} }

.group-btn .putinBtn { .group-btn .putinBtn {
margin-right: 10px; margin-right: 10px;
background: rgb(212, 35, 122); background: rgb(212, 35, 122);
color: #ffffff; color: #ffffff;
} }

.my-upload-wrap { .my-upload-wrap {
display: inline-block; display: inline-block;
} }

.my-upload-wrap /deep/ .el-upload__input { .my-upload-wrap /deep/ .el-upload__input {
display: none; display: none;
} }

.display_inline_block { .display_inline_block {
display: inline-block; display: inline-block;
width: 80px; width: 80px;


+ 9554
- 0
yarn.lock
File diff suppressed because it is too large
View File


Loading…
Cancel
Save