canyin-project/ybcy/views/admin/apply/other_set.php
2024-11-01 16:07:54 +08:00

405 lines
20 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>