@@ -0,0 +1,132 @@
|
||||
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<div class="input-group">
|
||||
<input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text">
|
||||
<div class="input-group-addon no-border no-padding">
|
||||
<span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
||||
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
||||
</div>
|
||||
<span class="msg-box n-right" for="c-images"></span>
|
||||
</div>
|
||||
<ul class="row list-inline plupload-preview" id="p-images"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Realname')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-realname" data-rule="required" class="form-control" name="row[realname]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-phone" data-rule="required" class="form-control" name="row[phone]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Province_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-province_name" data-rule="required" class="form-control" name="row[province_name]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('City_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-city_name" data-rule="required" class="form-control" name="row[city_name]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Area_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-area_name" data-rule="required" class="form-control" name="row[area_name]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Province_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-province_id" data-rule="required" data-source="province/index" class="form-control selectpage" name="row[province_id]" type="text" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('City_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-city_id" data-rule="required" data-source="city/index" class="form-control selectpage" name="row[city_id]" type="text" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Area_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-area_id" data-rule="required" data-source="area/index" class="form-control selectpage" name="row[area_id]" type="text" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-address" data-rule="required" class="form-control" name="row[address]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-latitude" data-rule="required" class="form-control" step="0.000001" name="row[latitude]" type="number" value="0.000000">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-longitude" data-rule="required" class="form-control" step="0.000001" name="row[longitude]" type="number" value="0.000000">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Openhours')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-openhours" data-rule="required" class="form-control" name="row[openhours]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Openweeks')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
|
||||
<select id="c-openweeks" data-rule="required" class="form-control selectpicker" multiple="" name="row[openweeks][]">
|
||||
{foreach name="openweeksList" item="vo"}
|
||||
<option value="{$key}" {in name="key" value="1,2,3,4,5,6,7"}selected{/in}>{$vo}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
|
||||
<div class="radio">
|
||||
{foreach name="statusList" item="vo"}
|
||||
<label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label>
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Status_msg')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-status_msg" class="form-control" name="row[status_msg]" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group layer-footer">
|
||||
<label class="control-label col-xs-12 col-sm-2"></label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
|
||||
<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -0,0 +1,172 @@
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
||||
<style>
|
||||
#applyIndex {
|
||||
color: #444;
|
||||
background: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.shopro-form-group-title {
|
||||
border: none;
|
||||
margin-bottom: 0px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.el-form-item__label,
|
||||
.el-form-item__content {
|
||||
font-size: 13px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.openweeks-item {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.reject-reason-input {
|
||||
width: 230px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.reject-reason-input .el-input {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.table-image {
|
||||
width: 64px;
|
||||
height: 60px;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 4px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.detail-button-container {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.detail-button {
|
||||
width: 78px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
border: 1px solid #ED655F;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.detail-button-reject {
|
||||
color: #ED655F;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.detail-button-agree {
|
||||
color: #fff;
|
||||
background: #7536D0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reject-reason-container {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.user-image{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 15px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.user-nickname{
|
||||
color: #7536D0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
||||
<div id="applyDetail" v-cloak>
|
||||
<el-form :model="detailForm" label-width="126px">
|
||||
<div>
|
||||
<div class="shopro-form-group-title">
|
||||
<div class="shopro-form-group-title-line"></div>门店信息
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="门店名称:">
|
||||
{{detailForm.name}}
|
||||
</el-form-item>
|
||||
<el-form-item label="门店地址:">
|
||||
{{detailForm.province_name}}{{detailForm.city_name}}{{detailForm.area_name}}{{detailForm.address}}
|
||||
</el-form-item>
|
||||
<el-form-item label="门店图片:">
|
||||
<div class="table-image">
|
||||
<el-image :src="Fast.api.cdnurl(detailForm.images)" fit="contain">
|
||||
<div slot="error" class="image-slot">
|
||||
<i class="el-icon-picture-outline"></i>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="营业时间:">
|
||||
<span class="openweeks-item">{{detailForm.openweeks_text}}</span><span>{{detailForm.openhours}}</span>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="shopro-form-group-title">
|
||||
<div class="shopro-form-group-title-line"></div>联系人信息
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="联系人姓名:">
|
||||
{{detailForm.realname}}
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人电话:">
|
||||
{{detailForm.phone}}
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="shopro-form-group-title">
|
||||
<div class="shopro-form-group-title-line"></div>申请人信息
|
||||
</div>
|
||||
<div>
|
||||
<el-form-item label="申请时间:">
|
||||
{{moment(detailForm.createtime*1000).format("YYYY-MM-DD HH:mm:ss")}}
|
||||
</el-form-item>
|
||||
<el-form-item label="提交次数:">
|
||||
{{detailForm.apply_num}}
|
||||
</el-form-item>
|
||||
<el-form-item label="申请用户:">
|
||||
<div class="display-flex" v-if="detailForm.user">
|
||||
<div class="user-image" v-if="detailForm.user.avatar">
|
||||
<el-image :src="Fast.api.cdnurl(detailForm.user.avatar)" fit="contain">
|
||||
<div slot="error" class="image-slot">
|
||||
<i class="el-icon-picture-outline"></i>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
<div class="ellipsis-item user-nickname">{{detailForm.user.nickname?detailForm.user.nickname:'-'}}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reject-reason-container" v-if="detailForm.status==-1 || detailForm.status==0">
|
||||
<el-form-item label="拒绝理由:">
|
||||
<div class="reject-reason-input">
|
||||
<el-input v-model="detailForm.status_msg" placeholder="点击拒绝时请先填写拒绝理由" size="small"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<div class="detail-button-container display-flex" v-if="detailForm.status==0">
|
||||
<div class="detail-button detail-button-reject" @click="operation('reject')">拒绝</div>
|
||||
<div class="detail-button detail-button-agree" @click="operation('agree')">同意</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,132 @@
|
||||
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<div class="input-group">
|
||||
<input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text" value="{$row.images|htmlentities}">
|
||||
<div class="input-group-addon no-border no-padding">
|
||||
<span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
||||
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
||||
</div>
|
||||
<span class="msg-box n-right" for="c-images"></span>
|
||||
</div>
|
||||
<ul class="row list-inline plupload-preview" id="p-images"></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Realname')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-realname" data-rule="required" class="form-control" name="row[realname]" type="text" value="{$row.realname|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-phone" data-rule="required" class="form-control" name="row[phone]" type="text" value="{$row.phone|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Province_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-province_name" data-rule="required" class="form-control" name="row[province_name]" type="text" value="{$row.province_name|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('City_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-city_name" data-rule="required" class="form-control" name="row[city_name]" type="text" value="{$row.city_name|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Area_name')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-area_name" data-rule="required" class="form-control" name="row[area_name]" type="text" value="{$row.area_name|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Province_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-province_id" data-rule="required" data-source="province/index" class="form-control selectpage" name="row[province_id]" type="text" value="{$row.province_id|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('City_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-city_id" data-rule="required" data-source="city/index" class="form-control selectpage" name="row[city_id]" type="text" value="{$row.city_id|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Area_id')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-area_id" data-rule="required" data-source="area/index" class="form-control selectpage" name="row[area_id]" type="text" value="{$row.area_id|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-address" data-rule="required" class="form-control" name="row[address]" type="text" value="{$row.address|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-latitude" data-rule="required" class="form-control" step="0.000001" name="row[latitude]" type="number" value="{$row.latitude|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-longitude" data-rule="required" class="form-control" step="0.000001" name="row[longitude]" type="number" value="{$row.longitude|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Openhours')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-openhours" data-rule="required" class="form-control" name="row[openhours]" type="text" value="{$row.openhours|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Openweeks')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
|
||||
<select id="c-openweeks" data-rule="required" class="form-control selectpicker" multiple="" name="row[openweeks][]">
|
||||
{foreach name="openweeksList" item="vo"}
|
||||
<option value="{$key}" {in name="key" value="$row.openweeks"}selected{/in}>{$vo}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
|
||||
<div class="radio">
|
||||
{foreach name="statusList" item="vo"}
|
||||
<label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="$row.status"}checked{/in} /> {$vo}</label>
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-xs-12 col-sm-2">{:__('Status_msg')}:</label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<input id="c-status_msg" class="form-control" name="row[status_msg]" type="text" value="{$row.status_msg|htmlentities}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group layer-footer">
|
||||
<label class="control-label col-xs-12 col-sm-2"></label>
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
|
||||
<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -0,0 +1,292 @@
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
||||
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
||||
<style>
|
||||
#applyIndex {
|
||||
color: #444;
|
||||
background: #fff;
|
||||
padding-bottom: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.shopro-reset-button {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.reject-reason-item {
|
||||
width: 140px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.shopro-edit-cancel {
|
||||
color: #848089;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body .table-image {
|
||||
border-radius: 15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.shopro-refresh-button {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.agent-apply-item-tip {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #58575A;
|
||||
margin-bottom: 14px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.agent-apply-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.color-999 {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.popover-container .table-image-identity {
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.theme-cursor,
|
||||
.reject-cursor,
|
||||
.agree-cursor {
|
||||
color: #6E3DC8;
|
||||
cursor: pointer;
|
||||
}
|
||||
.reject-cursor{
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.apply-status--1,
|
||||
.reject-cursor {
|
||||
color: #ED655F;
|
||||
}
|
||||
.apply-status-0{
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.agree-cursor {
|
||||
color: #0ACE97;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.popover-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.reject-reason-input {
|
||||
width: 140px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.reject-reason-define,
|
||||
.reject-reason-cancel {
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.reject-reason-define {
|
||||
color: #7438D5;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.reject-reason-cancel {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
[v-cloak] {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
||||
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
||||
<div id="applyIndex" v-cloak v-loading="isAjax">
|
||||
<div class="shopro-tabs-container">
|
||||
<el-tabs v-model="searchForm.status" @tab-click="tabshandleClick">
|
||||
<el-tab-pane v-for="tabs in tabsList" :label="tabs.label" :name="tabs.name"></el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div class="shopro-screen-container">
|
||||
<div class="shopro-button shopro-refresh-button" @click="getListData">
|
||||
<i class="el-icon-refresh"></i>
|
||||
</div>
|
||||
<div class="display-flex shopro-screen-item shopro-screen-item-vague">
|
||||
<div class="shopro-screen-tip">门店名称</div>
|
||||
<div class="shopro-screen-condition">
|
||||
<el-input placeholder="请输入门店名称" v-model="searchForm.name" size="small">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="display-flex shopro-screen-item shopro-screen-item-vague">
|
||||
<div class="shopro-screen-tip">联系人</div>
|
||||
<div class="shopro-screen-condition">
|
||||
<el-input placeholder="请输入联系人" v-model="searchForm.realname" size="small">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="display-flex shopro-screen-item shopro-screen-item-vague">
|
||||
<div class="shopro-screen-tip">联系电话</div>
|
||||
<div class="shopro-screen-condition">
|
||||
<el-input placeholder="请输入联系电话" v-model="searchForm.phone" size="small">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="display-flex shopro-screen-item-button">
|
||||
<div class="shopro-button shopro-reset-button" @click="screenEmpty">重置</div>
|
||||
<div class="shopro-button shopro-screen-button" @click="getListData">筛选</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shopro-table-container" v-loading="isAjaxtable">
|
||||
<el-table :data="listData" border stripe :cell-class-name="tableCellClassName"
|
||||
:header-cell-class-name="tableCellClassName">
|
||||
<!-- <el-table-column label="ID" prop="id" width="70">
|
||||
</el-table-column> -->
|
||||
<el-table-column label="门店信息" width="360">
|
||||
<template slot-scope="scope">
|
||||
<div class="display-flex">
|
||||
<div class="table-image">
|
||||
<el-image :src="Fast.api.cdnurl(scope.row.images)" fit="contain">
|
||||
<div slot="error" class="image-slot">
|
||||
<i class="el-icon-picture-outline"></i>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
<div class="ellipsis-item">{{scope.row.name?scope.row.name:'-'}}</div>
|
||||
</div>
|
||||
<div v-else>-</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系人" width="80">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
<div class="ellipsis-item" v-if="scope.row.realname">{{scope.row.realname}}</div>
|
||||
<div v-else>-</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系电话" width="120">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.phone">{{scope.row.phone}}</div>
|
||||
<div v-else>-</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="详细地址" min-width="300">
|
||||
<template slot-scope="scope">
|
||||
<div class="display-flex">
|
||||
<div class="ellipsis-item">
|
||||
{{scope.row.province_name}}{{scope.row.city_name}}{{scope.row.area_name}}{{scope.row.address}}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="营业时间" width="120">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.openhours}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="营业天数" width="100">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.openweeks}}</div>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="提交次数" width="80">
|
||||
<template slot-scope="scope">
|
||||
<div class="display-flex">
|
||||
{{scope.row.apply_num}}次
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="80">
|
||||
<template slot-scope="scope">
|
||||
<div class="display-flex">
|
||||
<span v-if="scope.row.status==1" class="display-flex">
|
||||
<span class="shopro-status-dot shopro-status-normal-dot"></span>
|
||||
<span class="shopro-status-normal">{{scope.row.status_text}}</span>
|
||||
</span>
|
||||
<span v-else-if="scope.row.status==-1" class="display-flex">
|
||||
<span class="shopro-status-dot shopro-status-nonormal-dot"></span>
|
||||
<span class="shopro-status-nonormal">{{scope.row.status_text}}</span>
|
||||
</span>
|
||||
<span v-else-if="scope.row.status==0" class="display-flex">
|
||||
<span class="shopro-status-dot shopro-status-default-dot"></span>
|
||||
<span class="shopro-status-default">{{scope.row.status_text}}</span>
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请用户" width="160">
|
||||
<template slot-scope="scope">
|
||||
<div class="display-flex" v-if="scope.row.user">
|
||||
<div class="table-image" v-if="scope.row.user.avatar">
|
||||
<el-image :src="Fast.api.cdnurl(scope.row.user.avatar)" fit="contain">
|
||||
<div slot="error" class="image-slot">
|
||||
<i class="el-icon-picture-outline"></i>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
<div class="ellipsis-item">{{scope.row.user.nickname?scope.row.user.nickname:'-'}}</div>
|
||||
</div>
|
||||
<div v-else>-</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="申请时间" width="160">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{moment(scope.row.createtime*1000).format("YYYY-MM-DD HH:mm:ss")}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="更新时间" width="160">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{moment(scope.row.updatetime*1000).format("YYYY-MM-DD HH:mm:ss")}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column fixed="right" label="操作" min-width="140">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status==0" class="agree-cursor" @click="operation('agree',scope.row.id)">
|
||||
同意
|
||||
</span>
|
||||
<el-popover placement="bottom" trigger="hover" :ref="'refNamePopover'+scope.$index">
|
||||
<div class="popover-container">
|
||||
<div class="reject-reason-input">
|
||||
<el-input v-model="rejectReason" placeholder="请输入拒绝理由" size="small"></el-input>
|
||||
</div>
|
||||
<div class="reject-reason-define" @click="operation('reject',scope.row.id,scope.$index)">确定</div>
|
||||
<div class="reject-reason-cancel" @click="operation('cancel',scope.row.id,scope.$index)">取消</div>
|
||||
</div>
|
||||
<span slot="reference" v-if="scope.row.status==0" class="reject-cursor">
|
||||
拒绝
|
||||
</span>
|
||||
</el-popover>
|
||||
<span class="theme-cursor" @click="operation('view',scope.row.id)">
|
||||
查看
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="shopro-pagination-container">
|
||||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
||||
:page-sizes="[10, 20, 30, 40]" :page-size="limit" layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="totalPage">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
在新工单中引用
屏蔽一个用户