Ver código fonte

抖音poi页面数据回填优化

master
HolyKnightIX 2 anos atrás
pai
commit
80303009a4
3 arquivos alterados com 9650 adições e 101 exclusões
  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 Ver arquivo

@@ -3,14 +3,8 @@
<div class="layout-content">
<div class="edit-item">
<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>
</el-upload>
</el-form-item>
@@ -18,15 +12,9 @@

<div class="edit-item">
<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> -->
<div slot="tip" class="el-upload__tip">只能上传pdf文件</div>
</el-upload>
@@ -35,13 +23,8 @@

<div class="edit-item">
<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>
</el-upload>
</el-form-item>
@@ -49,12 +32,8 @@

<div class="edit-item">
<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>
</el-form-item>
</div>
@@ -62,21 +41,11 @@
<div class="edit-item">
<el-form-item label="其他补充资质" label-width="180px">
<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-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>
</el-upload>
</el-form-item>
@@ -84,6 +53,7 @@

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

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

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

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

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

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

.upload-demo {
width: 260px;
}


+ 66
- 56
src/components/ttpoiList/list.vue Ver arquivo

@@ -4,47 +4,22 @@
<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-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-form-item>

<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
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 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>
</div>
@@ -53,19 +28,22 @@
<el-form>
<el-form-item label="营业资质" v-if="dataObj.audit_shop_material">
<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 label="商家授权函" v-if="dataObj.audit_shop_material">
<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>
<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>
</el-form>
<!-- <div slot="footer" class="dialog-footer">
<el-button @click="showBox = false">取 消</el-button>
@@ -140,9 +118,7 @@ export default {
{ key: "address", val: "已匹配Poi地址" }
],
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;
},
@@ -180,12 +156,12 @@ export default {
// return item.brand.name;
// },
//
setStatus(status){
if(status==1){
setStatus(status) {
if (status == 1) {
return "审核中"
}else if(status==2){
} else if (status == 2) {
return "审核成功"
}else if(status==3){
} else if (status == 3) {
return "审核失败"
}
},
@@ -202,9 +178,9 @@ export default {
this.getFetch(
configUrl.weappList + `?type=2&name=&pageNum=1&pageSize=100`
).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) {
@@ -212,7 +188,9 @@ export default {
path: "/addCertification",
query: {
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.showBox = true;
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];
tk.search(tk.getParams().index);
}
},
activated() {},
activated() { },
created() {
this.setIndex("8");
this.setIndex("8")
if (this.$route.query.id) {
this.DataBack()
}
},
mounted() {
this.search();
this.getLsit();
}
};
@@ -248,12 +233,14 @@ export default {
.el-select-dropdown__item {
display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


+ 9554
- 0
yarn.lock
Diferenças do arquivo suprimidas por serem muito extensas
Ver arquivo


Carregando…
Cancelar
Salvar