|
@@ -16,6 +16,7 @@
|
|
<style type="text/css">
|
|
<style type="text/css">
|
|
.c-panel .el-form .c-label{width: 7em !important;}
|
|
.c-panel .el-form .c-label{width: 7em !important;}
|
|
.c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
|
|
.c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
|
|
|
|
+ .c1-label{width: 8em; color: #333; padding-right: 4px; display: inline-block; text-align: right; vertical-align: top;}
|
|
</style>
|
|
</style>
|
|
</head>
|
|
</head>
|
|
<body>
|
|
<body>
|
|
@@ -26,19 +27,38 @@
|
|
<div class="c-title" v-if="id == 0">数据添加</div>
|
|
<div class="c-title" v-if="id == 0">数据添加</div>
|
|
<div class="c-title" v-else>数据修改</div>
|
|
<div class="c-title" v-else>数据修改</div>
|
|
<el-form v-if="m">
|
|
<el-form v-if="m">
|
|
- <sa-item type="text" name="姓名" v-model="m.name" br></sa-item>
|
|
|
|
- <sa-item type="text" name="联系号码" v-model="m.phone" br></sa-item>
|
|
|
|
- <sa-item type="text" name="部门ID" v-model="m.deptId" br></sa-item>
|
|
|
|
- <sa-item type="text" name="职能" v-model="m.position" br></sa-item>
|
|
|
|
- <sa-item type="text" name="场所ID" v-model="m.venuesId" br></sa-item>
|
|
|
|
- <sa-item type="text" name="值班地点" v-model="m.venuesName" br></sa-item>
|
|
|
|
- <sa-item type="text" name="值班开始时间" v-model="m.workStartTime" br></sa-item>
|
|
|
|
- <sa-item type="text" name="值班结束时间" v-model="m.workEndTime" br></sa-item>
|
|
|
|
|
|
+ <sa-item type="text" name="姓名" v-model="m.name" br need></sa-item>
|
|
|
|
+ <sa-item type="text" name="联系号码" v-model="m.phone" br need></sa-item>
|
|
|
|
+ <div class="c-item">
|
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>部门:</label>
|
|
|
|
+ <el-select v-model="m.deptId" @change="deptChange">
|
|
|
|
+ <el-option label="请选择" v-for="(item,index) in deptList" :key="item.id"
|
|
|
|
+ :label="item.name" :value="item.id"></el-option>
|
|
|
|
+
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
|
|
+ <sa-item type="text" name="职能" v-model="m.position" br need></sa-item>
|
|
|
|
+<!-- <sa-item type="text" name="场所ID" v-model="m.venuesId" br></sa-item>-->
|
|
|
|
+ <div class="c-item">
|
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>场所:</label>
|
|
|
|
+ <el-select v-model="m.venuesId" @change="venuesChange">
|
|
|
|
+ <el-option label="请选择" v-for="(item,index) in venuesList" :key="item.id"
|
|
|
|
+ :label="item.name" :value="item.id"></el-option>
|
|
|
|
+
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
|
|
+ <sa-item type="text" name="值班地点" v-model="m.venuesName" br need></sa-item>
|
|
|
|
+<!-- <sa-item type="text" name="值班开始时间" v-model="m.workStartTime" br></sa-item>-->
|
|
|
|
+ <div class="c-item">
|
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>值班开始时间:</label>
|
|
|
|
+ <el-time-picker value-format="HH:mm:ss" v-model="m.workStartTime"></el-time-picker>
|
|
|
|
+ </div>
|
|
|
|
+<!-- <sa-item type="text" name="值班结束时间" v-model="m.workEndTime" br></sa-item>-->
|
|
|
|
+ <div class="c-item">
|
|
|
|
+ <label class="c-label"><span style="color: red;">*</span>值班结束时间:</label>
|
|
|
|
+ <el-time-picker value-format="HH:mm:ss" v-model="m.workEndTime"></el-time-picker>
|
|
|
|
+ </div>
|
|
<sa-item type="text" name="备注" v-model="m.remark" br></sa-item>
|
|
<sa-item type="text" name="备注" v-model="m.remark" br></sa-item>
|
|
- <sa-item type="text" name="创建时间" v-model="m.createTime" br></sa-item>
|
|
|
|
- <sa-item type="text" name="创建人" v-model="m.createBy" br></sa-item>
|
|
|
|
- <sa-item type="text" name="更新时间" v-model="m.updateTime" br></sa-item>
|
|
|
|
- <sa-item type="text" name="更新人" v-model="m.updateBy" br></sa-item>
|
|
|
|
<sa-item name="" class="s-ok" br>
|
|
<sa-item name="" class="s-ok" br>
|
|
<el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
|
|
<el-button type="primary" icon="el-icon-plus" @click="ok()">保存</el-button>
|
|
</sa-item>
|
|
</sa-item>
|
|
@@ -60,26 +80,27 @@
|
|
el: '.vue-box',
|
|
el: '.vue-box',
|
|
data: {
|
|
data: {
|
|
id: sa.p('id', 0), // 获取超链接中的id参数(0=添加,非0=修改)
|
|
id: sa.p('id', 0), // 获取超链接中的id参数(0=添加,非0=修改)
|
|
- m: null, // 实体对象
|
|
|
|
|
|
+ m: null, // 实体对象
|
|
|
|
+ deptList: [],
|
|
|
|
+ venuesList: [],
|
|
|
|
+
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+
|
|
// 创建一个 默认Model
|
|
// 创建一个 默认Model
|
|
createModel: function() {
|
|
createModel: function() {
|
|
return {
|
|
return {
|
|
id: '', // 主键
|
|
id: '', // 主键
|
|
name: '', // 姓名
|
|
name: '', // 姓名
|
|
phone: '', // 联系号码
|
|
phone: '', // 联系号码
|
|
- deptId: '', // 部门ID
|
|
|
|
|
|
+ deptId: '', // 部门ID
|
|
|
|
+ deptName: '',
|
|
position: '', // 职能
|
|
position: '', // 职能
|
|
venuesId: '', // 场所ID
|
|
venuesId: '', // 场所ID
|
|
venuesName: '', // 值班地点
|
|
venuesName: '', // 值班地点
|
|
workStartTime: '', // 值班开始时间
|
|
workStartTime: '', // 值班开始时间
|
|
workEndTime: '', // 值班结束时间
|
|
workEndTime: '', // 值班结束时间
|
|
- remark: '', // 备注
|
|
|
|
- createTime: '', // 创建时间
|
|
|
|
- createBy: '', // 创建人
|
|
|
|
- updateTime: '', // 更新时间
|
|
|
|
- updateBy: '', // 更新人
|
|
|
|
|
|
+ remark: '', // 备注
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 提交数据
|
|
// 提交数据
|
|
@@ -88,19 +109,18 @@
|
|
let m = this.m;
|
|
let m = this.m;
|
|
// sa.checkNull(m.id, '请输入 [主键]');
|
|
// sa.checkNull(m.id, '请输入 [主键]');
|
|
sa.checkNull(m.name, '请输入 [姓名]');
|
|
sa.checkNull(m.name, '请输入 [姓名]');
|
|
- sa.checkNull(m.phone, '请输入 [联系号码]');
|
|
|
|
- sa.checkNull(m.deptId, '请输入 [部门ID]');
|
|
|
|
|
|
+ sa.checkNull(m.deptId, '请选择 [部门]');
|
|
sa.checkNull(m.position, '请输入 [职能]');
|
|
sa.checkNull(m.position, '请输入 [职能]');
|
|
- sa.checkNull(m.venuesId, '请输入 [场所ID]');
|
|
|
|
|
|
+ sa.checkNull(m.venuesId, '请输入 [场所]');
|
|
sa.checkNull(m.venuesName, '请输入 [值班地点]');
|
|
sa.checkNull(m.venuesName, '请输入 [值班地点]');
|
|
sa.checkNull(m.workStartTime, '请输入 [值班开始时间]');
|
|
sa.checkNull(m.workStartTime, '请输入 [值班开始时间]');
|
|
sa.checkNull(m.workEndTime, '请输入 [值班结束时间]');
|
|
sa.checkNull(m.workEndTime, '请输入 [值班结束时间]');
|
|
- sa.checkNull(m.remark, '请输入 [备注]');
|
|
|
|
- sa.checkNull(m.createTime, '请输入 [创建时间]');
|
|
|
|
- sa.checkNull(m.createBy, '请输入 [创建人]');
|
|
|
|
- sa.checkNull(m.updateTime, '请输入 [更新时间]');
|
|
|
|
- sa.checkNull(m.updateBy, '请输入 [更新人]');
|
|
|
|
-
|
|
|
|
|
|
+ let phone = m.phone;
|
|
|
|
+ if (!sa.isPhone(phone)) {
|
|
|
|
+ sa.error('请输入正确的联系号码');
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+
|
|
// 开始增加或修改
|
|
// 开始增加或修改
|
|
if(this.id <= 0) { // 添加
|
|
if(this.id <= 0) { // 添加
|
|
sa.ajax('/TbManager/add', m, function(res){
|
|
sa.ajax('/TbManager/add', m, function(res){
|
|
@@ -112,6 +132,30 @@
|
|
}.bind(this));
|
|
}.bind(this));
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ deptChange(val) {
|
|
|
|
+ let dept = this.deptList.filter(obj => obj.id === val).pop();
|
|
|
|
+ this.m.deptName = dept.name;
|
|
|
|
+ },
|
|
|
|
+ venuesChange(val) {
|
|
|
|
+ let venue = this.venuesList.filter(obj => obj.id === val).pop();
|
|
|
|
+ this.m.venuesName = venue.name;
|
|
|
|
+ },
|
|
|
|
+ getDeptList() {
|
|
|
|
+ console.log(1);
|
|
|
|
+ sa.ajax('/TbVenues/getList', {
|
|
|
|
+ pId: -1
|
|
|
|
+ }, function(resp) {
|
|
|
|
+ this.venuesList = resp.data;
|
|
|
|
+
|
|
|
|
+ }.bind(this))
|
|
|
|
+ },
|
|
|
|
+ getVenuesList() {
|
|
|
|
+ console.log(2);
|
|
|
|
+ sa.ajax('/TbDept/getList', function(resp) {
|
|
|
|
+ this.deptList = resp.data;
|
|
|
|
+
|
|
|
|
+ }.bind(this))
|
|
|
|
+ },
|
|
// 添加/修改 完成后的动作
|
|
// 添加/修改 完成后的动作
|
|
clean: function() {
|
|
clean: function() {
|
|
if(this.id == 0) {
|
|
if(this.id == 0) {
|
|
@@ -123,7 +167,9 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted: function(){
|
|
mounted: function(){
|
|
- // 初始化数据
|
|
|
|
|
|
+ // 初始化数据
|
|
|
|
+ this.getDeptList();
|
|
|
|
+ this.getVenuesList();
|
|
if(this.id <= 0) {
|
|
if(this.id <= 0) {
|
|
this.m = this.createModel();
|
|
this.m = this.createModel();
|
|
} else {
|
|
} else {
|
|
@@ -134,6 +180,7 @@
|
|
}
|
|
}
|
|
}.bind(this))
|
|
}.bind(this))
|
|
}
|
|
}
|
|
|
|
+
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
|