小鱼开发
696 lines
33 KiB
PHP
696 lines
33 KiB
PHP
<div class="am-form am-form-horizontal" style="width: 98%;padding-top: 10px">
|
|
<div id="vue-edit">
|
|
<div class="am-g">
|
|
<div class="col-sm-12 mb25" >
|
|
<div class="col-sm-2" style="padding-left: 0px;">
|
|
<div class="my-panel">
|
|
<div class="text-center">
|
|
状态
|
|
</div>
|
|
<div class="text-center pt5">
|
|
<select id="status" v-model="info.status" disabled="disabled"
|
|
@change='getStatus2();'>
|
|
<template v-for="(v,i) in infoShow.statusList">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="my-panel">
|
|
<div class="text-center">
|
|
二级状态
|
|
</div>
|
|
<div class="text-center pt5">
|
|
<select id="status2" v-model="info.status2" disabled="disabled">
|
|
<option value="0">二级状态</option>
|
|
<template v-for="(v,i) in infoShow.status2List">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-inline pr10 pt10">
|
|
<div class="text-right">
|
|
<div class="am-form-group ml10">
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-default"
|
|
@click="editType(1)" v-if="info.editType==1">取消编辑</a>
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-default"
|
|
@click="editType(1)" v-else>编辑状态</a>
|
|
</div>
|
|
<div class="am-form-group ml10" v-if="info.editType==1">
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-success"
|
|
@click="saveEdit(1)">修改状态</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="am-u-lg-12">
|
|
<div class="am-panel am-panel-default">
|
|
<div class="am-panel-hd">
|
|
<span href="javascript:void(0)" style="font-size: 20px">
|
|
客户信息
|
|
</span>
|
|
</div>
|
|
<div class="am-panel-bd am-g">
|
|
<table width="100%" style="margin:0px 0px 10px 0px;">
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">客户姓名：</div>
|
|
<input style="width: 100px;" type="text" v-model="info.name" placeholder="请输入客户姓名">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">手机号码：</div>
|
|
{{infoShow.mobile_sub}}
|
|
<a href="javascript:void(0);" data-modal="/common/bind_mobile?id=<?= $info['id'] ?>&type=clues" class="am-btn am-btn-sm am-btn-success ml20" data-title="获取手机号">拨打</a>
|
|
<!--a data-modal="/common/show_sms?id=<?= $info['id'] ?>&type=clues" data-title="发送短信" class="am-btn am-btn-sm am-btn-success ml10">短信</a-->
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="am-para-inline ml30">添加微信：</div>
|
|
<div class="am-para-inline w100" style="margin: 0">
|
|
<select title="添加微信" name="info.wxgr" v-model="info.wxgr">
|
|
<option value="">请选择</option>
|
|
<option value="1" <?= $info['wxgr'] == 1 ? 'selected' : '' ?>>是</option>
|
|
<option value="0" <?= $info['wxgr'] == 0 ? 'selected' : '' ?>>否</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="am-para-inline ml30">所在地区：</div>
|
|
<div class="am-para-inline w100" style="margin: 0">
|
|
<select name="info.province_id" v-model="info.province_id">
|
|
<option value="0">省份</option>
|
|
<option :value="v.id" v-for="(v,i) in provinceAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w100">
|
|
<select name="info.city_id" v-model="info.city_id">
|
|
<option value="0">城市</option>
|
|
<option :value="v.id" v-for="(v,i) in cityAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w180">
|
|
<select name="info.county_id" v-model="info.county_id" class="w180">
|
|
<option value="0">行政区</option>
|
|
<option :value="v.id" v-for="(v,i) in countyAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group-addon">客户来源：</div>
|
|
<div class="input-group-addon">
|
|
<select name="info.cf_id" v-model="info.cf_id">
|
|
<option value="0">请选择</option>
|
|
<option :value="i" v-for="(v,i) in cfroms">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-group-addon">
|
|
<select name="info.cf2_id" v-model="info.cf2_id" class="ml5">
|
|
<option value="0">请选择</option>
|
|
<option :value="i" v-for="(v,i) in cfroms2">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">首次留资：</div>
|
|
{{infoShow.c_time}}
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">最新留资：</div>
|
|
{{infoShow.en_time}}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group" style="margin-left: 30px;">
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-success" @click="saveEdit(2)" >保存</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="am-u-lg-12">
|
|
<div class="am-panel am-panel-default">
|
|
<div class="am-panel-hd">
|
|
<span href="javascript:void(0)" style="font-size: 20px">
|
|
派单信息
|
|
</span>
|
|
</div>
|
|
<div class="am-panel-bd am-g">
|
|
<table width="100%" style="margin:0px 0px 10px 0px;">
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="am-para-inline ml30">派单门店：</div>
|
|
<div class="am-para-inline w100" style="margin: 0">
|
|
<select name="info.province_id_admin" v-model="info.province_id_admin">
|
|
<option value="0">省份</option>
|
|
<option :value="v.province_id" v-for="(v,i) in admins.provinceAry">{{v.province_name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w100">
|
|
<select name="info.city_id_admin" v-model="info.city_id_admin">
|
|
<option value="0">城市</option>
|
|
<option :value="v.id" v-for="(v,i) in admins.cityAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w180">
|
|
<select name="info.county_id_admin" v-model="info.county_id_admin" class="w180">
|
|
<option value="0">行政区</option>
|
|
<option :value="v.id" v-for="(v,i) in admins.countyAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w180">
|
|
<select name="info.biz_id" v-model="info.biz_id">
|
|
<option value="0">门店</option>
|
|
<option :value="v.id" v-for="(v,i) in admins.bizAry">{{v.title}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline" style="margin-left: 30px;">
|
|
<?php if($info['biz_id']){ ?>
|
|
<?php if(!$info['customer_id']){ ?>
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-danger" @click="saveEdit(4)">转交门店跟踪</a>
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-success" @click="saveEdit(5)">改派门店</a>
|
|
<?php }else{ ?>
|
|
<a href="javascript:void(0)" data-open="/receiver/customer/get?id=<?=$info['customer_id']?>" class="am-btn am-btn-sm am-btn-default">门店跟进中</a>
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-success" @click="saveEdit(5)">另派门店</a>
|
|
<?php }} else{ ?>
|
|
<a href="javascript:void(0)" class="am-btn am-btn-sm am-btn-success" @click="saveEdit(3)">确认派单</a>
|
|
<?php }?>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="am-u-lg-12">
|
|
<div class="am-panel am-panel-default">
|
|
<div class="am-panel-hd">
|
|
<span href="javascript:void(0)" style="font-size: 20px">
|
|
跟进日志
|
|
</span>
|
|
<span style="float:right;margin-top:5px">
|
|
<a href="javascript:void(0)" @click="logModal()">新增小记</a>
|
|
</span>
|
|
</div>
|
|
<div class="am-panel-bd">
|
|
<div class="am-tabs" data-am-tabs>
|
|
<div class="am-tab-panel am-active">
|
|
<table class="am-table">
|
|
<thead>
|
|
<tr>
|
|
<th width="15%"><span>操作人员</span></th>
|
|
<th width=""><span>内容</span></th>
|
|
<th width="13%"><span>类型</span></th>
|
|
<th width="15%"><span>操作时间</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($info_show['logsList'] as $key => $val) { ?>
|
|
<tr>
|
|
<td style="vertical-align:middle;word-wrap:break-word"><?= $val['uname'] ?></td>
|
|
<td style="vertical-align:middle;word-wrap:break-word">
|
|
<? if ($val['rec_url']) { ?>
|
|
<audio controls="controls">
|
|
<source src="<?= $val['rec_url'] ?>"/>
|
|
</audio>
|
|
<? } else if ($val['rec_text']) { ?>
|
|
<?= $val['rec_text'] ?>
|
|
<? } else { ?>
|
|
<?= $val['log'] ?>
|
|
<? } ?>
|
|
</td>
|
|
<td style="vertical-align:middle;word-wrap:break-word"><?= $val['type_name'] ?></td>
|
|
<td style="vertical-align:middle;word-wrap:break-word;"><?= $val['c_time'] ?></td>
|
|
</tr>
|
|
<?php } ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="log-modal" style="display: none;">
|
|
<div style="padding-top: 20px;">
|
|
<div class="am-form-group">
|
|
<label class="am-para-label label-width">内容：</label>
|
|
<div class="am-para-input" style="width: 80%">
|
|
<textarea name="log" rows="5" placeholder="请输入内容" v-model="goods.log"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var vue_obj;
|
|
$(document).ready(function () {
|
|
vue_obj = new Vue({
|
|
el: '#vue-edit',
|
|
data: {
|
|
info: {},
|
|
infoShow: {},
|
|
goods: {"imgs_url": [], "imgs": [], "log": ''},
|
|
provinceAry: [],
|
|
cityAry: [],
|
|
countyAry: [],
|
|
cfroms: [],
|
|
cfroms2: [],
|
|
admins: {provinceAry: <?=json_encode($provinces, JSON_UNESCAPED_UNICODE)?>, cityAry: [], countyAry: [], bizAry: []},
|
|
},
|
|
mounted: function () {
|
|
var that = this;
|
|
that.info = <?=json_encode($info)?>;
|
|
that.infoShow = <?=json_encode($info_show)?>;
|
|
that.cfroms = <?=json_encode($cfromAry, JSON_UNESCAPED_UNICODE)?>;
|
|
that.cfroms2 = <?=json_encode($cfromAry2, JSON_UNESCAPED_UNICODE)?>;
|
|
that.init_provinces();
|
|
},
|
|
computed: {},
|
|
created: function () {
|
|
},
|
|
updated: function () {
|
|
},
|
|
methods: {
|
|
init_provinces: function () {
|
|
var vm = this;
|
|
$.get('common/area', {}, function (response) {
|
|
if (response.code == 1) {
|
|
vm.provinceAry = response.data;
|
|
}
|
|
});
|
|
},
|
|
init_bizs: function () {
|
|
var vm = this;
|
|
$.ajax({
|
|
type: 'get',
|
|
url: '/biz/store/store/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
province_id: vm.info.province_id_admin,
|
|
city_id: vm.info.city_id_admin,
|
|
county_id: vm.info.county_id_admin,
|
|
status: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
vm.admins.bizAry = response.data.list;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
editType: function (index) {
|
|
var vm = this;
|
|
if (index == 1) {
|
|
if (vm.info.editType == 1) {
|
|
$("#status").attr("disabled", "disabled");
|
|
$("#status2").attr("disabled", "disabled");
|
|
vm.info.editType = 0;
|
|
} else {
|
|
$("#status").removeAttr("disabled");
|
|
$("#status2").removeAttr("disabled");
|
|
vm.info.editType = 1;
|
|
}
|
|
} else {
|
|
if (vm.info.editType == index) {
|
|
vm.info.editType = 0;
|
|
} else {
|
|
vm.info.editType = index;
|
|
}
|
|
}
|
|
},
|
|
getStatus2: function () {
|
|
//二级分类
|
|
var vm = this;
|
|
$.ajax({
|
|
url: '/receiver/clues/get_status2',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
status: vm.info.status,
|
|
},
|
|
success: function (data) {
|
|
vm.info.status2 = 0;
|
|
if (data.data) {
|
|
vm.infoShow.status2List = data.data;
|
|
}
|
|
},
|
|
});
|
|
},
|
|
logModal: function () {
|
|
var vm = this;
|
|
layer.open({
|
|
type: 1,
|
|
area: ['50%'], //宽高
|
|
content: $('#log-modal'),
|
|
title: '新增小记',
|
|
shade: false,
|
|
btn: ['保存', '取消'],
|
|
yes: function (index) {
|
|
$.ajax({
|
|
url: '/receiver/clues/add_log',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
act_type: 1, id: <?= $info['id'] ?>, type: 0, log: vm.goods.log, imgs: vm.goods.imgs
|
|
},
|
|
beforeSend: function () {
|
|
layer.load(1, {
|
|
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
|
});
|
|
},
|
|
success: function (data) {
|
|
if (data['code']) {
|
|
layer.msg(data.msg, {
|
|
icon: 1,
|
|
time: 2000
|
|
}, function () {
|
|
$.form.reload();
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon: 2});
|
|
}
|
|
},
|
|
complete: function () {
|
|
layer.closeAll('loading');
|
|
},
|
|
});
|
|
}
|
|
});
|
|
},
|
|
saveEdit: function (editType) {
|
|
var vm = this;
|
|
if(editType != ''){
|
|
vm.info.editType = editType;
|
|
}
|
|
$.ajax({
|
|
url: '/receiver/clues/edit',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
info: vm.info
|
|
},
|
|
beforeSend: function () {
|
|
layer.load(1, {
|
|
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
|
});
|
|
},
|
|
success: function (data) {
|
|
loading = false;
|
|
if (data['code']) {
|
|
layer.msg(data.msg, {
|
|
icon: 1,
|
|
time: 2000
|
|
}, function () {
|
|
$.form.reload();
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon: 2});
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = false;
|
|
layer.closeAll('loading');
|
|
},
|
|
});
|
|
},
|
|
randClass: function () {
|
|
var classArr = ['default', 'primary', 'success', 'info', 'warning', 'danger'];
|
|
var rand = Math.floor(Math.random() * classArr.length);
|
|
return classArr[rand]
|
|
}
|
|
},
|
|
watch: {
|
|
'info.province_id': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.cityAry = [];
|
|
that.info.city_id = '0';
|
|
} else {
|
|
$.get('common/area', {id: nv, key: 'city', type: 1}, function (response) {
|
|
if (response.code == 1) {
|
|
that.cityAry = response.data;
|
|
if (that.info.city_id > 0) {
|
|
var city_id = '0';
|
|
for (var i in that.cityAry) {
|
|
var city = that.cityAry[i];
|
|
if (city.id == that.info.city_id) {
|
|
city_id = city.id;
|
|
break;
|
|
}
|
|
}
|
|
that.info.city_id = city_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.city_id': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.countyAry = [];
|
|
that.info.county_id = '0';
|
|
} else {
|
|
$.get('common/area', {id: nv, key: 'county', type: 1}, function (response) {
|
|
if (response.code == 1) {
|
|
that.countyAry = response.data;
|
|
if (that.info.county_id > 0) {
|
|
var county_id = '0';
|
|
for (var i in that.countyAry) {
|
|
var county = that.countyAry[i];
|
|
if (county.id == that.info.county_id) {
|
|
county_id = county.id;
|
|
break;
|
|
}
|
|
}
|
|
that.info.county_id = county_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.province_id_admin': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.admins.cityAry = [];
|
|
that.info.city_id_admin = '0';
|
|
} else {
|
|
$.get('common/area', {id: nv, key: 'city', type: 1}, function (response) {
|
|
if (response.code == 1) {
|
|
that.admins.cityAry = response.data;
|
|
if (that.info.city_id_admin > 0) {
|
|
var city_id = '0';
|
|
for (var i in that.admins.cityAry) {
|
|
var city = that.admins.cityAry[i];
|
|
if (city.id == that.info.city_id_admin) {
|
|
city_id = city.id;
|
|
break;
|
|
}
|
|
}
|
|
that.info.city_id_admin = city_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.city_id_admin': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.admins.countyAry = [];
|
|
that.county_id_admin = '0';
|
|
} else {
|
|
$.get('common/area', {id: nv, key: 'county', type: 1}, function (response) {
|
|
if (response.code == 1) {
|
|
that.admins.countyAry = response.data;
|
|
if (that.info.county_id_admin > 0) {
|
|
var county_id = '0';
|
|
for (var i in that.admins.countyAry) {
|
|
var county = that.admins.countyAry[i];
|
|
if (county.id == that.info.county_id_admin) {
|
|
county_id = county.id;
|
|
break;
|
|
}
|
|
}
|
|
that.info.county_id_admin = county_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.county_id_admin': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.admins.bizAry = [];
|
|
that.info.biz_id = 0;
|
|
} else {
|
|
$.ajax({
|
|
type: 'get',
|
|
url: '/biz/store/store/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
province_id: that.info.province_id_admin,
|
|
city_id: that.info.city_id_admin,
|
|
county_id: that.info.county_id_admin,
|
|
status: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
that.admins.bizAry = response.data.list;
|
|
if (that.info.biz_id > 0) {
|
|
var biz_id = 0;
|
|
for (var i in that.admins.bizAry) {
|
|
if (that.info.biz_id == that.admins.bizAry[i].id) {
|
|
biz_id = that.info.biz_id;
|
|
break;
|
|
}
|
|
}
|
|
that.info.biz_id = biz_id;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.cf_id': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.info.cf2_id = 0;
|
|
that.cfroms2 = [];
|
|
} else {
|
|
$.post('/receiver/clues/json_map_cfrom', {pid: nv, status: 1}, function (result) {
|
|
that.cfroms2 = result.data;
|
|
if (that.info.cf2_id > 0) {
|
|
var cf2_id = 0;
|
|
for (var i in that.cfroms2) {
|
|
if (i == that.info.cf2_id) {
|
|
cf2_id = i;
|
|
break;
|
|
}
|
|
}
|
|
that.info.cf2_id = cf2_id;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
.input-group {
|
|
width: 100%;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.input-group-addon {
|
|
padding: 0px 0px 0px 0px;
|
|
font-size: 1.6rem;
|
|
font-weight: normal;
|
|
line-height: 0px;
|
|
color: #333;
|
|
text-align: right;
|
|
background-color: #fff;
|
|
border: 0px solid #fff;
|
|
border-radius: 0px;
|
|
width: 110px;
|
|
}
|
|
|
|
.table-td {
|
|
width: 20%;
|
|
padding-top: 15px;
|
|
line-height: 37px;
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.my-ul ul li {
|
|
padding: 10px;
|
|
}
|
|
|
|
.my-panel {
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
height: 90px;
|
|
}
|
|
|
|
.auto-content {
|
|
width: min-content;
|
|
min-width: 50%;
|
|
}
|
|
|
|
.btn-group .disabled {
|
|
background-color: #eee;
|
|
opacity: 1;
|
|
}
|
|
|
|
.photo-upload {
|
|
position: relative;
|
|
font-size: 0;
|
|
}
|
|
|
|
.photo-upload:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.photo-upload-item {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
font-size: 12px; /*display:inline-block;width:120px;*/
|
|
}
|
|
|
|
.photo-upload-item > img {
|
|
}
|
|
|
|
.photo-upload-item-check,
|
|
.photo-upload-item-remove {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -8px;
|
|
right: -8px;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
border: 1px solid #fff;
|
|
background-color: #eee;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.photo-upload-item:hover .photo-upload-item-remove {
|
|
opacity: 1;
|
|
transition: all .4s ease
|
|
}
|
|
|
|
.photo-upload-item-check {
|
|
opacity: 1;
|
|
background-color: #36f;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="/static/css/appitem/font-awesome.min.css?v=1581252500">
|