|
|
@ -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;
|
|
|
|