提交 300429e3 编写于 作者: X xinlaa

引流码页面布局修改等

上级 61c11192
...@@ -124,26 +124,28 @@ export default { ...@@ -124,26 +124,28 @@ export default {
:on-success="onSuccess" :on-success="onSuccess"
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
> >
<template v-if="fileUrl"> <slot>
<img v-if="type === '0'" :src="fileUrl" class="upload-img" /> <template v-if="fileUrl">
<div v-else-if="type === '2'"> <img v-if="type === '0'" :src="fileUrl" class="upload-img" />
<video <div v-else-if="type === '2'">
id="myVideo" <video
class="video-js vjs-default-skin id="myVideo"
class="video-js vjs-default-skin
vjs-big-play-centered" vjs-big-play-centered"
width="100%" width="100%"
controls controls
webkit-playsinline="true" webkit-playsinline="true"
playsinline="true" playsinline="true"
:autoplay="false" :autoplay="false"
preload="auto" preload="auto"
> >
<source :src="fileUrl" type="video/mp4" /> <source :src="fileUrl" type="video/mp4" />
</video> </video>
</div> </div>
<div v-else>{{ fileName }}</div> <div v-else>{{ fileName }}</div>
</template> </template>
<i v-else class="el-icon-plus uploader-icon"></i> <i v-else class="el-icon-plus uploader-icon"></i>
</slot>
</el-upload> </el-upload>
<div class="tip"> <div class="tip">
<slot name="tip"></slot> <slot name="tip"></slot>
......
...@@ -21,100 +21,98 @@ ...@@ -21,100 +21,98 @@
</style> </style>
<template> <template>
<div class="app-container"> <div class="app-container">
<el-card shadow="never" :body-style="{padding: '20px 0 0'}"> <el-form
<el-form :model="queryParams"
:model="queryParams" ref="queryForm"
ref="queryForm" :inline="true"
:inline="true" v-show="showSearch"
v-show="showSearch" label-width="100px"
label-width="100px" >
> <el-form-item label="使用员工" prop="title">
<el-form-item label="使用员工" prop="title"> <el-input
<el-input v-model="queryParams.title"
v-model="queryParams.title" placeholder="请输入"
placeholder="请输入" clearable
clearable style="width: 240px;"
style="width: 240px;" @keyup.enter.native="handleQuery"
size="small" />
@keyup.enter.native="handleQuery" </el-form-item>
/> <el-form-item label="姓名" prop="operName">
</el-form-item> <el-input
<el-form-item label="姓名" prop="operName"> v-model="queryParams.operName"
<el-input placeholder="请输入"
v-model="queryParams.operName" clearable
placeholder="请输入" style="width: 240px;"
clearable @keyup.enter.native="handleQuery"
style="width: 240px;" />
size="small" </el-form-item>
@keyup.enter.native="handleQuery" <el-form-item label="手机号" prop="operName">
/> <el-input
</el-form-item> v-model="queryParams.operName"
<el-form-item label="手机号" prop="operName"> placeholder="请输入"
<el-input clearable
v-model="queryParams.operName" style="width: 240px;"
placeholder="请输入" @keyup.enter.native="handleQuery"
clearable />
style="width: 240px;" </el-form-item>
size="small" <el-form-item label="活动场景" prop="operName">
@keyup.enter.native="handleQuery" <el-input
/> v-model="queryParams.operName"
</el-form-item> placeholder="请输入"
<el-form-item label="活动场景" prop="operName"> clearable
<el-input style="width: 240px;"
v-model="queryParams.operName" @keyup.enter.native="handleQuery"
placeholder="请输入" />
clearable </el-form-item>
style="width: 240px;" <el-form-item label="创建人" prop="operName">
size="small" <el-input
@keyup.enter.native="handleQuery" v-model="queryParams.operName"
/> placeholder="请输入"
</el-form-item> clearable
<el-form-item label="创建人" prop="operName"> style="width: 240px;"
<el-input @keyup.enter.native="handleQuery"
v-model="queryParams.operName" />
placeholder="请输入" </el-form-item>
clearable <el-form-item label="创建日期">
style="width: 240px;" <el-date-picker
size="small" v-model="dateRange"
@keyup.enter.native="handleQuery" style="width: 240px"
/> value-format="yyyy-MM-dd"
</el-form-item> type="daterange"
<el-form-item label="创建日期"> range-separator="-"
<el-date-picker start-placeholder="开始日期"
v-model="dateRange" end-placeholder="结束日期"
size="small" ></el-date-picker>
style="width: 240px" </el-form-item>
value-format="yyyy-MM-dd" <el-form-item label=" ">
type="daterange" <el-button type="cyan" @click="handleQuery">查询</el-button>
range-separator="-" <el-button @click="resetQuery">重置</el-button>
start-placeholder="开始日期" <el-button @click="resetQuery">导出</el-button>
end-placeholder="结束日期" </el-form-item>
></el-date-picker> </el-form>
</el-form-item>
<el-form-item label=" ">
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">导出</el-button>
</el-form-item>
</el-form>
</el-card>
<div class="mid-action"> <div class="mid-action">
<div class="total"> <div class="total">
己选 己选
<span class="num">{{total}}</span> 条,当前已经配置 <span class="num">{{ total }}</span> 条,当前已经配置
<span class="num">{{total}}</span> 个 最多配置 <span class="num">{{ total }}</span> 个 最多配置
<span class="num">{{total}}</span> <span class="num">{{ total }}</span>
</div> </div>
<div> <div>
<el-button type="primary" size="mini" icon="el-icon-plus">新建员工活码</el-button> <el-button type="primary" size="mini">新建员工活码</el-button>
<el-button type="primary" size="mini" @click="dialogVisible = true">批量新建</el-button> <el-button type="primary" size="mini" @click="dialogVisible = true"
>批量新建</el-button
>
<el-button type="primary" size="mini">删除</el-button> <el-button type="primary" size="mini">删除</el-button>
<el-button type="primary" size="mini">下载</el-button> <el-button type="primary" size="mini">下载</el-button>
</div> </div>
</div> </div>
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> <el-table
v-loading="loading"
:data="list"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="样式" align="center" prop="operId" /> <el-table-column label="样式" align="center" prop="operId" />
<el-table-column label="使用员工" align="center" prop="title" /> <el-table-column label="使用员工" align="center" prop="title" />
...@@ -122,60 +120,74 @@ ...@@ -122,60 +120,74 @@
<el-table-column label="手机号" align="center" prop="businessType" /> <el-table-column label="手机号" align="center" prop="businessType" />
<el-table-column label="活动场景" align="center" prop="businessType" /> <el-table-column label="活动场景" align="center" prop="businessType" />
<el-table-column label="创建人" align="center" prop="businessType" /> <el-table-column label="创建人" align="center" prop="businessType" />
<el-table-column label="创建时间" align="center" prop="operTime" width="180"> <el-table-column
label="创建时间"
align="center"
prop="operTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.operTime) }}</span> <span>{{ parseTime(scope.row.operTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
@click="handleView(scope.row,scope.index)" @click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:operlog:query']" v-hasPermi="['monitor:operlog:query']"
>下载</el-button> >下载</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
@click="handleView(scope.row,scope.index)" @click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:operlog:query']" v-hasPermi="['monitor:operlog:query']"
>复制链接</el-button> >复制链接</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
@click="handleView(scope.row,scope.index)" @click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:operlog:query']" v-hasPermi="['monitor:operlog:query']"
>查看详情</el-button> >查看详情</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
@click="handleView(scope.row,scope.index)" @click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:operlog:query']" v-hasPermi="['monitor:operlog:query']"
>编辑</el-button> >编辑</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
@click="handleView(scope.row,scope.index)" @click="handleView(scope.row, scope.index)"
v-hasPermi="['monitor:operlog:query']" v-hasPermi="['monitor:operlog:query']"
>删除</el-button> >删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 批量新建弹窗 --> <!-- 批量新建弹窗 -->
<el-dialog <el-dialog
title="组织架构" title="组织架构"
...@@ -188,7 +200,12 @@ ...@@ -188,7 +200,12 @@
<el-input placeholder="请输入关键字" v-model="input3" class> <el-input placeholder="请输入关键字" v-model="input3" class>
<el-button slot="append">查询</el-button> <el-button slot="append">查询</el-button>
</el-input> </el-input>
<el-tree :data="treeData" :props="defaultProps" accordion @node-click="handleNodeClick"></el-tree> <el-tree
:data="treeData"
:props="defaultProps"
accordion
@node-click="handleNodeClick"
></el-tree>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="grid-content bg-purple"></div> <div class="grid-content bg-purple"></div>
...@@ -196,7 +213,9 @@ ...@@ -196,7 +213,9 @@
</el-row> </el-row>
<div slot="footer"> <div slot="footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> <el-button type="primary" @click="dialogVisible = false"
>确 定</el-button
>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -204,60 +223,60 @@ ...@@ -204,60 +223,60 @@
<script> <script>
export default { export default {
name: "Operlog", name: 'Operlog',
data() { data() {
return { return {
treeData: [ treeData: [
{ {
label: "一级 1", label: '一级 1',
children: [ children: [
{ {
label: "二级 1-1", label: '二级 1-1',
children: [ children: [
{ {
label: "三级 1-1-1", label: '三级 1-1-1',
}, },
], ],
}, },
], ],
}, },
{ {
label: "一级 2", label: '一级 2',
children: [ children: [
{ {
label: "二级 2-1", label: '二级 2-1',
children: [ children: [
{ {
label: "三级 2-1-1", label: '三级 2-1-1',
}, },
], ],
}, },
{ {
label: "二级 2-2", label: '二级 2-2',
children: [ children: [
{ {
label: "三级 2-2-1", label: '三级 2-2-1',
}, },
], ],
}, },
], ],
}, },
{ {
label: "一级 3", label: '一级 3',
children: [ children: [
{ {
label: "二级 3-1", label: '二级 3-1',
children: [ children: [
{ {
label: "三级 3-1-1", label: '三级 3-1-1',
}, },
], ],
}, },
{ {
label: "二级 3-2", label: '二级 3-2',
children: [ children: [
{ {
label: "三级 3-2-1", label: '三级 3-2-1',
}, },
], ],
}, },
...@@ -265,8 +284,8 @@ export default { ...@@ -265,8 +284,8 @@ export default {
}, },
], ],
defaultProps: { defaultProps: {
children: "children", children: 'children',
label: "label", label: 'label',
}, },
dialogVisible: false, dialogVisible: false,
// 遮罩层 // 遮罩层
...@@ -300,111 +319,111 @@ export default { ...@@ -300,111 +319,111 @@ export default {
businessType: undefined, businessType: undefined,
status: undefined, status: undefined,
}, },
}; }
}, },
created() { created() {
this.getList(); this.getList()
this.getDicts("sys_oper_type").then((response) => { this.getDicts('sys_oper_type').then((response) => {
this.typeOptions = response.data; this.typeOptions = response.data
}); })
this.getDicts("sys_common_status").then((response) => { this.getDicts('sys_common_status').then((response) => {
this.statusOptions = response.data; this.statusOptions = response.data
}); })
}, },
methods: { methods: {
/** 查询登录日志 */ /** 查询登录日志 */
getList() { getList() {
this.loading = false; this.loading = false
list(this.addDateRange(this.queryParams, this.dateRange)).then( list(this.addDateRange(this.queryParams, this.dateRange)).then(
(response) => { (response) => {
this.list = response.rows; this.list = response.rows
this.total = response.total; this.total = response.total
this.loading = false; this.loading = false
} }
); )
}, },
// 操作日志状态字典翻译 // 操作日志状态字典翻译
statusFormat(row, column) { statusFormat(row, column) {
return this.selectDictLabel(this.statusOptions, row.status); return this.selectDictLabel(this.statusOptions, row.status)
}, },
// 操作日志类型字典翻译 // 操作日志类型字典翻译
typeFormat(row, column) { typeFormat(row, column) {
return this.selectDictLabel(this.typeOptions, row.businessType); return this.selectDictLabel(this.typeOptions, row.businessType)
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1
this.getList(); this.getList()
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = []; this.dateRange = []
this.resetForm("queryForm"); this.resetForm('queryForm')
this.handleQuery(); this.handleQuery()
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.operId); this.ids = selection.map((item) => item.operId)
this.multiple = !selection.length; this.multiple = !selection.length
}, },
/** 详细按钮操作 */ /** 详细按钮操作 */
handleView(row) { handleView(row) {
this.open = true; this.open = true
this.form = row; this.form = row
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const operIds = row.operId || this.ids; const operIds = row.operId || this.ids
this.$confirm( this.$confirm(
'是否确认删除日志编号为"' + operIds + '"的数据项?', '是否确认删除日志编号为"' + operIds + '"的数据项?',
"警告", '警告',
{ {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning',
} }
) )
.then(function () { .then(function() {
return delOperlog(operIds); return delOperlog(operIds)
}) })
.then(() => { .then(() => {
this.getList(); this.getList()
this.msgSuccess("删除成功"); this.msgSuccess('删除成功')
}) })
.catch(function () {}); .catch(function() {})
}, },
/** 清空按钮操作 */ /** 清空按钮操作 */
handleClean() { handleClean() {
this.$confirm("是否确认清空所有操作日志数据项?", "警告", { this.$confirm('是否确认清空所有操作日志数据项?', '警告', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning',
}) })
.then(function () { .then(function() {
return cleanOperlog(); return cleanOperlog()
}) })
.then(() => { .then(() => {
this.getList(); this.getList()
this.msgSuccess("清空成功"); this.msgSuccess('清空成功')
}) })
.catch(function () {}); .catch(function() {})
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
const queryParams = this.queryParams; const queryParams = this.queryParams
this.$confirm("是否确认导出所有操作日志数据项?", "警告", { this.$confirm('是否确认导出所有操作日志数据项?', '警告', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning',
}) })
.then(function () { .then(function() {
return exportOperlog(queryParams); return exportOperlog(queryParams)
}) })
.then((response) => { .then((response) => {
this.download(response.msg); this.download(response.msg)
}) })
.catch(function () {}); .catch(function() {})
}, },
}, },
}; }
</script> </script>
\ No newline at end of file
...@@ -59,8 +59,8 @@ export default { ...@@ -59,8 +59,8 @@ export default {
:rows="5" :rows="5"
maxlength="100" maxlength="100"
show-word-limit show-word-limit
placeholder="请输入欢迎语"
v-model="form.welcomeMsg" v-model="form.welcomeMsg"
placeholder
></el-input> ></el-input>
</div> </div>
<div class="bfc-o"> <div class="bfc-o">
...@@ -77,48 +77,38 @@ export default { ...@@ -77,48 +77,38 @@ export default {
<img v-if="imageUrl" :src="imageUrl" /> <img v-if="imageUrl" :src="imageUrl" />
<el-popover placement="top-start" trigger="hover"> <el-popover placement="top-start" trigger="hover">
<div class="flex"> <div class="ac">
<el-upload <Upload
class="mr10" ><el-button>
action
:show-file-list="false"
:on-success="uploadSuccess"
:before-upload="beforeUpload"
>
<el-button>
<i class="el-icon-picture-outline"></i> <i class="el-icon-picture-outline"></i>
<p>图片</p> <p>图片</p>
</el-button> </el-button></Upload
</el-upload> >
<el-button @click="dialogVisible = true"> <!-- <el-button @click="dialogVisible = true">
<i class="el-icon-link"></i> <i class="el-icon-link"></i>
<p>网页</p> <p>网页</p>
</el-button> </el-button>
<!-- <el-button @click="dialogVisible1 = true"> <el-button @click="dialogVisible1 = true">
<i class="el-icon-link"></i> <i class="el-icon-link"></i>
<p>小程序</p> <p>小程序</p>
</el-button>--> </el-button> -->
</div> </div>
<el-button slot="reference" icon="el-icon-plus" size="mini" <el-button slot="reference" icon="el-icon-plus" size="mini"
>添加图片/网页</el-button >添加图片</el-button
> >
</el-popover> </el-popover>
</el-card> </el-card>
</el-form-item> </el-form-item>
<el-form-item label=" "> <el-form-item label=" ">
<el-button type="cyan" icon="el-icon-search" size="mini" @click="submit" <el-button type="primary" @click="submit">保存</el-button>
>保存</el-button <el-button @click="$router.back()">取消</el-button>
>
<el-button icon="el-icon-refresh" size="mini" @click="$router.back()"
>取消</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<PhoneDialog :message="form.welcomeMsg"></PhoneDialog> <PhoneDialog :message="form.welcomeMsg || '请输入欢迎语'"></PhoneDialog>
<el-dialog title="添加网页消息" :visible.sync="dialogVisible" width="width"> <!-- <el-dialog title="添加网页消息" :visible.sync="dialogVisible" width="width">
<el-form :model="form" inline> <el-form :model="form" inline>
<el-form-item label="添加网页消息" label-width="200"> <el-form-item label="添加网页消息" label-width="200">
<el-input <el-input
...@@ -134,7 +124,7 @@ export default { ...@@ -134,7 +124,7 @@ export default {
>确 定</el-button >确 定</el-button
> >
</div> </div>
</el-dialog> </el-dialog> -->
<!-- <el-dialog <!-- <el-dialog
title="添加小程序消息" title="添加小程序消息"
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册