<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
<link rel="stylesheet" href="/static/admin/css/image_viewer.css" media="all">
|
<style>
|
.previewImage {
|
width: 100%;
|
}
|
</style>
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="基础信息配置" two_word="销售平台管理" />
|
</el-header>
|
<el-main>
|
<el-card style="width: 100%">
|
<template #header>
|
<div class="card-header"><span data-i18n="logisticsProduct_management">销售平台管理</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)" @click="Add(-1)"><span
|
data-i18n="add">添加</span></el-link>
|
</div>
|
</template>
|
<el-form label-width="auto">
|
<el-input v-model="searchdata.kw" placeholder="请输入销售平台名称" style="width: 300px"></el-input>
|
 <el-button type="success" icon="Search" @click="index()">搜索</el-button>
|
</el-form>
|
<br />
|
<el-table :data="list" border style="width: 100%" :stripe="true">
|
<el-table-column prop="id" label="编号" width="80"></el-table-column>
|
<el-table-column prop="platform_name" label="销售平台名称"></el-table-column>
|
<el-table-column label="所属区域">
|
<template #default="scope">
|
<template v-for="item in platformRegionList">
|
<template v-if="scope.row.platform_region_id!=null&&scope.row.platform_region_id.includes(item.id)">{{item.region_name}};</template>
|
</template>
|
</template>
|
</el-table-column>
|
<el-table-column prop="logo" label="logo">
|
<template #default="scope">
|
<el-image :src="scope.row.logo" :preview-src-list="[scope.row.logo]" style="width: 40px;height: 40px;"></el-image>
|
</template>
|
</el-table-column>
|
<el-table-column label="是否显示官网" width="150" align="center">
|
<template #default="scope">
|
<el-switch @change="updateExt(scope.row,'is_show')" v-model="scope.row.is_show" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1"
|
:inactive-value="0" inline-prompt active-text="是" inactive-text="否" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="order_id" label="排序"></el-table-column>
|
<el-table-column label="操作选项">
|
<template #default="scope">
|
<el-button icon="edit" type="primary" @click="Add(scope.$index)"></el-button>
|
<el-button icon="delete" type="danger" @click="del(scope.$index)"></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchdata.p" :page-sizes="[20, 30, 40, 50]"
|
:page-size="searchdata.page_size" layout="total, sizes, prev, pager, next" :total="other.count">
|
</el-pagination>
|
</el-card>
|
</el-main>
|
<!-- <el-footer>Footer</el-footer> -->
|
</el-container>
|
</el-container>
|
|
<el-dialog :title="Add_title" v-model="dialog.addDialogStatus" :show-close="true" width="700px">
|
<el-form ref="Add_form" :model="Add_form" label-width="100px">
|
|
<el-form-item label="销售平台名称">
|
<el-input v-model="Add_form.platform_name" placeholder="请输入销售平台名称" style="width:260px;"></el-input>
|
</el-form-item>
|
<el-form-item label="所属区域" :rules="[{required:true}]">
|
<el-select v-model="Add_form.platform_region_id" placeholder="请选择所属区域" style="width:350px;" clearable multiple>
|
<el-option v-for="item in platformRegionList" :key="item.id" :label="item.region_name" :value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="LOGO:" prop="logo">
|
<el-upload :show-file-list="false" list-type="picture-card" accept="png,jpg,jpeg,gif" :before-upload="handleBeforeUpload" :http-request="uploadLogo">
|
|
<template #trigger>
|
<template v-if="Add_form.logo">
|
<img class="el-upload-list__item-thumbnail" :src="Add_form.logo" style="width: 100%;height: 100%;" alt="" />
|
<div style="position: absolute; bottom: 0px;right: 0px;"></div>
|
</template>
|
<template v-else>
|
<el-icon>
|
<Plus />
|
</el-icon>
|
</template>
|
|
</template>
|
<template #tip>
|
<div class="el-upload__tip">
|
<template v-if="Add_form.logo"><span @click="handleView" :preview-src-list="[Add_form.logo]"
|
style="color: #CB261C; cursor: pointer; margin-right: 10px;">预览</span></template>
|
限1张，格式为png、jpg、jpeg，大小不超过4M
|
</div>
|
</template>
|
</el-upload>
|
<el-dialog v-model="dialogVisible_img">
|
<img w-full :src="dialogImageUrl" class="previewImage" alt="Preview Image" />
|
</el-dialog>
|
</el-form-item>
|
<el-form-item v-if="Add_form.id>0" label="排序值">
|
<el-input-number v-model="Add_form.order_id" class="mx-4" controls-position="right" />
|
</el-form-item>
|
<el-form-item>
|
<el-button :loading="loading" type="primary" @click="submit">
|
<span v-if="!loading">保 存</span>
|
<span v-else>提 交 中...</span>
|
</el-button>
|
<el-button @click="dialog.addDialogStatus=false">取消</el-button>
|
|
</el-form-item>
|
</el-form>
|
|
|
|
</el-dialog>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script language="JavaScript">
|
const viewPath = '{$viewPath}';
|
</script>
|
<script src="/static/admin/js/sales_platform/index.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
</html>
|
