<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script>
|
<link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}">
|
<link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/>
|
|
</head>
|
<body>
|
<div class="ibox-content" id="app" v-cloak >
|
<el-form :model="serviceOrder" ref="form" label-width="100px" class="demo-form">
|
|
|
<el-form-item label="创建时间">
|
<el-date-picker v-model="serviceOrder.createTime" type="datetime"></el-date-picker>
|
</el-form-item>
|
|
|
<el-form-item label="预约时间">
|
<el-date-picker v-model="serviceOrder.yyTime" type="datetime"></el-date-picker>
|
</el-form-item>
|
|
|
<el-form-item label="划扣时间">
|
<el-date-picker v-model="serviceOrder.consumeTime" type="datetime" ></el-date-picker>
|
<span>修改划扣时间才会同步修改服务单业绩</span>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" @click="submitForm('form')" >保存</el-button>
|
<el-button @click="closeFram()">关闭</el-button>
|
</el-form-item>
|
|
</el-form>
|
</div>
|
</body>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery.query.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
|
<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.umd.min.js"></script>
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@riophae/vue-treeselect@^0.4.0/dist/vue-treeselect.min.css">
|
|
|
<script>
|
var id = $.query.get("id");
|
|
|
var app = new Vue({
|
el: '#app',
|
data: {
|
|
//表单数据
|
serviceOrder:{}
|
|
},
|
|
/**
|
* 初始化数据表
|
*/
|
created: function () {
|
this.loadData()
|
},
|
|
methods: {
|
loadData(){
|
let _this=this;
|
AjaxProxy.requst({
|
app: _this,
|
url: basePath + '/admin/projService/findServiceOrderInfoVo/'+id,
|
callback: function (data) {
|
_this.serviceOrder = data.data;
|
}
|
});
|
},
|
submitForm(){
|
let _this=this;
|
let data={
|
id:this.serviceOrder.id,
|
yyTime:this.serviceOrder.yyTime,
|
createTime:this.serviceOrder.createTime,
|
consumeTime:this.serviceOrder.consumeTime
|
}
|
AjaxProxy.requst({
|
app: _this,
|
data: data,
|
contentType: 'application/json',
|
url: basePath + '/admin/projService/updateOrderTime',
|
callback: function (data) {
|
|
_this.$message.success("修改成功");
|
if(parent.myGrid){
|
parent.myGrid.serchData()
|
}
|
if(parent.app){
|
parent.app.serviceOrderQuery();
|
}
|
setInterval(MTools.closeIframe(), 1000);
|
|
}
|
});
|
|
},
|
closeFram: function () {
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
},
|
|
}
|
|
})
|
</script>
|
|
</body>
|
</html>
|
