Skip to content

Commit e86492a

Browse files
author
spt
committed
dialog
1 parent 242d095 commit e86492a

File tree

8 files changed

+135
-19
lines changed

8 files changed

+135
-19
lines changed

‎src/components/c8-dialog/c8-dialog.component.ts

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import Clickoutside from 'element-ui/lib/utils/clickoutside';
2+
import { Vue, Prop, Component } from 'vue-property-decorator';
3+
import { Dialog } from 'element-ui';
4+
@Component({
5+
name: "platform-edit",
6+
})
7+
export default class C8DialogComponent extends Vue {
8+
private dialog:Dialog;
9+
dialogTableVisible:boolean=false;
10+
mounted() {
11+
let win: any = this.$refs["dialog"];
12+
this.dialog =win;
13+
}
14+
show() {
15+
this.dialogTableVisible=true;
16+
}
17+
close() {
18+
this.dialogTableVisible=false;
19+
}
20+
getDialog()
21+
{
22+
return this.dialog;
23+
}
24+
}

‎src/components/c8-dialog/c8-dialog.vue

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<template>
2+
<el-dialog ref="dialog" title="平台" :visible.sync="dialogTableVisible">
3+
4+
</el-dialog>
5+
</template>
6+
<script lang="ts">
7+
import C8DialogComponent from '@/components/c8-dialog/c8-dialog.component'
8+
export default C8DialogComponent
9+
</script>
10+
<style lang="scss" >
11+
12+
</style>

‎src/components/platform/detail/platform-detail.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<transition name="fade" mode="out-in" v-if="detailInfo"><!--v-if="detailInfo&&activeItem"-->
2+
<transition name="fade" mode="out-in">
33
<div class="page-main">
44
<div class="main-box">
55
<el-tabs value="first" type="card">

‎src/components/platform/edit/platform-edit.component.ts

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import Clickoutside from 'element-ui/lib/utils/clickoutside';
2+
import { Vue, Prop, Component } from 'vue-property-decorator';
3+
import { Message,Dialog } from 'element-ui';
4+
5+
@Component({
6+
name: "platform-edit",
7+
directives: { Clickoutside }
8+
})
9+
export default class PlatformEditComponent extends Vue {
10+
form: any = {};
11+
private dialog:Dialog;
12+
formLabelWidth:String="100px";
13+
dialogTableVisible:boolean=false;
14+
mounted() {
15+
let win: any = this.$refs["dialog"];
16+
this.dialog =win;
17+
}
18+
show() {
19+
// this.showBox = true;
20+
this.dialogTableVisible=true;
21+
}
22+
close() {
23+
this.dialogTableVisible=false;
24+
}
25+
save(num) {
26+
if (!this.form.platformName) {
27+
Message({
28+
showClose: true,
29+
message: '平台名称不能为空！',
30+
type: 'warning'
31+
});
32+
return;
33+
}
34+
if (!this.form.platformCode) {
35+
Message({
36+
showClose: true,
37+
message: '平台编号不能为空！',
38+
type: 'warning'
39+
});
40+
return;
41+
}
42+
}
43+
}
44+

‎src/components/platform/edit/platform-edit.vue

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<template>
2+
<el-dialog ref="dialog" title="平台" :visible.sync="dialogTableVisible">
3+
<el-form :model="form">
4+
<el-form-item label="平台名称" :label-width="formLabelWidth">
5+
<el-input v-model="form.platformName" auto-complete="off"></el-input>
6+
</el-form-item>
7+
<el-form-item label="平台编号" :label-width="formLabelWidth">
8+
<el-input v-model="form.platfplatformCodeormName" auto-complete="off"></el-input>
9+
</el-form-item>
10+
<el-form-item label="平台备注" :label-width="formLabelWidth">
11+
<el-input v-model="form.platformRemark" auto-complete="off"></el-input>
12+
</el-form-item>
13+
</el-form>
14+
<div slot="footer" class="dialog-footer">
15+
<el-button @click="close()">取 消</el-button>
16+
<el-button type="primary" @click="save()">确 定</el-button>
17+
</div>
18+
</el-dialog>
19+
</template>
20+
<script lang="ts">
21+
import PlatformEditComponent from '@/components/platform/edit/platform-edit.component'
22+
export default PlatformEditComponent
23+
</script>
24+
<style lang="scss" >
25+
26+
</style>

‎src/components/platform/platform.component.ts

Lines changed: 23 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,29 @@ import PlatformService from '../../services/platform.service';
66
import moment from 'moment';
77
import debounce from 'throttle-debounce/debounce';
88
import { Vue, Prop, Component } from 'vue-property-decorator'
9-
import TodoListItem from '@/components/todo-list-item/TodoListItem.vue'
10-
import ZeusMenu from '@/components/zeus-menu/zeus-menu.vue';
11-
import ZeusUser from '@/components/zeus-user/zeus-user.vue';
12-
import PlatformDetail from '@/components/platform/detail/platform-detail.vue';
13-
@Component({
14-
components: {
15-
ZeusMenu,
16-
ZeusUser,
17-
PlatformDetail
9+
import TodoListItem from '@/components/todo-list-item/TodoListItem.vue'
10+
import ZeusMenu from '@/components/zeus-menu/zeus-menu.vue';
11+
import ZeusUser from '@/components/zeus-user/zeus-user.vue';
12+
import PlatformDetail from '@/components/platform/detail/platform-detail.vue';
13+
import PlatformEdit from '@/components/platform/edit/platform-edit.vue';
14+
import PlatformEditComponent from "@/components/platform/edit/platform-edit.component";
15+
@Component({
16+
components: {
17+
ZeusMenu,
18+
ZeusUser,
19+
PlatformDetail,
20+
PlatformEdit
1821
}
19-
})
22+
})
2023
export default class PlatformComponent extends Vue {
2124
service: PlatformService = new PlatformService();
2225
loading: boolean = true;
2326
loadOVer: boolean = true;
27+
winEdit: PlatformEditComponent;
2428
filter = {
2529
serviceName: '', // 服务包名称
2630
companyName: '' // 公司名称
2731
};
28-
dataStart: String = ''; // 开始时间
29-
dataEnd: String = ''; // 结束时间
3032
navList: any = []; // 状态栏信息,
3133
tabs = []; // 左侧 tab 标签
3234
activeStatus: String = '1';
@@ -41,9 +43,15 @@ export default class PlatformComponent extends Vue {
4143
companyInfo: any = null // 公司信息 - 修改
4244

4345
created() {
44-
this.search();
45-
}
46+
this.search();
4647

48+
}
49+
mounted() {
50+
console.log(this.$refs.winEdit);
51+
let win: any = this.$refs["winEdit"];
52+
this.winEdit = win;
53+
console.log(this.winEdit);
54+
}
4755
// 获取左侧列表接口
4856
fetchData(params) {
4957
this.loading = true;
@@ -136,9 +144,7 @@ export default class PlatformComponent extends Vue {
136144
this.search();
137145
}
138146
addNew() {
139-
this.popupInfo = {
140-
new: true
141-
};
147+
this.winEdit.show();
142148
}
143149

144150
}

‎src/components/platform/platform.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,10 +54,11 @@
5454
</div>
5555
<platform-detail @copy="copy" @edit="edit" :detailInfo="activeItem" :activeItemProp="activeItem" :statusProp="params.status"></platform-detail>
5656
</div>
57-
<!--<zeus-popup @clear="clear" :popupInfo="popupInfo"></zeus-popup>-->
57+
<platform-edit ref="winEdit" ></platform-edit>
5858
<!--<zeus-popup-edit @upload="upload" @clear="clearEdit" :companyInfo="companyInfo" :activeItemProp="activeItem"></zeus-popup-edit>-->
5959
</section>
6060
</template>
61+
6162
<script lang="ts">
6263
import PlatformComponent from '@/components/platform/platform.component'
6364
export default PlatformComponent

‎src/vue.d.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
2+
3+
14
declare module "*.vue" {
25
import Vue from 'vue'
36
export default typeof Vue

0 commit comments

Comments
 (0)