kefu/static/templates/default/setting_welcome.html

138 lines
7.6 KiB
HTML
Raw Permalink Normal View History

2024-12-10 02:50:12 +00:00
{{template "header" }}
<style>
.el-tabs__content{
z-index: 1;
}
</style>
<div id="app" style="width:100%">
<template>
<el-tabs type="border-card" @tab-click="handleTabClick">
<el-tab-pane label="欢迎语">
<el-button icon="el-icon-plus" style="margin-bottom: 10px;" @click="welcomeForm.id='';welcomeForm.content='';welcomeForm.keyword='welcome';welcomeDialog=true;" type="primary" size="small"><{flyLang.add}></el-button>
<el-table
:empty-text="flyLang.nodata"
:data="noticeList"
border>
<el-table-column
prop="content"
:label="flyLang.content">
<template slot-scope="scope">
<div v-html="scope.row.content"></div>
</template>
</el-table-column>
<el-table-column
width="80px"
prop="content"
:label="flyLang.delay+'(s)'">
<template slot-scope="scope">
<el-input v-model="scope.row.delay_second"></el-input>
</template>
</el-table-column>
<el-table-column
prop="ctime"
:label="flyLang.createTime">
</el-table-column>
<el-table-column
width="150px"
prop="id"
:label="flyLang.doIt">
<template slot-scope="scope">
<el-button @click="welcomeForm.delay_second=scope.row.delay_second;welcomeForm.keyword=scope.row.keyword;welcomeForm.id=scope.row.id;welcomeForm.content=scope.row.content;welcomeDialog=true;" type="primary" size="small" icon="el-icon-edit" circle></el-button>
<el-button @click="setWelcomeItem(scope.row.id,scope.row.content,scope.row.delay_second)" type="primary" size="small" icon="el-icon-refresh-left" circle></el-button>
<el-button @click="deleteWelcome(scope.row.id)" type="danger" size="small" icon="el-icon-delete" circle></el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="纯文本欢迎">
<el-button icon="el-icon-plus" style="margin: 10px 0px;" @click="welcomeForm.id='';welcomeForm.content='';welcomeForm.keyword='wechat';welcomeWechatDialog=true;" type="primary" size="small"><{flyLang.wechatReply}></el-button>
<el-table
:empty-text="flyLang.nodata"
:data="wechatWelcomes"
border>
<el-table-column
prop="content"
:label="flyLang.content">
<template slot-scope="scope">
<div v-html="scope.row.content"></div>
</template>
</el-table-column>
<el-table-column
width="80px"
prop="content"
:label="flyLang.delay+'(s)'">
<template slot-scope="scope">
<el-input v-model="scope.row.delay_second"></el-input>
</template>
</el-table-column>
<el-table-column
prop="ctime"
:label="flyLang.createTime">
</el-table-column>
<el-table-column
prop="id"
:label="flyLang.doIt">
<template slot-scope="scope">
<el-button @click="welcomeWechatDialog=true;welcomeForm.keyword=scope.row.keyword;welcomeForm.id=scope.row.id;welcomeForm.content=scope.row.content;editor.txt.html(scope.row.content)" type="primary" size="small" icon="el-icon-edit" circle></el-button>
<el-button @click="setWelcomeItem(scope.row.id,scope.row.content,scope.row.delay_second)" type="primary" size="small" icon="el-icon-refresh-left" circle></el-button>
<el-button @click="deleteWelcome(scope.row.id)" type="danger" size="small" icon="el-icon-delete" circle></el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="离线时回复" name="offlineSetting">
<el-form label-width="230px">
<div id="offlineSettingEditor" style="border:1px solid #dcdfe6;margin: 10px 0px;"></div>
<el-button type="primary" @click='setEntConfigItem("客服全部离线时的提示语","KefuOfflineNotice",editor.txt.html())'>保存</el-button>
</el-form>
</el-tab-pane>
</el-tabs>
<el-dialog
:title="flyLang.welcome"
:visible.sync="welcomeDialog"
width="60%"
@opened="initEditor()"
@closed="destoryEditor()"
:close-on-click-modal="false"
>
<div>
<el-input-number v-model="welcomeForm.delay_second" placeholder="延迟秒数请输入整数,0-10" controls-position="right" :min="0" :step="1" :max="100"></el-input-number>
<span style="color:#aaaaaa">延迟秒数</span>
</div>
<div style="padding: 10px; margin: 10px 0px; background-color: rgb(253, 246, 236); color: rgb(230, 162, 60);">
设置文本点击直接发送功能:为文本增加超链接,超链接地址处填写 #
</div>
<div id="welcomeEditor" style="border:1px solid #dcdfe6" v-html="welcomeForm.content"></div>
<span slot="footer" class="dialog-footer">
<el-button @click="welcomeDialog = false"><{flyLang.cancel}></el-button>
<el-button type="primary" @click="submitWelcomeForm('welcomeForm',false)"><{flyLang.save}></el-button>
</span>
</el-dialog>
<el-dialog
:title="flyLang.welcome"
:visible.sync="welcomeWechatDialog"
width="60%"
:close-on-click-modal="false"
>
<el-form ref="welcomeForm" :model="welcomeForm" :rules="rules" label-width="70px">
<el-form-item :label="flyLang.content" prop="content">
<el-input v-model="welcomeForm.content" type="textarea" :autosize="{ minRows: 5, maxRows: 10}"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="welcomeWechatDialog = false"><{flyLang.cancel}></el-button>
<el-button type="primary" @click="submitWelcomeForm('welcomeForm',true)"><{flyLang.save}></el-button>
</span>
</el-dialog>
</template>
</div>
</body>
<script src="/static/js/wangEditor.min.js"></script>
{{template "setting_bottom" .}}