chuangte/electripper-v2-ui
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

前端广告展示

Browse Source
This commit is contained in:
SjS 2025-04-25 11:20:01 +08:00
parent 21d222eab5
commit 4e853edf72
2 changed files with 145 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/bst/ad/index.vue
View File

@ -82,13 +82,13 @@
v-hasPermi="['bst:ad:edit']"> v-hasPermi="['bst:ad:edit']">
{{ scope.row.auditStatus === '1' ? '审核' : '查看详情' }} {{ scope.row.auditStatus === '1' ? '审核' : '查看详情' }}
</el-button> </el-button>
<!-- <el-button--> <el-button
<!-- size="mini"--> size="mini"
<!-- type="text"--> type="text"
<!-- icon="el-icon-edit"--> icon="el-icon-edit"
<!-- @click="handleUpdate(scope.row)"--> @click="handleUpdate(scope.row)"
<!-- v-has-permi="['bst:ad:edit']"--> v-has-permi="['bst:ad:edit']"
<!-- >修改</el-button>--> >修改</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"

157
src/views/bst/agreement/index.vue
View File

@ -34,19 +34,20 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-has-permi="['bst:agreement:add']" v-has-permi="['bst:agreement:add']"
>新增</el-button> >新增
</el-button>
</el-col> </el-col>
<!-- <el-col :span="1.5">--> <!-- <el-col :span="1.5">-->
<!-- <el-button--> <!-- <el-button-->
<!-- type="danger"--> <!-- type="danger"-->
<!-- plain--> <!-- plain-->
<!-- icon="el-icon-delete"--> <!-- icon="el-icon-delete"-->
<!-- size="mini"--> <!-- size="mini"-->
<!-- :disabled="multiple"--> <!-- :disabled="multiple"-->
<!-- @click="handleDelete"--> <!-- @click="handleDelete"-->
<!-- v-has-permi="['bst:agreement:remove']"--> <!-- v-has-permi="['bst:agreement:remove']"-->
<!-- >删除</el-button>--> <!-- >删除</el-button>-->
<!-- </el-col>--> <!-- </el-col>-->
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
@ -55,13 +56,15 @@
size="mini" size="mini"
@click="handleExport" @click="handleExport"
v-has-permi="['bst:agreement:export']" v-has-permi="['bst:agreement:export']"
>导出</el-button> >导出
</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="agreementList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="onSortChange"> <el-table v-loading="loading" :data="agreementList" @selection-change="handleSelectionChange"
<el-table-column type="selection" width="55" align="center" /> :default-sort="defaultSort" @sort-change="onSortChange">
<el-table-column type="selection" width="55" align="center"/>
<template v-for="column of showColumns"> <template v-for="column of showColumns">
<el-table-column <el-table-column
:key="column.key" :key="column.key"
@ -76,17 +79,18 @@
> >
<template slot-scope="d"> <template slot-scope="d">
<template v-if="column.key === 'id'"> <template v-if="column.key === 'id'">
{{d.row[column.key]}} {{ d.row[column.key] }}
</template> </template>
<template v-else-if="column.key === 'title'"> <template v-else-if="column.key === 'title'">
{{d.row.title | dv}} {{ d.row.title | dv }}
<dict-tag :options="dict.type.agreement_type" :value="d.row.agreementType" size="mini" style="margin-left: 4px;"/> <dict-tag :options="dict.type.agreement_type" :value="d.row.agreementType" size="mini"
style="margin-left: 4px;"/>
</template> </template>
<template v-else-if="column.key === 'userName'"> <template v-else-if="column.key === 'userName'">
<user-link :id="d.row.storeId" :text="d.row.userName"/> <user-link :id="d.row.storeId" :text="d.row.userName"/>
</template> </template>
<template v-else> <template v-else>
{{d.row[column.key]}} {{ d.row[column.key] }}
</template> </template>
</template> </template>
</el-table-column> </el-table-column>
@ -99,14 +103,16 @@
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-has-permi="['bst:agreement:edit']" v-has-permi="['bst:agreement:edit']"
>修改</el-button> >修改
</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-has-permi="['bst:agreement:remove']" v-has-permi="['bst:agreement:remove']"
>删除</el-button> >删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -123,9 +129,9 @@
<el-dialog :title="title" :visible.sync="open" width="900px" append-to-body :close-on-click-modal="false"> <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-loading="detailLoading"> <el-form ref="form" :model="form" :rules="rules" label-width="80px" v-loading="detailLoading">
<el-form-item :span="24" label="标题" prop="title"> <el-form-item :span="24" label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" /> <el-input v-model="form.title" placeholder="请输入标题"/>
</el-form-item> </el-form-item>
<el-form-item label="运营区" prop="areaId" > <el-form-item label="运营区" prop="areaId">
<area-remote-select <area-remote-select
v-model="form.areaId" v-model="form.areaId"
:init-options="initAreaOptions" :init-options="initAreaOptions"
@ -134,6 +140,23 @@
style="width: 58%" style="width: 58%"
/> />
</el-form-item> </el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<form-col label="内容类型" prop="contentType">
<el-select
v-model="form.contentType"
placeholder="请选择内容类型"
style="width: 95%"
>
<el-option
v-for="dict in dict.type.agreement_content_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</form-col>
</el-col>
<el-col :span="12"> <el-col :span="12">
<form-col label="协议类型" prop="agreementType"> <form-col label="协议类型" prop="agreementType">
<el-select <el-select
@ -150,6 +173,8 @@
</el-select> </el-select>
</form-col> </form-col>
</el-col> </el-col>
</el-row>
<el-row gutter="20">
<el-col :span="12"> <el-col :span="12">
<form-col label="展示时长" prop="duration"> <form-col label="展示时长" prop="duration">
<div style="display: flex; align-items: center; gap: 10px"> <div style="display: flex; align-items: center; gap: 10px">
@ -165,12 +190,19 @@
</div> </div>
</form-col> </form-col>
</el-col> </el-col>
<form-col :span="span" label="简介" prop="brief"> </el-row>
<el-input v-model="form.brief" placeholder="请输入简介" /> <el-row gutter="20">
<el-col :span="span">
<form-col label="简介" prop="brief">
<el-input v-model="form.brief" placeholder="请输入简介"/>
</form-col> </form-col>
<form-col :span="span" label="内容详情"> </el-col>
<editor v-model="form.content" :min-height="200"/> <el-col :span="span">
<form-col label="内容详情">
<editor v-model="form.content" :min-height="150"/>
</form-col> </form-col>
</el-col>
</el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -181,14 +213,14 @@
</template> </template>
<script> <script>
import { listAgreement, getAgreement, delAgreement, addAgreement, updateAgreement } from "@/api/bst/agreement"; import {listAgreement, getAgreement, delAgreement, addAgreement, updateAgreement} from "@/api/bst/agreement";
import { $showColumns } from '@/utils/mixins'; import {$showColumns} from '@/utils/mixins';
import FormCol from "@/components/FormCol/index.vue"; import FormCol from "@/components/FormCol/index.vue";
import Editor from "@/components/Editor/index.vue"; import Editor from "@/components/Editor/index.vue";
import AreaRemoteSelect from "@/components/Business/Area/AreaRemoteSelect.vue"; import AreaRemoteSelect from "@/components/Business/Area/AreaRemoteSelect.vue";
import UserLink from "@/components/Business/User/UserLink.vue"; import UserLink from "@/components/Business/User/UserLink.vue";
// 默认排序字段 // 默认排序字段
const defaultSort = { const defaultSort = {
prop: "createTime", prop: "createTime",
order: "descending" order: "descending"
@ -197,16 +229,53 @@ const defaultSort = {
export default { export default {
name: "Agreement", name: "Agreement",
mixins: [$showColumns], mixins: [$showColumns],
dicts: ['agreement_type'], dicts: ['agreement_type', 'agreement_content_type'],
components: {FormCol,Editor,AreaRemoteSelect,UserLink}, components: {FormCol, Editor, AreaRemoteSelect, UserLink},
data() { data() {
return { return {
span: 24, span: 24,
// 字段列表 // 字段列表
columns: [ columns: [
{key: 'id', visible: false, label: 'ID', minWidth: null, sortable: true, overflow: false, align: 'center', width: "80"}, {
{key: 'title', visible: true, label: '标题', minWidth: "150", sortable: true, overflow: false, align: 'left', width: null}, key: 'id',
{key: 'brief', visible: true, label: '简介', minWidth: null, sortable: true, overflow: true, align: 'center', width: null}, visible: false,
label: 'ID',
minWidth: null,
sortable: true,
overflow: false,
align: 'center',
width: "80"
},
{
key: 'title',
visible: true,
label: '标题',
minWidth: "150",
sortable: true,
overflow: false,
align: 'left',
width: null
},
{
key: 'contentType',
visible: true,
label: '类型',
minWidth: "150",
sortable: true,
overflow: false,
align: 'left',
width: null
},
{
key: 'brief',
visible: true,
label: '简介',
minWidth: null,
sortable: true,
overflow: true,
align: 'center',
width: null
},
{key: 'userName', visible: true, label: '商户', sortable: true, align: 'center'}, {key: 'userName', visible: true, label: '商户', sortable: true, align: 'center'},
{key: 'areaName', visible: true, label: '运营区', sortable: true, align: 'center'}, {key: 'areaName', visible: true, label: '运营区', sortable: true, align: 'center'},
{key: 'createTime', visible: true, label: '创建时间', sortable: true, align: 'center'}, {key: 'createTime', visible: true, label: '创建时间', sortable: true, align: 'center'},
@ -244,6 +313,7 @@ export default {
brief: null, brief: null,
content: null, content: null,
agreementType: null, agreementType: null,
contentType: null,
duration: null, duration: null,
}, },
// 表单参数 // 表单参数
@ -254,10 +324,16 @@ export default {
title: [ title: [
{required: true, message: "标题不能为空", trigger: "blur"} {required: true, message: "标题不能为空", trigger: "blur"}
], ],
areaId: [
{required: true, message: "运营区不能为空", trigger: "blur"}
],
agreementType: [
{required: true, message: "协议类型不能为空", trigger: "blur"}
],
} }
}; };
}, },
computed:{ computed: {
initAreaOptions() { initAreaOptions() {
return [{id: this.form.areaId, name: this.form.areaName}] return [{id: this.form.areaId, name: this.form.areaName}]
}, },
@ -296,7 +372,7 @@ export default {
this.form = { this.form = {
id: null, id: null,
storeId: null, storeId: null,
areaName:null, areaName: null,
areaId: null, areaId: null,
title: null, title: null,
brief: null, brief: null,
@ -339,7 +415,7 @@ export default {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "修改协议"; this.title = "修改协议";
}).finally(()=>{ }).finally(() => {
this.detailLoading = false; this.detailLoading = false;
}); });
}, },
@ -370,12 +446,13 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除协议编号为"' + ids + '"的数据项？').then(function() { this.$modal.confirm('是否确认删除协议编号为"' + ids + '"的数据项？').then(function () {
return delAgreement(ids); return delAgreement(ids);
}).then(() => { }).then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => {}); }).catch(() => {
});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {