Skip to content

E
ElectricitySheep
Commit e86576ea authored by 黄奎's avatar 黄奎
Browse files
Options

活动详情

parent 82c3cad5
Hide whitespace changes
Inline Side-by-side
Showing with 786 additions and 755 deletions
src/components/tradePavilion/listRegistration.vue
View file @ e86576ea
<template> <template>
<div class="listRegistration"> <div class="listRegistration">
<div class="head-title"> <div class="head-title">
<span @click="CommonJump('billboardList')" class="blue point" <span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
>榜单管理</span
>
/ 报名列表 / 报名列表
<div style="float: right"> <div style="float: right">
<!-- <el-button style="float:right;margin-top: -5px;" size="small" type="primary" <!-- <el-button style="float:right;margin-top: -5px;" size="small" type="primary"
...@@ -14,48 +12,22 @@ ...@@ -14,48 +12,22 @@
<div class="content"> <div class="content">
<div> <div>
<span style="margin-left: 10px">用户</span> <span style="margin-left: 10px">用户</span>
<el-select <el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable
size="small" @change="(msg.pageIndex = 1), getList()" placeholder="请选择">
v-model="msg.UserId"
:filter-method="ChangeListName"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-option label="不限" :value="0"></el-option> <el-option label="不限" :value="0"></el-option>
<el-option <el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
v-for="item in userList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
</el-option> </el-option>
</el-select> </el-select>
<span style="margin-left: 10px">面向群体</span> <span style="margin-left: 10px">面向群体</span>
<el-select <el-select size="small" v-model="msg.ObjectType" filterable @change="(msg.pageIndex = 1), getList()"
size="small" placeholder="请选择">
v-model="msg.ObjectType"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-option label="不限" :value="0"></el-option> <el-option label="不限" :value="0"></el-option>
<el-option <el-option v-for="item in ListObjectType" :key="item.Id" :label="item.Name" :value="item.Id">
v-for="item in ListObjectType"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
</el-option> </el-option>
</el-select> </el-select>
<span style="margin-left: 10px">状态</span> <span style="margin-left: 10px">状态</span>
<el-select <el-select size="small" v-model="msg.CandidateState" filterable @change="(msg.pageIndex = 1), getList()"
size="small" placeholder="请选择">
v-model="msg.CandidateState"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-option label="不限" :value="0"></el-option> <el-option label="不限" :value="0"></el-option>
<el-option label="未评比" :value="1"></el-option> <el-option label="未评比" :value="1"></el-option>
<el-option label="候选" :value="2"></el-option> <el-option label="候选" :value="2"></el-option>
...@@ -63,22 +35,14 @@ ...@@ -63,22 +35,14 @@
</el-select> </el-select>
</div> </div>
<el-table <el-table :data="tableData" v-loading="loading" border style="width: 100%; margin: 20px 0">
:data="tableData"
v-loading="loading"
border
style="width: 100%; margin: 20px 0"
>
<el-table-column prop="CompanyName" label="报名企业"> </el-table-column> <el-table-column prop="CompanyName" label="报名企业"> </el-table-column>
<el-table-column prop="UserName" label="参与对象"> <el-table-column prop="UserName" label="参与对象">
<template slot-scope="scope"> <template slot-scope="scope">
<div <div class="app-image" :style="{
class="app-image" backgroundImage: 'url(' + scope.row.ObjectIcon + ')',
:style="{ backgroundSize: 'cover',
backgroundImage: 'url(' + scope.row.ObjectIcon + ')', }"></div>
backgroundSize: 'cover',
}"
></div>
<div flex="dir:left cross:center"> <div flex="dir:left cross:center">
{{ scope.row.ObjectName }} {{ scope.row.ObjectName }}
</div> </div>
...@@ -86,13 +50,10 @@ ...@@ -86,13 +50,10 @@
</el-table-column> </el-table-column>
<el-table-column prop="UserName" label="奖章"> <el-table-column prop="UserName" label="奖章">
<template slot-scope="scope"> <template slot-scope="scope">
<div <div class="app-image" :style="{
class="app-image" backgroundImage: 'url(' + scope.row.MedalImage + ')',
:style="{ backgroundSize: 'cover',
backgroundImage: 'url(' + scope.row.MedalImage + ')', }"></div>
backgroundSize: 'cover',
}"
></div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="Reviews" label="评语"> </el-table-column> <el-table-column prop="Reviews" label="评语"> </el-table-column>
...@@ -116,9 +77,7 @@ ...@@ -116,9 +77,7 @@
<span v-if="scope.row.CandidateState==2">候选</span> <span v-if="scope.row.CandidateState==2">候选</span>
<span v-if="scope.row.CandidateState==3">淘汰</span> --> <span v-if="scope.row.CandidateState==3">淘汰</span> -->
<span v-if="scope.row.RankListState == 1" <span v-if="scope.row.RankListState == 1">上榜（第{{ scope.row.Rank }}名）</span>
>上榜（第{{ scope.row.Rank }}名）</span
>
<span v-else-if="scope.row.CandidateState == 2">候选</span> <span v-else-if="scope.row.CandidateState == 2">候选</span>
<span v-else-if="scope.row.CandidateState == 3">淘汰</span> <span v-else-if="scope.row.CandidateState == 3">淘汰</span>
<span v-else>未评比</span> <span v-else>未评比</span>
...@@ -127,109 +86,51 @@ ...@@ -127,109 +86,51 @@
<el-table-column label="操作" width="180"> <el-table-column label="操作" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip <el-tooltip class="item" effect="dark" content="详情" placement="top">
class="item" <img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" @click="seeDetail(scope.row)" />
effect="dark"
content="详情"
placement="top"
>
<img
src="../../assets/img/userman/icon-show.png"
alt=""
class="imgstyle"
@click="seeDetail(scope.row)"
/>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="淘汰" placement="top"
class="item" v-if="scope.row.CandidateState == 1 && listStatus !== 3">
effect="dark" <img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle" @click="eliminate(scope.row)" />
content="淘汰"
placement="top"
v-if="scope.row.CandidateState == 1 && listStatus !== 3"
>
<img
src="../../assets/img/userman/nopass.png"
alt=""
class="imgstyle"
@click="eliminate(scope.row)"
/>
v-if="scope.row.CandidateState==1" @click="eliminate(scope.row)" v-if="scope.row.CandidateState==1" @click="eliminate(scope.row)"
/> />
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="候选" placement="top"
class="item" v-if="scope.row.CandidateState == 1 && listStatus !== 3">
effect="dark" <img src="../../assets/img/userman/pass.png" alt="" class="imgstyle" @click="candidate(scope.row)" />
content="候选"
placement="top"
v-if="scope.row.CandidateState == 1 && listStatus !== 3"
>
<img
src="../../assets/img/userman/pass.png"
alt=""
class="imgstyle"
@click="candidate(scope.row)"
/>
v-if="scope.row.CandidateState==1" @click="candidate(scope.row)" v-if="scope.row.CandidateState==1" @click="candidate(scope.row)"
/> />
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip class="item" effect="dark" content="重置" placement="top" v-if="
class="item" (scope.row.CandidateState == 3 ||
effect="dark" scope.row.CandidateState == 2) &&
content="重置" listStatus !== 3
placement="top" ">
v-if=" <img src="../../assets/img/userman/reset.png" alt="" class="imgstyle" v-if="
(scope.row.CandidateState == 3 || scope.row.CandidateState == 3 || scope.row.CandidateState == 2
scope.row.CandidateState == 2) && " @click="delete_b(scope.row)" />
listStatus !== 3
"
>
<img
src="../../assets/img/userman/reset.png"
alt=""
class="imgstyle"
v-if="
scope.row.CandidateState == 3 || scope.row.CandidateState == 2
"
@click="delete_b(scope.row)"
/>
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination style="text-align: right" background @current-change="handleCurrentChange"
style="text-align: right" :page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
:current-page.sync="msg.pageIndex"
layout="total,prev, pager, next"
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
<el-dialog title="关联图片/视频" :visible.sync="dialogTableVisible"> <el-dialog title="关联图片/视频" :visible.sync="dialogTableVisible">
<div style="display: flex; flex-wrap: wrap" v-if="joinData"> <div style="display: flex; flex-wrap: wrap" v-if="joinData">
<div v-for="(x, y) in joinData.images" :key="y"> <div v-for="(x, y) in joinData.images" :key="y">
<el-image <el-image style="
style="
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
" " :src="x" :preview-src-list="joinData.images">
:src="x"
:preview-src-list="joinData.images"
>
</el-image> </el-image>
</div> </div>
</div> </div>
<div v-if="joinData" style="margin-top: 15px"> <div v-if="joinData" style="margin-top: 15px">
<video <video width="320" height="240" controls="controls" v-if="joinData.video != ''">
width="320"
height="240"
controls="controls"
v-if="joinData.video != ''"
>
<source :src="joinData.video" type="video/mp4" /> <source :src="joinData.video" type="video/mp4" />
<source :src="joinData.video" type="video/ogg" /> <source :src="joinData.video" type="video/ogg" />
</video> </video>
...@@ -239,39 +140,24 @@ ...@@ -239,39 +140,24 @@
<div style="padding: 20px" v-if="seeData"> <div style="padding: 20px" v-if="seeData">
<el-form label-width="150px"> <el-form label-width="150px">
<div v-for="(x, y) in seeData" :key="y"> <div v-for="(x, y) in seeData" :key="y">
<div <div v-if="
v-if=" x.CompKey == 'ImageUploadComp' && x.CompData.FileList.length > 0
x.CompKey == 'ImageUploadComp' && x.CompData.FileList.length > 0 ">
"
>
<el-form-item :label="x.CompData.Name + '：'"> <el-form-item :label="x.CompData.Name + '：'">
<div style="display: flex; flex-wrap: wrap"> <div style="display: flex; flex-wrap: wrap">
<div <div v-for="(item, index) in x.CompData.FileList" :key="index"
v-for="(item, index) in x.CompData.FileList" style="margin-right: 10px; margin-bottom: 10px">
:key="index" <el-image style="width: 100px; height: 100px" :src="item" :preview-src-list="x.CompData.FileList">
style="margin-right: 10px; margin-bottom: 10px"
>
<el-image
style="width: 100px; height: 100px"
:src="item"
:preview-src-list="x.CompData.FileList"
>
</el-image> </el-image>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
<div <div v-if="
v-if=" x.CompKey == 'VideoUploadComp' && x.CompData.FileList.length > 0
x.CompKey == 'VideoUploadComp' && x.CompData.FileList.length > 0 ">
"
>
<el-form-item :label="x.CompData.Name + '：'"> <el-form-item :label="x.CompData.Name + '：'">
<div <div v-for="(item, index) in x.CompData.FileList" :key="index" style="margin-bottom: 10px">
v-for="(item, index) in x.CompData.FileList"
:key="index"
style="margin-bottom: 10px"
>
<video width="260" height="180" controls="controls"> <video width="260" height="180" controls="controls">
<source :src="item" type="video/ogg" /> <source :src="item" type="video/ogg" />
<source :src="item" type="video/mp4" /> <source :src="item" type="video/mp4" />
...@@ -280,37 +166,27 @@ ...@@ -280,37 +166,27 @@
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
<div <div v-if="
v-if=" (x.CompKey == 'SingleLineText' ||
(x.CompKey == 'SingleLineText' || x.CompKey == 'MultiLineText') &&
x.CompKey == 'MultiLineText') && x.CompData.TextValue != ''
x.CompData.TextValue != '' ">
"
>
<el-form-item :label="x.CompData.Name + '：'"> <el-form-item :label="x.CompData.Name + '：'">
<span>{{ x.CompData.TextValue }}</span> <span>{{ x.CompData.TextValue }}</span>
</el-form-item> </el-form-item>
</div> </div>
<div <div v-if="x.CompKey == 'DorpDownList' && x.CompData.OptionValue != ''">
v-if="x.CompKey == 'DorpDownList' && x.CompData.OptionValue != ''"
>
<el-form-item :label="x.CompData.Name + '：'"> <el-form-item :label="x.CompData.Name + '：'">
<span>{{ getOptionValue(x.CompData) }}</span> <span>{{ getOptionValue(x.CompData) }}</span>
</el-form-item> </el-form-item>
</div> </div>
<div <div v-if="
v-if=" x.CompKey == 'CommonUploadComp' &&
x.CompKey == 'CommonUploadComp' && x.CompData.FileList.length > 0
x.CompData.FileList.length > 0 ">
"
>
<el-form-item :label="x.CompData.Name + '：'"> <el-form-item :label="x.CompData.Name + '：'">
<div <div v-for="(item, index) in x.CompData.FileListName" :key="index"
v-for="(item, index) in x.CompData.FileListName" style="margin-bottom: 2px; cursor: pointer" @click="showUpLoadFile(item, x.CompData.FileList[index])">
:key="index"
style="margin-bottom: 2px; cursor: pointer"
@click="showUpLoadFile(item, x.CompData.FileList[index])"
>
{{ index + 1 }}、{{ item }} {{ index + 1 }}、{{ item }}
</div> </div>
</el-form-item> </el-form-item>
...@@ -321,9 +197,7 @@ ...@@ -321,9 +197,7 @@
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="detailDialog = false">取 消</el-button> <el-button @click="detailDialog = false">取 消</el-button>
<el-button type="primary" @click="detailDialog = false" <el-button type="primary" @click="detailDialog = false">确 定</el-button>
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -426,7 +300,7 @@ export default { ...@@ -426,7 +300,7 @@ export default {
.then(() => { .then(() => {
that.setFirstShop(row.Id, 1); that.setFirstShop(row.Id, 1);
}) })
.catch(() => {}); .catch(() => { });
}, },
setFirstShop(id, type) { setFirstShop(id, type) {
let that = this; let that = this;
...@@ -456,7 +330,7 @@ export default { ...@@ -456,7 +330,7 @@ export default {
.then(() => { .then(() => {
that.setFirstShop(row.Id, 2); that.setFirstShop(row.Id, 2);
}) })
.catch(() => {}); .catch(() => { });
}, },
delete_b(row) { delete_b(row) {
let that = this; let that = this;
...@@ -469,9 +343,9 @@ export default { ...@@ -469,9 +343,9 @@ export default {
.then(() => { .then(() => {
that.setFirstShop(row.Id, 3); that.setFirstShop(row.Id, 3);
}) })
.catch(() => {}); .catch(() => { });
}, },
EditgoUrl() {}, EditgoUrl() { },
seeDetail(row) { seeDetail(row) {
this.detailDialog = true; this.detailDialog = true;
let data = JSON.parse(row.Content); let data = JSON.parse(row.Content);
...@@ -519,7 +393,7 @@ export default { ...@@ -519,7 +393,7 @@ export default {
} }
}, },
}, },
mounted() {}, mounted() { },
}; };
</script> </script>
<style> <style>
......
src/components/tradePavilion/realAuthentication.vue
View file @ e86576ea
...@@ -8,17 +8,17 @@ ...@@ -8,17 +8,17 @@
<div> <div>
<span style="margin-left: 10px">公司名称</span> <span style="margin-left: 10px">公司名称</span>
<div class="searchInput" style="width:250px"> <div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()" <el-input @keyup.enter.native="msg.pageIndex = 1, getList()" @clear="msg.pageIndex = 1, getList()"
style="display:inline-block;width:225px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName" style="display:inline-block;width:225px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName"
size="small" clearable> size="small" clearable>
</el-input> </el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search" <span @click="msg.pageIndex = 1, getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span> style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div> </div>
<span style="margin-left: 10px">认证用户</span> <span style="margin-left: 10px">认证用户</span>
<el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable @change="(msg.pageIndex = 1), getList()" <el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable
placeholder="请选择"> @change="(msg.pageIndex = 1), getList()" placeholder="请选择">
<el-option label="不限" :value="0"></el-option> <el-option label="不限" :value="0"></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id"> <el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option> </el-option>
...@@ -32,27 +32,27 @@ ...@@ -32,27 +32,27 @@
<el-table-column prop="BusinessLicense" width="150" label="营业执照"> <el-table-column prop="BusinessLicense" width="150" label="营业执照">
<template slot-scope="scope"> <template slot-scope="scope">
<el-image title="点击查看大图" style="width:50px;" :src="scope.row.BusinessLicense" <el-image title="点击查看大图" style="width:50px;" :src="scope.row.BusinessLicense"
:preview-src-list="scope.row.BusinessList"></el-image> :preview-src-list="scope.row.BusinessList"></el-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="UnifiedCode" label="统一社会信用代码"> <el-table-column prop="UnifiedCode" label="统一社会信用代码">
</el-table-column> </el-table-column>
<el-table-column prop="CompanyStatus" width="150" label="公司状态"> <el-table-column prop="CompanyStatus" width="150" label="公司状态">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.CompanyStatus==0" style="color:#1273bc;">待审核</span> <span v-if="scope.row.CompanyStatus == 0" style="color:#1273bc;">待审核</span>
<span v-if="scope.row.CompanyStatus==1" style="color:green;">审核通过</span> <span v-if="scope.row.CompanyStatus == 1" style="color:green;">审核通过</span>
<span v-if="scope.row.CompanyStatus==2" style="color:#e95252;">审核拒绝</span> <span v-if="scope.row.CompanyStatus == 2" style="color:#e95252;">审核拒绝</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="Mobile" width="150" label="联系电话"> <el-table-column prop="Mobile" width="150" label="联系电话">
</el-table-column> </el-table-column>
<el-table-column prop="LegalPerson" width="180" label="法人"> <el-table-column prop="LegalPerson" width="180" label="法人">
</el-table-column> </el-table-column>
<el-table-column prop="UserName" label="认证用户"></el-table-column> <el-table-column prop="UserName" label="认证用户"></el-table-column>
<el-table-column prop="address" width="150" label="操作"> <el-table-column prop="address" width="150" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="审核" placement="top"> <el-tooltip class="item" effect="dark" content="审核" placement="top">
<img @click="getInfo(scope.row,1)" src="../../assets/img/userman/add_remark.png" alt=""> <img @click="getInfo(scope.row, 1)" src="../../assets/img/userman/add_remark.png" alt="">
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
</template> </template>
<template v-else> <template v-else>
<div class="head-title"> <div class="head-title">
<span @click="isShowInfo=false" style="color:rgb(64, 158, 255);cursor:pointer;">实名认证</span><span <span @click="isShowInfo = false" style="color:rgb(64, 158, 255);cursor:pointer;">实名认证</span><span
style="margin:0 9px;color:#C0C4CC">/</span><span>详情</span> style="margin:0 9px;color:#C0C4CC">/</span><span>详情</span>
</div> </div>
<div class="content"> <div class="content">
...@@ -74,123 +74,89 @@ ...@@ -74,123 +74,89 @@
<span class="tradeLine"></span>公司信息 <span class="tradeLine"></span>公司信息
</div> </div>
<el-form label-width="150px"> <el-form label-width="150px">
<el-form-item label="企业名称:">{{listInfo.CompanyName}}</el-form-item> <el-form-item label="企业名称:">{{ listInfo.CompanyName }}</el-form-item>
<el-form-item label="法人:">{{listInfo.LegalPerson}}</el-form-item> <el-form-item label="法人:">{{ listInfo.LegalPerson }}</el-form-item>
<el-form-item label="统一社会信用代码:">{{listInfo.UnifiedCode}}</el-form-item> <el-form-item label="统一社会信用代码:">{{ listInfo.UnifiedCode }}</el-form-item>
<el-form-item label="公司状态:"> <el-form-item label="公司状态:">
<span v-if="listInfo.CompanyStatus==0" style="color:#1273bc;">待审核</span> <span v-if="listInfo.CompanyStatus == 0" style="color:#1273bc;">待审核</span>
<span v-if="listInfo.CompanyStatus==1" style="color:green;">审核通过</span> <span v-if="listInfo.CompanyStatus == 1" style="color:green;">审核通过</span>
<span v-if="listInfo.CompanyStatus==2" style="color:#e95252;">审核拒绝</span> <span v-if="listInfo.CompanyStatus == 2" style="color:#e95252;">审核拒绝</span>
</el-form-item> </el-form-item>
<el-form-item label="联系电话:">{{listInfo.Mobile}}</el-form-item> <el-form-item label="联系电话:">{{ listInfo.Mobile }}</el-form-item>
<el-form-item label="营业执照:"> <el-form-item label="营业执照:">
<el-image <el-image style="width: 200px;" :src="listInfo.BusinessLicense" :preview-src-list="srcList">
style="width: 200px;"
:src="listInfo.BusinessLicense"
:preview-src-list="srcList">
</el-image> </el-image>
</el-form-item> </el-form-item>
<el-form-item label="审核备注:" v-if="listInfo.CompanyStatus==2"> <el-form-item label="审核备注:" v-if="listInfo.CompanyStatus == 2">
<span> <span>
{{listInfo.RejectRemark}} {{ listInfo.RejectRemark }}
</span> </span>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="realDetailList"> <div class="realDetailList">
<template v-if="listInfo.BrandModel "> <template v-if="listInfo.BrandModel">
<div style="margin:20px 0;font-weight:bold;"> <div style="margin:20px 0;font-weight:bold;">
<span class="tradeLine"></span>{{listInfo.FirstShopType==1?'品牌信息':'载体信息'}} <span class="tradeLine"></span>{{ listInfo.FirstShopType == 1 ? '品牌信息' : '载体信息' }}
</div> </div>
<template v-if="listInfo.FirstShopType==1"> <template v-if="listInfo.FirstShopType == 1">
<el-form label-width="120px" > <el-form label-width="120px">
<el-form-item label="品牌分类:">{{listInfo.BrandModel.ClassName}}</el-form-item> <el-form-item label="品牌分类:">{{ listInfo.BrandModel.ClassName }}</el-form-item>
<el-form-item label="品牌全名:">{{listInfo.BrandModel.FullBrandName}}</el-form-item> <el-form-item label="品牌全名:">{{ listInfo.BrandModel.FullBrandName }}</el-form-item>
<el-form-item label="品牌名:">{{listInfo.BrandModel.BrandName}}</el-form-item> <el-form-item label="品牌名:">{{ listInfo.BrandModel.BrandName }}</el-form-item>
<el-form-item label="Logo:"> <el-form-item label="Logo:">
<el-image <el-image v-if="listInfo.BrandModel.Logo != ''" style="width: 80px; height: 80px"
v-if="listInfo.BrandModel.Logo!=''" :src="listInfo.BrandModel.Logo">
style="width: 80px; height: 80px"
:src="listInfo.BrandModel.Logo"
>
</el-image> </el-image>
<span v-else>无</span> <span v-else>无</span>
</el-form-item> </el-form-item>
<el-form-item label="介绍图:"> <el-form-item label="介绍图:">
<div <div style="
style="
position: relative; position: relative;
margin-right: 20px; margin-right: 20px;
display: inline-block; display: inline-block;
" " v-for="(item, index) in listInfo.BrandModel.BannerList" :key="index + '2'">
v-for="(item, index) in listInfo.BrandModel.BannerList" <el-image style="width: 100px; height: 100px" :src="item">
:key="index + '2'"
>
<el-image
style="width: 100px; height: 100px"
:src="item"
>
</el-image> </el-image>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="品牌视频:"> <el-form-item label="品牌视频:">
<el-input <el-input v-model="listInfo.BrandModel.VideoUrl" class="w600" size="small" placeholder="请输入内容"
v-model="listInfo.BrandModel.VideoUrl" disabled v-if="listInfo.BrandModel.VideoUrl != ''">
class="w600" </el-input>
size="small" <span v-if="listInfo.BrandModel.VideoUrl == ''">无</span>
placeholder="请输入内容" <a v-if="listInfo.BrandModel.VideoUrl != ''" class="blue noline"
disabled :href="listInfo.BrandModel.VideoUrl" target="_blank">视频链接</a>
v-if="listInfo.BrandModel.VideoUrl != ''" </el-form-item>
> <el-form-item label="店铺数量:">{{ listInfo.BrandModel.ShopNum }}</el-form-item>
</el-input> <el-form-item label="建筑面积:">{{ listInfo.BrandModel.BuiltUpArea }}~{{
<span v-if="listInfo.BrandModel.VideoUrl == ''">无</span> listInfo.BrandModel.EndBuiltUpArea
<a }}
v-if="listInfo.BrandModel.VideoUrl != ''"
class="blue noline"
:href="listInfo.BrandModel.VideoUrl"
target="_blank"
>视频链接</a
>
</el-form-item> </el-form-item>
<el-form-item label="店铺数量:">{{listInfo.BrandModel.ShopNum}}</el-form-item> <el-form-item label="需求面积:">
<el-form-item label="建筑面积:">{{listInfo.BrandModel.BuiltUpArea}}~{{listInfo.BrandModel.EndBuiltUpArea}}</el-form-item> {{ listInfo.BrandModel.AreaRequirement }}~{{ listInfo.BrandModel.EndAreaRequirement }}
<el-form-item label="需求面积:">{{listInfo.BrandModel.AreaRequirement}}~{{listInfo.BrandModel.EndAreaRequirement}}</el-form-item> </el-form-item>
<el-form-item label="客群定位:">{{listInfo.BrandModel.CustomerType}}</el-form-item> <el-form-item label="客群定位:">{{ listInfo.BrandModel.CustomerType }}</el-form-item>
<el-form-item label="品牌定位:">{{listInfo.BrandModel.BrandType}}</el-form-item> <el-form-item label="品牌定位:">{{ listInfo.BrandModel.BrandType }}</el-form-item>
<el-form-item label="拓展区域:">{{listInfo.BrandModel.StoreExpansion}}</el-form-item> <el-form-item label="拓展区域:">{{ listInfo.BrandModel.StoreExpansion }}</el-form-item>
<el-form-item label="品牌性质:">{{listInfo.BrandModel.ProjectName}}</el-form-item> <el-form-item label="品牌性质:">{{ listInfo.BrandModel.ProjectName }}</el-form-item>
<div class="brandShuxing"> <div class="brandShuxing">
<div class="brandShuxing_item"> <div class="brandShuxing_item">
<el-form-item label="店铺开口尺寸" class="is-required"> <el-form-item label="店铺开口尺寸" class="is-required">
<el-radio v-model="listInfo.BrandModel.IsShopSize" :label="1" disabled>是</el-radio> <el-radio v-model="listInfo.BrandModel.IsShopSize" :label="1" disabled>是</el-radio>
<el-radio v-model="listInfo.BrandModel.IsShopSize" :label="0" disabled>否</el-radio> <el-radio v-model="listInfo.BrandModel.IsShopSize" :label="0" disabled>否</el-radio>
</el-form-item> </el-form-item>
<el-input <el-input v-model="listInfo.BrandModel.ShopSize" v-if="listInfo.BrandModel.IsShopSize == 1"
v-model="listInfo.BrandModel.ShopSize" size="small" class="w120" placeholder="店铺开口尺寸" maxlength="80" disabled />
v-if="listInfo.BrandModel.IsShopSize == 1"
size="small"
class="w120"
placeholder="店铺开口尺寸"
maxlength="80"
disabled
/>
</div> </div>
<div class="brandShuxing_item"> <div class="brandShuxing_item">
<el-form-item label="燃气" class="is-required"> <el-form-item label="燃气" class="is-required">
<el-radio v-model="listInfo.BrandModel.RanQi" :label="1" disabled>是</el-radio> <el-radio v-model="listInfo.BrandModel.RanQi" :label="1" disabled>是</el-radio>
<el-radio v-model="listInfo.BrandModel.RanQi" :label="0" disabled>否</el-radio> <el-radio v-model="listInfo.BrandModel.RanQi" :label="0" disabled>否</el-radio>
</el-form-item> </el-form-item>
<el-input <el-input v-model="listInfo.BrandModel.RanQiBZ" v-if="listInfo.BrandModel.RanQi == 1" size="small"
v-model="listInfo.BrandModel.RanQiBZ" class="w120" placeholder="燃气备注" maxlength="80" disabled />
v-if="listInfo.BrandModel.RanQi == 1"
size="small"
class="w120"
placeholder="燃气备注"
maxlength="80"
disabled
/>
</div> </div>
</div> </div>
<div class="brandShuxing"> <div class="brandShuxing">
...@@ -199,30 +165,16 @@ ...@@ -199,30 +165,16 @@
<el-radio v-model="listInfo.BrandModel.PaiYan" :label="1" disabled>是</el-radio> <el-radio v-model="listInfo.BrandModel.PaiYan" :label="1" disabled>是</el-radio>
<el-radio v-model="listInfo.BrandModel.PaiYan" :label="0" disabled>否</el-radio> <el-radio v-model="listInfo.BrandModel.PaiYan" :label="0" disabled>否</el-radio>
</el-form-item> </el-form-item>
<el-input <el-input v-model="listInfo.BrandModel.PaiYanBZ" v-if="listInfo.BrandModel.PaiYan == 1"
v-model="listInfo.BrandModel.PaiYanBZ" size="small" class="w120" placeholder="排烟量" maxlength="80" disabled />
v-if="listInfo.BrandModel.PaiYan == 1"
size="small"
class="w120"
placeholder="排烟量"
maxlength="80"
disabled
/>
</div> </div>
<div class="brandShuxing_item"> <div class="brandShuxing_item">
<el-form-item label="电量" class="is-required"> <el-form-item label="电量" class="is-required">
<el-radio v-model="listInfo.BrandModel.IsDianLiang" :label="1" disabled>是</el-radio> <el-radio v-model="listInfo.BrandModel.IsDianLiang" :label="1" disabled>是</el-radio>
<el-radio v-model="listInfo.BrandModel.IsDianLiang" :label="0" disabled>否</el-radio> <el-radio v-model="listInfo.BrandModel.IsDianLiang" :label="0" disabled>否</el-radio>
</el-form-item> </el-form-item>
<el-input <el-input v-model="listInfo.BrandModel.DianLiang" v-if="listInfo.BrandModel.IsDianLiang == 1"
v-model="listInfo.BrandModel.DianLiang" size="small" class="w120" placeholder="电量" maxlength="80" disabled />
v-if="listInfo.BrandModel.IsDianLiang == 1"
size="small"
class="w120"
placeholder="电量"
maxlength="80"
disabled
/>
</div> </div>
</div> </div>
<div class="brandShuxing"> <div class="brandShuxing">
...@@ -252,123 +204,103 @@ ...@@ -252,123 +204,103 @@
<el-radio v-model="listInfo.BrandModel.KongTiao" :label="0" disabled>否</el-radio> <el-radio v-model="listInfo.BrandModel.KongTiao" :label="0" disabled>否</el-radio>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<div class="brandShuxing"> <div class="brandShuxing">
<div class="brandShuxing_item"> <div class="brandShuxing_item">
<el-form-item label="新风" class="is-required"> <el-form-item label="新风" class="is-required">
<el-radio v-model="listInfo.BrandModel.XinFeng" disabled :label="1">是</el-radio> <el-radio v-model="listInfo.BrandModel.XinFeng" disabled :label="1">是</el-radio>
<el-radio v-model="listInfo.BrandModel.XinFeng" disabled :label="0">否</el-radio> <el-radio v-model="listInfo.BrandModel.XinFeng" disabled :label="0">否</el-radio>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<div class="brandShuxing"> <div class="brandShuxing">
<div class="brandShuxing_item"> <div class="brandShuxing_item">
<el-form-item label="开点意愿:"> <el-form-item label="开点意愿:">
<el-rate <el-rate disabled style="margin-top: 10px;" v-model="listInfo.BrandModel.OpenShopWish"
disabled
style="margin-top: 10px;"
v-model="listInfo.BrandModel.OpenShopWish"
score-template="{listInfo.BrandModel.OpenShopWish}" score-template="{listInfo.BrandModel.OpenShopWish}"
v-if="listInfo.BrandModel.OpenShopWish!=-1" v-if="listInfo.BrandModel.OpenShopWish != -1" :colors="colors">
:colors="colors">
</el-rate> </el-rate>
<span v-else> <span v-else>
暂无意愿 暂无意愿
</span> </span>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
</el-form> </el-form>
</template > </template>
<template v-if="listInfo.FirstShopType==2"> <template v-if="listInfo.FirstShopType == 2">
<el-form label-width="120px" > <el-form label-width="120px">
<el-form-item label="载体名称:">{{listInfo.CarrierModel.CarrierName}}</el-form-item> <el-form-item label="载体名称:">{{ listInfo.CarrierModel.CarrierName }}</el-form-item>
<el-form-item label="开发商:">{{listInfo.CarrierModel.Developers}}</el-form-item> <el-form-item label="开发商:">{{ listInfo.CarrierModel.Developers }}</el-form-item>
<el-form-item label="Logo:"> <el-form-item label="Logo:">
<el-image <el-image v-if="listInfo.CarrierModel.Logo != ''" style="width: 80px; height: 80px"
v-if="listInfo.CarrierModel.Logo!=''" :src="listInfo.CarrierModel.Logo">
style="width: 80px; height: 80px"
:src="listInfo.CarrierModel.Logo"
>
</el-image> </el-image>
<span v-else>无</span> <span v-else>无</span>
</el-form-item> </el-form-item>
<el-form-item label="介绍图:"> <el-form-item label="介绍图:">
<div <div style="
style="
position: relative; position: relative;
margin-right: 20px; margin-right: 20px;
display: inline-block; display: inline-block;
" " v-for="(item, index) in listInfo.CarrierModel.BannerList" :key="index + '2'">
v-for="(item, index) in listInfo.CarrierModel.BannerList" <el-image style="width: 100px; height: 100px" :src="item">
:key="index + '2'"
>
<el-image
style="width: 100px; height: 100px"
:src="item"
>
</el-image> </el-image>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="载体视频:"> <el-form-item label="载体视频:">
<el-input <el-input v-model="listInfo.CarrierModel.VideoUrl" class="w600" size="small" placeholder="请输入内容"
v-model="listInfo.CarrierModel.VideoUrl" disabled v-if="listInfo.CarrierModel.VideoUrl != ''">
class="w600" </el-input>
size="small" <span v-if="listInfo.CarrierModel.VideoUrl == ''">无</span>
placeholder="请输入内容" <a v-if="listInfo.CarrierModel.VideoUrl != ''" class="blue noline"
disabled :href="listInfo.CarrierModel.VideoUrl" target="_blank">视频链接</a>
v-if="listInfo.CarrierModel.VideoUrl != ''"
>
</el-input>
<span v-if="listInfo.CarrierModel.VideoUrl == ''">无</span>
<a
v-if="listInfo.CarrierModel.VideoUrl != ''"
class="blue noline"
:href="listInfo.CarrierModel.VideoUrl"
target="_blank"
>视频链接</a
>
</el-form-item> </el-form-item>
<el-form-item label="项目地址:">{{listInfo.CarrierModel.Address}}</el-form-item> <el-form-item label="项目地址:">{{ listInfo.CarrierModel.Address }}</el-form-item>
<el-form-item label="经纬度:">{{listInfo.CarrierModel.LatAndLon}}</el-form-item> <el-form-item label="经纬度:">{{ listInfo.CarrierModel.LatAndLon }}</el-form-item>
<el-form-item label="开业时间:">{{listInfo.CarrierModel.OpenTime}}</el-form-item> <el-form-item label="开业时间:">{{ listInfo.CarrierModel.OpenTime }}</el-form-item>
<el-form-item label="项目类型:">{{listInfo.CarrierModel.ProjectName}}</el-form-item> <el-form-item label="项目类型:">{{ listInfo.CarrierModel.ProjectName }}</el-form-item>
<el-form-item label="商业体量:">{{listInfo.CarrierModel.CarrierSize}}万平方米</el-form-item> <el-form-item label="商业体量:">{{ listInfo.CarrierModel.CarrierSize }}万平方米</el-form-item>
<el-form-item label="商业层数:">{{listInfo.CarrierModel.LayersNum}}</el-form-item> <el-form-item label="商业层数:">{{ listInfo.CarrierModel.LayersNum }}</el-form-item>
<el-form-item label="车位数量:">{{listInfo.CarrierModel.CarNum}}</el-form-item> <el-form-item label="车位数量:">{{ listInfo.CarrierModel.CarNum }}</el-form-item>
<el-form-item label="业态规则:">{{listInfo.CarrierModel.CarrierPlan}}</el-form-item> <el-form-item label="业态规则:">{{ listInfo.CarrierModel.CarrierPlan }}</el-form-item>
<el-form-item label="招引目标:">{{listInfo.CarrierModel.CarrierTarget}}</el-form-item> <el-form-item label="招引目标:">{{ listInfo.CarrierModel.CarrierTarget }}</el-form-item>
<el-form-item label="总体定位:">{{listInfo.CarrierModel.Location}}</el-form-item> <el-form-item label="总体定位:">{{ listInfo.CarrierModel.Location }}</el-form-item>
<el-form-item label="目标人群:">{{listInfo.CarrierModel.Crowd}}</el-form-item> <el-form-item label="目标人群:">{{ listInfo.CarrierModel.Crowd }}</el-form-item>
<el-form-item label="地铁信息:"> <el-form-item label="地铁信息:">
<div v-if="listInfo.CarrierModel.CarrierMetroList && listInfo.CarrierModel.CarrierMetroList.length>0"> <div
<div > v-if="listInfo.CarrierModel.CarrierMetroList && listInfo.CarrierModel.CarrierMetroList.length > 0">
{{listInfo.CarrierModel.CarrierMetroList[0].MetroNum}}号线{{listInfo.CarrierModel.CarrierMetroList[0].MetroName}},&nbsp;{{listInfo.CarrierModel.CarrierMetroList[0].Distance}} <div>
{{ listInfo.CarrierModel.CarrierMetroList[0].MetroNum }}号线{{
listInfo.CarrierModel.CarrierMetroList[0].MetroName
}},&nbsp;{{
listInfo.CarrierModel.CarrierMetroList[0].Distance
}}
</div> </div>
</div> </div>
<div v-else> <div v-else>
无 无
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</template> </template>
</div> </div>
</div> </div>
<template v-if="listInfo.CompanyStatus==0"> <template v-if="listInfo.CompanyStatus == 0">
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary" @click="audit(1),AuditRemark = ''">审核通过 <el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary"
@click="audit(1), AuditRemark = ''">审核通过
</el-button> </el-button>
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="danger" @click="auditfail()">审核失败 <el-button size="small" style="margin-top:20px;padding:9px 25px;" type="danger" @click="auditfail()">审核失败
</el-button> </el-button>
...@@ -389,211 +321,213 @@ ...@@ -389,211 +321,213 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
resondialog2:false, resondialog2: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
CompanyName: '', CompanyName: '',
UserId:0, UserId: 0,
}, },
usermsg: { usermsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 20, pageSize: 20,
Name: '', Name: '',
Source: 0, Source: 0,
MemberGrade: 0, MemberGrade: 0,
Id: 0, Id: 0,
Moblie: '' Moblie: ''
}, },
userList:[], userList: [],
total: 0, total: 0,
loading: false, loading: false,
tableData: [], //数据列表 tableData: [], //数据列表
isShowInfo: false, isShowInfo: false,
listInfo: {}, listInfo: {},
srcList:[], srcList: [],
colors: ['#99A9BF', '#F7BA2A', '#FF9900'], colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
AuditRemark:'', AuditRemark: '',
}; };
},
created() {
this.getList();
this.getuserList()
},
methods: {
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
}, },
created() { getuserList() {
this.getList(); this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
this.getuserList() if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
}
})
}, },
methods: { getList() {
ChangeListName(val) { this.loading = true;
this.usermsg.Name = val; this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => {
this.getuserList(); this.loading = false;
}, if (res.data.resultCode == 1) {
getuserList() { this.total = res.data.data.count;
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => { let pageData = res.data.data.pageData;
if (res.data.resultCode == 1) { this.tableData = pageData;
let pageData = res.data.data.pageData; this.tableData.forEach(x => {
this.userList = pageData; x.BusinessList = [];
x.BusinessList.push(x.BusinessLicense);
}
}) })
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
this.tableData.forEach(x=>{
x.BusinessList=[];
x.BusinessList.push(x.BusinessLicense);
})
} else {
this.Error(res.data.message)
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getInfo(item) {
this.isShowInfo = true;
this.apipost("/api/Trade/GetCompany", {
CompanyId: item.CompanyId
}, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.listInfo = res.data.data;
this.srcList=[];
this.srcList.push(this.listInfo.BusinessLicense);
}
})
},
//审核
audit(type) {
let that = this;
let str = ''
if (type == 1) {
str = '确定审核通过？'
} else { } else {
str = '确定审核失败？' this.Error(res.data.message)
} }
if(type==1){ })
that.Confirm(str, function () { },
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getInfo(item) {
this.isShowInfo = true;
this.apipost("/api/Trade/GetCompany", {
CompanyId: item.CompanyId
}, res => {
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.listInfo = res.data.data;
this.srcList = [];
this.srcList.push(this.listInfo.BusinessLicense);
}
})
},
//审核
audit(type) {
let that = this;
let str = ''
if (type == 1) {
str = '确定审核通过？'
} else {
str = '确定审核失败？'
}
if (type == 1) {
that.Confirm(str, function () {
let msg = { let msg = {
CompanyId: that.listInfo.CompanyId, CompanyId: that.listInfo.CompanyId,
CompanyStatus: type, CompanyStatus: type,
Remark:'', Remark: '',
} }
const loading = that.$loading({ const loading = that.$loading({
lock: true, lock: true,
text: '审核中...', text: '审核中...',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
}); });
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => { that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close(); loading.close();
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.Success(res.data.message) that.Success(res.data.message)
that.isShowInfo = false; that.isShowInfo = false;
that.getList(); that.getList();
}else{ } else {
that.Error(res.data.message) that.Error(res.data.message)
} }
}) })
}); });
}else{ } else {
let msg = { let msg = {
CompanyId: that.listInfo.CompanyId, CompanyId: that.listInfo.CompanyId,
CompanyStatus: type, CompanyStatus: type,
Remark:that.AuditRemark Remark: that.AuditRemark
}
const loading = that.$loading({
lock: true,
text: '审核中...',
spinner: 'el-icon-loading',
});
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close();
if (res.data.resultCode == 1) {
that.resondialog2 = false
that.Success(res.data.message)
that.isShowInfo = false;
that.getList();
}else{
that.Error(res.data.message)
}
})
} }
const loading = that.$loading({
}, lock: true,
auditfail(){//失败理由 text: '审核中...',
this.resondialog2 = true; spinner: 'el-icon-loading',
this.AuditRemark = ''; });
that.apipost("/api/Trade/UpdateCompanyStatus", msg, res => {
loading.close();
if (res.data.resultCode == 1) {
that.resondialog2 = false
that.Success(res.data.message)
that.isShowInfo = false;
that.getList();
} else {
that.Error(res.data.message)
}
})
} }
}, },
mounted() {} auditfail() {//失败理由
}; this.resondialog2 = true;
this.AuditRemark = '';
}
},
mounted() { }
};
</script> </script>
<style> <style>
.realAuthentication .content .searchInput { .realAuthentication .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.realAuthentication .content .searchInput .el-input__inner { .realAuthentication .content .searchInput .el-input__inner {
border: none; border: none;
outline: none; outline: none;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.realAuthentication .content .searchInput { .realAuthentication .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
border-collapse: separate; border-collapse: separate;
border-spacing: 0; border-spacing: 0;
width: 250px; width: 250px;
margin-right: 20px; margin-right: 20px;
} }
.realAuthentication .content { .realAuthentication .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.realAuthentication .tradeLine { .realAuthentication .tradeLine {
display: inline-block; display: inline-block;
width: 3px; width: 3px;
height: 10px; height: 10px;
margin-right: 5px; margin-right: 5px;
background-color: #409EFF; background-color: #409EFF;
} }
.realAuthentication .realDetailInfo { .realAuthentication .realDetailInfo {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} width: 60%;
}
.realAuthentication .realDetailList { .realAuthentication .realDetailList {
width: 50%; padding-right: 100px;
} }
.realAuthentication .brandShuxing {
.realAuthentication .brandShuxing {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 850px; width: 850px;
} }
.realAuthentication .brandShuxing_item { .realAuthentication .brandShuxing_item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 50%; width: 50%;
} }
</style> </style>
src/components/tradePavilion/signList.vue
View file @ e86576ea
<style> <style>
.signList_Table { .signList_Table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-top: 20px; margin-top: 20px;
} }
.signTableDiv {
width: 100%;
min-width: 800px;
/* overflow: hidden; */
overflow-x: auto;
}
.signList_Table th { .signTableDiv {
border: 1px solid #EBEEF5; width: 100%;
height: 48px; min-width: 800px;
line-height: 48px; /* overflow: hidden; */
text-align: center; overflow-x: auto;
color: #909399; }
padding: 0 10px;
text-align: left;
}
.signList_Table td { .signList_Table th {
border: 1px solid #EBEEF5; border: 1px solid #EBEEF5;
height: 48px; height: 48px;
line-height: 48px; line-height: 48px;
text-align: center; text-align: center;
color: #606266; color: #909399;
font-size: 14px; padding: 0 10px;
padding: 0 10px; text-align: left;
text-align: left; }
}
.signList_Table tr:hover>td { .signList_Table td {
background-color: #F5F7FA; border: 1px solid #EBEEF5;
} height: 48px;
line-height: 48px;
text-align: center;
color: #606266;
font-size: 14px;
padding: 0 10px;
text-align: left;
}
.signList_Table tr:hover>td {
background-color: #F5F7FA;
}
</style> </style>
<template> <template>
<div class="signList tradeactivity"> <div class="signList tradeactivity">
<div class="head-title"> <div class="head-title">
活动报名列表 活动报名列表444
</div> </div>
<div class="content"> <div class="content">
<div> <div>
...@@ -52,48 +51,28 @@ ...@@ -52,48 +51,28 @@
</el-option> </el-option>
</el-select> </el-select>
<div class="searchInput" style="width: 250px; margin-left: 20px"> <div class="searchInput" style="width: 250px; margin-left: 20px">
<el-input <el-input @keyup.enter.native="(msg.pageIndex = 1), getList()" @clear="(msg.pageIndex = 1), getList()"
@keyup.enter.native="(msg.pageIndex = 1), getList()" style="display: inline-block; width: 225px; height: 30px" placeholder="公司" v-model="msg.CompanyName"
@clear="(msg.pageIndex = 1), getList()" size="small" clearable>
style="display: inline-block; width: 225px; height: 30px"
placeholder="公司"
v-model="msg.CompanyName"
size="small"
clearable
>
</el-input> </el-input>
<span <span @click="(msg.pageIndex = 1), getList()" class="el-icon-search" style="
@click="(msg.pageIndex = 1), getList()"
class="el-icon-search"
style="
color: #979dad; color: #979dad;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
top: 1px; top: 1px;
" "></span>
></span>
</div> </div>
<div class="searchInput" style="width: 250px; margin-bottom: 10px"> <div class="searchInput" style="width: 250px; margin-bottom: 10px">
<el-input <el-input @keyup.enter.native="(msg.pageIndex = 1), getList()" @clear="(msg.pageIndex = 1), getList()"
@keyup.enter.native="(msg.pageIndex = 1), getList()" style="display: inline-block; width: 225px; height: 30px" placeholder="联系人" v-model="msg.LinkMan"
@clear="(msg.pageIndex = 1), getList()" size="small" clearable>
style="display: inline-block; width: 225px; height: 30px"
placeholder="联系人"
v-model="msg.LinkMan"
size="small"
clearable
>
</el-input> </el-input>
<span <span @click="(msg.pageIndex = 1), getList()" class="el-icon-search" style="
@click="(msg.pageIndex = 1), getList()"
class="el-icon-search"
style="
color: #979dad; color: #979dad;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
top: 1px; top: 1px;
" "></span>
></span>
</div> </div>
<div style="float:right;"> <div style="float:right;">
<el-button style="float:right;margin-top: -5px;" size="small" type="primary" @click="Export()">导出</el-button> <el-button style="float:right;margin-top: -5px;" size="small" type="primary" @click="Export()">导出</el-button>
...@@ -138,42 +117,46 @@ ...@@ -138,42 +117,46 @@
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody v-for="(item,index) in tableData" :key="index"> <tbody v-for="(item, index) in tableData" :key="index">
<tr v-for="(sItem,sIndex) in item.SignUserList" :key="sIndex"> <tr v-for="(sItem, sIndex) in item.SignUserList" :key="sIndex">
<td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'> <td :rowspan="item.SignUserList.length > 1 ? item.SignUserList.length : 0" v-if='sIndex == 0'>
{{item.UserName}} {{ item.UserName }}
</td> </td>
<td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'> <td :rowspan="item.SignUserList.length > 1 ? item.SignUserList.length : 0" v-if='sIndex == 0'>
{{item.CompanyStatusStr}} {{ item.CompanyStatusStr }}
</td> </td>
<td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'> <td :rowspan="item.SignUserList.length > 1 ? item.SignUserList.length : 0" v-if='sIndex == 0'>
{{item.CompanyName}} {{ item.CompanyName }}
</td> </td>
<td :rowspan="item.SignUserList.length>1?item.SignUserList.length:0" v-if='sIndex==0'> <td :rowspan="item.SignUserList.length > 1 ? item.SignUserList.length : 0" v-if='sIndex == 0'>
{{item.AuthName}} {{ item.AuthName }}
</td> </td>
<td> <td>
{{sItem.CompanyName}} {{ sItem.CompanyName }}
</td> </td>
<td> <td>
{{sItem.Nature}} {{ sItem.Nature }}
</td> </td>
<td> <td>
{{sItem.LinkMan}} {{ sItem.LinkMan }}
</td> </td>
<td> <td>
{{sItem.LinkTel}} {{ sItem.LinkTel }}
</td> </td>
<td> <td>
{{sItem.Post}} {{ sItem.Post }}
</td> </td>
<td> <td>
{{sItem.CountryInfo}} {{ sItem.CountryInfo }}
</td> </td>
<td> <td>
<el-tooltip class="item" effect="dark" content="删除" placement="top" style="cursor:pointer;"> <el-tooltip class="item" effect="dark" content="删除" placement="top" style="cursor:pointer;">
<img @click="delSign(sItem)" src="../../assets/img/userman/del.png" alt="" /> <img @click="delSign(sItem)" src="../../assets/img/userman/del.png" alt="" />
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="详情" placement="top">
<img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle"
@click="seeDetail(sItem, item.UserName, item)" />
</el-tooltip>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -183,160 +166,400 @@ ...@@ -183,160 +166,400 @@
:current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total"> :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination> </el-pagination>
</div> </div>
<el-dialog title="报名详情" :visible.sync="detailDialog" width="800px">
<div style="padding: 20px">
<el-form ref="form" label-width="400px">
<div v-if="UserName" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>用户昵称：</div>
<div style="margin-left: 25px;">{{ UserName }}</div>
</div>
<div v-if="information.CompanyStatusStr" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>认证状态：</div>
<div style="margin-left: 25px;">
{{ information.CompanyStatusStr }}
</div>
</div>
<div v-if="information.CompanyName" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>认证公司：</div>
<div style="margin-left: 25px;">
{{ information.CompanyName }}
</div>
</div>
<div v-if="information.AuthName" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>认证信息：</div>
<div style="margin-left: 25px;">
{{ information.AuthName }}
</div>
</div>
<div v-if="seeData.CompanyName" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>公司：</div>
<div style="margin-left: 25px;">
{{ seeData.CompanyName }}
</div>
</div>
<div v-if="seeData.Nature" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>性质：</div>
<div style="margin-left: 25px;">
{{ seeData.Nature }}
</div>
</div>
<div v-if="seeData.LinkMan" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>联系人：</div>
<div style="margin-left: 25px;">
{{ seeData.LinkMan }}
</div>
</div>
<div v-if="seeData.LinkTel" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>联系电话：</div>
<div style="margin-left: 25px;">
{{ seeData.LinkTel }}
</div>
</div>
<div v-if="seeData.Post" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>职位：</div>
<div style="margin-left: 25px;">
{{ seeData.Post }}
</div>
</div>
<div v-if="seeData.CountryInfo" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>地址：</div>
<div style="margin-left: 25px;">
{{ seeData.CountryInfo }}
</div>
</div>
<div v-if="seeData.Age" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>年龄：</div>
<div style="margin-left: 25px;">{{ seeData.Age }}</div>
</div>
<div v-if="seeData.IdCard" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>身份证：</div>
<div style="margin-left: 25px;">{{ seeData.IdCard }}</div>
</div>
<div v-if="seeData.IsInoculate != null" style="display: flex; flex-wrap: wrap;padding-bottom: 25px;
font-size: 16px;">
<div>是否完成新冠病毒疫苗全程接种：</div>
<div>
<el-checkbox-group v-model="seeData.IsInoculate" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
</div>
<!-- 开始 -->
<div v-if="seeData.IsGATLJ != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>1、活动前21天有港台地区和国外旅居史：</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsGATLJ" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;
margin-top: 10px;">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.GATLJRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<!-- 开始 -->
<div v-if="seeData.IsZGFX != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>2、活动前14天内有境内中高风险地区及所在县（市、区）旅居史。</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsZGFX" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.ZGFXRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<!-- 开始 -->
<div v-if="seeData.IsQZJC != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>3、活动前14天有来自新冠肺炎确诊病例、无症状感染者报告社区的发热和/或有呼吸道症状患者接触史。</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsQZJC" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.QZJCRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<!-- 开始 -->
<div v-if="seeData.IsJJGLGX != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>4、活动前14天有居家隔离医学观察人员接触史。</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsJJGLGX" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.JJGLGXRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<!-- 开始 -->
<div v-if="seeData.IsZYCYJCGL != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>5、已治愈出院的确诊病例和已解除集中隔离医学观察的无症状感染者，尚在随访或医学观察期内。</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsZYCYJCGL" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.ZYCYJCGLRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<!-- 开始 -->
<div v-if="seeData.IsMJ != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>6、被判定为新冠肺炎病毒感染者（确诊病例或无症状感染者）的密切接触者和密接的密接。</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsMJ" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="margin-left: 25px;display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.MJRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
<div v-if="seeData.IsFRGK != null" style="padding-bottom: 25px;
font-size: 16px;">
<div>7、有发热、干咳、乏力、咽痛、嗅（味）觉减退、腹泻等症状，且未排除传染病感染者</div>
<div style="margin-top: 10px;">
<el-checkbox-group v-model="seeData.IsFRGK" disabled>
<el-checkbox :true-label="1">是</el-checkbox>
<el-checkbox :true-label="0">否</el-checkbox>
</el-checkbox-group>
</div>
<div style="display: flex;margin-top: 10px;
">
<div>备注：</div>
<div>
<el-input disabled type="textarea" v-model="seeData.FRGKRemark"></el-input>
</div>
</div>
</div>
<!-- 结束 -->
</el-form>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: { checkList: [],
pageIndex: 1, seeData: {},
pageSize: 10, UserName: '',
ActivityId: 0, information: {},
LinkMan: '', //联系人 detailDialog: false, //详情
CompanyName: '', //公司 msg: {
UserId: '' //用户昵称 pageIndex: 1,
}, pageSize: 10,
usermsg: { ActivityId: 0,
pageIndex: 1, LinkMan: '', //联系人
pageSize: 20, CompanyName: '', //公司
Name: '', UserId: '' //用户昵称
Source: 0, },
MemberGrade: 0, usermsg: {
Id: 0, pageIndex: 1,
Moblie: '' pageSize: 20,
}, Name: '',
tableData: [], Source: 0,
userList: [], MemberGrade: 0,
total: 0, Id: 0,
}; Moblie: ''
},
tableData: [],
userList: [],
total: 0,
};
},
created() { },
mounted() {
if (this.$route.query.Id) {
this.msg.ActivityId = this.$route.query.Id;
}
this.getList();
this.getuserList();
},
methods: {
// 详情
seeDetail(row, UserName, item) {
this.detailDialog = true;
// let data = JSON.parse(row.Content);
this.seeData = row;
this.UserName = UserName
this.information = item
console.log('llllllllllllllllllllll', row);
}, },
created() {}, ChangeListName(val) {
mounted() { this.usermsg.Name = val;
if (this.$route.query.Id) {
this.msg.ActivityId = this.$route.query.Id;
}
this.getList();
this.getuserList(); this.getuserList();
}, },
methods: { getuserList() {
ChangeListName(val) { this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
this.usermsg.Name=val; if (res.data.resultCode == 1) {
this.getuserList(); let pageData = res.data.data.pageData;
}, this.userList = pageData;
getuserList() { }
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => { })
if (res.data.resultCode == 1) { },
let pageData = res.data.data.pageData; getList() {
this.userList = pageData; this.loading = true;
} this.apipost("/api/Trade/GetConsultStaticPage", this.msg, res => {
}) this.loading = false;
}, if (res.data.resultCode == 1) {
getList() { this.tableData = res.data.data.pageData;
this.loading = true; this.total = res.data.data.count;
this.apipost("/api/Trade/GetConsultStaticPage", this.msg, res => { }
this.loading = false; })
if (res.data.resultCode == 1) { },
this.tableData = res.data.data.pageData; //导出
this.total = res.data.data.count; Export() {
this.GetLocalFile(
"/api/Trade/DownLoadConsultStaticNew", this.msg,
"活动报名.xls"
);
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//删除报名
delSign(item) {
let that = this;
that.Confirm("是否删除此报名人员?", function () {
that.apipost(
"/api/AppletTrade/DeleteTrdceConsult", {
Id: item.Id,
},
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
} }
})
},
//导出
Export() {
this.GetLocalFile(
"/api/Trade/DownLoadConsultStaticNew", this.msg,
"活动报名.xls"
); );
}, });
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//删除报名
delSign(item) {
let that = this;
that.Confirm("是否删除此报名人员?", function () {
that.apipost(
"/api/AppletTrade/DeleteTrdceConsult", {
Id: item.Id,
},
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
}
} }
}; }
};
</script> </script>
<style> <style>
.signTable { .signTable {
border-collapse: collapse; border-collapse: collapse;
} }
.signTable tr td { .signTable tr td {
border: 1px solid grey; border: 1px solid grey;
} }
.signList .remark_name { .signList .remark_name {
color: #888888; color: #888888;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
float: right; float: right;
} }
.signList .app-image { .signList .app-image {
background-position: center center; background-position: center center;
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 0%; border-radius: 0%;
float: left; float: left;
margin-right: 8px; margin-right: 8px;
} }
.signList .blue { .signList .blue {
color: #409EFF; color: #409EFF;
}
.signList .content .searchInput { }
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.signList .content .searchInput .el-input__inner { .signList .content .searchInput {
border: none; border: 1px solid #DCDFE6;
outline: none; border-radius: 4px;
height: 30px; }
line-height: 30px;
}
.signList .content .searchInput { .signList .content .searchInput .el-input__inner {
line-height: normal; border: none;
display: inline-table; outline: none;
width: 100%; height: 30px;
border-collapse: separate; line-height: 30px;
border-spacing: 0; }
width: 250px;
margin-right: 20px;
}
.signList .content { .signList .content .searchInput {
background: #fff; line-height: normal;
margin-top: 10px; display: inline-table;
padding: 20px; width: 100%;
box-sizing: border-box; border-collapse: separate;
} border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.tradeactivity .el-form-item__content { .signList .content {
line-height: 0; background: #fff;
} margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.tradeactivity .el-form-item__content {
line-height: 0;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment