Skip to content

W
work-order-system
Commit e2a4731e by huangjinkai
Options

Merge branch 'master' of http://gitlab.yidianling.com/xueyuanyuan/work-order-system 

# Conflicts:
#	woDetail.html
parents 9862ab05 4595a821
Showing with 219 additions and 250 deletions
js/index.js
...@@ -10,7 +10,7 @@ jQuery(document).ready(function ($) { ...@@ -10,7 +10,7 @@ jQuery(document).ready(function ($) {
woDetail: function (wo) { woDetail: function (wo) {
console.log(wo.id); console.log(wo.id);
// 获取工单详情 // 获取工单详情
window.location.href="/woDetail.html?wo.id=" + wo.id; window.location.href="/woDetail.html?id=" + wo.id;
} }
} }
......
js/woDetail.js
jQuery(document).ready(function ($) { jQuery(document).ready(function ($) {
// 工单列表逻辑 // 工单列表逻辑
var orderList = new Vue({ var woDetail = new Vue({
el: '#order-list', el: '#woDetail',
data: { data: {
workOrders: [] callStatus: 0,
callRemark: '',
smsStatus: 0,
smsRemark: '',
consultStatus: 0,
consultRemark: '',
assistStatus: 0,
assistRemark: '',
unPleasureStatus: 0,
unPleasureEntity: 0,
unPleasureDetail: '',
unPleasureDeptName: [],
unPleasureSolution: '',
userAdvice: '',
revisitStatus: 0,
revisitRemark: '',
consultStates: [
{value: 0, text: '请选择'},
{value: 1, text: '满意'},
{value: 2, text: '一般'},
{value: 3, text: '不满意'}
],
consultStates: [
{value: 0, text: '请选择'},
{value: 1, text: '督导'},
{value: 2, text: '接通拒听'},
{value: 3, text: '未接听'},
{value: 4, text: '未接通拒绝'},
{value: 5, text: '无法呼出'},
{value: 6, text: '用户不便'},
{value: 7, text: '助理添加标签'}
],
smsStates: [
{value: 0, text: '请选择'},
{value: 1, text: '是'},
{value: 2, text: '否'}
],
assistStates: [
{value: 0, text: '请选择'},
{value: 1, text: '满意'},
{value: 2, text: '一般'},
{value: 3, text: '不满意'}
],
revisitStates: [
{value: 0, text: '请选择'},
{value: 1, text: '未回访'},
{value: 2, text: '推迟回访'},
{value: 3, text: '不回访'},
{value: 4, text: '已回访'},
{value: 5, text: '无法呼出'},
{value: 6, text: '用户不便'},
{value: 7, text: '助理添加标签'}
],
unpleasureEntities: [
{value: 0, text: '请选择'},
{value: 1, text: '咨询师'},
{value: 2, text: '接通拒听'},
{value: 3, text: '未接听'},
{value: 4, text: '未接通拒绝'},
{value: 5, text: '无法呼出'},
{value: 6, text: '用户不便'},
{value: 7, text: '助理添加标签'}
],
unpleasureStates:[
{value: 0, text: '请选择'},
{value: 1, text: '未处理'},
{value: 2, text: '处理中'},
{value: 3, text: '已处理'}
]
}, },
methods: { methods: {
woDetail: function (wo) { saveWODetail: function () {
console.log(wo.id); var url = "/work/wo/saveDetail";
// 获取工单详情 var urlParams = new URLSearchParams(window.location.search);
var woId = urlParams.get('id');
var data = JSON.stringify( var data = JSON.stringify(
{ {
"id": wo.id, "assistRemark": woDetail.assistRemark,
"woStatus": wo.woStatus, "assistStatus": woDetail.assistStatus,
"woType": wo.woType, "callRemark": woDetail.callRemark,
"woProcessUid": 1 "callStatus": woDetail.callStatus,
"consultRemark": woDetail.consultRemark,
"consultStatus": woDetail.consultStatus,
"customerName": woDetail.customerName,
"customerUid": woDetail.customerUid,
"doctorName": woDetail.doctorName,
"doctorUid": woDetail.doctorUid,
"orderNum": woDetail.orderNum,
"phoneNum": woDetail.phoneNum,
"processName": woDetail.processName,
"processUid": woDetail.processUid,
"revisitRemark": woDetail.revisitRemark,
"revisitStatus": woDetail.revisitStatus,
"smsRemark": woDetail.smsRemark,
"smsStatus": woDetail.smsStatus,
"unpleasureDeptName": woDetail.unpleasureDeptName,
"unpleasureDetail": woDetail.unpleasureDetail,
"unpleasureEntity": woDetail.unpleasureEntity,
"unpleasureSolution": woDetail.unpleasureSolution,
"unpleasureStatus": woDetail.unpleasureStatus,
"userAdvice": woDetail.userAdvice,
"woId": woId
} }
); );
console.log(data);
$.ajax({ $.ajax({
url: url, url: url,
dataType: "json", dataType: "json",
...@@ -26,202 +118,56 @@ jQuery(document).ready(function ($) { ...@@ -26,202 +118,56 @@ jQuery(document).ready(function ($) {
contentType: "application/json; charset=utf-8", contentType: "application/json; charset=utf-8",
success: function (res) { success: function (res) {
console.log(res); console.log(res);
orderList.workOrders = res.data.list; window.location.href = '/index.html'
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
}
});
}
}
})
function initLoadWO() {
var url = "/work/wo/list?page=1&limit=10";
var data = JSON.stringify({
"woStatus": 0,
"woType": "revisit",
"woProcessUid": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
orderList.workOrders = res.data.list;
numCount.message = res.data.total;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
}
});
}
var host = "http://localhost:8083";
// 初始化加载回访工单列表
initLoadWO();
// 员工工作状态逻辑
var workStatus = new Vue({
el: '#workStatus',
selected: {},
methods: {
updateWOStatus: function (val) {
console.log('updateWOStatus:' + val.target.value);
var url = "/work/ws/update";
var data = JSON.stringify({
"woStatus": val.target.value,
"statusDisplay": "",
"userId": 1
});
$.ajax({
url: url,
dataType: "json",
data: data,
type: 'post',
contentType: "application/json; charset=utf-8",
success: function (res) {
console.log(res);
console.log("用户状态修改成功！");
} }
}); });
} }
},
data: {
woStates: [
{value: 0, text: '空闲中'},
{value: 1, text: '下班'},
{value: 2, text: '挂起'},
{value: 3, text: '接待中'},
{value: 4, text: '会议中'},
{value: 5, text: '午饭中'}
]
} }
}) })
function initDetail() {
var urlParams = new URLSearchParams(window.location.search);
var woId = urlParams.get('id');
console.log(urlParams.get('id'));
// 数据提示条
var numCount = new Vue({
el: '#numCount',
data: {
message: "100"
}
})
// 页面分页按钮逻辑
var pager = new Vue({
el: '#pager',
data: {
curPage: 1,
totalPage: 1
},
methods: {
prePage: function () {
if (this.curPage - 1 < 1) {
return;
} else {
this.curPage = this.curPage - 1;
}
},
nextPage: function () {
if (this.curPage + 1 > this.totalPage) {
return;
} else {
this.curPage = this.curPage + 1;
}
}
}
})
// 工单状态选择Tab逻辑
var url = "/work/wo/list?page=1&limit=10";
var statusTab = new Vue({
el: '#statusTab',
methods: {
unprocessed: function () {
var data = JSON.stringify( var data = JSON.stringify(
{ {
"woStatus": 0, "woId": woId,
"woType": "revisit", "processUid": 1
"woProcessUid": 1
} }
); );
$.ajax({ $.ajax({
url: url, url: '/work/wo/detail',
dataType: "json", dataType: "json",
data: data, data: data,
type: 'post', type: 'post',
contentType: "application/json; charset=utf-8", contentType: "application/json; charset=utf-8",
success: function (res) { success: function (res) {
console.log(res); console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (res.data.total % res.data.size == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log("Error happened, Please contact Administrator. " + msg);
} }
}); });
},
processed: function () {
var data = JSON.stringify( var data = JSON.stringify(
{ {
"woStatus": 1, "fieldValue": woId,
"woType": "revisit", "processUid": 1,
"woProcessUid": 1 "tableName":'wo_revisit_detail'
} }
); );
$.ajax({ $.ajax({
url: url, url: '/work/auditTrace/list',
dataType: "json", dataType: "json",
data: data, data: data,
type: 'post', type: 'post',
contentType: "application/json; charset=utf-8", contentType: "application/json; charset=utf-8",
success: function (res) { success: function (res) {
console.log(res); console.log(res);
orderList.workOrders = res.data.list;
// 计算页数
if (Math.round(res.data.total % res.data.size) == 0) {
pager.totalPage = Math.round(res.data.total / res.data.size);
} else {
console.log(res.data.total / res.data.size);
pager.totalPage = Math.round(res.data.total / res.data.size) + 1;
}
},
fail: function (msg) {
console.log(msg);
} }
}); });
} }
}
})
// 将回访工单列表做页面渲染 initDetail();
console.log('Finished.'); console.log('Finished.');
}); });
woDetail.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>回访工单</title> <title>回访工单</title>
<!-- Bootstrap 核心 CSS 文件 --> <!-- Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/return-order-index.css"> <link rel="stylesheet" href="./css/return-order-index.css">
<link rel="stylesheet" href="./css/return-order-type.css"> <link rel="stylesheet" href="./css/return-order-type.css">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script> <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="./js/commonfilter.js"></script> <script src="./js/commonfilter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="./js/woDetail.js"></script> <script src="./js/woDetail.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</head> </head>
<body> <body>
<!-- 头部 --> <!-- 头部 -->
<header> <header>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-xs-4 col-sm-4 col-md-3"> <div class="col-xs-4 col-sm-4 col-md-3">
...@@ -40,9 +44,18 @@ ...@@ -40,9 +44,18 @@
</div> </div>
</div> </div>
</div> </div>
</header> </header>
<!-- 主体部分 --> <!-- 主体部分 -->
<div class="main"> <div class="main" id="app">
<!--<div v-for="item in abc">{{item}}</div>-->
<!--<select name="on-state" v-for="(item,index) in abc">-->
<!--<option :value='index'> {{item}}-->
<!--</option>-->
<!--</select>-->
<div class="container-fluid main-container"> <div class="container-fluid main-container">
<div class="row"> <div class="row">
<!-- 左侧边栏 --> <!-- 左侧边栏 -->
...@@ -51,7 +64,8 @@ ...@@ -51,7 +64,8 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne"> <div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title"> <h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
<i class="fa fa-user" aria-hidden="true"></i><span> <i class="fa fa-user" aria-hidden="true"></i><span>
用户 用户
</span> </span>
...@@ -59,7 +73,8 @@ ...@@ -59,7 +73,8 @@
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingOne">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a> <!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
...@@ -72,13 +87,15 @@ ...@@ -72,13 +87,15 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo"> <div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title"> <h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<i class="fa fa-diamond" aria-hidden="true"></i>业务 <i class="fa fa-diamond" aria-hidden="true"></i>业务
<i class="fa fa-angle-left right" aria-hidden="true"></i> <i class="fa fa-angle-left right" aria-hidden="true"></i>
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingTwo">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a> <!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
...@@ -91,13 +108,15 @@ ...@@ -91,13 +108,15 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree"> <div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title"> <h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<i class="fa fa-user-secret" aria-hidden="true"></i> <i class="fa fa-user-secret" aria-hidden="true"></i>
专家<i class="fa fa-angle-left right" aria-hidden="true"></i> 专家<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingThree">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a> <!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
...@@ -110,13 +129,15 @@ ...@@ -110,13 +129,15 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour"> <div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title"> <h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<i class="fa fa-bar-chart" aria-hidden="true"></i> <i class="fa fa-bar-chart" aria-hidden="true"></i>
市场运营<i class="fa fa-angle-left right" aria-hidden="true"></i> 市场运营<i class="fa fa-angle-left right" aria-hidden="true"></i>
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> <div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingFour">
<div class="panel-body"> <div class="panel-body">
<!--<a href="#">我的工作台</a> <!--<a href="#">我的工作台</a>
<a href="#">我的工作台</a> <a href="#">我的工作台</a>
...@@ -129,12 +150,15 @@ ...@@ -129,12 +150,15 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFive"> <div class="panel-heading" role="tab" id="headingFive">
<h4 class="panel-title"> <h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
<i class="fa fa-bookmark" aria-hidden="true"></i>工单管理<i class="fa fa-angle-left right" aria-hidden="true"></i> href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<i class="fa fa-bookmark" aria-hidden="true"></i>工单管理<i
class="fa fa-angle-left right" aria-hidden="true"></i>
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFive"> <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingFive">
<div class="panel-body"> <div class="panel-body">
<a href="/index.html">我的工作台</a> <a href="/index.html">我的工作台</a>
<a href="/sysWoConfig.html">系统工单规则配置</a> <a href="/sysWoConfig.html">系统工单规则配置</a>
...@@ -143,7 +167,7 @@ ...@@ -143,7 +167,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-6 col-sm-8 col-md-10 digital-container type-container"> <div class="col-xs-6 col-sm-8 col-md-10 digital-container type-container" id="woDetail">
<div class="breadcell"> <div class="breadcell">
<a href="#">首页</a><span>/</span><a href="#">回访订单列表</a> <a href="#">首页</a><span>/</span><a href="#">回访订单列表</a>
</div> </div>
...@@ -159,65 +183,63 @@ ...@@ -159,65 +183,63 @@
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title">
<span>接通状态：</span> <span>接通状态：</span>
<select name="on-state" > <select v-model="callStatus">
<option value="">请选择</option> <option v-for="(item,index) in consultStates" :value='index'> {{item.text}}
<option value="">接通状态</option> </option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="1231"
cols="150"
rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title" >
<span>短信发送：</span> <span>短信发送：</span>
<select name="on-state" > <select name="on-state" v-model="smsStatus">
<option value="">请选择</option> <option v-for="(item,index) in smsStates" :value='index'> {{item.text}}
<option value="">短信发送</option> </option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="123ff"
cols="150"
rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title" >
<span>咨询效果：</span> <span>咨询效果：</span>
<select name="on-state" > <select name="on-state" v-model="consultStatus">
<option value="">请选择</option> <option v-for="(item,index) in consultStates" :value='index'> {{item.text}}
<option value="">咨询效果</option> </option>
</select>
</div>
<div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea>
</div>
</div>
<div class="particulars">
<span class="bg"></span>
<div class="title">
<span>助理服务：</span>
<select name="on-state" >
<option value="">请选择</option>
<option value="">咨询效果</option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu"
cols="150"
rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title" >
<span>助理服务：</span> <span>助理服务：</span>
<select name="on-state" > <select name="on-state" v-model="assistStatus">
<option value="">请选择</option> <option v-for="(item,index) in assistStates" :value='index'> {{item.text}}
<option value="">咨询效果</option> </option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</span><textarea name="beizhu" id="xvasfd1"
cols="150"
rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
...@@ -225,13 +247,12 @@ ...@@ -225,13 +247,12 @@
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title">
<span>处理状态：</span> <span>处理状态：</span>
<select name="on-state" > <select name="on-state" v-model="unPleasureStatus">
<option value="">请选择</option> <option v-for="(item,index) in unpleasureStates" :value='index'> {{item.text}}
<option value="">短信发送</option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>不满意内容：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>不满意内容：</span><textarea name="beizhu" id="asfasdf" cols="150" rows="2"></textarea>
</div> </div>
</div> </div>
</div> </div>
...@@ -240,9 +261,8 @@ ...@@ -240,9 +261,8 @@
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title">
<span>不满意对象：</span> <span>不满意对象：</span>
<select name="on-state" > <select name="on-state" v-model="unPleasureEntity">
<option value="">请选择</option> <option v-for="(item,index) in unpleasureEntities" :value='index'> {{item.text}}
<option value="">咨询效果</option>
</select> </select>
<input type="text"> <input type="text">
</div> </div>
...@@ -250,59 +270,60 @@ ...@@ -250,59 +270,60 @@
<span>归属部门：</span> <span>归属部门：</span>
<div class="checkbox"> <div class="checkbox">
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option1"> 心暖 <input type="checkbox" v-model="unPleasureDeptName" value='0' id="xn"> 心暖
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option2"> 好柿 <input type="checkbox" v-model="unPleasureDeptName" value='1' id="hs"> 好柿
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option3"> 心期天旗舰店 <input type="checkbox" v-model="unPleasureDeptName" value='2' id="xqtqjd"> 心期天旗舰店
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option4"> 壹点灵旗舰店 <input type="checkbox" v-model="unPleasureDeptName" value='3' id="ydlqjd"> 壹点灵旗舰店
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option5"> 师资部 <input type="checkbox" v-model="unPleasureDeptName" value='3' id="szb"> 师资部
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option6"> 客服中心 <input type="checkbox" v-model="unPleasureDeptName" value='4' id="kfzx"> 客服中心
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option7"> 产品部 <input type="checkbox" v-model="unPleasureDeptName" value='5' id="cpb"> 产品部
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option8"> 技术部 <input type="checkbox" v-model="unPleasureDeptName" value='6' id="jsb"> 技术部
</label> </label>
<label class="checkbox-inline"> <label class="checkbox-inline">
<input type="checkbox" value="option9"> 财务部 <input type="checkbox" v-model="unPleasureDeptName" value='7' id="cwb"> 财务部
</label> </label>
</div> </div>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>处理方案：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>处理方案：</span><textarea name="beizhu" cols="150" rows="2" v-model="unPleasureSolution"></textarea>
</div> </div>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
<span class="bg"></span> <span class="bg"></span>
<div class="beizhu"> <div class="beizhu">
<span>用户建议：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>用户建议：</span><textarea name="beizhu" cols="150" rows="2"></textarea>
</div> </div>
</div> </div>
<div class="particulars"> <div class="particulars">
<span class="bg"></span> <span class="bg"></span>
<div class="title"> <div class="title">
<span>回访状态：</span> <span>回访状态：</span>
<select name="on-state" > <select name="on-state" v-model="revisitStatus">
<option value="">未回访</option> <option v-for="(item,index) in revisitStates" :value="index">{{item.text}}</option>
<option value="">回访</option>
</select> </select>
</div> </div>
<div class="beizhu"> <div class="beizhu">
<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" id="" cols="150" rows="2"></textarea> <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span><textarea name="beizhu" v-model="revisitRemark"
cols="150"
rows="2"></textarea>
</div> </div>
</div> </div>
<button type="button" class="btn btn-primary">处理完成</button> <button type="button" class="btn btn-primary" @click="saveWODetail">处理完成</button>
<!-- 操作记录 --> <!-- 操作记录 -->
<div class="operation-record particulars"> <div class="operation-record particulars">
<h4>操作记录</h4> <h4>操作记录</h4>
...@@ -328,9 +349,10 @@ ...@@ -328,9 +349,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script> <script>
$('.bar').click(function(){ $(document).ready(function () {
$('.bar').click(function () {
$('.aside').toggleClass('visible'); $('.aside').toggleClass('visible');
$('.digital-container').toggleClass('width'); $('.digital-container').toggleClass('width');
}) })
...@@ -339,6 +361,7 @@ ...@@ -339,6 +361,7 @@
e.preventDefault() e.preventDefault()
$(this).tab('show') $(this).tab('show')
}) })
</script> });
</script>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment