kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

便民通讯录

Browse Source
This commit is contained in:
yanran200730
2021-12-20 15:48:49 +08:00
parent b1e80ec0ca
commit b70dba7144
4 changed files with 53 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
packages/3.0.0/AppConvenienceAddressBook/components/Add.vue vendored
View File

@@ -7,27 +7,23 @@
<template slot="content"> <template slot="content">
<ai-card title="基本信息"> <ai-card title="基本信息">
<template #content> <template #content>
<el-form ref="form" :model="form" label-width="110px" label-position="right"> <el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
<el-form-item label="地区" style="width: 100%;" prop="codeName"> <el-form-item label="地区" style="width: 100%;" prop="codeName">
<span style="color: #666;">{{ form.areaName }}</span> <span style="color: #666;">{{ form.areaName }}</span>
</el-form-item> </el-form-item>
<el-form-item label="名称" prop="codeName" :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]"> <el-form-item style="width: 100%" label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入名称" v-model="form.codeName"></el-input> <el-input size="small" placeholder="请输入名称" v-model="form.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="类型" prop="type" :rules="[{ required: true, message: '请选择类型', trigger: 'change' }]"> <el-form-item style="width: 100%" label="类型" prop="type" :rules="[{ required: true, message: '请输入类型', trigger: 'change' }]">
<ai-select <el-input size="small" placeholder="请输入类型" v-model="form.type"></el-input>
v-model="form.type"
:selectList="dict.getDict('homeConfigMenuType')"
laceholder="请选择类型">
</ai-select>
</el-form-item> </el-form-item>
<el-form-item label="电话" prop="codeName" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]"> <el-form-item style="width: 100%" label="电话" prop="phone" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]">
<el-input size="small" placeholder="请输入电话" maxlength="20" v-model="form.codeName"></el-input> <el-input size="small" placeholder="请输入电话" maxlength="20" v-model="form.phone"></el-input>
</el-form-item> </el-form-item>
<el-form-item style="width: 100%;" label="是否公开" prop="type" :rules="[{ required: true, message: '请选择是否公开', trigger: 'change' }]"> <el-form-item style="width: 100%;" label="是否公开" prop="isPublic" :rules="[{ required: true, message: '请选择是否公开', trigger: 'change' }]">
<el-radio-group v-model="form.type"> <el-radio-group v-model="form.isPublic">
<el-radio label="0">否</el-radio>
<el-radio label="1">是</el-radio> <el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -56,10 +52,10 @@
info: {}, info: {},
form: { form: {
areaId: '', areaId: '',
codeName: '', name: '',
areaName: '', areaName: '',
code: '', phone: '',
codeUrl: [], isPublic: '1',
type: '', type: '',
}, },
id: '', id: '',
@@ -68,9 +64,6 @@
}, },
created () { created () {
this.dict.load('homeConfigMenuType').then(() => {
})
this.getAreaList() this.getAreaList()
if (this.params && this.params.areaId && !this.params.id) { if (this.params && this.params.areaId && !this.params.id) {
@@ -86,12 +79,9 @@
methods: { methods: {
getInfo (id) { getInfo (id) {
this.instance.post(`/app/appeveryvillagecode/queryDetailById?id=${id}`).then(res => { this.instance.post(`/app/appconvenientaddressbook/queryDetailById?id=${id}`).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.form = res.data this.form = res.data
this.form.codeUrl = [{
url: res.data.codeUrl
}]
} }
}) })
}, },
@@ -116,9 +106,9 @@
confirm () { confirm () {
this.$refs.form.validate((valid) => { this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
this.instance.post(`/app/appeveryvillagecode/addOrUpdate`, { this.instance.post(`/app/appconvenientaddressbook/addOrUpdate`, {
...this.form, ...this.form,
codeUrl: this.form.codeUrl[0].url id: this.params.id || ''
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.$message.success('提交成功') this.$message.success('提交成功')

56
packages/3.0.0/AppConvenienceAddressBook/components/List.vue vendored
View File

@@ -38,6 +38,19 @@
<template #left> <template #left>
<el-button size="small" type="primary" :disabled="isShowAdd" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button> <el-button size="small" type="primary" :disabled="isShowAdd" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button>
</template> </template>
<template slot="right">
<el-input
v-model="search.name"
class="search-input"
size="small"
@keyup.enter.native="search.current = 1, getList()"
placeholder="请输入名称/电话"
clearable
@change="getList"
@clear="search.current = 1, search.name = '', getList()"
suffix-icon="iconfont iconSearch">
</el-input>
</template>
</ai-search-bar> </ai-search-bar>
<ai-table <ai-table
:tableData="tableData" :tableData="tableData"
@@ -47,27 +60,19 @@
:current.sync="search.current" :current.sync="search.current"
:size.sync="search.size" :size.sync="search.size"
@getList="getList"> @getList="getList">
<el-table-column slot="tags" label="标签"> <el-table-column slot="isPublic" label="标签">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<div class="table-tags"> <el-switch
<el-tag type="info" v-for="(item, index) in row.tags" size="small" :key="index">{{ item }}</el-tag> v-model="row.isPublic"
</div> active-value="1"
@change="e => onChange(row.id, e)"
inactive-value="0">
</el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column slot="options" width="180px" fixed="right" label="操作" align="center"> <el-table-column slot="options" width="180px" fixed="right" label="操作" align="center">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<div class="table-options"> <div class="table-options">
<el-popover
placement="bottom"
width="160"
:visible-arrow="false"
popper-class="wechat-message__container"
trigger="hover">
<el-button type="text" slot="reference">二维码</el-button>
<div style="font-size: 0;">
<img class="message-info__img" :src="row.codeUrl">
</div>
</el-popover>
<el-button type="text" @click="toAdd(row.id)">编辑</el-button> <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
<el-button type="text" @click="remove(row.id)">删除</el-button> <el-button type="text" @click="remove(row.id)">删除</el-button>
</div> </div>
@@ -93,8 +98,7 @@
search: { search: {
current: 1, current: 1,
size: 10, size: 10,
status: 0, name: '',
title: '',
areaId: '' areaId: ''
}, },
defaultExpanded: [], defaultExpanded: [],
@@ -108,10 +112,11 @@
areaList: [], areaList: [],
total: 10, total: 10,
colConfigs: [ colConfigs: [
{prop: 'codeName', label: '名称', align: 'left'}, {prop: 'name', label: '名称', align: 'left'},
{prop: 'type', label: '二维码类型', align: 'left', formart: v => v === '0' ? '群二维码' : '个人二维码'}, {prop: 'type', label: '类型', align: 'center'},
{prop: 'createUserName', label: '创建人'}, {prop: 'phone', label: '联系方式', align: 'center'},
{prop: 'createTime', label: '创建时间'}, {prop: 'createTime', label: '创建时间'},
{slot: 'isPublic', label: '是否公开'},
{slot: 'options', label: '操作'} {slot: 'options', label: '操作'}
], ],
areaName: '', areaName: '',
@@ -149,7 +154,7 @@
methods: { methods: {
getList() { getList() {
this.instance.post(`/app/appeveryvillagecode/list`, null, { this.instance.post(`/app/appconvenientaddressbook/list`, null, {
params: { params: {
...this.search ...this.search
} }
@@ -161,6 +166,15 @@
}) })
}, },
onChange (id) {
this.instance.post(`/app/appconvenientaddressbook/enable?id=${id}`).then(res => {
if (res.code == 0) {
this.$message.success('修改成功')
this.getList()
}
})
},
filterNode(value, data) { filterNode(value, data) {
if (!value) return true if (!value) return true
return data.name.indexOf(value) !== -1 return data.name.indexOf(value) !== -1

2
packages/3.0.0/AppVillageActivity/components/Add.vue vendored
View File

@@ -46,7 +46,7 @@
<el-form-item label="活动介绍" style="width: 100%;" prop="content" :rules="[{required: true, message: '请输入内容', trigger: 'change'}]"> <el-form-item label="活动介绍" style="width: 100%;" prop="content" :rules="[{required: true, message: '请输入内容', trigger: 'change'}]">
<ai-editor v-model="form.content" :instance="instance"/> <ai-editor v-model="form.content" :instance="instance"/>
</el-form-item> </el-form-item>
<el-form-item label="缩略图" style="width: 100%;" prop="url"> <el-form-item label="缩略图" style="width: 100%;" prop="url" :rules="[{required: true, message: '请上传缩略图', trigger: 'blur'}]">
<ai-uploader <ai-uploader
:instance="instance" :instance="instance"
isShowTip isShowTip

2
packages/3.0.0/AppVillageActivity/components/Detail.vue vendored
View File

@@ -82,8 +82,8 @@
currIndex: 0, currIndex: 0,
tableData: [], tableData: [],
colConfigs: [ colConfigs: [
{prop: 'createTime', label: '报名时间', align: 'center'},
{prop: 'name', label: '报名人员名称', align: 'center' }, {prop: 'name', label: '报名人员名称', align: 'center' },
{prop: 'createTime', label: '报名时间', align: 'center'},
{prop: 'phone', label: '联系方式', align: 'center' } {prop: 'phone', label: '联系方式', align: 'center' }
], ],
tabList: ['基本信息', '报名情况', '活动动态'] tabList: ['基本信息', '报名情况', '活动动态']