|
@@ -1,10 +1,11 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
- <title>业务顺序-列表</title>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
- <!-- 所有的 css & js 资源 -->
|
|
|
+ <title>业务顺序-添加/修改</title>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
+ <!-- 所有的 css js 资源 -->
|
|
|
<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
|
|
|
<link rel="stylesheet" href="../../static/sa.css">
|
|
|
<script src="../../static/kj/vue.min.js"></script>
|
|
@@ -13,112 +14,175 @@
|
|
|
<script src="../../static/kj/jquery.min.js"></script>
|
|
|
<script src="../../static/kj/layer/layer.js"></script>
|
|
|
<script src="../../static/sa.js"></script>
|
|
|
+ <style type="text/css">
|
|
|
+ .c-panel .el-form .c-label {
|
|
|
+ width: 8em !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .c-panel .el-form .el-input,
|
|
|
+ .c-panel .el-form .el-textarea__inner {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-num .el-input__inner {
|
|
|
+ width: 130px;
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div class="vue-box" style="display: none;" :style="'display: block;'">
|
|
|
- <div class="c-panel">
|
|
|
- <!-- ------------- 检索参数 ------------- -->
|
|
|
- <div class="c-title">检索参数</div>
|
|
|
- <!-- ------------- 快捷按钮 ------------- -->
|
|
|
- <sa-item type="fast-btn" show="add,reset"></sa-item>
|
|
|
- <!-- ------------- 数据列表 ------------- -->
|
|
|
- <el-table class="data-table" ref="data-table" :data="dataList" >
|
|
|
- <sa-td name="名称" prop="name" ></sa-td>
|
|
|
- <sa-td name="业务类型" prop="typeName" ></sa-td>
|
|
|
- <sa-td name="顺序" prop="sort" ></sa-td>
|
|
|
- <sa-td name="距离上一业务间隔" prop="intervalTime" ></sa-td>
|
|
|
- <el-table-column label="操作" fixed="right" width="240px">
|
|
|
- <template slot-scope="s">
|
|
|
- <el-button class="c-btn" type="success" icon="el-icon-view" @click="get(s.row)">查看</el-button>
|
|
|
- <el-button class="c-btn" type="primary" icon="el-icon-edit" @click="update(s.row)">修改</el-button>
|
|
|
- <el-button class="c-btn" type="danger" icon="el-icon-delete" @click="del(s.row)">删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- ------------- 分页 ------------- -->
|
|
|
- <sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()"></sa-item>
|
|
|
+ <div class="vue-box" :class="{sbot: id}" style="display: none;" :style="'display: block;'">
|
|
|
+ <!-- ------- 内容部分 ------- -->
|
|
|
+ <div class="s-body">
|
|
|
+ <div class="c-panel">
|
|
|
+ <div class="c-title" v-if="id == 0">数据添加</div>
|
|
|
+ <div class="c-title" v-else>数据修改</div>
|
|
|
+ <el-form>
|
|
|
+ <div style="width: 850px;">
|
|
|
+ <div v-for="item in list" :key="item.index">
|
|
|
+ <div class="c-item" v-if="item.index>0">
|
|
|
+ <label class="c-label">项目间隔(分):</label>
|
|
|
+ <el-input-number :disabled="!sa.isAuth('tb-business-sort-edit')" class="item-num" v-model="item.interval" :step="10" :min="1"
|
|
|
+ :max="9999">
|
|
|
+ </el-input-number>
|
|
|
+ </div>
|
|
|
+ <div class="c-item">
|
|
|
+ <label class="c-label">第{{item.index+1}}个:</label>
|
|
|
+ <el-select :disabled="!sa.isAuth('tb-business-sort-edit')" v-model="item.typeId" placeholder="请选择">
|
|
|
+ <el-option :label="type.name" :value="type.id"
|
|
|
+ v-for="(type,index) in item.businessTypeList">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <label class="c-label" style="width: 160px;">单项间隔(小时):</label>
|
|
|
+ <el-input-number :disabled="!sa.isAuth('tb-business-sort-edit')" class="item-num" v-model="item.singleIntervalTime" :step="1"
|
|
|
+ :min="1" :max="48">
|
|
|
+ </el-input-number>
|
|
|
+ <label style="position: relative;left: 50px;">
|
|
|
+ <el-button style="cursor: pointer;" @click="handlerAdd" v-if="item.index==0&&sa.isAuth('tb-business-sort-edit')">添加项
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="handlerDel(item.index)" v-if="item.index>0&&sa.isAuth('tb-business-sort-edit')">删除项</el-button>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <sa-item name="" class="s-ok" br v-if="sa.isAuth('tb-business-sort-edit')">
|
|
|
+ <el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
|
|
|
+ </sa-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
var app = new Vue({
|
|
|
components: {
|
|
|
- "sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
|
|
|
- "sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue'),
|
|
|
+ "sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue')
|
|
|
},
|
|
|
el: '.vue-box',
|
|
|
data: {
|
|
|
- p: { // 查询参数
|
|
|
- id: '', //
|
|
|
- name: '', //
|
|
|
- typeName: '', //
|
|
|
- sort: '', //
|
|
|
- pageNo: 1, // 当前页
|
|
|
- pageSize: 10, // 页大小
|
|
|
- sortType: 0 // 排序方式
|
|
|
- },
|
|
|
- dataCount: 0,
|
|
|
- dataList: [], // 数据集合
|
|
|
+ id: sa.p('id', 0), // 获取超链接中的id参数(0=添加,非0=修改)
|
|
|
+ m: null, // 实体对象
|
|
|
+ list: [],
|
|
|
+ businessTypeList: [],
|
|
|
},
|
|
|
methods: {
|
|
|
- // 刷新
|
|
|
- f5: function() {
|
|
|
- sa.ajax('/TbBusinessOrder/getList', sa.removeNull(this.p), function(res) {
|
|
|
- this.dataList = res.data; // 数据
|
|
|
- this.dataCount = res.dataCount; // 数据总数
|
|
|
- sa.f5TableHeight(); // 刷新表格高度
|
|
|
- }.bind(this));
|
|
|
+ handlerAdd() {
|
|
|
+ let list = this.list;
|
|
|
+ this.list.push({
|
|
|
+ index: list.length,
|
|
|
+ typeId: '',
|
|
|
+ interval: 30,
|
|
|
+ singleIntervalTime:24,
|
|
|
+ businessTypeList: this.businessTypeList
|
|
|
+ })
|
|
|
},
|
|
|
- // 查看
|
|
|
- get: function(data) {
|
|
|
- sa.showIframe('数据详情', 'tb-business-sort-info.html?id=' + data.id, '1050px', '90%');
|
|
|
- },
|
|
|
- // 查看 - 根据选中的
|
|
|
- getBySelect: function(data) {
|
|
|
- var selection = this.$refs['data-table'].selection;
|
|
|
- if(selection.length == 0) {
|
|
|
- return sa.msg('请选择一条数据')
|
|
|
+ handlerDel(index) {
|
|
|
+ let list = this.list;
|
|
|
+ list.splice(index, 1);
|
|
|
+ for (let i in list) {
|
|
|
+ let obj = list[i];
|
|
|
+ if (obj.index > index) {
|
|
|
+ obj.index = obj.index - 1;
|
|
|
+ }
|
|
|
}
|
|
|
- this.get(selection[0]);
|
|
|
+ this.list = list;
|
|
|
},
|
|
|
- // 修改
|
|
|
- update: function(data) {
|
|
|
- sa.showIframe('修改数据', 'tb-business-sort-add.html?id=' + data.id, '800px', '80%');
|
|
|
+ getBusinessType() {
|
|
|
+ this.list = [];
|
|
|
+ sa.ajax('/TbItemType/getList', {
|
|
|
+ business: 0,
|
|
|
+ sortType: 0
|
|
|
+ }, function(resp) {
|
|
|
+ let list = resp.data;
|
|
|
+ this.businessTypeList = list;
|
|
|
+ this.getSortList();
|
|
|
+ }.bind(this))
|
|
|
},
|
|
|
- // 新增
|
|
|
- add: function(data) {
|
|
|
- sa.showIframe('新增数据', 'tb-business-sort-add.html?id=-1', '700px', '80%');
|
|
|
+ getSortList() {
|
|
|
+ sa.ajax('/TbBusinessOrder/getList', function(resp) {
|
|
|
+ let dbList = resp.data;
|
|
|
+ let businessTypeList = this.businessTypeList;
|
|
|
+ let index = 0;
|
|
|
+ let list = [];
|
|
|
+ for(let i in dbList){
|
|
|
+ let item=dbList[i];
|
|
|
+ let obj={
|
|
|
+ index:index,
|
|
|
+ typeId:item.typeId,
|
|
|
+ interval:item.intervalTime,
|
|
|
+ singleIntervalTime:item.singleIntervalTime,
|
|
|
+ businessTypeList:businessTypeList
|
|
|
+ }
|
|
|
+ index++;
|
|
|
+ list.push(obj);
|
|
|
+ }
|
|
|
+ this.list = list;
|
|
|
+ }.bind(this))
|
|
|
},
|
|
|
- // 删除
|
|
|
- del: function(data) {
|
|
|
- sa.confirm('是否删除,此操作不可撤销', function() {
|
|
|
- sa.ajax('/TbBusinessOrder/delete?id=' + data.id, function(res) {
|
|
|
- sa.arrayDelete(this.dataList, data);
|
|
|
- sa.ok('删除成功');
|
|
|
- sa.f5TableHeight(); // 刷新表格高度
|
|
|
- }.bind(this))
|
|
|
- }.bind(this));
|
|
|
+ // 创建一个 默认Model
|
|
|
+ createModel: function() {
|
|
|
+ return {
|
|
|
+ id: '', //
|
|
|
+ name: '', //
|
|
|
+ typeId: '',
|
|
|
+ typeName: '', //
|
|
|
+ sort: '', //
|
|
|
+ }
|
|
|
},
|
|
|
- // 批量删除
|
|
|
- deleteByIds: function() {
|
|
|
- // 获取选中元素的id列表
|
|
|
- let selection = this.$refs['data-table'].selection;
|
|
|
- let ids = sa.getArrayField(selection, 'id');
|
|
|
- if(selection.length == 0) {
|
|
|
- return sa.msg('请至少选择一条数据')
|
|
|
+ // 提交数据
|
|
|
+ ok: function() {
|
|
|
+ let list = this.list.filter(obj=>obj.itemId!='');
|
|
|
+ if(list.length==0){
|
|
|
+ sa.error('请设置项目')
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (let i in list) {
|
|
|
+ let obj = list[i];
|
|
|
+ if(i==0){
|
|
|
+ obj.intervalTime=0;
|
|
|
+ }
|
|
|
+ let businessList = obj.businessTypeList;
|
|
|
+ let name = businessList.filter(type => type.id == obj.typeId)[0].name;
|
|
|
+ obj.typeName=name;
|
|
|
}
|
|
|
- // 提交删除
|
|
|
- sa.confirm('是否批量删除选中数据?此操作不可撤销', function() {
|
|
|
- sa.ajax('/TbBusinessOrder/deleteByIds', {ids: ids.join(',')}, function(res) {
|
|
|
- sa.arrayDelete(this.dataList, selection);
|
|
|
- sa.ok('删除成功');
|
|
|
- sa.f5TableHeight(); // 刷新表格高度
|
|
|
- }.bind(this))
|
|
|
+ let obj={addJson:JSON.stringify(list)};
|
|
|
+ sa.ajax('/TbBusinessOrder/add', obj, function(res) {
|
|
|
+ sa.alert('设置成功', this.getBusinessType());
|
|
|
}.bind(this));
|
|
|
},
|
|
|
+ // 添加/修改 完成后的动作
|
|
|
+ clean: function() {
|
|
|
+ if (this.id == 0) {
|
|
|
+ this.m = this.createModel();
|
|
|
+ } else {
|
|
|
+ parent.app.f5(); // 刷新父页面列表
|
|
|
+ sa.closeCurrIframe(); // 关闭本页
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
- created: function() {
|
|
|
- this.f5();
|
|
|
- sa.onInputEnter();
|
|
|
+ mounted: function() {
|
|
|
+ this.getBusinessType();
|
|
|
+ // 初始化数据
|
|
|
+
|
|
|
}
|
|
|
})
|
|
|
</script>
|