<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<title>客服问题回复</title>
|
<link rel="stylesheet" type="text/css" href="css/doui.min.css"/>
|
<script src="js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/publicFunction.js" type="text/javascript" charset="utf-8"></script>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontPC">
|
|
|
<!-- ----------------------------------------------------------- 搜索筛选(顶部) -->
|
<div class="header bg-white" style="border-bottom:1px solid #CCC;">
|
|
<!--第1排：搜索输入框 + 排序-->
|
<div class="top1 fboxRow Xstart Ycenter">
|
|
<!--关键字搜搜-->
|
<input type="text" placeholder="标题" v-model="topSearch.strKey"/>
|
<div class="do-btn do-click bg-blue nodeMarginRow" v-on:click="creatTable();tableGet();">搜索</div>
|
<!--展开/收起筛选框-->
|
<div class="do-btn do-click bg-blue font6" v-on:click="topSearch.show_more=!topSearch.show_more"><i class="fa fa-filter"></i></div>
|
|
<!--空白区域-->
|
<div class="flex1"></div>
|
|
<!--vue循环打印-->
|
<div v-for="(obj, key) in optSort" class="paixu fboxRow Xcenter Ycenter font-gray" v-on:click="clickOptSort(optSort, obj, function(){ creatTable(); tableGet(); })">
|
<!--选项名称-->
|
<div class="font6" v-bind:class="obj.result.length>0?'font-green':''">{{obj.value}}</div>
|
<!--上下箭头-->
|
<div class="fboxCol Xstart Ystart">
|
<i v-if="obj.up" class="fa fa-caret-up" v-bind:class="obj.result==obj.up?'font-green':''"></i>
|
<i v-if="obj.down" class="fa fa-caret-down" v-bind:class="obj.result==obj.down?'font-green':''"></i>
|
</div>
|
</div>
|
|
</div>
|
|
<!--第2排：筛选设置-->
|
<div v-show="topSearch.show_more" class="top2 fboxCol Xstart Ystart">
|
|
<!--一行筛选设置-->
|
<div v-for="(obj, key) in optScreen" class="opt_row fboxRow Xstart Ystart">
|
|
<!-- 设置项标题 -->
|
<div class="opt_title font7 font-blue">{{obj.value}}：</div>
|
|
<!-- 3. 大小型输入 设置项选项 -->
|
<div v-if="obj.type=='texts'" class="flex1 fboxWrap Xstart Ystart">
|
<!-- 必须有：循环输出child选择项 -->
|
<div v-for="(item, index) in obj.child" class="opt_xuan font-black" v-bind:class="(item.key.min==obj.result.min&&item.key.max==obj.result.max)?'opt_xuanOK':''" v-on:click="clickOptScreenChild(obj, item)">{{item.value}}</div>
|
<!--3. type = texts 大小输入型设置-->
|
<div class="fboxRow Xstart Ycenter nodeMarginRow">
|
<input class="opt_input" type="number" min="0" placeholder="最小值" v-model="obj.result.min"/>
|
<div class="font-gray nodeMarginRow">~</div>
|
<input class="opt_input" type="number" min="0" placeholder="最大值" v-model="obj.result.max"/>
|
</div>
|
</div>
|
|
<!--其它 设置项选项-->
|
<div v-else class="flex1 fboxWrap Xstart Ystart">
|
|
<!-- 必须有：循环输出child选择项 -->
|
<div v-for="(item, index) in obj.child" class="opt_xuan font-black" v-bind:class="item.key==obj.result?'opt_xuanOK':''" v-on:click="clickOptScreenChild(obj, item)">{{item.value}}</div>
|
|
<!--1. type = xuan 选择型设置 (无特殊)-->
|
|
<!--2. type = text 单独输入型设置-->
|
<div v-if="obj.type=='text'" class="fboxRow Xstart Ycenter nodeMarginRow">
|
<input class="opt_input" type="number" min="0" placeholder="最小值" v-model="obj.result"/>
|
</div>
|
|
<!--4. type = dates 前后日期范围型设置-->
|
<div v-else-if="obj.type=='dates'" class="fboxRow Xstart Ycenter nodeMarginRow">
|
<input class="opt_inputTime" type="date" v-model="obj.result.min"/>
|
<div class="font-gray nodeMarginRow">~</div>
|
<input class="opt_inputTime" type="date" v-model="obj.result.max"/>
|
</div>
|
|
<!--5. type = datetime 日期+时间型设置-->
|
<div v-else-if="obj.type=='datetime'" class="fboxRow Xstart Ycenter nodeMarginRow">
|
<div>日期</div>
|
<input class="opt_inputTime nodeMarginRow" type="date" v-model="obj.result.date"/>
|
<div class="nodeMarginRow">时间</div>
|
<input class="opt_inputTime" type="time" v-model="obj.result.time"/>
|
</div>
|
|
</div>
|
|
</div><!--一行筛选设置-->
|
|
</div>
|
|
</div>
|
|
<!-- ----------------------------------------------------------- 表格列表 -->
|
<div class="main">
|
|
<div class="pageRow bg-white scroll-x">
|
|
<table>
|
<!--表格抬头-->
|
<thead>
|
<th style="width:0.3rem;">
|
<div class="fboxRow Xcenter Ycenter">
|
<div class="do-btn do-click bg-blue font5 font-ell1" v-on:click="clickAllXuan(table.list, pi)">{{pi.hadAllXuan==true?'取消':'全选'}}</div>
|
</div>
|
</th>
|
<th style="width:0.3rem;">序号</th>
|
<th style="width:0.6rem;">ID</th>
|
<th style="width:0.6rem;">回复类型</th>
|
<th style="width:1.4rem;">标题</th>
|
<th>创建时间</th>
|
<th>更新时间</th>
|
<th style="width:0.6rem;">权重</th>
|
<th style="width:0.8rem;">操作</th>
|
</thead>
|
|
<!--添加一个新的-->
|
<tr>
|
<td colspan="9">
|
<div class="fboxRow Xcenter Ycenter">
|
<div class="btnyuan2 do-click bg-green font-white font8 fboxRow Xcenter Ycenter nodeMargin" v-on:click="gotoTwo('new', {})">
|
<i class="fa fa-plus"></i>
|
</div>
|
</div>
|
</td>
|
</tr>
|
|
<!--一行-->
|
<tr v-for='(item, index) in table.list' v-bind:class="(item.xuan&&item.xuan==true)?'trxuan':''">
|
<!--选择-->
|
<td style="cursor:pointer;" v-on:click="checkTr(table.list, item, pi)">
|
<div class="fboxRow Xcenter Ycenter font8" style="min-height:0.3rem;">
|
<i class="fa" v-bind:class="item.xuan==true?'fa-check-square font-green':'fa-square-o font-gray'"></i>
|
</div>
|
</td>
|
<!--序号-->
|
<td>
|
<div class="font-ell1 nodeMargin">{{(table.yema-1)*table.pagesize+index+1}}</div>
|
</td>
|
<!--id-->
|
<td>
|
<div class="font6 font-ell1 nodeMargin">{{item.id}}</div>
|
</td>
|
<!--类型-->
|
<td>
|
<div class="fboxCol Xcenter Ystart nodeMargin">
|
<div v-if="item.contentType=='text'" class="font6 font-ell1">文字回复</div>
|
<div v-else-if="item.contentType=='web'" class="font6 font-ell1">网页回复</div>
|
</div>
|
</td>
|
<!--标题-->
|
<td>
|
<div class="fboxRow Xstart Ycenter">
|
<div class="font6 font-blue font-ell2 do-pointer nodeMargin" style="line-height:1.5;" v-bind:title="item.key" v-on:click.stop="gotoTwo('up',item)">{{item.key}}</div>
|
</div>
|
</td>
|
<!--创建时间-->
|
<td>
|
<div class="font5 font-ell2 font-gray nodeMargin">{{item.createTime}}</div>
|
</td>
|
<!--更新时间-->
|
<td>
|
<div class="font5 font-ell2 font-gray nodeMargin">{{item.updateTime}}</div>
|
</td>
|
<!--权重-->
|
<td>
|
<div class="fboxRow Xstart Ycenter">
|
<!--1. 显示状态-->
|
<div v-show="item.title_gai==false" class="fboxRow Xstart Ycenter nodeMargin">
|
<!--文字-->
|
<div class="font6 font-ell1">{{item.weight}}</div>
|
<!--修改按钮-->
|
<div class="font8 font-blue nodeMarginRow" style="cursor:pointer;" v-on:click="item.title_gai=true;"><i class="fa fa-pencil-square-o"></i></div>
|
</div>
|
<!--2. 修改状态-->
|
<div v-show="item.title_gai==true" class="fboxRow Xstart Ycenter nodeMargin">
|
<!--输入组件-->
|
<input type="text" style="width:0.2rem;" v-model="item.weight" />
|
<!--确认按钮-->
|
<div class="font8 font-green nodeMarginRow" style="cursor:pointer;" v-on:click="tableRowUp('weight', item);"><i class="fa fa-check"></i></div>
|
<!--取消按钮-->
|
<div class="font8 font-red nodeMarginRow" style="cursor:pointer;" v-on:click="item.title_gai=false;"><i class="fa fa-close"></i></div>
|
</div>
|
</div>
|
</td>
|
<!--操作-->
|
<td>
|
<div class="fboxRow Xcenter Ycenter">
|
<!--状态设置-->
|
<div class="fboxRow Xstart Ycenter do-pointer nodeMargin" v-on:click="tableRowUp('state', item)">
|
<div class="font6 font-gray">使用：</div>
|
<!--停用时-->
|
<div class="font10">
|
<i v-if="item.state==false" class="fa fa-toggle-off font-gray"></i>
|
<i v-else class="fa fa-toggle-on font-green"></i>
|
</div>
|
</div>
|
</div>
|
</td>
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- ----------------------------------------------------------- 翻页区域 -->
|
<div class="foot bg-white" style="border-top:1px solid #CCC;">
|
<div class="bom1 fboxRow Xcenter Ycenter">
|
|
<!--批量操作区域-->
|
<div class="fboxRow Xstart Ycenter pi">
|
<!--批量弹框触发-->
|
<div class="do-btn do-click bg-blue" v-on:click="pi.show=!pi.show">
|
<div class="font-ell1 nodeMarginRow">批量操作</div>
|
<i class="fa nodeMarginRow" v-bind:class="pi.show==true?'fa-chevron-down':'fa-chevron-up'"></i>
|
</div>
|
<!--弹出框-->
|
<div v-show="pi.show==true" class="piTan fboxCol Xstart Ystretch">
|
<!--加入精选库-->
|
<div class="fboxRow Xstart Ycenter font-red" v-on:click="piCheckClick('del')">
|
<div class="font9 nodeMarginRow"><i class="fa fa-trash"></i></div>
|
<div class="font6 nodeMarginRow">删除</div>
|
</div>
|
</div>
|
</div>
|
|
<!--前后翻页-->
|
<div class="fboxRow Xstart Ycenter">
|
<!--方向翻页-->
|
<div class="do-btn bg-blue do-click" v-on:click="yemaChange('shang', table, function(){ initPi(vm.table.list,vm.pi); tableGet(); })">上一页</div>
|
<div class="fboxRow Ycenter nodeMarginRow">{{table.yema}}/{{table.yemamax}}</div>
|
<div class="do-btn bg-blue do-click" v-on:click="yemaChange('xia', table, function(){ initPi(vm.table.list,vm.pi); tableGet(); })">下一页</div>
|
<!--直接跳页-->
|
<div class="nodeMarginRow">转到</div>
|
<input id="zhuandao" class="opt_input" type="number" min="1" v-bind:max="table.yemamax"/>
|
<div class="nodeMarginRow">页</div>
|
<div class="do-btn do-click bg-blue" v-on:click="yemaZhuandao('#zhuandao', table, function(){ initPi(vm.table.list,vm.pi); tableGet(); })">跳转</div>
|
</div>
|
|
</div>
|
</div><!-- 底部按钮区域结束 -->
|
|
</div>
|
</body>
|
|
</html>
|
|
|
<!--页面数据-->
|
<script src="js/workerAnswerData.js" type="text/javascript" charset="utf-8"></script>
|
