Initial commit: 小众厨房项目代码

Co-authored-by: Cursor <cursoragent@cursor.com>

application/admin/view/shopro/chat/customer_service/add.html

@@ -0,0 +1,124 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #customerServiceDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    .shopro-add-image {
+        width: 60px;
+        height: 60px;
+        border-radius: 4px;
+        border: 1px solid #e6e6e6;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 20px;
+    }
+
+    .shopro-select-item {
+        position: relative;
+    }
+
+    .shopro-select-item-container {
+        display: flex;
+        align-items: center;
+    }
+
+    .shopro-select-item-id {
+        width: 70px;
+    }
+
+    .shopro-select-item-image {
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        margin: 0 30px;
+    }
+
+    .shopro-select-item-name {
+        width: 80px;
+    }
+
+    .shopro-select-item-page {
+        position: sticky;
+        background: #fff;
+        height: 28px;
+        top: 0;
+        z-index: 1
+    }
+
+    .shopro-select-item-page .pagination {
+        margin: 0;
+    }
+
+    .title-tip {
+        color: #999;
+        line-height: 13px;
+        font-size: 13px;
+        font-weight: 400;
+        margin-top: 14px;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="customerServiceDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="138px">
+        <el-form-item label="客服昵称：" prop="name">
+            <el-input v-model="detailForm.name" placeholder="请输入客服昵称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="客服头像：" prop="avatar">
+            <div class="shopro-add-image" @click="addAvatar">
+                <div v-if="!detailForm.avatar">
+                    <i class="el-icon-plus"></i>
+                </div>
+                <el-image v-if="detailForm.avatar" :src="Fast.api.cdnurl(detailForm.avatar)" fit="contain">
+                    <div slot="error" class="image-slot">
+                        <i class="el-icon-picture-outline"></i>
+                    </div>
+                </el-image>
+            </div>
+        </el-form-item>
+        <el-form-item label="绑定管理员：" prop="admin_id">
+            <div class="shopro-select-container">
+                <el-select class="shopro-select-item" v-model="detailForm.admin_id" filterable placeholder="请选择管理员"
+                    :filter-method="dataFilter" size="small">
+                    <el-option v-for="item in adminList" :key="item.nickname" :label="item.nickname" :value="item.id">
+                        <div class="shopro-select-item-container">
+                            <div class="shopro-select-item-id">{{ item.id }}</div>
+                            <img class="shopro-select-item-image" :src="Fast.api.cdnurl(item.avatar)">
+                            <div class="shopro-select-item-name ellipsis-item">{{ item.nickname }}</div>
+                        </div>
+                    </el-option>
+                    <div class="shopro-select-item-page">
+                        <div class="text-normal display-flex" style="justify-content: center;">
+                            <el-pagination class="pagination" :current-page="currentPage" :total="totalPage" :page-size="limit"
+                                layout="total, prev, pager,next" pager-count="6" @current-change="pageCurrentChange" />
+                            </el-pagination>
+                        </div>
+                    </div>
+                </el-select>
+            </div>
+        </el-form-item>
+        <el-form-item label="最佳接待人数：" prop="max_num">
+            <el-input v-model="detailForm.max_num" placeholder="请输入最佳接待人数" size="small"></el-input>
+            <div class="title-tip">
+                根据实际接待人数/最佳接待人数计算客服当前忙碌度，当按忙碌度进行分配客服时，优先分配给最空闲的客服
+            </div>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="online">在线</el-radio>
+                <el-radio label="offline">离线</el-radio>
+            </el-radio-group>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/customer_service/edit.html

@@ -0,0 +1,124 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #customerServiceDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    .shopro-add-image {
+        width: 60px;
+        height: 60px;
+        border-radius: 4px;
+        border: 1px solid #e6e6e6;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 20px;
+    }
+
+    .shopro-select-item {
+        position: relative;
+    }
+
+    .shopro-select-item-container {
+        display: flex;
+        align-items: center;
+    }
+
+    .shopro-select-item-id {
+        width: 70px;
+    }
+
+    .shopro-select-item-image {
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        margin: 0 30px;
+    }
+
+    .shopro-select-item-name {
+        width: 80px;
+    }
+
+    .shopro-select-item-page {
+        position: sticky;
+        background: #fff;
+        height: 28px;
+        top: 0;
+        z-index: 1
+    }
+
+    .shopro-select-item-page .pagination {
+        margin: 0;
+    }
+
+    .title-tip {
+        color: #999;
+        line-height: 13px;
+        font-size: 13px;
+        font-weight: 400;
+        margin-top: 14px;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="customerServiceDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="138px">
+        <el-form-item label="客服昵称：" prop="name">
+            <el-input v-model="detailForm.name" placeholder="请输入客服昵称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="客服头像：" prop="avatar">
+            <div class="shopro-add-image" @click="addAvatar">
+                <div v-if="!detailForm.avatar">
+                    <i class="el-icon-plus"></i>
+                </div>
+                <el-image v-if="detailForm.avatar" :src="Fast.api.cdnurl(detailForm.avatar)" fit="contain">
+                    <div slot="error" class="image-slot">
+                        <i class="el-icon-picture-outline"></i>
+                    </div>
+                </el-image>
+            </div>
+        </el-form-item>
+        <el-form-item label="绑定管理员：" prop="admin_id">
+            <div class="shopro-select-container">
+                <el-select class="shopro-select-item" v-model="detailForm.admin_id" filterable placeholder="请选择管理员"
+                    :filter-method="dataFilter" size="small">
+                    <el-option v-for="item in adminList" :key="item.nickname" :label="item.nickname" :value="item.id">
+                        <div class="shopro-select-item-container">
+                            <div class="shopro-select-item-id">{{ item.id }}</div>
+                            <img class="shopro-select-item-image" :src="Fast.api.cdnurl(item.avatar)">
+                            <div class="shopro-select-item-name ellipsis-item">{{ item.nickname }}</div>
+                        </div>
+                    </el-option>
+                    <div class="shopro-select-item-page">
+                        <div class="text-normal display-flex" style="justify-content: center;">
+                            <el-pagination class="pagination" :current-page="currentPage" :total="totalPage" :page-size="limit"
+                                layout="total, prev, pager,next" pager-count="5" @current-change="pageCurrentChange" />
+                            </el-pagination>
+                        </div>
+                    </div>
+                </el-select>
+            </div>
+        </el-form-item>
+        <el-form-item label="最佳接待人数：" prop="max_num">
+            <el-input v-model="detailForm.max_num" placeholder="请输入最佳接待人数" size="small"></el-input>
+            <div class="title-tip">
+                根据实际接待人数/最佳接待人数计算客服当前忙碌度，当按忙碌度进行分配客服时，优先分配给最空闲的客服
+            </div>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="online">在线</el-radio>
+                <el-radio label="offline">离线</el-radio>
+            </el-radio-group>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/customer_service/index.html

@@ -0,0 +1,169 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #customerServiceIndex {
+        color: #444;
+        background: #fff;
+        padding-bottom: 30px;
+    }
+
+    .shopro-header-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .kefu-status {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        display: inline-block;
+        margin: 0 6px 0 0;
+    }
+
+    .kefu-status-online {
+        background: #8644F2;
+    }
+
+    .kefu-status-offline {
+        background: #ED655F;
+    }
+
+    .kefu-status-other {
+        background: #666;
+    }
+
+    .kefu-status-text-offline {
+        color: #ED655F;
+    }
+
+    .kefu-status-text-online {
+        color: #8644F2;
+    }
+
+    .kefu-status-text-other {
+        color: #666;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
+<div id="customerServiceIndex" v-cloak>
+    <div class="shopro-header-container">
+        <div class="choose-status" style="font-size: 14px;">
+            客服管理
+        </div>
+        <div class="custom-search">
+            <el-input placeholder="请输入搜索名称" suffix-icon="el-icon-search" v-model="search" size="small">
+            </el-input>
+        </div>
+    </div>
+    <div class="shopro-index-button-container">
+        <div class="shopro-button shopro-refresh-button" @click="getData">
+            <i class="el-icon-refresh"></i>
+        </div>
+        <div class="shopro-button shopro-add-button" @click="operation('create',null)">
+            <i class="el-icon-plus"></i>添加客服
+        </div>
+    </div>
+    <div class="shopro-table-container">
+        <div class="custom-table-border">
+            <el-table :data="data" border :cell-class-name="tableCellClassName" stripe
+                :header-cell-class-name="tableCellClassName" @row-dblclick="operation">
+                <el-table-column label="ID" prop="id" min-width="60">
+                </el-table-column>
+                <el-table-column label="绑定管理员" min-width="200">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.admin">
+                            <div class="table-image">
+                                <el-image :src="Fast.api.cdnurl(scope.row.admin.avatar)" fit="contain">
+                                    <div slot="error" class="image-slot">
+                                        <i class="el-icon-picture-outline"></i>
+                                    </div>
+                                </el-image>
+                            </div>
+                            <div class="ellipsis-item">{{scope.row.admin.nickname}}</div>
+                        </div>
+                        <div v-else>{{scope.row.admin_id}}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="客服信息" min-width="200">
+                    <template slot-scope="scope">
+                        <div>
+                            <div class="table-image">
+                                <el-image :src="Fast.api.cdnurl(scope.row.avatar)" fit="contain">
+                                    <div slot="error" class="image-slot">
+                                        <i class="el-icon-picture-outline"></i>
+                                    </div>
+                                </el-image>
+                            </div>
+                            <div class="ellipsis-item">{{scope.row.name}}</div>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="接待上限" prop="max_num" width="80">
+                </el-table-column>
+                <el-table-column label="上次服务时间" width="150">
+                    <template slot-scope="scope">
+                        <div>
+                            <span v-if="scope.row.lasttime==0">-</span>
+                            <span v-else>{{scope.row.lasttime_text}}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" width="80">
+                    <template slot-scope="scope">
+                        <div>
+                            <span v-if="scope.row.status=='offline'" class="display-flex">
+                                <span class="kefu-status kefu-status-offline"></span>
+                                <span class="kefu-status-text-offline">{{scope.row.status_text}}</span>
+                            </span>
+                            <span v-else-if="scope.row.status=='online'" class="display-flex">
+                                <span class="kefu-status kefu-status-online"></span>
+                                <span class="kefu-status-text-online">{{scope.row.status_text}}</span>
+                            </span>
+                            <span v-else class="display-flex">
+                                <span class="kefu-status kefu-status-other"></span>
+                                <span class="kefu-status-text-other">{{scope.row.status_text}}</span>
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" width="150">
+                    <template slot-scope="scope">
+                        <div>
+                            <span
+                                v-if="scope.row.createtime">{{moment(scope.row.createtime*1000).format("YYYY-MM-DD HH:mm:ss")}}</span>
+                            <span v-else>-</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="更新时间" width="150">
+                    <template slot-scope="scope">
+                        <div>
+                            {{moment(scope.row.updatetime*1000).format("YYYY-MM-DD HH:mm:ss")}}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" min-width="180">
+                    <template slot-scope="scope">
+                        <div>
+                            <span class="shopro-edit-text" @click="operation('edit',scope.row.id)">编辑</span>
+                            <span class="shopro-delete-text" @click="operation('del',scope.row.id)">删除</span>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="shopro-pagination-container">
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
+                layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
+            </el-pagination>
+        </div>
+    </div>
+</div>

application/admin/view/shopro/chat/fast_reply/add.html

@@ -0,0 +1,36 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #fastReplyDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="fastReplyDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="100px">
+        <el-form-item label="名称：" prop="name">
+            <el-input v-model="detailForm.name" placeholder="请输入名称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="内容：" prop="content">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="normal">启用</el-radio>
+                <el-radio label="hidden">隐藏</el-radio>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item label="权重：" prop="weigh">
+            <el-input v-model="detailForm.weigh" placeholder="请输入权重" size="small"></el-input>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/fast_reply/edit.html

@@ -0,0 +1,36 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #fastReplyDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="fastReplyDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="100px">
+        <el-form-item label="名称：" prop="name">
+            <el-input v-model="detailForm.name" placeholder="请输入名称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="内容：" prop="content">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="normal">启用</el-radio>
+                <el-radio label="hidden">隐藏</el-radio>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item label="权重：" prop="weigh">
+            <el-input v-model="detailForm.weigh" placeholder="请输入权重" size="small"></el-input>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/fast_reply/index.html

@@ -0,0 +1,97 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #fastReplyIndex {
+        color: #444;
+        background: #fff;
+        padding-bottom: 30px;
+    }
+
+    .shopro-header-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
+<div id="fastReplyIndex" v-cloak>
+    <div class="shopro-header-container">
+        <div class="choose-status" style="font-size: 14px;">
+            快捷回复
+        </div>
+        <div class="custom-search">
+            <el-input placeholder="请输入搜索名称" suffix-icon="el-icon-search" v-model="search" size="small">
+            </el-input>
+        </div>
+    </div>
+    <div class="shopro-index-button-container">
+        <div class="shopro-button shopro-refresh-button" @click="getData">
+            <i class="el-icon-refresh"></i>
+        </div>
+        <div class="shopro-button shopro-add-button" @click="operation('create',null)">
+            <i class="el-icon-plus"></i>添加回复
+        </div>
+    </div>
+    <div class="shopro-table-container">
+        <div class="custom-table-border">
+            <el-table :data="data" border :cell-class-name="tableCellClassName" stripe
+                :header-cell-class-name="tableCellClassName" @row-dblclick="operation">
+                <el-table-column label="ID" prop="id" min-width="60">
+                </el-table-column>
+                <el-table-column label="名称" min-width="160">
+                    <template slot-scope="scope">
+                        <div class="ellipsis-item">{{scope.row.name}}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" min-width="110">
+                    <template slot-scope="scope">
+                        <div class="display-flex">
+                            <span v-if="scope.row.status=='normal'" class="display-flex">
+                                <span class="shopro-status-dot shopro-status-normal-dot"></span>
+                                <span class="shopro-status-normal">{{scope.row.status_text}}</span>
+                            </span>
+                            <span v-else-if="scope.row.status=='hidden'" class="display-flex">
+                                <span class="shopro-status-dot shopro-status-default-dot"></span>
+                                <span class="shopro-status-default">{{scope.row.status_text}}</span>
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" min-width="160">
+                    <template slot-scope="scope">
+                        <div>
+                            {{moment(scope.row.createtime*1000).format("YYYY-MM-DD HH:mm:ss")}}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="更新时间" min-width="160">
+                    <template slot-scope="scope">
+                        <div>
+                            {{moment(scope.row.updatetime*1000).format("YYYY-MM-DD HH:mm:ss")}}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" min-width="180">
+                    <template slot-scope="scope">
+                        <div>
+                            <span class="shopro-edit-text" @click="operation('edit',scope.row.id)">编辑</span>
+                            <span class="shopro-delete-text" @click="operation('del',scope.row.id)">删除</span>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="shopro-pagination-container">
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
+                layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
+            </el-pagination>
+        </div>
+    </div>
+</div>

application/admin/view/shopro/chat/question/add.html

@@ -0,0 +1,36 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #questionDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="questionDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="100px">
+        <el-form-item label="名称：" prop="title">
+            <el-input v-model="detailForm.title" placeholder="请输入名称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="内容：" prop="content">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="normal">启用</el-radio>
+                <el-radio label="hidden">隐藏</el-radio>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item label="权重：" prop="weigh">
+            <el-input v-model="detailForm.weigh" placeholder="请输入权重" size="small"></el-input>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/question/edit.html

@@ -0,0 +1,36 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #questionDetail {
+        color: #444;
+        background: #fff;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<div id="questionDetail" v-cloak>
+    <el-form :model="detailForm" role="form" ref="detailForm" :rules="rules" label-width="100px">
+        <el-form-item label="名称：" prop="title">
+            <el-input v-model="detailForm.title" placeholder="请输入名称" size="small"></el-input>
+        </el-form-item>
+        <el-form-item label="内容：" prop="content">
+            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
+        </el-form-item>
+        <el-form-item label="状态：" prop="status">
+            <el-radio-group v-model="detailForm.status">
+                <el-radio label="normal">启用</el-radio>
+                <el-radio label="hidden">隐藏</el-radio>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item label="权重：" prop="weigh">
+            <el-input v-model="detailForm.weigh" placeholder="请输入权重" size="small"></el-input>
+        </el-form-item>
+    </el-form>
+    <div class="dialog-footer">
+        <div @click="submitForm('detailForm')" class="dialog-define-btn display-flex-c cursor-pointer">确定</div>
+    </div>
+</div>

application/admin/view/shopro/chat/question/index.html

@@ -0,0 +1,99 @@
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
+<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
+<style>
+    #questionIndex {
+        color: #444;
+        background: #fff;
+        padding-bottom: 30px;
+    }
+
+    .shopro-header-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    [v-cloak] {
+        display: none
+    }
+</style>
+<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
+<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
+<div id="questionIndex" v-cloak>
+    <div class="shopro-header-container">
+        <div class="choose-status" style="font-size: 14px;">
+            常见问题
+        </div>
+        <div class="custom-search">
+            <el-input placeholder="请输入搜索名称" suffix-icon="el-icon-search" v-model="search" size="small">
+            </el-input>
+        </div>
+    </div>
+    <div class="shopro-index-button-container">
+        <div class="shopro-button shopro-refresh-button" @click="getData">
+            <i class="el-icon-refresh"></i>
+        </div>
+        <div class="shopro-button shopro-add-button" @click="operation('create',null)">
+            <i class="el-icon-plus"></i>添加问题
+        </div>
+    </div>
+    <div class="shopro-table-container">
+        <div class="custom-table-border">
+            <el-table :data="data" border :cell-class-name="tableCellClassName" stripe
+                :header-cell-class-name="tableCellClassName" @row-dblclick="operation">
+                <el-table-column label="ID" prop="id" min-width="60">
+                </el-table-column>
+                <el-table-column label="名称" min-width="160">
+                    <template slot-scope="scope">
+                        <div class="ellipsis-item">{{scope.row.title}}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" min-width="110">
+                    <template slot-scope="scope">
+                        <div class="display-flex">
+                            <span v-if="scope.row.status=='normal'" class="display-flex">
+                                <span class="shopro-status-dot shopro-status-normal-dot"></span>
+                                <span class="shopro-status-normal">{{scope.row.status_text}}</span>
+                            </span>
+                            <span v-else-if="scope.row.status=='hidden'" class="display-flex">
+                                <span class="shopro-status-dot shopro-status-default-dot"></span>
+                                <span class="shopro-status-default">{{scope.row.status_text}}</span>
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="权重" prop="weigh" min-width="60">
+                </el-table-column>
+                <el-table-column label="创建时间" min-width="160">
+                    <template slot-scope="scope">
+                        <div>
+                            {{moment(scope.row.createtime*1000).format("YYYY-MM-DD HH:mm:ss")}}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="更新时间" min-width="160">
+                    <template slot-scope="scope">
+                        <div>
+                            {{moment(scope.row.updatetime*1000).format("YYYY-MM-DD HH:mm:ss")}}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" min-width="180">
+                    <template slot-scope="scope">
+                        <div>
+                            <span class="shopro-edit-text" @click="operation('edit',scope.row.id)">编辑</span>
+                            <span class="shopro-delete-text" @click="operation('del',scope.row.id)">删除</span>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="shopro-pagination-container">
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
+                layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
+            </el-pagination>
+        </div>
+    </div>
+</div>