canyin-project/ybcy/views/admin/apply/other_set.php

405 lines
20 KiB
PHP
Raw Normal View History

2024-11-01 16:07:54 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<?php if($this->params['site_image']):?>
<link rel="shortcut icon" type="image/x-icon" href="<?$this->params['site_image']?>" />
<?php else:?>
<link rel="shortcut icon" type="image/x-icon" href="<?=Yii::$app->request->baseUrl?>/web/favicon.ico" />
<?php endif;?>
<title> <?php if($this->params['site_title']):?>
<?php echo $this->params['site_title']; ?>
<?php else:?>
应用管理后台
<?php endif;?>-编辑平台</title>
<link rel="stylesheet" type="text/css" href="<?=Yii::$app->request->baseUrl?>/web/static/css/globle.css"/>
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/config.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.imgbox {
width: 100px;
height: 100px;
}
.checkbox .el-checkbox {
border: 1px solid #F3F6FB;
position: relative;
width: 100px;
height: 100px;
}
.checklabel-zjtd {
left: 0px;
}
.checkbox .el-checkbox .el-checkbox__input {
position: absolute;
bottom: 5px;
left: 42px;
}
.channel-icon img {
width: 32px;
height: 32px;
}
.namelogo {
width: 54px;
height: 54px;
border-radius: 50%;
}
.hed-right .el-button {
height: 38px;
}
.hed-right .btn-jrpt {
width: 130px;
}
.hed-right .btn-ty {
width: 104px;
}
.mar_t3 {
margin-top: 3px;
}
/* .checkbox .el-checkbox__label {
padding-left: 34px;
}*/
</style>
<body>
<div class="pHead">
<div class="publicHeader"><?php echo $this->render('@app/views/admin/public/publicHeader.html');?></div>
</div>
<div class="pLeft">
<div class="publicAside hei"><?php echo $this->render('@app/views/admin/public/publicAside.html');?></div>
</div>
<div class="upimg">
<div class="attachment hei"><?php echo $this->render('@app/views/admin/public/attachment-img.html'); ?></div>
</div>
<div class="yb_body">
<div class="layout" id="platformList" v-cloak v-loading="cardLoading">
<el-container>
<el-container>
<el-main>
<div class="main" style="min-width: 800px">
<div class="ba_f">
<div class="main-tab ba_f bor_rad5 pad_tb_30">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="平台信息" name="msg">平台信息</el-tab-pane>
<el-tab-pane label="操作员管理" name="user">用户管理</el-tab-pane>
<el-tab-pane label="其他设置" name="setting">其他设置</el-tab-pane>
</el-tabs>
<div class="tips t_l flex flex-y-center">
<span class="iconfont icontishi maincolor fon_16 mar_r10 mar_t3"></span>
<p class="fon_12 maincolor">提示:此设置仅对当前平台有效。</p>
</div>
</div>
<div class="main-con pad_tb_30">
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">业务后台左侧LOGO</div>
<div class="flex-grow-1 t_l right-width">
<div class="uploadSource bor_de rel flex curs" v-if="imageUrl3">
<label class="statusLabel curs" @mouseenter="enter(3)" @mouseleave="leave(3)">
<i class="el-icon-check" ref="imgicon3"></i>
<i class="el-icon-close" @click="deleteMultiImage(imageUrl3,3)"></i>
</label>
<img :src="imageUrl3" @click='test(3)' class="wid"/>
</div>
<div class="uploadSource flex-center curs" v-else @click='test(3)'>
<i class="el-icon-plus fon_40 color_d9"></i>
</div>
<div class="yb_margin">建议尺寸60*60</div>
<attachment-img ref="img3" type="img" @attachment='imgadd3'></attachment-img>
</div>
</div>
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">码科配送自定义名称</div>
<div class="flex-grow-1 t_l right-width">
<el-input v-model="formInline.makeName" placeholder="请输码科配送自定义名称"
class="elinput"></el-input>
</div>
</div>
<!-- <div class="flex-bet wid pad_tb_20">-->
<!-- <div class="flex-grow-0 t_r pad_r_25 right-left">码科配送图标</div>-->
<!-- <div class="flex-grow-1 t_l right-width">-->
<!-- <div class="uploadSource bor_de rel flex curs" v-if="imageUrl">-->
<!-- <label class="statusLabel curs" @mouseenter="enter(1)" @mouseleave="leave(1)">-->
<!-- <i class="el-icon-check" ref="imgicon1"></i>-->
<!-- <i class="el-icon-close" @click="deleteMultiImage(imageUrl,1)"></i>-->
<!-- </label>-->
<!-- <img :src="imageUrl" @click='test(1)' class="wid"/>-->
<!-- </div>-->
<!-- <div class="uploadSource flex-center curs" v-else @click='test(1)'>-->
<!-- <i class="el-icon-plus fon_40 color_d9"></i>-->
<!-- </div>-->
<!-- <attachment-img ref="img1" type="img" @attachment='imgadd1'></attachment-img>-->
<!-- <div class="yb_margin">建议尺寸60*60</div>-->
<!-- </div>-->
<!-- </div>-->
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">云贝配送名称</div>
<div class="flex-grow-1 t_l right-width">
<el-input v-model="formInline.yunbeiName" placeholder="云贝配送名称"
class="elinput" style="width: 400px;">
</el-input>
</div>
</div>
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">收银台名称</div>
<div class="flex-grow-1 t_l right-width">
<el-input v-model="formInline.cashierName" placeholder="收银台名称"
class="elinput" style="width: 400px;">
</el-input>
</div>
</div>
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">收银台图标</div>
<div class="flex-grow-1 t_l right-width">
<div class="uploadSource bor_de rel flex curs" v-if="imageUrl">
<label class="statusLabel curs" @mouseenter="enter(1)" @mouseleave="leave(1)">
<i class="el-icon-check" ref="imgicon1"></i>
<i class="el-icon-close" @click="deleteMultiImage(imageUrl,1)"></i>
</label>
<img :src="imageUrl" @click='test(1)' class="wid"/>
</div>
<div class="uploadSource flex-center curs" v-else @click='test(1)'>
<i class="el-icon-plus fon_40 color_d9"></i>
</div>
<div class="yb_margin">建议尺寸120*120</div>
<attachment-img ref="img1" type="img" @attachment='imgadd1'></attachment-img>
</div>
</div>
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">收银台背景</div>
<div class="flex-grow-1 t_l right-width">
<div class="uploadSource bor_de rel flex curs" v-if="imageUrl2">
<label class="statusLabel curs" @mouseenter="enter(2)" @mouseleave="leave(2)">
<i class="el-icon-check" ref="imgicon2"></i>
<i class="el-icon-close" @click="deleteMultiImage(imageUrl2,2)"></i>
</label>
<img :src="imageUrl2" @click='test(2)' class="wid"/>
</div>
<div class="uploadSource flex-center curs" v-else @click='test(2)'>
<i class="el-icon-plus fon_40 color_d9"></i>
</div>
<div class="yb_margin">建议尺寸1920*1080</div>
<attachment-img ref="img2" type="img" @attachment='imgadd2'></attachment-img>
</div>
</div>
<!-- <div class="flex-bet wid pad_tb_20">-->
<!-- <div class="flex-grow-0 t_r pad_r_25 right-left">云贝配送图标</div>-->
<!-- <div class="flex-grow-1 t_l right-width">-->
<!-- <div class="uploadSource bor_de rel flex curs" v-if="imageUrl2">-->
<!-- <label class="statusLabel curs" @mouseenter="enter(2)" @mouseleave="leave(2)">-->
<!-- <i class="el-icon-check" ref="imgicon2"></i>-->
<!-- <i class="el-icon-close" @click="deleteMultiImage(imageUrl2,2)"></i>-->
<!-- </label>-->
<!-- <img :src="imageUrl2" @click='test(2)' class="wid"/>-->
<!-- </div>-->
<!-- <div class="uploadSource flex-center curs" v-else @click='test(2)'>-->
<!-- <i class="el-icon-plus fon_40 color_d9"></i>-->
<!-- </div>-->
<!-- <attachment-img ref="img2" type="img" @attachment='imgadd2'></attachment-img>-->
<!-- <div class="yb_margin">建议尺寸60*60</div>-->
<!-- </div>-->
<!-- </div>-->
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">联系QQ</div>
<div class="flex-grow-1 t_l right-width">
<el-input v-model="formInline.qq" placeholder="请输联系人QQ号码"
class="elinput"></el-input>
<div class="color_9 fon_12 mar_t10">提示此数据对应多门店下的联系QQ</div>
</div>
</div>
<div class="flex-bet wid pad_tb_20">
<div class="flex-grow-0 t_r pad_r_25 right-left">技术支持</div>
<div class="flex-grow-1 t_l right-width">
<el-input v-model="formInline.support" placeholder="请输入小程序端底部版权文字"
class="elinput"></el-input>
<div class="color_9 fon_12 mar_t10">提示:小程序端底部版权文字</div>
</div>
</div>
</div>
<div class="ba_f mar_t20 pad_30 main-button">
<el-button type="primary" class="tijiao" @click="onSubmit">保存</el-button>
</div>
</div>
</el-main>
</el-container>
</el-container>
</div>
</div>
<script>
$(document).ready(function () {
$(".slimScrollDiv ul .main-nav-li a").eq(1).addClass("menu_active");
$(".main-nav .main-nav-li .submenu").eq(1).addClass("block");
$(".main-nav .main-nav-li .submenu").children().children().eq(1).addClass("menu_active2")
});
</script>
<script>
new Vue({
el: '#platformList',
created() {
const id = utils.GetQueryString("id")
// const dt_operdate = utils.GetQueryString("dt_operdate")
const userId = utils.GetQueryString("userId")
if (id) {
console.log(id)
this.id=id
// this.dt_operdate = dt_operdate
this.userId = userId
this.getUserInfo(this.id)
// this.init();
}
},
data: function () {
return {
cardLoading: false,
activeName: 'setting',
formInline: {
makeName:'',
qq:'',
yunbeiName:'',
support:'',
cashierName:'',
cashierIcon:'',
cashierBg:'',
},
imageUrl:'',
imageUrl2:'',
imageUrl3:'',
}
},
methods: {
enter(i=0){
this.$refs['imgicon' + i].style.display = 'none'
},
leave(i=0){
this.$refs['imgicon' + i].style.display = 'inline-block'
},
test(i = 0) {
// console.log(this.$refs, i)
this.$refs['img' + i].dialogVisible = true
},
imgadd1(url) {
this.imageUrl = url.str
},
imgadd2(url) {
this.imageUrl2 = url.str
},
imgadd3(url) {
this.imageUrl3 = url.str
},
deleteMultiImage(item, index, type) {
//typem没传是单图multigraph多图index上传图片组件排序
Array.prototype.remove = function (val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
if (type == 'multigraph') {
} else {
switch (index) {
case 1:
this.imageUrl = '';
break
case 2:
this.imageUrl2 = '';
break
case 3:
this.imageUrl3 = '';
break
}
}
},
async init() {
// this.getapplylist()
// this.getpluglist()
this.getUserInfo();
},
//获取数据
async getUserInfo(id) {
let params = {
id: id
}
res = await utils.requestGet({data: params, url: "admin/index/get-make"}, this)
if (res.code == 1) {
this.formInline.makeName = res.data.makeName
this.formInline.qq = res.data.qq
this.imageUrl = res.data.cashierIcon
this.imageUrl2 = res.data.cashierBg
this.imageUrl3 = res.data.icon
this.formInline.yunbeiName = res.data.yunbeiName
this.formInline.cashierName = res.data.cashierName
this.formInline.support = res.data.support
}
},
//可用插件选择取最新选择
handleCheckedCitiesChange(value) {
this.formInline.plug_str =value
},
handleClick(tab, event) {
if (tab.name == 'msg') {
location.href = "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_edit');?>"+"?id="+this.id+"&userId="+this.userId;
}
if (tab.name == 'user') {
location.href ="<?= Yii::$app->urlManager->createUrl('admin/apply/platform_userm');?>"+"?id="+this.id+"&userId="+this.userId;
}
if (tab.name == 'enclosure') {
location.href = "<?= Yii::$app->urlManager->createUrl('admin/apply/platform_enclosure');?>"+"?id="+this.id;
}
if (tab.name == 'setting') {
location.href = "<?= Yii::$app->urlManager->createUrl('admin/apply/other_set');?>"+"?id="+this.id+"&userId="+this.userId;
}
},
//点击停用
//提交数据
async onSubmit() {
this.formInline.id=this.id
// const formdata = new FormData()
this.formInline.cashierIcon = this.imageUrl
this.formInline.cashierBg = this.imageUrl2
this.formInline.icon = this.imageUrl3
// return
res = await utils.requestPost({
data: this.formInline,
url: "admin/index/get-make"
},this)
if (res.code == 1) {
this.$message({
type: 'success',
message: '操作成功!',
duration: 1000,
//onClose: () => {
// location.href = "<?//= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>//"+"?id="+this.id;
//},
});
}
},
}
})
</script>
</body>
</html>