Commit 15a54d1c authored by 赵啸非's avatar 赵啸非

Merge remote-tracking branch 'origin/master'

parents 6687093d 43cc05dd
...@@ -55,14 +55,12 @@ export default { ...@@ -55,14 +55,12 @@ export default {
// 异步获取子区域 // 异步获取子区域
onLoadData(treeNode) { onLoadData(treeNode) {
return new Promise((resolve) => { return new Promise((resolve) => {
console.log(treeNode.dataRef.id);
getListByParentId({ getListByParentId({
parentId: treeNode.dataRef.id, parentId: treeNode.dataRef.id,
}).then((res) => { }).then((res) => {
const { data } = res.data; const { data } = res.data;
treeNode.dataRef.children = data.data; treeNode.dataRef.children = data.data;
this.treeData = [...this.treeData]; this.treeData = [...this.treeData];
console.log(this.treeData);
resolve(); resolve();
}); });
// if (treeNode.dataRef.children) { // if (treeNode.dataRef.children) {
......
...@@ -21,6 +21,7 @@ export default { ...@@ -21,6 +21,7 @@ export default {
.copyright { .copyright {
color: @text-color-second; color: @text-color-second;
font-size: 14px; font-size: 14px;
opacity: 0;
i { i {
margin: 0 4px; margin: 0 4px;
} }
......
...@@ -3,17 +3,7 @@ ...@@ -3,17 +3,7 @@
<div class="left"> <div class="left">
<div class="header"> <div class="header">
<h3 class="titel">站点业务列表</h3> <h3 class="titel">站点业务列表</h3>
<a-popconfirm <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
:title="
deleteData.length
? '确定要从站点移除所选业务吗?'
: '请先勾选数据。'
"
@confirm="handleDelAll"
>
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a-button type="danger"> 批量移除 </a-button>
</a-popconfirm>
<a-button class="add-btn" @click="showModal"> 新增业务 </a-button> <a-button class="add-btn" @click="showModal"> 新增业务 </a-button>
</div> </div>
<div class="table-content"> <div class="table-content">
...@@ -55,13 +45,12 @@ ...@@ -55,13 +45,12 @@
<a href="javascript:;" class="edit" @click="handleEdit(text)" <a href="javascript:;" class="edit" @click="handleEdit(text)"
>编辑</a >编辑</a
> >
<a-popconfirm <a
title="确定要从站点删除该业务吗?" href="javascript:;"
@confirm="handleDel(text.id, text)" class="delete"
@click="handleDel(text.id, text)"
>删除</a
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -147,14 +136,12 @@ ...@@ -147,14 +136,12 @@
</template> </template>
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a class="jion" @click="handleIn(text.id)">加入</a> <a class="jion" @click="handleIn(text.id)">加入</a>
<a
<a-popconfirm href="javascript:;"
title="删除不可恢复,确定要删除吗?" class="delete"
@confirm="handleDelRight(+text.id)" @click="handleDelRight(+text.id)"
>删除</a
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -331,17 +318,33 @@ export default { ...@@ -331,17 +318,33 @@ export default {
// this.getBusinessListData(); // this.getBusinessListData();
// }, // },
// 删除 // 删除
async handleDel(num, data) { handleDel(num, data) {
let res = await delSiteBusiness({ id: num }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getSiteBusinessData(); okText: "确定",
this.$refs.addprofession.getBusinessData(); okType: "danger",
this.deleteData = []; cancelText: "取消",
this.$bus.$emit("delBusiness"); centered: true,
this.$bus.$emit("delBusinessMatter", data); icon: "exclamation-circle",
} maskClosable: true,
async onOk() {
let res = await delSiteBusiness({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getSiteBusinessData();
_this.$refs.addprofession.getBusinessData();
_this.deleteData = [];
_this.$bus.$emit("delBusiness");
_this.$bus.$emit("delBusinessMatter", data);
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
//新增业务 //新增业务
...@@ -362,6 +365,7 @@ export default { ...@@ -362,6 +365,7 @@ export default {
// 批量删除 // 批量删除
handleDelAll() { handleDelAll() {
if (this.deleteData.length <= 0) { if (this.deleteData.length <= 0) {
this.$message.warning("请先勾选数据");
return; return;
} else { } else {
let arr = [...this.deleteData]; let arr = [...this.deleteData];
...@@ -438,13 +442,29 @@ export default { ...@@ -438,13 +442,29 @@ export default {
} }
}, },
// 删除-右 // 删除-右
async handleDelRight(val) { handleDelRight(val) {
let res = await businessDel({ id: val }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getBusinessListData(); okText: "确定",
} okType: "danger",
cancelText: "取消",
centered: true,
maskClosable: true,
icon: "exclamation-circle",
async onOk() {
let res = await businessDel({ id: val });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getBusinessListData();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 自定义表格展开图标 // 自定义表格展开图标
expandIcon(props) { expandIcon(props) {
......
...@@ -5,17 +5,7 @@ ...@@ -5,17 +5,7 @@
<h3 class="titel">站点事项列表</h3> <h3 class="titel">站点事项列表</h3>
<div class="header-bottom"> <div class="header-bottom">
<div class="left-btn"> <div class="left-btn">
<a-popconfirm <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
:title="
deleteData.length
? '确定要从站点移除所选事项吗?'
: '请先勾选数据。'
"
@confirm="handleDelAll"
>
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a-button type="danger"> 批量移除 </a-button>
</a-popconfirm>
<!-- <a-button class="add-btn" @click="addItems"> 新增事项 </a-button> --> <!-- <a-button class="add-btn" @click="addItems"> 新增事项 </a-button> -->
</div> </div>
<div class="search-box"> <div class="search-box">
...@@ -87,13 +77,12 @@ ...@@ -87,13 +77,12 @@
</template> </template>
<!-- 操作 --> <!-- 操作 -->
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a-popconfirm <a
title="确定要从站点移除该事项吗?" href="javascript:;"
@confirm="handleDel(text.id, text)" class="delete"
@click="handleDel(text.id, text)"
>移除</a
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">移除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -173,13 +162,12 @@ ...@@ -173,13 +162,12 @@
<a href="javascript:;" class="jion" @click="handleIn(text.id)" <a href="javascript:;" class="jion" @click="handleIn(text.id)"
>加入</a >加入</a
> >
<a-popconfirm <a
title="删除不可恢复,确定要删除吗?" href="javascript:;"
@confirm="handleDelRight(text.id)" class="delete"
@click="handleDelRight(text.id)"
>删除</a
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -334,7 +322,6 @@ export default { ...@@ -334,7 +322,6 @@ export default {
} }
this.leftTotal = pageInfo.totalResult; this.leftTotal = pageInfo.totalResult;
this.matterSiteData = data; this.matterSiteData = data;
console.log(data);
this.leftLoading = false; this.leftLoading = false;
}, },
// 获取事项列表 // 获取事项列表
...@@ -368,16 +355,32 @@ export default { ...@@ -368,16 +355,32 @@ export default {
this.getMatterSiteData(); this.getMatterSiteData();
}, },
// 左边删除 // 左边删除
async handleDel(val, row) { handleDel(val, row) {
let res = await delSiteMatter({ id: String(val) }); let _this = this;
let { msg, code } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "确定要移除所选事项吗?",
this.getMatterSiteData(); okText: "确定",
this.deleteData = ""; okType: "danger",
this.$bus.$emit("delMatterSiteData"); cancelText: "取消",
this.$bus.$emit("delMatterSiteRelevance", row); centered: true,
} icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await delSiteMatter({ id: String(val) });
let { msg, code } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getMatterSiteData();
_this.deleteData = "";
_this.$bus.$emit("delMatterSiteData");
_this.$bus.$emit("delMatterSiteRelevance", row);
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
//新增事项 //新增事项
...@@ -399,6 +402,7 @@ export default { ...@@ -399,6 +402,7 @@ export default {
// 批量删除 // 批量删除
handleDelAll() { handleDelAll() {
if (this.deleteData.length <= 0) { if (this.deleteData.length <= 0) {
this.$message.warning("请先勾选数据");
return; return;
} else { } else {
let str = [...this.deleteData].map((v) => v.id).join(","); let str = [...this.deleteData].map((v) => v.id).join(",");
...@@ -468,12 +472,28 @@ export default { ...@@ -468,12 +472,28 @@ export default {
}, },
// 右边删除 // 右边删除
async handleDelRight(val) { async handleDelRight(val) {
let res = await delMatter({ id: String(val) }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getMatterListData(); okText: "确定",
} okType: "danger",
cancelText: "取消",
centered: true,
icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await delMatter({ id: String(val) });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getMatterListData();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
}, },
}; };
......
...@@ -6,15 +6,8 @@ ...@@ -6,15 +6,8 @@
<a-button type="primary" style="margin-right: 10px" @click="handleAdd" <a-button type="primary" style="margin-right: 10px" @click="handleAdd"
>新增模块</a-button >新增模块</a-button
> >
<a-popconfirm
:title=" <a-button type="danger" @click="handleDelAll">批量删除模块</a-button>
selectedRowKeys.length ? '确定要删除所选模块吗?' : '请先勾选模块'
"
@confirm="handleDelAll"
>
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a-button type="danger">批量删除模块</a-button>
</a-popconfirm>
</div> </div>
<div class="search-box"> <div class="search-box">
<a-input-search <a-input-search
...@@ -87,13 +80,9 @@ ...@@ -87,13 +80,9 @@
<a href="javascript:;" class="edit" @click="handleEdit(text)" <a href="javascript:;" class="edit" @click="handleEdit(text)"
>编辑</a >编辑</a
> >
<a-popconfirm <a href="javascript:;" class="delete" @click="handleDel(text.id)"
title="确定删除该模块吗?" >删除</a
@confirm="handleDel(text.id)"
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -349,6 +338,7 @@ export default { ...@@ -349,6 +338,7 @@ export default {
if (this.selectedRowKeys.length) { if (this.selectedRowKeys.length) {
this.handleDel(this.selectedRowKeys.join(",")); this.handleDel(this.selectedRowKeys.join(","));
} else { } else {
this.$message.warning("请先勾选模块");
return; return;
} }
}, },
...@@ -358,13 +348,29 @@ export default { ...@@ -358,13 +348,29 @@ export default {
this.visible = true; this.visible = true;
}, },
// 删除 // 删除
async handleDel(num) { handleDel(num) {
let res = await delMode({ id: num }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getmodelList(); okText: "确定",
} okType: "danger",
cancelText: "取消",
centered: true,
icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await delMode({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getmodelList();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 分页 // 分页
handleChange(num) { handleChange(num) {
......
...@@ -18,13 +18,7 @@ ...@@ -18,13 +18,7 @@
@click="addWindowMatter" @click="addWindowMatter"
>添加窗口事项</a-button >添加窗口事项</a-button
> >
<a-popconfirm <a-button type="danger" @click="handleDelAll">批量删除</a-button>
:title="allDel ? '删除不可恢复,确定要删除吗?' : '请先勾选数据'"
@confirm="handleDelAll"
>
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a-button type="danger">批量删除</a-button>
</a-popconfirm>
</div> </div>
<div class="search"> <div class="search">
<a-input-search <a-input-search
...@@ -45,7 +39,7 @@ ...@@ -45,7 +39,7 @@
size="middle" size="middle"
:pagination="{ :pagination="{
showTotal: (total) => `共 ${total} 条`, showTotal: (total) => `共 ${total} 条`,
current: current, current: Current,
total: total, total: total,
size: 'middle', size: 'middle',
showSizeChanger: true, showSizeChanger: true,
...@@ -76,13 +70,9 @@ ...@@ -76,13 +70,9 @@
<a href="javascript:;" class="edit" @click="handleEdit(text)" <a href="javascript:;" class="edit" @click="handleEdit(text)"
>编辑</a >编辑</a
> >
<a-popconfirm <a href="javascript:;" @click="handleDel(+text.id)" class="delete"
title="删除不可恢复,确定要删除吗?" >删除</a
@confirm="handleDel(+text.id)"
> >
<a-icon slot="icon" type="question-circle-o" style="color: red" />
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -360,21 +350,36 @@ export default { ...@@ -360,21 +350,36 @@ export default {
this.Visible = false; this.Visible = false;
}, },
// 删除 // 删除
async handleDel(num) { handleDel(num) {
let res = await delWindowmatter({ id: num }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getWindowmatterData(); okText: "确定",
} else { okType: "danger",
this.$message.error(msg); cancelText: "取消",
} centered: true,
icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await delWindowmatter({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getWindowmatterData();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 批量删除 // 批量删除
handleDelAll() { handleDelAll() {
if (this.allDel) { if (this.allDel) {
this.handleDel(this.allDel); this.handleDel(this.allDel);
} else { } else {
this.$message.warning("请先勾选数据");
return; return;
} }
}, },
......
...@@ -49,8 +49,8 @@ ...@@ -49,8 +49,8 @@
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="预约" prop="isOrder"> <a-form-model-item label="正常使用" prop="usValid">
<y-switch v-model="form.isOrder"></y-switch> <y-switch v-model="form.usValid"></y-switch>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
...@@ -73,8 +73,8 @@ ...@@ -73,8 +73,8 @@
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item label="正常使用" prop="usValid"> <a-form-model-item label="预约" prop="isOrder">
<y-switch v-model="form.usValid"></y-switch> <y-switch v-model="form.isOrder"></y-switch>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
...@@ -113,13 +113,13 @@ export default { ...@@ -113,13 +113,13 @@ export default {
deptAbb: "", // 部门简称 deptAbb: "", // 部门简称
deptTelphone: "", // 部门电话 deptTelphone: "", // 部门电话
deptNumber: "", // 部门编号 deptNumber: "", // 部门编号
isAutotable: "", // 填表展示 isAutotable: 1, // 填表展示
isOrder: "", // 预约展示 isOrder: 1, // 预约展示
isBkb: "", // 背靠背 isBkb: 1, // 背靠背
isWorkGuide: "", // 办事指南展示 isWorkGuide: 1, // 办事指南展示
usValid: "", // 是否使用 usValid: 1, // 是否使用
isSecphone: "", // 部门电话展示 isSecphone: 1, // 部门电话展示
isEnglish: "", // 是否展示英文 isEnglish: 1, // 是否展示英文
sort: "", // 排序 sort: "", // 排序
}, },
rules: { rules: {
......
...@@ -28,9 +28,19 @@ ...@@ -28,9 +28,19 @@
<!-- 部门管理 --> <!-- 部门管理 -->
<div class="department-list"> <div class="department-list">
<div v-if="department.length"> <div v-if="department.length">
<div class="department_off" v-for="v in department" :key="v.id"> <div
:class="{ department_off: true, active: active === i }"
v-for="(v, i) in department"
:key="v.id"
@click="changeDept(v.id, i)"
>
<div class="department-title"> <div class="department-title">
<span class="department_a">{{ v.name }}</span> <div class="department_a">
<a-tooltip>
<template slot="title"> {{ v.name }} </template>
{{ v.name }}
</a-tooltip>
</div>
<div class="department_icon_edit"> <div class="department_icon_edit">
<a-tooltip> <a-tooltip>
<template slot="title"> 查看编辑 </template> <template slot="title"> 查看编辑 </template>
...@@ -43,25 +53,19 @@ ...@@ -43,25 +53,19 @@
</a-tooltip> </a-tooltip>
<a-tooltip> <a-tooltip>
<template slot="title"> 删除 </template> <template slot="title"> 删除 </template>
<a-popconfirm
title="删除不可恢复,确定要删除吗?" <a-icon
@confirm="delDepartment(v.id)" type="delete"
> @click="delDepartment(v.id)"
<a-icon class="delete"
slot="icon" department_del
type="question-circle-o" />
style="color: red"
/>
<a-icon type="delete" class="delete" department_del />
</a-popconfirm>
</a-tooltip> </a-tooltip>
</div> </div>
</div> </div>
<div> <div>
<span class="department_span">简称:{{ v.deptAbb }}</span> <div class="department_span">简称:{{ v.deptAbb }}</div>
<br /> <div>联系电话:{{ v.deptTelphone }}</div>
<span>联系电话:{{ v.deptTelphone }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -138,18 +142,7 @@ ...@@ -138,18 +142,7 @@
<a class="yewu" type="primary" @click="workModal(text)">业务</a> <a class="yewu" type="primary" @click="workModal(text)">业务</a>
<a class="shixiang" @click="addWindowMatter(text)">事项</a> <a class="shixiang" @click="addWindowMatter(text)">事项</a>
<a class="edit" type="primary" @click="editModal(text)">编辑</a> <a class="edit" type="primary" @click="editModal(text)">编辑</a>
<a-popconfirm <a class="delete" @click="delWindow(text.id)">删除</a>
title="删除不可恢复,确定要删除吗?"
placement="left"
@confirm="delWindow(text.id)"
>
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a class="delete">删除</a>
</a-popconfirm>
</span> </span>
</a-table> </a-table>
</div> </div>
...@@ -339,6 +332,8 @@ export default { ...@@ -339,6 +332,8 @@ export default {
business: [], // 站点业务数据 business: [], // 站点业务数据
windowSearch: "", // 窗口搜索 windowSearch: "", // 窗口搜索
deptSearchVal: "", // 部门搜索 deptSearchVal: "", // 部门搜索
deptId: "", // 部门搜索窗口
active: undefined, // 部门激活
// isRelevancy: false, // isRelevancy: false,
formData: { formData: {
// 关联表单 // 关联表单
...@@ -385,6 +380,8 @@ export default { ...@@ -385,6 +380,8 @@ export default {
methods: { methods: {
handleClick(val) { handleClick(val) {
this.siteId = val.id; this.siteId = val.id;
this.active = undefined;
this.deptId = "";
this.getDeptListData({ siteId: val.id }); this.getDeptListData({ siteId: val.id });
this.getWindowListData({ siteId: val.id }); this.getWindowListData({ siteId: val.id });
this.getBusinessData({ siteId: val.id }); this.getBusinessData({ siteId: val.id });
...@@ -400,6 +397,8 @@ export default { ...@@ -400,6 +397,8 @@ export default {
this.windowData = []; this.windowData = [];
this.siteId = ""; this.siteId = "";
this.total = 0; this.total = 0;
this.active = undefined;
this.deptId = "";
}, },
// 去掉空children // 去掉空children
delChildren(arr) { delChildren(arr) {
...@@ -461,18 +460,44 @@ export default { ...@@ -461,18 +460,44 @@ export default {
this.formVisible = true; this.formVisible = true;
this.$refs.adddepartment.onEdit(val); this.$refs.adddepartment.onEdit(val);
}, },
// 切换部门
// 删除部门 changeDept(id, index) {
async delDepartment(num) { if (this.deptId === id) {
let res = await delDept({ id: num }); this.deptId = "";
let { code, msg } = res.data; this.active = undefined;
if (code === 1) { this.page = 1;
this.getDeptListData(this.siteId); this.getWindowListData();
this.$message.success(msg);
} else { } else {
this.$message.error(msg); this.deptId = id;
this.active = index;
this.page = 1;
this.getWindowListData();
} }
}, },
// 删除部门
delDepartment(num) {
let _this = this;
this.$confirm({
title: "系统提示",
content: "删除不可恢复,确定要删除吗?",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
maskClosable: true,
async onOk() {
let res = await delDept({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.getDeptListData(_this.siteId);
_this.$message.success(msg);
}
},
onCancel() {
console.log("Cancel");
},
});
},
// 窗口列表 // 窗口列表
async getWindowListData(obj = {}) { async getWindowListData(obj = {}) {
...@@ -482,6 +507,7 @@ export default { ...@@ -482,6 +507,7 @@ export default {
page: this.page, page: this.page,
size: this.size, size: this.size,
name: `%${this.windowSearch}%`, name: `%${this.windowSearch}%`,
deptId: this.deptId,
...obj, ...obj,
}); });
let { code, data } = res.data; let { code, data } = res.data;
...@@ -509,12 +535,28 @@ export default { ...@@ -509,12 +535,28 @@ export default {
this.$refs.addwindow.onEdit(data); this.$refs.addwindow.onEdit(data);
}, },
// 删除窗口 // 删除窗口
async delWindow(num) { delWindow(num) {
let res = await delWindow({ id: num }); let _this = this;
let { code } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.getWindowListData(this.siteId); content: "删除不可恢复,确定要删除吗?",
} okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
maskClosable: true,
async onOk() {
let res = await delWindow({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.getWindowListData(_this.siteId);
_this.$message.success(msg);
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 翻页 // 翻页
onPage(num) { onPage(num) {
...@@ -631,10 +673,7 @@ export default { ...@@ -631,10 +673,7 @@ export default {
border: 0; border: 0;
margin-right: 10px; margin-right: 10px;
} }
.department_off span {
margin-top: 5px;
margin-left: 15px;
}
.department_off:hover { .department_off:hover {
.department_icon_edit { .department_icon_edit {
display: block; display: block;
...@@ -649,13 +688,15 @@ export default { ...@@ -649,13 +688,15 @@ export default {
align-items: center; align-items: center;
} }
.department_icon_edit { .department_icon_edit {
margin-right: 20px;
display: none; display: none;
} }
.department_a { .department_a {
margin-left: 10px; width: 260px;
font-size: 17px; font-size: 17px;
font-weight: 500; font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.department_edit { .department_edit {
margin-right: 16px; margin-right: 16px;
...@@ -670,8 +711,7 @@ export default { ...@@ -670,8 +711,7 @@ export default {
} }
.department_off { .department_off {
// margin-left: 20px; // margin-left: 20px;
margin-top: 20px; padding: 20px 10px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
.department_tab { .department_tab {
...@@ -740,6 +780,9 @@ export default { ...@@ -740,6 +780,9 @@ export default {
flex: 1; flex: 1;
padding-bottom: 10px; padding-bottom: 10px;
overflow-y: auto; overflow-y: auto;
.active {
border-left: 2px solid #0595fd;
}
} }
} }
// .ant-form-item { // .ant-form-item {
......
...@@ -70,17 +70,7 @@ ...@@ -70,17 +70,7 @@
<!-- 操作 --> <!-- 操作 -->
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a type="primary" @click="handleEdit(text)" class="edit">编辑</a> <a type="primary" @click="handleEdit(text)" class="edit">编辑</a>
<a-popconfirm <a class="delet" @click="handleDel(text.id)">删除</a>
title="删除不可恢复,确定要删除吗?"
@confirm="handleDel(text.id)"
>
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a class="delet">删除</a>
</a-popconfirm>
</template> </template>
</a-table> </a-table>
</div> </div>
...@@ -243,13 +233,29 @@ export default { ...@@ -243,13 +233,29 @@ export default {
this.getHolidayData(); this.getHolidayData();
}, },
// 删除 // 删除
async handleDel(num) { handleDel(num) {
let res = await DelHoliday({ id: num }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getHolidayData(); okText: "确定",
} okType: "danger",
cancelText: "取消",
centered: true,
maskClosable: true,
icon: "exclamation-circle",
async onOk() {
let res = await DelHoliday({ id: num });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getHolidayData();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
}, },
}; };
......
...@@ -23,18 +23,9 @@ ...@@ -23,18 +23,9 @@
<a-button type="primary" @click="editSiteInfo(item)" <a-button type="primary" @click="editSiteInfo(item)"
>编辑</a-button >编辑</a-button
> >
<a-popconfirm <a-button type="danger" @click="deleteSite(item.id)"
placement="left" >删除</a-button
title="删除后不可恢复,确定要删除吗?"
@confirm="deleteSite(item.id)"
> >
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a-button type="danger">删除</a-button>
</a-popconfirm>
</div> </div>
</div> </div>
...@@ -282,7 +273,6 @@ export default { ...@@ -282,7 +273,6 @@ export default {
async getSiteList(info = {}) { async getSiteList(info = {}) {
let res = await getSiteList(info); let res = await getSiteList(info);
let { data, dict } = res.data.data; let { data, dict } = res.data.data;
console.log(dict);
data.forEach((v) => { data.forEach((v) => {
v.modelIds = v.modelIds.split(","); v.modelIds = v.modelIds.split(",");
v.modelData = Object.keys(dict.modelIds).reduce( v.modelData = Object.keys(dict.modelIds).reduce(
...@@ -307,13 +297,29 @@ export default { ...@@ -307,13 +297,29 @@ export default {
// }, // },
// 删除 // 删除
async deleteSite(val) { deleteSite(val) {
let res = await deleteSite({ id: val }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getSiteList({ areaID: this.areaID }); okText: "确定",
} okType: "danger",
cancelText: "取消",
centered: true,
maskClosable: true,
icon: "exclamation-circle",
async onOk() {
let res = await deleteSite({ id: val });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getSiteList({ areaID: _this.areaID });
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
//查看全部 //查看全部
cookAll(text) { cookAll(text) {
......
...@@ -69,17 +69,12 @@ ...@@ -69,17 +69,12 @@
<a href="javascript:;" class="edit" @click="handleEdit(text)" <a href="javascript:;" class="edit" @click="handleEdit(text)"
>编辑</a >编辑</a
> >
<a-popconfirm <a
title="删除不可恢复,确定要删除吗?" href="javascript:;"
@confirm="handleDel(text.id)" class="delete"
@click="handleDel(text.id)"
>删除</a
> >
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</a-space> </a-space>
</template> </template>
</a-table> </a-table>
...@@ -183,17 +178,12 @@ ...@@ -183,17 +178,12 @@
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a-space> <a-space>
<a class="edit" @click="handleEditRight(text)">编辑</a> <a class="edit" @click="handleEditRight(text)">编辑</a>
<a-popconfirm <a
title="删除不可恢复,确定要删除吗?" href="javascript:;"
@confirm="handleDelRight(text.id)" class="delete"
@click="handleDelRight(text.id)"
>删除</a
> >
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a href="javascript:;" class="delete">删除</a>
</a-popconfirm>
</a-space> </a-space>
</template> </template>
</a-table> </a-table>
...@@ -455,19 +445,7 @@ export default { ...@@ -455,19 +445,7 @@ export default {
if (!this.leftSelectedRowKeys.length) { if (!this.leftSelectedRowKeys.length) {
this.$message.warning("请先勾选数据"); this.$message.warning("请先勾选数据");
} else { } else {
let _this = this; this.handleDel(this.leftSelectedRowKeys.join(","));
_this.$confirm({
title: "确定要删除所勾选数据吗?",
// content: "Some descriptions",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
onOk() {
_this.handleDel(_this.leftSelectedRowKeys.join(","));
},
onCancel() {},
});
} }
}, },
// 右边选择 // 右边选择
...@@ -479,21 +457,7 @@ export default { ...@@ -479,21 +457,7 @@ export default {
if (!this.rightSelectedRowKeys.length) { if (!this.rightSelectedRowKeys.length) {
this.$message.warning("请先勾选数据"); this.$message.warning("请先勾选数据");
} else { } else {
let _this = this; this.handleDelRight(this.rightSelectedRowKeys.join(","));
_this.$confirm({
title: "确定要删除所勾选数据吗?",
// content: "Some descriptions",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
onOk() {
_this.handleDelRight(_this.rightSelectedRowKeys.join(","));
},
onCancel() {
console.log("Cancel");
},
});
} }
}, },
// 左边编辑 // 左边编辑
...@@ -503,16 +467,30 @@ export default { ...@@ -503,16 +467,30 @@ export default {
this.$refs.AddTemplate.onEdit(row); this.$refs.AddTemplate.onEdit(row);
}, },
// 左边删除 // 左边删除
async handleDel(val) { handleDel(val) {
let res = await deleteTemplate({ id: val }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.leftSelectedRowKeys = []; okText: "确定",
this.getTemplateList(); okType: "danger",
} else { cancelText: "取消",
this.$message.error(msg); centered: true,
} maskClosable: true,
icon: "exclamation-circle",
async onOk() {
let res = await deleteTemplate({ id: val });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.leftSelectedRowKeys = [];
_this.getTemplateList();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 右边编辑 // 右边编辑
handleEditRight(row) { handleEditRight(row) {
...@@ -521,16 +499,30 @@ export default { ...@@ -521,16 +499,30 @@ export default {
this.$refs.AddField.onEdit(row); this.$refs.AddField.onEdit(row);
}, },
// 右边删除 // 右边删除
async handleDelRight(val) { handleDelRight(val) {
let res = await deleteField({ id: val }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.rightSelectedRowKeys = []; okText: "确定",
this.getFieldList(); okType: "danger",
} else { cancelText: "取消",
this.$message.error(msg); centered: true,
} maskClosable: true,
icon: "exclamation-circle",
async onOk() {
let res = await deleteField({ id: val });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.rightSelectedRowKeys = [];
_this.getFieldList();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 新增皮肤模板成功刷新列表 // 新增皮肤模板成功刷新列表
addSuccess() { addSuccess() {
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<!-- 评价器 横板皮肤 --> <!-- 评价器 横板皮肤 -->
<div <div
:id="conponentsId"
class="call-out-skin-across" class="call-out-skin-across"
:style="{ :style="{
backgroundImage: filterImg('背景大图') backgroundImage: filterImg('背景大图')
...@@ -124,6 +125,10 @@ export default { ...@@ -124,6 +125,10 @@ export default {
required: true, required: true,
default: "1", default: "1",
}, },
conponentsId: {
required: true,
type: String,
},
}, },
data() { data() {
return { return {
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<!-- 呼叫器 横板皮肤 --> <!-- 呼叫器 横板皮肤 -->
<div <div
:id="conponentsId"
class="call-out-skin-across" class="call-out-skin-across"
:style="{ :style="{
backgroundImage: filterImg('背景大图') backgroundImage: filterImg('背景大图')
...@@ -169,6 +170,10 @@ export default { ...@@ -169,6 +170,10 @@ export default {
required: true, required: true,
default: "1", default: "1",
}, },
conponentsId: {
required: true,
type: String,
},
}, },
data() { data() {
return { return {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<!-- 集中显示屏 横板 --> <!-- 集中显示屏 横板 -->
<div <div
class="centralize-across" class="centralize-across"
:id="conponentsId"
:style="{ :style="{
backgroundImage: filterImg('背景大图') backgroundImage: filterImg('背景大图')
? `url(${api + filterImg('背景大图')})` ? `url(${api + filterImg('背景大图')})`
...@@ -192,6 +193,10 @@ export default { ...@@ -192,6 +193,10 @@ export default {
required: true, required: true,
default: "1", default: "1",
}, },
conponentsId: {
required: true,
type: String,
},
}, },
data() { data() {
return { return {
......
...@@ -141,8 +141,11 @@ export default { ...@@ -141,8 +141,11 @@ export default {
this.$confirm({ this.$confirm({
title: "系统提示", title: "系统提示",
content: "此操作将删除该皮肤信息,是否继续?", content: "此操作将删除该皮肤信息,是否继续?",
icon: "<Icon type='question-circle'>", okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true, centered: true,
icon: "exclamation-circle",
maskClosable: true, maskClosable: true,
async onOk() { async onOk() {
let res = await skinDelete({ id: val }); let res = await skinDelete({ id: val });
...@@ -154,7 +157,9 @@ export default { ...@@ -154,7 +157,9 @@ export default {
_this.$message.error(msg); _this.$message.error(msg);
} }
}, },
onCancel() {}, onCancel() {
console.log("Cancel");
},
}); });
}, },
}, },
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<div class="add-surface-preview"> <div class="add-surface-preview">
<div ref="content" class="add-surface-preview-content"> <div ref="content" class="add-surface-preview-content">
<component <component
conponentsId="conponentsId"
:is="component" :is="component"
:skinFieldList="formData.skinFieldList" :skinFieldList="formData.skinFieldList"
:imageResolution="formData.imageResolution" :imageResolution="formData.imageResolution"
...@@ -336,11 +337,12 @@ export default { ...@@ -336,11 +337,12 @@ export default {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
html2canvas(this.$refs.content, { let conponentsId = document.getElementById("conponentsId");
html2canvas(conponentsId, {
backgroundColor: null, backgroundColor: null,
useCORS: true, useCORS: true,
dpi: window.devicePixelRatio * 4, //设备像素比 dpi: window.devicePixelRatio * 4, //设备像素比
scale: 0.5, scale: 0.9,
}) })
.then(async (canvas) => { .then(async (canvas) => {
let url = canvas.toDataURL("image/png"); let url = canvas.toDataURL("image/png");
......
...@@ -193,10 +193,12 @@ export default { ...@@ -193,10 +193,12 @@ export default {
this.$confirm({ this.$confirm({
title: "系统提示", title: "系统提示",
content: "此操作将删除该分类下的所有皮肤信息,是否继续?", content: "此操作将删除该分类下的所有皮肤信息,是否继续?",
width: 450, okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true, centered: true,
icon: "<Icon type='question-circle'>",
maskClosable: true, maskClosable: true,
icon: "exclamation-circle",
async onOk() { async onOk() {
let res = await categoryDelete({ id: String(val) }); let res = await categoryDelete({ id: String(val) });
let { code, msg } = res.data; let { code, msg } = res.data;
...@@ -213,10 +215,12 @@ export default { ...@@ -213,10 +215,12 @@ export default {
this.$confirm({ this.$confirm({
title: "系统提示", title: "系统提示",
content: "此操作将删除该分类信息,是否继续?", content: "此操作将删除该分类信息,是否继续?",
width: 450, okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true, centered: true,
icon: "<Icon type='question-circle'>",
maskClosable: true, maskClosable: true,
icon: "exclamation-circle",
async onOk() { async onOk() {
let res = await categoryDelete({ id: String(val) }); let res = await categoryDelete({ id: String(val) });
let { code, msg } = res.data; let { code, msg } = res.data;
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<!-- 排号机 1920*1080 --> <!-- 排号机 1920*1080 -->
<div <div
:id="conponentsId"
class="surface-preview" class="surface-preview"
v-if="imageResolution === '1'" v-if="imageResolution === '1'"
:style="{ :style="{
...@@ -197,6 +198,10 @@ export default { ...@@ -197,6 +198,10 @@ export default {
required: true, required: true,
default: "1", default: "1",
}, },
conponentsId: {
required: true,
type: String,
},
}, },
data() { data() {
return { return {
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<!-- 窗口屏 横板 --> <!-- 窗口屏 横板 -->
<div <div
:id="conponentsId"
class="window-skin-across flex jcb aic" class="window-skin-across flex jcb aic"
:style="{ :style="{
backgroundImage: filterImg('背景大图') backgroundImage: filterImg('背景大图')
...@@ -91,6 +92,10 @@ export default { ...@@ -91,6 +92,10 @@ export default {
required: true, required: true,
default: "1", default: "1",
}, },
conponentsId: {
required: true,
type: String,
},
}, },
data() { data() {
return { return {
......
...@@ -134,17 +134,7 @@ ...@@ -134,17 +134,7 @@
<a class="edit-pwd" type="primary" @click="changePwd(text)" <a class="edit-pwd" type="primary" @click="changePwd(text)"
>修改密码</a >修改密码</a
> >
<a-popconfirm <a class="delet" @click="handleDel(text.id)">删除</a>
title="删除不可恢复,确定要删除吗?"
@confirm="handleDel(text.id)"
>
<a-icon
slot="icon"
type="question-circle-o"
style="color: red"
/>
<a class="delet">删除</a>
</a-popconfirm>
</a-space> </a-space>
</span> </span>
</a-table> </a-table>
...@@ -368,15 +358,29 @@ export default { ...@@ -368,15 +358,29 @@ export default {
this.getWorkmanData(); this.getWorkmanData();
}, },
// 删除 // 删除
async handleDel(val) { handleDel(val) {
let res = await delWorkman({ id: val }); let _this = this;
let { code, msg } = res.data; this.$confirm({
if (code === 1) { title: "系统提示",
this.$message.success(msg); content: "删除不可恢复,确定要删除吗?",
this.getWorkmanData(); okText: "确定",
} else { okType: "danger",
this.$message.error(msg); cancelText: "取消",
} centered: true,
icon: "exclamation-circle",
maskClosable: true,
async onOk() {
let res = await delWorkman({ id: val });
let { code, msg } = res.data;
if (code === 1) {
_this.$message.success(msg);
_this.getWorkmanData();
}
},
onCancel() {
console.log("Cancel");
},
});
}, },
// 搜索 // 搜索
onSearch(val) { onSearch(val) {
......
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