loveflow
11 months ago
parent
cc9d1ce887
commit
31f1df0f5c
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 568 B |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 556 B |
|
After Width: | Height: | Size: 569 B |
@ -0,0 +1,458 @@
|
||||
<template>
|
||||
<div class="riskOverviewIndexDutyPanel loveflow">
|
||||
<tableMain>
|
||||
<div class="riskOverviewIndexDutyWrap">
|
||||
<div class="titleWrap">
|
||||
<div class="backBtn" @click="goBack()">
|
||||
<img :src="backIcon" />返回
|
||||
</div>
|
||||
</div>
|
||||
<div class="btmBody">
|
||||
<div class="flexSpaceBetween">
|
||||
<div class="tableOperator"></div>
|
||||
<div class="searchWrap">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="queryParam"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-form-item label="关键字">
|
||||
<el-input
|
||||
v-model="queryParam.name"
|
||||
placeholder="请输入企业名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="管控扣分项">
|
||||
<el-select v-model="queryParam.kf" placeholder="">
|
||||
<el-option label="流动人员" value="1"></el-option>
|
||||
<el-option label="企业整改" value="0"></el-option>
|
||||
<el-option label="重点岗位" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置方式">
|
||||
<el-select v-model="queryParam.way" placeholder="">
|
||||
<el-option label="企业提醒" value="1"></el-option>
|
||||
<el-option label="核实消警" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="监管单位">
|
||||
<el-select v-model="queryParam.dw" placeholder="">
|
||||
<el-option label="区委网信办" value="1"></el-option>
|
||||
<el-option label="区公安局" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="searchQuery"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button type="primary" plain @click="searchReset"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableWrap">
|
||||
<gMainTable
|
||||
border
|
||||
stripe
|
||||
ref="gMainTable"
|
||||
:tableData="dataSource"
|
||||
:columns="columns"
|
||||
rowKey="id"
|
||||
:pagination="ipagination"
|
||||
@pageSizeChange="handlePageSizeChange"
|
||||
@currentPageChange="handleCurrentPageChange"
|
||||
>
|
||||
<template v-slot:idSlot="{ scope }">
|
||||
<span class="serialWrap">
|
||||
{{ scope.row.id }}
|
||||
</span>
|
||||
</template>
|
||||
<template v-slot:iszgSlot="{ scope }">
|
||||
<div class="gouWrap" v-if="scope.row.state == 0"></div>
|
||||
</template>
|
||||
<template v-slot:msgSlot="{ scope }">
|
||||
<div
|
||||
@click="sendMsg(scope.row)"
|
||||
class="msgfWrap"
|
||||
v-if="scope.row.msg == 0"
|
||||
>
|
||||
发送超期提醒
|
||||
</div>
|
||||
<div class="msgWrap" v-if="scope.row.msg == 1">已经发送</div>
|
||||
</template>
|
||||
<template v-slot:jjSlot="{ scope }">
|
||||
<div class="ybWrap" v-if="scope.row.jj == 0">
|
||||
<div class="text">一般</div>
|
||||
</div>
|
||||
<div class="zdWrap" v-if="scope.row.jj == 1">
|
||||
<div class="text">重点关注</div>
|
||||
</div>
|
||||
<div class="jjWrap" v-if="scope.row.jj == 2">
|
||||
<div class="text">紧急</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:stateSlot="{ scope }">
|
||||
<div class="failWrap" v-if="scope.row.state == 0">
|
||||
<div class="text">未完成</div>
|
||||
</div>
|
||||
<div class="ingWrap" v-if="scope.row.state == 1">
|
||||
<div class="text">整改中</div>
|
||||
</div>
|
||||
<div class="finishWrap" v-if="scope.row.state == 2">
|
||||
<div class="text">已完成</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:optSlot="{ scope }">
|
||||
<div class="clickText" @click="deal(scope.row)">挂牌督办</div>
|
||||
</template>
|
||||
</gMainTable>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tableMain>
|
||||
<FormDialog
|
||||
labelPosition="top"
|
||||
ref="formDialog"
|
||||
:formItems="formItems"
|
||||
width="800px"
|
||||
@formSubmit="formSubmit"
|
||||
>
|
||||
</FormDialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import tableMain from "../components/tableMain.vue";
|
||||
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||
export default {
|
||||
components: { tableMain },
|
||||
mixins: [tableListMixins],
|
||||
data() {
|
||||
return {
|
||||
backIcon: require("@/assets/images/topic/left.png"),
|
||||
columns: [
|
||||
{
|
||||
slot: "idSlot",
|
||||
prop: "id",
|
||||
label: "序号",
|
||||
attrs: {
|
||||
width: 60,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "qyName",
|
||||
label: "企业名称",
|
||||
},
|
||||
{
|
||||
prop: "flowType",
|
||||
label: "管控扣分项",
|
||||
},
|
||||
{
|
||||
prop: "flowType",
|
||||
label: "异常明细项",
|
||||
},
|
||||
{
|
||||
prop: "remarks",
|
||||
label: "整改要求",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "remarks",
|
||||
label: "各单位分工责任",
|
||||
attrs: {
|
||||
width: 160,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "node",
|
||||
label: "监管单位",
|
||||
attrs: {
|
||||
width: 140,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "name",
|
||||
label: "责任人",
|
||||
attrs: {
|
||||
width: 140,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "way",
|
||||
label: "处置方式",
|
||||
attrs: {
|
||||
width: 140,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "deal",
|
||||
label: "处置要求",
|
||||
attrs: {
|
||||
width: 140,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "jjSlot",
|
||||
prop: "jj",
|
||||
label: "紧急程度",
|
||||
attrs: {
|
||||
width: 140,
|
||||
},
|
||||
},
|
||||
],
|
||||
formItems: [
|
||||
{
|
||||
type: "datetime",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌日期：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "date",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "select",
|
||||
itemAttrs: {
|
||||
label: "请选择督办级别：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "jb",
|
||||
value: "",
|
||||
option: [
|
||||
{
|
||||
label: "一级",
|
||||
value: "1",
|
||||
},
|
||||
{
|
||||
label: "二级",
|
||||
value: "2",
|
||||
},
|
||||
],
|
||||
style: {
|
||||
width: "100%",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌单位：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌文号：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入督办要求：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入督办销号单位：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
deal(obj) {
|
||||
this.$refs.formDialog.openDialog("detail", obj, "挂牌督办");
|
||||
},
|
||||
formSubmit(obj) {
|
||||
console.log(obj);
|
||||
},
|
||||
sendMsg(obj) {
|
||||
this.$message.success("提醒短信已发送");
|
||||
},
|
||||
goBack() {
|
||||
this.$router.push({
|
||||
path: "/teamWork/riskOverview",
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "@/loveflow/assets/index.scss";
|
||||
.riskOverviewIndexDutyPanel {
|
||||
padding: 16px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
.riskOverviewIndexDutyWrap {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.titleWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 46px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color: #ebfff4;
|
||||
letter-spacing: 2px;
|
||||
text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
|
||||
border-bottom: solid 1px rgba(91, 116, 140, 0.6);
|
||||
.backBtn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
margin-right: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btmBody {
|
||||
padding-top: vw(14);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - 50px);
|
||||
overflow-y: scroll;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.serialWrap {
|
||||
padding: 2px 6px;
|
||||
border: solid 1px #9ed7e7;
|
||||
color: #33e6ff;
|
||||
font-weight: bold;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.gouWrap {
|
||||
width: 38px;
|
||||
height: 34px;
|
||||
background: url("~@/assets/images/team/gou.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.msgfWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 112px;
|
||||
height: 38px;
|
||||
background: url("~@/assets/images/team/msgf.png") no-repeat center
|
||||
center;
|
||||
background-size: 100% 100%;
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.msgWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 112px;
|
||||
height: 38px;
|
||||
background: url("~@/assets/images/team/msg.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #526b7f;
|
||||
}
|
||||
.failWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #ff6262;
|
||||
}
|
||||
.ingWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #4cf993;
|
||||
}
|
||||
.finishWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #30c4ff;
|
||||
}
|
||||
.text {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ybWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/yb.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #b5ffe4;
|
||||
}
|
||||
.zdWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/zd.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #e3deff;
|
||||
}
|
||||
.jjWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/jj.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #ff6262;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,556 @@
|
||||
<template>
|
||||
<div class="riskOverviewIndexRiskPanel loveflow">
|
||||
<tableMain>
|
||||
<div class="riskOverviewIndexRiskWrap">
|
||||
<div class="titleWrap">
|
||||
<div class="backBtn" @click="goBack()">
|
||||
<img :src="backIcon" />返回
|
||||
</div>
|
||||
</div>
|
||||
<div class="btmBody">
|
||||
<div class="flexSpaceBetween">
|
||||
<div class="tableOperator"></div>
|
||||
<div class="searchWrap">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="queryParam"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-form-item label="关键字">
|
||||
<el-input
|
||||
v-model="queryParam.key"
|
||||
placeholder="请输入企业名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="纳入重点监管时间">
|
||||
<el-date-picker
|
||||
v-model="queryParam.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<template v-if="toggleSearchStatus">
|
||||
<el-form-item label="纳入次数">
|
||||
<div class="flex-center">
|
||||
<el-input-number
|
||||
:min="0"
|
||||
v-model="queryParam.min"
|
||||
placeholder=""
|
||||
></el-input-number>
|
||||
<span>-</span>
|
||||
<el-input-number
|
||||
:min="0"
|
||||
v-model="queryParam.max"
|
||||
placeholder=""
|
||||
></el-input-number>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="风险清单生成时间">
|
||||
<el-date-picker
|
||||
v-model="queryParam.time"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="流程状态">
|
||||
<el-select v-model="queryParam.type" placeholder="整改状态">
|
||||
<el-option label="整改完成" value="1"></el-option>
|
||||
<el-option label="正在整改" value="0"></el-option>
|
||||
<el-option label="未整改" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="企业类型">
|
||||
<el-select v-model="queryParam.type" placeholder="">
|
||||
<el-option label="精细化工企业" value="1"></el-option>
|
||||
<el-option label="石化源头企业" value="0"></el-option>
|
||||
<el-option label="合成材料企业" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="处置方式">
|
||||
<el-select v-model="queryParam.type" placeholder="">
|
||||
<el-option label="企业提醒" value="1"></el-option>
|
||||
<el-option label="核实消警" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="searchQuery"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button type="primary" plain @click="searchReset"
|
||||
>重置</el-button
|
||||
>
|
||||
<a
|
||||
class="pointer"
|
||||
@click="handleToggleSearch"
|
||||
style="margin-left: 8px"
|
||||
>
|
||||
{{ toggleSearchStatus ? "收起" : "展开" }}
|
||||
<i
|
||||
:class="
|
||||
toggleSearchStatus
|
||||
? 'el-icon-arrow-up'
|
||||
: 'el-icon-arrow-down'
|
||||
"
|
||||
></i>
|
||||
</a>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableWrap">
|
||||
<gMainTable
|
||||
border
|
||||
stripe
|
||||
ref="gMainTable"
|
||||
:tableData="dataSource"
|
||||
:columns="columns"
|
||||
rowKey="id"
|
||||
:pagination="ipagination"
|
||||
@pageSizeChange="handlePageSizeChange"
|
||||
@currentPageChange="handleCurrentPageChange"
|
||||
>
|
||||
<template v-slot:idSlot="{ scope }">
|
||||
<span class="serialWrap">
|
||||
{{ scope.row.id }}
|
||||
</span>
|
||||
</template>
|
||||
<template v-slot:iszgSlot="{ scope }">
|
||||
<div class="gouWrap" v-if="scope.row.state == 0"></div>
|
||||
</template>
|
||||
<template v-slot:msgSlot="{ scope }">
|
||||
<div
|
||||
@click="sendMsg(scope.row)"
|
||||
class="msgfWrap"
|
||||
v-if="scope.row.msg == 0"
|
||||
>
|
||||
发送超期提醒
|
||||
</div>
|
||||
<div class="msgWrap" v-if="scope.row.msg == 1">已经发送</div>
|
||||
</template>
|
||||
<template v-slot:jjSlot="{ scope }">
|
||||
<div class="ybWrap" v-if="scope.row.jj == 0">
|
||||
<div class="text">一般</div>
|
||||
</div>
|
||||
<div class="zdWrap" v-if="scope.row.jj == 1">
|
||||
<div class="text">重点关注</div>
|
||||
</div>
|
||||
<div class="jjWrap" v-if="scope.row.jj == 2">
|
||||
<div class="text">紧急</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:stateSlot="{ scope }">
|
||||
<div class="failWrap" v-if="scope.row.state == 0">
|
||||
<div class="text">未完成</div>
|
||||
</div>
|
||||
<div class="ingWrap" v-if="scope.row.state == 1">
|
||||
<div class="text">整改中</div>
|
||||
</div>
|
||||
<div class="finishWrap" v-if="scope.row.state == 2">
|
||||
<div class="text">已完成</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:optSlot="{ scope }">
|
||||
<div class="clickText" @click="deal(scope.row)">挂牌督办</div>
|
||||
</template>
|
||||
</gMainTable>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tableMain>
|
||||
<FormDialog
|
||||
labelPosition="top"
|
||||
ref="formDialog"
|
||||
:formItems="formItems"
|
||||
width="800px"
|
||||
@formSubmit="formSubmit"
|
||||
>
|
||||
</FormDialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import tableMain from "../components/tableMain.vue";
|
||||
import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
|
||||
export default {
|
||||
components: { tableMain },
|
||||
mixins: [tableListMixins],
|
||||
data() {
|
||||
return {
|
||||
backIcon: require("@/assets/images/topic/left.png"),
|
||||
columns: [
|
||||
{
|
||||
slot: "idSlot",
|
||||
prop: "id",
|
||||
label: "序号",
|
||||
attrs: {
|
||||
width: 60,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "cmy",
|
||||
label: "企业名称",
|
||||
attrs: {
|
||||
width: 220,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "qyT",
|
||||
label: "企业类型",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "date",
|
||||
label: "纳入监管时间",
|
||||
attrs: {
|
||||
width: 180,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "date",
|
||||
label: "清单生成时间",
|
||||
attrs: {
|
||||
width: 180,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "date",
|
||||
label: "整改截止时间",
|
||||
attrs: {
|
||||
width: 180,
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
prop: "flowType",
|
||||
label: "管控扣分项",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "flowType",
|
||||
label: "要素异明细",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "stateSlot",
|
||||
prop: "state",
|
||||
label: "整改状态",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "iszgSlot",
|
||||
prop: "iszg",
|
||||
label: "申诉核实无需整改",
|
||||
attrs: {
|
||||
width: 160,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "way",
|
||||
label: "处置方式",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "msgSlot",
|
||||
prop: "msg",
|
||||
label: "超期提醒",
|
||||
attrs: {
|
||||
width: 180,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "optSlot",
|
||||
prop: "address",
|
||||
label: "挂牌督办",
|
||||
attrs: {
|
||||
width: 100,
|
||||
},
|
||||
},
|
||||
{
|
||||
prop: "deal",
|
||||
label: "处置要求",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
{
|
||||
slot: "jjSlot",
|
||||
prop: "jj",
|
||||
label: "紧急程度",
|
||||
attrs: {
|
||||
width: 120,
|
||||
},
|
||||
},
|
||||
],
|
||||
formItems: [
|
||||
{
|
||||
type: "datetime",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌日期：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "date",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "select",
|
||||
itemAttrs: {
|
||||
label: "请选择督办级别：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "jb",
|
||||
value: "",
|
||||
option: [
|
||||
{
|
||||
label: "一级",
|
||||
value: "1",
|
||||
},
|
||||
{
|
||||
label: "二级",
|
||||
value: "2",
|
||||
},
|
||||
],
|
||||
style: {
|
||||
width: "100%",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌单位：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入挂牌文号：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入督办要求：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
style: {
|
||||
paddingRight: "16px",
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: "input",
|
||||
itemAttrs: {
|
||||
label: "请输入督办销号单位：",
|
||||
span: 12,
|
||||
},
|
||||
attrs: {
|
||||
model: "dw",
|
||||
value: "",
|
||||
placeholder: "",
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
deal(obj) {
|
||||
this.$refs.formDialog.openDialog("detail", obj, "挂牌督办");
|
||||
},
|
||||
formSubmit(obj) {
|
||||
console.log(obj);
|
||||
},
|
||||
sendMsg(obj) {
|
||||
this.$message.success("提醒短信已发送");
|
||||
},
|
||||
goBack() {
|
||||
this.$router.push({
|
||||
path: "/teamWork/riskOverview",
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "@/loveflow/assets/index.scss";
|
||||
.riskOverviewIndexRiskPanel {
|
||||
padding: 16px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
.riskOverviewIndexRiskWrap {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.titleWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 46px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color: #ebfff4;
|
||||
letter-spacing: 2px;
|
||||
text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
|
||||
border-bottom: solid 1px rgba(91, 116, 140, 0.6);
|
||||
.backBtn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
margin-right: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btmBody {
|
||||
padding-top: vw(14);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - 50px);
|
||||
overflow-y: scroll;
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.serialWrap {
|
||||
padding: 2px 6px;
|
||||
border: solid 1px #9ed7e7;
|
||||
color: #33e6ff;
|
||||
font-weight: bold;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.gouWrap {
|
||||
width: 38px;
|
||||
height: 34px;
|
||||
background: url("~@/assets/images/team/gou.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.msgfWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 112px;
|
||||
height: 38px;
|
||||
background: url("~@/assets/images/team/msgf.png") no-repeat center
|
||||
center;
|
||||
background-size: 100% 100%;
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.msgWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 112px;
|
||||
height: 38px;
|
||||
background: url("~@/assets/images/team/msg.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #526b7f;
|
||||
}
|
||||
.failWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #ff6262;
|
||||
}
|
||||
.ingWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #4cf993;
|
||||
}
|
||||
.finishWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #30c4ff;
|
||||
}
|
||||
.text {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ybWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/yb.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #b5ffe4;
|
||||
}
|
||||
.zdWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/zd.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #e3deff;
|
||||
}
|
||||
.jjWrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 28px;
|
||||
background: url("~@/assets/images/team/jj.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #ff6262;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue