master
loveflow 11 months ago
parent bbe73045b8
commit 74810344e2

@ -375,6 +375,37 @@
} }
} }
} }
.el-form {
height: calc(100% - 36px);
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
.el-form-item {
.el-form-item__label {
color: #fff;
line-height: 40px;
padding: 0 0 4px;
}
.el-form-item__content {
.el-textarea__inner,
.el-input__inner {
border-radius: 0px;
border: 0.5px solid;
background: #3c4b4a;
color: #fff;
border-color: #5b748c;
}
/* 查询框点击颜色变化 */
.el-input__inner:focus,
.el-input__inner:hover {
border-color: #5b748c;
}
}
}
}
} }
.canvasDefault { .canvasDefault {

@ -191,6 +191,28 @@ export const commonMixins = {
}, },
], ],
dealWayList: [ dealWayList: [
{
name: "企业提醒",
value: "1",
},
{
name: "核实消警",
value: "2",
},
{
name: "现场核实",
value: "3",
},
{
name: "现场检查",
value: "4",
},
{
name: "行政处罚",
value: "5",
},
],
dealRequire: [
{ {
name: "自动反馈", name: "自动反馈",
value: "1", value: "1",

@ -41,7 +41,9 @@
<div class="line"> <div class="line">
<div class="item"> <div class="item">
<div class="label">处置方式</div> <div class="label">处置方式</div>
<div class="value">{{ item.way }}</div> <div class="value">
<gDict :options="dealWayList" :value="item.dealWay"></gDict>
</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
@ -55,7 +57,8 @@
<div class="label">任务单</div> <div class="label">任务单</div>
<div class="value"> <div class="value">
<div <div
class="icon" @click="edit(item)"
class="icon pointer"
:style="{ backgroundImage: `url(${item.taskI})` }" :style="{ backgroundImage: `url(${item.taskI})` }"
></div> ></div>
</div> </div>
@ -64,7 +67,8 @@
<div class="label">行政处罚</div> <div class="label">行政处罚</div>
<div class="value"> <div class="value">
<div <div
class="icon" @click="edit(item)"
class="icon pointer"
:style="{ backgroundImage: `url(${item.cfaI})` }" :style="{ backgroundImage: `url(${item.cfaI})` }"
></div> ></div>
</div> </div>
@ -191,6 +195,8 @@ export default {
}, },
], ],
delArr: [], delArr: [],
taskIcon: require("@/assets/images/team/taskb.png"),
punishIcon: require("@/assets/images/team/cfab.png"),
}; };
}, },
mounted() { mounted() {
@ -204,7 +210,7 @@ export default {
this.dataSource.push({ this.dataSource.push({
cmy: "宁波镇海兴达化工有限公司" + i, cmy: "宁波镇海兴达化工有限公司" + i,
id: i, id: i,
way: "企业提醒", dealWay: i % 6 || "1",
nr: "您好X年X月X日贵单位的XXXXXXXX证书将过期需及时处置。", nr: "您好X年X月X日贵单位的XXXXXXXX证书将过期需及时处置。",
taskI: require("@/assets/images/team/taskb.png"), taskI: require("@/assets/images/team/taskb.png"),
cfaI: require("@/assets/images/team/cfab.png"), cfaI: require("@/assets/images/team/cfab.png"),
@ -217,7 +223,7 @@ export default {
//this.$refs.formDialog.openDialog("other", {}, ""); //this.$refs.formDialog.openDialog("other", {}, "");
}, },
edit(obj) { edit(obj) {
this.$refs.formDialog.openDialog("other", obj, "编辑推送规则设置"); this.$emit("tabChange", "31", { info: obj });
}, },
selectDel(obj) { selectDel(obj) {
let id = obj.id; let id = obj.id;

@ -7,54 +7,110 @@
</div> </div>
</div> </div>
<div class="dealWayCreateWrap"> <div class="dealWayCreateWrap">
<el-form ref="form" :model="wayForm" label-width="180px">
<div class="line"> <div class="line">
<div class="item"> <el-form-item label="请选择风险类型:">
<div class="label">处置方式</div> <el-select clearable v-model="wayForm.risk" placeholder="">
<div class="value">{{ info.way }}</div> <el-option
</div> v-for="item in riskList"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="请选择要素异常:">
<el-select clearable v-model="wayForm.ys" placeholder="">
<el-option
v-for="item in elementList"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <el-form-item label="请输入处置方式:">
<div class="label">处置流程</div> <el-input
<div class="value">{{ info.nr }}</div> clearable
</div> style="width: 217px"
v-model="wayForm.dealWay"
></el-input>
</el-form-item>
<el-form-item label="请选择监管单位:">
<el-select clearable v-model="wayForm.unit" placeholder="">
<el-option
v-for="item in unitList"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</div> </div>
<div class="line"> <div class="line">
<div class="item"> <el-form-item label="任务单模板:">
<div class="label">任务单</div> <el-select clearable v-model="wayForm.isTask" placeholder="">
<div class="value flex-item-center"> <el-option
<div class="mr20 flex-item-center pointer" @click="selectDel()"> v-for="item in isNoList"
<div :key="item.value"
class="checkIcon" :label="item.name"
:class="{ checkIconActive: checkIconActive }" :value="item.value"
></div> >
<div class="">{{ info.task }}</div> </el-option>
</el-select>
</el-form-item>
<el-form-item label="行政处罚单模板:">
<el-select clearable v-model="wayForm.isPunish" placeholder="">
<el-option
v-for="item in isNoList"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</div> </div>
<div class="flex"> <div class="line" v-if="wayForm.isTask == 1">
<div class="addBtn flex-center mr16" @click="add"> <el-form-item label="请选择任务单模板:">
<el-select clearable v-model="wayForm.task" placeholder="">
<el-option
v-for="item in taskList"
:key="item.value"
:label="item.name"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<div class="addBtn flex-center mr16" @click="addTask">
<div class="plusIcon mr4"></div> <div class="plusIcon mr4"></div>
<div>新增模板</div> <div>新增模板</div>
</div> </div>
<div class="addBtn flex-center mr16" @click="edit(info)">
<div class="editIcon mr4"></div>
<div>编辑</div>
</div> </div>
<div class="line" v-if="wayForm.isPunish == 1">
<el-popconfirm <el-form-item label="请选择行政处罚单模板:">
icon="el-icon-info" <el-select clearable v-model="wayForm.punish" placeholder="">
icon-color="red" <el-option
title="确定删除当前选择项目吗?" v-for="item in punishList"
@confirm="del(info)" :key="item.value"
:label="item.name"
:value="item.value"
> >
<div slot="reference" class="addBtn flex-center"> </el-option>
<div class="delIcon mr4"></div> </el-select>
<div>删除</div> </el-form-item>
</div> <div class="addBtn flex-center mr16" @click="addPunish">
</el-popconfirm> <div class="plusIcon mr4"></div>
</div> <div>新增模板</div>
</div>
</div> </div>
</div> </div>
</el-form>
</div> </div>
</div> </div>
<FormDialog <FormDialog
@ -71,8 +127,54 @@
import { commonMixins } from "@/loveflow/mixins/commonMixins"; import { commonMixins } from "@/loveflow/mixins/commonMixins";
export default { export default {
mixins: [commonMixins], mixins: [commonMixins],
props: {
info: {
type: Object,
default: () => {
return {};
},
},
},
data() { data() {
return { return {
taskList: [
{
name: "任务单1",
value: "1",
},
{
name: "任务单2",
value: "2",
},
{
name: "任务单3",
value: "3",
},
],
punishList: [
{
name: "行政处罚单1",
value: "1",
},
{
name: "行政处罚单2",
value: "2",
},
{
name: "行政处罚单3",
value: "3",
},
],
wayForm: {
risk: "",
ys: "",
dealWay: "",
unit: "",
isTask: "",
isPunish: "",
task: "",
punish: "",
},
formItems: [ formItems: [
{ {
type: "select", type: "select",
@ -108,16 +210,15 @@ export default {
}, },
}, },
{ {
type: "select", type: "input",
itemAttrs: { itemAttrs: {
label: "处置方式", label: "处置方式",
span: 12, span: 12,
rules: this.$rules.requiredItem, rules: this.$rules.requiredItem,
}, },
attrs: { attrs: {
model: "way", model: "dealWay",
value: "", value: "",
option: [],
style: { style: {
width: "100%", width: "100%",
paddingRight: "16px", paddingRight: "16px",
@ -169,19 +270,12 @@ export default {
}, },
], ],
backIcon: require("@/assets/images/topic/left.png"), backIcon: require("@/assets/images/topic/left.png"),
info: {
task: "任务单",
way: "企业提醒",
nr: "以任务单形式派发给指定工作人员,工作人员将处置结果以及企业整改结果反馈到系统中以办结业务",
},
checkIconActive: false, checkIconActive: false,
}; };
}, },
mounted() { mounted() {
this.setFindItem("formItems", "risk").attrs.option = this.riskList; this.setFindItem("formItems", "risk").attrs.option = this.riskList;
this.setFindItem("formItems", "ys").attrs.option = this.elementList; this.setFindItem("formItems", "ys").attrs.option = this.elementList;
this.setFindItem("formItems", "way").attrs.option = this.dealWayList;
this.setFindItem("formItems", "unit").attrs.option = this.unitList; this.setFindItem("formItems", "unit").attrs.option = this.unitList;
}, },
methods: { methods: {
@ -191,8 +285,48 @@ export default {
selectDel() { selectDel() {
this.checkIconActive = !this.checkIconActive; this.checkIconActive = !this.checkIconActive;
}, },
add() { addTask() {
this.$refs.formDialog.openDialog("other", {}, "推送规则设置"); if (this.judge()) {
this.$refs.formDialog.openDialog("other", this.wayForm, "任务单模板");
}
},
judge() {
if (!this.wayForm.risk) {
this.$message({
message: "请选择风险类型",
});
return false;
}
if (!this.wayForm.ys) {
this.$message({
message: "请选择要素异常",
});
return false;
}
if (!this.wayForm.dealWay) {
this.$message({
message: "请输入处置方式",
});
return false;
}
if (!this.wayForm.unit) {
this.$message({
message: "请选择监管单位",
});
return false;
}
return true;
},
addPunish() {
if (this.judge()) {
this.$refs.formDialog.openDialog(
"other",
this.wayForm,
"行政处罚单模板"
);
}
}, },
edit(obj) { edit(obj) {
this.$refs.formDialog.openDialog("other", obj, "编辑推送规则设置"); this.$refs.formDialog.openDialog("other", obj, "编辑推送规则设置");
@ -222,7 +356,6 @@ export default {
} }
.dealWayCreateWrap { .dealWayCreateWrap {
padding: vw(16); padding: vw(16);
height: vw(160);
background: url("~@/assets/images/team/urHead.png") no-repeat center center; background: url("~@/assets/images/team/urHead.png") no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
@ -231,6 +364,11 @@ export default {
.line { .line {
display: flex; display: flex;
align-items: center; align-items: center;
.addBtn {
margin-left: 20px;
height: 40px;
margin-bottom: 26px;
}
.item { .item {
flex: 1; flex: 1;
display: flex; display: flex;

@ -12,7 +12,11 @@
></gTab> ></gTab>
</div> </div>
<div class="btmBody"> <div class="btmBody">
<component :is="content" @tabChange="tabChange"></component> <component
:is="content"
:info="info"
@tabChange="tabChange"
></component>
</div> </div>
</div> </div>
</tableMain> </tableMain>
@ -28,7 +32,7 @@ import msgPushModelDd from "./msgPushModelDd.vue";
import urgencyWrap from "./urgency.vue"; import urgencyWrap from "./urgency.vue";
import dealWay from "./dealWay.vue"; import dealWay from "./dealWay.vue";
import dealWayCreate from "./dealWayCreate.vue"; import dealWayCreate from "./dealWayCreate.vue";
import dealRequire from "./msgPush.vue"; import dealRequire from "./dealRequire.vue";
export default { export default {
components: { components: {
@ -64,11 +68,14 @@ export default {
], ],
curTab: "1", curTab: "1",
content: "msgPush", content: "msgPush",
info: {},
}; };
}, },
methods: { methods: {
tabChange(val) { tabChange(val, obj) {
console.log("主页tab:", val); console.log("主页tab:", val);
console.log("主页obj:", obj);
this.info = obj || {};
if (val == "1") { if (val == "1") {
this.content = msgPush; this.content = msgPush;
} }

Loading…
Cancel
Save