From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期三, 16 十月 2024 15:59:38 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/business/visitorSources.vue | 286 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 236 insertions(+), 50 deletions(-) diff --git a/admin/src/views/business/visitorSources.vue b/admin/src/views/business/visitorSources.vue index 129b678..84bdd07 100644 --- a/admin/src/views/business/visitorSources.vue +++ b/admin/src/views/business/visitorSources.vue @@ -1,66 +1,252 @@ <template> - <div class="box"> - <el-form :model="form" ref="form" label-width="140px"> - <el-form-item label="鏉ヨ棰勭害鏂瑰紡:" prop="doorIds"> - <el-radio-group v-model="form.doorIds"> - <el-radio :label="3">棰勭害鍏嶇櫥璁�</el-radio> - <el-radio :label="6">棰勭害鍚庣櫥璁�(闇�瑕侀厤澶囪瀹㈡満)</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="琚浜烘牎楠屾柟寮�:" prop="doorIds"> - <el-radio-group v-model="form.doorIds"> - <el-radio :label="3">浠呮墜鏈哄彿</el-radio> - <el-radio :label="6">鎵嬫満鍙�&濮撳悕</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="鍋ュ悍璇佹槸鍚﹀繀濉�:" prop="doorIds"> - <el-radio-group v-model="form.doorIds"> - <el-radio :label="3">鍚�</el-radio> - <el-radio :label="6">鏄�</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="璁垮鏄惁绛旈:" prop="doorIds"> - <el-switch - v-model="form.doorIds" - active-color="#13ce66" - inactive-color="#ff4949" - :active-value="1" - :inactive-value="0"> - </el-switch> - </el-form-item> - <el-form-item label="璁垮绛旈涓婚:" prop="doorIds"> - <el-input style="width: 50%;" v-model="form.doorIds" placeholder="璇疯緭鍏ョ瓟棰樻爣棰�" v-trim/> - </el-form-item> - <el-form-item label="璁垮绛旈璇存槑:" prop="doorIds"> - <el-input style="width: 50%;" type="textarea" v-model="form.doorIds" placeholder="璇疯緭鍏�" v-trim/> - </el-form-item> - <el-form-item> - <el-button type="primary">淇濆瓨閰嶇疆椤�</el-button> - </el-form-item> - </el-form> - </div> + <div class="box"> + <el-form :model="form" ref="form" label-width="140px"> + <div> + <span style="font-size: 15px; font-weight: bold">浜哄憳鎺堟潈閰嶇疆锛�</span> + </div> + <el-form-item label="" prop="frezzDays" label-width="50px"> + 浜哄憳闂ㄧ鎺堟潈鍐荤粨锛氳繛缁� + <el-input + style="width: 50px" + type="text" + v-model="form.frezzDays" + placeholder="" + v-trim + /> + 澶╋紝鏃犻棬绂�/杞﹁締闂告満浜嬩欢 + </el-form-item> + <div> + <span style="font-size: 15px; font-weight: bold">璁垮閰嶇疆锛�</span> + </div> + <el-form-item label="鏉ヨ棰勭害鏂瑰紡:" prop="reservationWay"> + <el-radio-group v-model="form.reservationWay"> + <el-radio :label="1">棰勭害鍏嶇櫥璁�</el-radio> + <el-radio :label="0">棰勭害鍚庣櫥璁�(闇�瑕侀厤澶囪瀹㈡満)</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="琚浜烘牎楠屾柟寮�:" prop="checkVisit"> + <el-radio-group v-model="form.checkVisit"> + <el-radio :label="0">浠呮墜鏈哄彿</el-radio> + <el-radio :label="1">鎵嬫満鍙�&濮撳悕</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鍋ュ悍璇佹槸鍚﹀繀濉�:" prop="healthCard"> + <el-radio-group v-model="form.healthCard"> + <el-radio :label="0">鍚�</el-radio> + <el-radio :label="1">鏄�</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="鍏佽鑷�夐棬绂佺粍:" prop="doorsVisitRequired"> + <el-switch + v-model="form.doorsVisitRequired" + active-color="#13ce66" + inactive-color="#ff4949" + :active-value="1" + :inactive-value="0" + > + </el-switch> + </el-form-item> + <el-form-item label="璁垮鏄惁绛旈:" prop="isAnswer"> + <el-switch + v-model="form.isAnswer" + active-color="#13ce66" + inactive-color="#ff4949" + :active-value="1" + :inactive-value="0" + > + </el-switch> + </el-form-item> + <el-form-item label="璁垮绛旈涓婚:" prop="theme"> + <el-input + style="width: 50%" + type="textarea" + v-model="form.theme" + placeholder="璇疯緭鍏ョ瓟棰樻爣棰�" + v-trim + /> + </el-form-item> + <el-form-item label="璁垮绛旈璇存槑:" prop="description"> + <el-input + style="width: 50%" + type="textarea" + v-model="form.description" + placeholder="璇疯緭鍏�" + v-trim + /> + </el-form-item> + <el-form-item label="鍦ㄥ洯椤荤煡:" prop="visitNotice"> + <!-- <el-tiptap + style="width: 50%" + v-model="form.visitNotice" + :extensions="extensions" + /> --> + <RichEditor style="width: 70%" :richData="form.visitNotice" :styleEditor="styleEditor" @getWangedditor="getWangedditor" :readonly="false"/> + </el-form-item> + <el-form-item label="璁垮棰勭害鎸囧崡:" prop="visitNotice"> + <!-- <el-tiptap + style="width: 50%" + v-model="form.visitTips" + :extensions="extensions" + /> --> + <RichEditor style="width: 70%" :richData="form.visitTips" :styleEditor="styleEditor" @getWangedditor="getWangedditor1" :readonly="false"/> + </el-form-item> + <el-form-item label="璁垮鍏ュ洯瀵艰鍥�:" prop="visitNotice"> + <!-- <el-tiptap + style="width: 50%" + v-model="form.visitMap" + :extensions="extensions" + /> --> + <RichEditor style="width: 70%" :richData="form.visitMap" :styleEditor="styleEditor" @getWangedditor="getWangedditor2" :readonly="false"/> + </el-form-item> + <el-form-item> + <el-button type="primary" @click="submit">淇濆瓨閰嶇疆椤�</el-button> + </el-form-item> + </el-form> + </div> </template> <script> +import { getVisitConfigDTO, updateVisitConfig } from '@/api/system/common' +import RichEditor from '@/components/common/RichEditor' +import { + // necessary extensions + Doc, + Text, + Paragraph, + Heading, + Bold, + Underline, + Italic, + Strike, + ListItem, + BulletList, + OrderedList, + Image, + Blockquote, + TextAlign, + Indent, + Table, + TableHeader, + TableCell, + TableRow, + TextColor, + HorizontalRule +} from 'element-tiptap' +import { upload } from '@/api/system/common' export default { name: 'visitorSources', - + components: { + RichEditor + }, data() { return { form: { - doorIds: '' - } + id: null, + checkVisit: 0, + reservationWay: 0, + healthCard: 0, + isAnswer: 0, + doorsVisitRequired: '', + theme: '', + description: '', + visitNotice: '', + visitMap: '', + visitTips: '', + frezzDays: null + }, + styleEditor:'border: 1px solid #ccc;display: inline-block;', + extensions: [ + new Doc(), + new Text(), + new Paragraph(), + new Heading({ level: 5 }), + new Bold({ bubble: true }), + new Underline({ bubble: true, menubar: false }), + new Italic(), + new Strike(), + new ListItem(), + new BulletList(), + new OrderedList(), + new Image({ + uploadRequest(file) { + const fd = new FormData() + fd.append('folder', 'visit/') + fd.append('file', file) + return upload(fd).then(res => { + return res.url + }) + } + }), + new Blockquote(), + new TextAlign(), + new Indent(), + new Table(), + new TableHeader(), + new TableCell(), + new TableRow(), + new HorizontalRule(), + new TextColor() + ] + } + }, + + created() { + this.getData() + }, + + methods: { + getWangedditor(val){ + this.form.visitNotice =val + }, + getWangedditor1(val){ + this.form.visitTips =val + }, + getWangedditor2(val){ + this.form.visitMap =val + }, + getData() { + getVisitConfigDTO({}) + .then(res => { + this.form.checkVisit = res.checkVisit + this.form.description = res.description + this.form.healthCard = res.healthCard + this.form.isAnswer = res.isAnswer + this.form.reservationWay = res.reservationWay + this.form.theme = res.theme + this.form.doorsVisitRequired = res.doorsVisitRequired + this.form.visitNotice = res.visitNotice + this.form.visitTips = res.visitTips + this.form.visitMap = res.visitMap + this.form.frezzDays = res.frezzDays + }) + }, + submit() { + updateVisitConfig({ + isAnswer: this.form.isAnswer, + healthCard: this.form.healthCard, + checkVisit: this.form.checkVisit, + reservationWay: this.form.reservationWay, + description: this.form.description, + theme: this.form.theme, + visitNotice: this.form.visitNotice, + visitTips: this.form.visitTips, + frezzDays: this.form.frezzDays, + visitMap: this.form.visitMap, + doorsVisitRequired: this.form.doorsVisitRequired + }).then(res => { + this.$message.success('淇濆瓨鎴愬姛') + this.getData() + }) } } } </script> <style lang="scss" scoped> - .box { - width: 100%; - height: 100%; - padding: 30px; - box-sizing: border-box; - background: #ffffff; - } +.box { + width: 100%; + padding: 30px; + box-sizing: border-box; + background: #ffffff; +} </style> -- Gitblit v1.9.3