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 | 276 ++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 211 insertions(+), 65 deletions(-) diff --git a/admin/src/views/business/visitorSources.vue b/admin/src/views/business/visitorSources.vue index b0675bd..84bdd07 100644 --- a/admin/src/views/business/visitorSources.vue +++ b/admin/src/views/business/visitorSources.vue @@ -1,52 +1,144 @@ <template> - <div class="box"> - <el-form :model="form" ref="form" label-width="140px"> - <el-form-item label="鏉ヨ棰勭害鏂瑰紡:" prop="reservationWay"> - <el-radio-group v-model="form.reservationWay"> - <el-radio :label="0">棰勭害鍏嶇櫥璁�</el-radio> - <el-radio :label="1">棰勭害鍚庣櫥璁�(闇�瑕侀厤澶囪瀹㈡満)</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="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%;" 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> - <el-button type="primary" @click="submit">淇濆瓨閰嶇疆椤�</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', - - data () { + components: { + RichEditor + }, + data() { return { form: { id: null, @@ -54,38 +146,93 @@ reservationWay: 0, healthCard: 0, isAnswer: 0, + doorsVisitRequired: '', theme: '', - description: '' - } + 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 () { + created() { this.getData() }, methods: { - getData () { + 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.visitConfigParam.checkVisit + this.form.checkVisit = res.checkVisit this.form.description = res.description - this.form.healthCard = res.visitConfigParam.healthCard - this.form.isAnswer = res.visitConfigParam.isAnswer - this.form.reservationWay = res.visitConfigParam.reservationWay + 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 () { + submit() { updateVisitConfig({ - visitConfigParam: { - isAnswer: this.form.isAnswer, - healthCard: this.form.healthCard, - checkVisit: this.form.checkVisit, - reservationWay: this.form.reservationWay - }, + isAnswer: this.form.isAnswer, + healthCard: this.form.healthCard, + checkVisit: this.form.checkVisit, + reservationWay: this.form.reservationWay, description: this.form.description, - theme: this.form.theme + 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() @@ -96,11 +243,10 @@ </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