修改功能文档
This commit is contained in:
@ -6,38 +6,27 @@
|
||||
<li class="asideItem" v-for="(item, idx) in meun.leftMeun" :key="idx">
|
||||
<div class="title">{{ item }}</div>
|
||||
<div class="asideCnt" @click="handless">
|
||||
<PeoCollection
|
||||
:jczId="query.id"
|
||||
v-if="item == '人员数据采集'"
|
||||
></PeoCollection>
|
||||
<PlowStatistics
|
||||
:jczId="query.id"
|
||||
v-if="item == '流入流出统计'"
|
||||
></PlowStatistics>
|
||||
<WarningCount
|
||||
:jczId="query.id"
|
||||
v-if="item == '预警统计'"
|
||||
></WarningCount>
|
||||
<PeoCollection :jczId="query.id" v-if="item == '人员数据采集'"></PeoCollection>
|
||||
<PlowStatistics :jczId="query.id" v-if="item == '流入流出统计'"></PlowStatistics>
|
||||
<WarningCount :jczId="query.id" v-if="item == '预警统计'"></WarningCount>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="mainBox">
|
||||
<div class="main-top"><VideoMore></VideoMore></div>
|
||||
<div class="main-bottom"><VideoFoot></VideoFoot></div>
|
||||
<div class="main-top">
|
||||
<VideoMore></VideoMore>
|
||||
</div>
|
||||
<div class="main-bottom">
|
||||
<VideoFoot></VideoFoot>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="asideBox">
|
||||
<li class="asideItem" v-for="(item, idx) in meun.rightMeun" :key="idx">
|
||||
<div class="title">{{ item }}</div>
|
||||
<div class="asideCnt">
|
||||
<BeOnDuty :jczId="query.id" v-if="item == '值班备勤'"></BeOnDuty>
|
||||
<CarWarning
|
||||
:jczId="query.id"
|
||||
v-if="item == '车辆预警'"
|
||||
></CarWarning>
|
||||
<PeoWarning
|
||||
:jczId="query.id"
|
||||
v-if="item == '人员预警'"
|
||||
></PeoWarning>
|
||||
<CarWarning :jczId="query.id" v-if="item == '车辆预警'"></CarWarning>
|
||||
<PeoWarning :jczId="query.id" v-if="item == '人员预警'"></PeoWarning>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@ -71,21 +60,25 @@ const query = computed(() => {
|
||||
.homeBox {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.mainBox_jcz {
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
width: 100%;
|
||||
height: calc(100vh - 60px);
|
||||
background: #000;
|
||||
|
||||
.asideBox {
|
||||
width: 420px;
|
||||
height: 100%;
|
||||
|
||||
.asideItem {
|
||||
height: calc(100% / 3);
|
||||
background: url("~@/assets/images/bg12.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
@ -96,6 +89,7 @@ const query = computed(() => {
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.asideCnt {
|
||||
height: calc(100% - 50px);
|
||||
overflow: hidden;
|
||||
@ -103,14 +97,17 @@ const query = computed(() => {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mainBox {
|
||||
flex: 1 0 0;
|
||||
margin: 10px;
|
||||
|
||||
.main-top {
|
||||
background: url("~@/assets/images/bg_13.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
.main-bottom {
|
||||
height: 30%;
|
||||
background: url("~@/assets/images/bg_14.png") no-repeat;
|
||||
|
||||
@ -2,18 +2,10 @@
|
||||
<div class="warning-container">
|
||||
<!-- 标签切换 -->
|
||||
<div class="tab-container">
|
||||
<div
|
||||
class="tab-item"
|
||||
@click="showchenge(1)"
|
||||
:class="{ active: show == 1 }"
|
||||
>
|
||||
<div class="tab-item" @click="showchenge(1)" :class="{ active: show == 1 }">
|
||||
<div class="tab-content">值班人员</div>
|
||||
</div>
|
||||
<div
|
||||
class="tab-item"
|
||||
@click="showchenge(2)"
|
||||
:class="{ active: show == 2 }"
|
||||
>
|
||||
<div class="tab-item" @click="showchenge(2)" :class="{ active: show == 2 }">
|
||||
<div class="tab-content">值班装备</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -21,15 +13,11 @@
|
||||
<!-- 预警列表 -->
|
||||
<div class="warning-list" v-if="show == 2 && warningList">
|
||||
<div class="warning-card">
|
||||
<div class="title flex align-center">
|
||||
<div class="title flex align-center white-text">
|
||||
<img src="@/assets/images/icon_06.png" alt="" />
|
||||
值班装备
|
||||
</div>
|
||||
<div
|
||||
class="cardItem flex"
|
||||
v-for="(item, index) in warningList.qxList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="cardItem flex white-text" v-for="(item, index) in warningList.qxList" :key="index">
|
||||
<span style="flex: 1">名称:{{ item.qxmc }}</span>
|
||||
<span style="flex: 1">数量:{{ item.qxsl }}</span>
|
||||
</div>
|
||||
@ -37,47 +25,33 @@
|
||||
|
||||
<div class="line mt6 mb6"></div>
|
||||
<div class="warning-card">
|
||||
<div class="title flex align-center">
|
||||
<div class="title flex align-center white-text">
|
||||
<img src="@/assets/images/icon_06.png" alt="" /> 值班车辆
|
||||
</div>
|
||||
<div
|
||||
class="cardItem"
|
||||
v-for="(item, index) in warningList.clList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="cardItem white-text" v-for="(item, index) in warningList.clList" :key="index">
|
||||
车牌号:{{ item.cph }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="line mt6 mb6"></div>
|
||||
<div class="warning-card">
|
||||
<div class="title flex align-center">
|
||||
<div class="title flex align-center white-text">
|
||||
<img src="@/assets/images/icon_06.png" alt="" /> 智能设备
|
||||
</div>
|
||||
<div
|
||||
class="cardItem"
|
||||
v-for="(item, index) in warningList.sbList"
|
||||
:key="index"
|
||||
>
|
||||
名称:{{ item.sbmc }}
|
||||
<div class="cardItem white-text" v-for="(item, index) in warningList.sbList" :key="index">
|
||||
名称:{{ item.sbmc }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Empty :show="warningList == null && show == 2" />
|
||||
<div class="warning-list" v-if="show == 1 && warningList">
|
||||
<div class="warning-card">
|
||||
<div class="title flex align-center">
|
||||
<div class="title flex align-center white-text">
|
||||
<img src="@/assets/images/icon_06.png" alt="" />
|
||||
值班人员
|
||||
</div>
|
||||
<div
|
||||
class="cardItem flex"
|
||||
v-for="(item, index) in warningList.ryList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="cardItem flex white-text" v-for="(item, index) in warningList.ryList" :key="index">
|
||||
<span style="flex: 1">名称:{{ item.ryXm }}</span>
|
||||
<span style="flex: 1"
|
||||
>警种:{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span
|
||||
>
|
||||
<span style="flex: 1">警种:{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line mt6 mb6"></div>
|
||||
@ -91,7 +65,7 @@ import { onMounted, ref } from "vue";
|
||||
import Empty from "@/components/MyComponents/Empty/index.vue";
|
||||
import { jczqueryById } from "@/api/mosty-jcz";
|
||||
import emitter from "@/utils/eventBus.js";
|
||||
let warningList = ref({ qxList: [], ryList: [], clList: [] ,sbList:[]});
|
||||
let warningList = ref({ qxList: [], ryList: [], clList: [], sbList: [] });
|
||||
onMounted(() => {
|
||||
emitter.on("getjczqueryById", (res) => {
|
||||
warningListValue(res)
|
||||
@ -116,17 +90,17 @@ const getjczqueryById = () => {
|
||||
};
|
||||
const warningListValue = (res) => {
|
||||
if (res) {
|
||||
warningList.value={}
|
||||
warningList.value.qxList =res.qxList&&res.qxList.length>0
|
||||
? res.qxList.filter((item) => item.qxsl > 0)
|
||||
: [];
|
||||
warningList.value.ryList = res.ryList.length>0 ? res.ryList : [];
|
||||
warningList.value.clList = res.clList.length>0 ? res.clList : [];
|
||||
warningList.value.sbList = [...res.tcList, ...res.zdList]
|
||||
emitter.emit("chengZ", res);
|
||||
} else {
|
||||
warningList.value = res;
|
||||
}
|
||||
warningList.value = {}
|
||||
warningList.value.qxList = res.qxList && res.qxList.length > 0
|
||||
? res.qxList.filter((item) => item.qxsl > 0)
|
||||
: [];
|
||||
warningList.value.ryList = res.ryList.length > 0 ? res.ryList : [];
|
||||
warningList.value.clList = res.clList.length > 0 ? res.clList : [];
|
||||
warningList.value.sbList = [...res.tcList, ...res.zdList]
|
||||
emitter.emit("chengZ", res);
|
||||
} else {
|
||||
warningList.value = res;
|
||||
}
|
||||
}
|
||||
getjczqueryById();
|
||||
</script>
|
||||
@ -189,6 +163,7 @@ getjczqueryById();
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// justify-content: space-between;
|
||||
.cardItem {
|
||||
height: 27px;
|
||||
@ -200,6 +175,7 @@ getjczqueryById();
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
@ -210,6 +186,7 @@ getjczqueryById();
|
||||
.warning-image {
|
||||
width: 100px;
|
||||
height: 80px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@ -248,5 +225,7 @@ getjczqueryById();
|
||||
font-size: 12px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.white-text{
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -56,6 +56,7 @@ countWay();
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
|
||||
@ -139,7 +139,6 @@ const pageData = reactive({
|
||||
const Auth = ref(true)
|
||||
onMounted(() => {
|
||||
Auth.value = isAuth()
|
||||
|
||||
tabHeightFn();
|
||||
});
|
||||
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
<template>
|
||||
<div class="checkpoint-list noScollLine" v-loading="loading">
|
||||
<div
|
||||
class="checkpoint-item"
|
||||
v-for="(item, index) in checkpoints"
|
||||
:key="index"
|
||||
>
|
||||
<div class="checkpoint-item" v-for="(item, index) in checkpoints" :key="index">
|
||||
<div class="checkpoint-icon">
|
||||
<img src="@/assets/images/bg_11.png" alt="环林卡口" />
|
||||
</div>
|
||||
|
||||
@ -149,6 +149,7 @@ getcountCrl();
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
|
||||
@ -11,21 +11,17 @@
|
||||
</div> -->
|
||||
<div class="zbbb" v-if="query" @click="show = true">值班报备</div>
|
||||
</div>
|
||||
<el-dialog v-model="show" title="Shipping address">
|
||||
<el-dialog v-model="show" width="800px" title="值班报备">
|
||||
<div style="height: 50vh; overflow: auto" v-if="show">
|
||||
<zbbb
|
||||
:row="row"
|
||||
@close="close"
|
||||
:dic="{
|
||||
D_BZ_RYMFJLB,
|
||||
D_BZ_JYQXFL,
|
||||
D_BZ_XFQDJ,
|
||||
D_BZ_SF,
|
||||
D_BZ_JLLX,
|
||||
D_QW_BBZT,
|
||||
D_QW_BC_KTS
|
||||
}"
|
||||
/>
|
||||
<zbbb :row="row" @close="close" :dic="{
|
||||
D_BZ_RYMFJLB,
|
||||
D_BZ_JYQXFL,
|
||||
D_BZ_XFQDJ,
|
||||
D_BZ_SF,
|
||||
D_BZ_JLLX,
|
||||
D_QW_BBZT,
|
||||
D_QW_BC_KTS
|
||||
}" />
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
@ -118,12 +114,14 @@ function goPath() {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.home-head-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
z-index: 2;
|
||||
background: #0e1b29;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@ -136,6 +134,7 @@ function goPath() {
|
||||
background: url("~@/assets/images/home_head.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36px;
|
||||
left: 50%;
|
||||
@ -147,12 +146,14 @@ function goPath() {
|
||||
-webkit-text-fill-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: "DigifaceWide";
|
||||
color: #fff;
|
||||
left: 25%;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.wd {
|
||||
right: 25%;
|
||||
top: 12px;
|
||||
@ -160,6 +161,7 @@ function goPath() {
|
||||
font-family: "DigifaceWide";
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.zbbb {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
@ -172,6 +174,7 @@ function goPath() {
|
||||
font-size: 16px;
|
||||
background: url("~@/assets/images/btnbb.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,22 +3,12 @@
|
||||
<div class="flex align-center just-between box">
|
||||
<div class="flex align-center">
|
||||
报备单位:
|
||||
<MOSTY.Department
|
||||
v-model="listQuery.ssbmdm"
|
||||
placeholder="请选择部门"
|
||||
@getDepValue="changeDep"
|
||||
/>
|
||||
<MOSTY.Department v-model="listQuery.ssbmdm" placeholder="请选择部门" @getDepValue="changeDep" />
|
||||
</div>
|
||||
<!-- v-if="['add', 'edit'].includes(pageType)" -->
|
||||
<el-button size="small" type="primary" @click="_onSave" :disabled="loding">保存</el-button>
|
||||
</div>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
class="info"
|
||||
:model="listQuery"
|
||||
:inline="true"
|
||||
:rules="rules"
|
||||
>
|
||||
<el-form ref="formRef" class="info" :model="listQuery" :inline="true" :rules="rules">
|
||||
<!-- <div class="bblxItem">
|
||||
<div class="btItem">环林卡口设置</div>
|
||||
<div class="info">
|
||||
@ -50,37 +40,18 @@
|
||||
<div class="btItem">班次设置</div>
|
||||
<div class="info">
|
||||
<el-form-item prop="bcKssj" label=" ">
|
||||
<el-time-picker
|
||||
v-model="listQuery.bcKssj"
|
||||
:disabled="isDetail"
|
||||
placeholder="开始时间"
|
||||
format="HH:mm:ss"
|
||||
value-format="HH:mm:ss"
|
||||
/>
|
||||
<el-time-picker v-model="listQuery.bcKssj" :disabled="isDetail" placeholder="开始时间" format="HH:mm:ss"
|
||||
value-format="HH:mm:ss" />
|
||||
</el-form-item>
|
||||
<el-form-item prop="bcKtsDict" label=" ">
|
||||
<el-select
|
||||
clearable
|
||||
v-model="listQuery.bcKtsDict"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in dic.D_QW_BC_KTS"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
<el-select clearable v-model="listQuery.bcKtsDict" placeholder="请选择" style="width: 100%">
|
||||
<el-option v-for="(item, index) in dic.D_QW_BC_KTS" :key="index" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item prop="bcJssj" label=" ">
|
||||
<el-time-picker
|
||||
v-model="listQuery.bcJssj"
|
||||
:disabled="isDetail"
|
||||
format="HH:mm:ss"
|
||||
placeholder="结束时间"
|
||||
value-format="HH:mm:ss"
|
||||
/>
|
||||
<el-time-picker v-model="listQuery.bcJssj" :disabled="isDetail" format="HH:mm:ss" placeholder="结束时间"
|
||||
value-format="HH:mm:ss" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
@ -88,42 +59,21 @@
|
||||
<div class="btItem">负责人</div>
|
||||
<div class="info">
|
||||
<el-form-item>
|
||||
<ChooseTable
|
||||
:deptment="deptment"
|
||||
@change="handleFzr"
|
||||
v-if="!isDetail"
|
||||
:configer="{
|
||||
width: 700,
|
||||
lx: 'mj',
|
||||
rowKey: 'id',
|
||||
isRadio: true
|
||||
}"
|
||||
:dic="props.dic"
|
||||
/>
|
||||
<ChooseTable :deptment="deptment" @change="handleFzr" v-if="!isDetail" :configer="{
|
||||
width: 700,
|
||||
lx: 'mj',
|
||||
rowKey: 'id',
|
||||
isRadio: true
|
||||
}" :dic="props.dic" />
|
||||
</el-form-item>
|
||||
<el-form-item prop="fzrXm" label=" ">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listQuery.fzrXm"
|
||||
placeholder="负责人"
|
||||
clearable
|
||||
/>
|
||||
<el-input readonly v-model="listQuery.fzrXm" placeholder="负责人" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item prop="fzrSfzh" label=" ">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listQuery.fzrSfzh"
|
||||
placeholder="身份证"
|
||||
clearable
|
||||
/>
|
||||
<el-input readonly v-model="listQuery.fzrSfzh" placeholder="身份证" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item prop="fzrLxdh" label=" ">
|
||||
<el-input
|
||||
readonly
|
||||
v-model="listQuery.fzrLxdh"
|
||||
placeholder="负责人电话"
|
||||
clearable
|
||||
/>
|
||||
<el-input readonly v-model="listQuery.fzrLxdh" placeholder="负责人电话" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</div>
|
||||
@ -136,17 +86,11 @@
|
||||
<div class="num">
|
||||
{{ mjData ? mjData.length : 0 }}
|
||||
</div>
|
||||
<ChooseTable
|
||||
:deptment="deptment"
|
||||
v-if="!isDetail"
|
||||
:dic="props.dic"
|
||||
:configer="{
|
||||
lx: 'mj',
|
||||
rowKey: 'ryid',
|
||||
placement: 'top-start'
|
||||
}"
|
||||
v-model="mjData"
|
||||
/>
|
||||
<ChooseTable :deptment="deptment" v-if="!isDetail" :dic="props.dic" :configer="{
|
||||
lx: 'mj',
|
||||
rowKey: 'ryid',
|
||||
placement: 'top-start'
|
||||
}" v-model="mjData" />
|
||||
<div class="peolist">
|
||||
<el-tag type="primary" v-for="item in mjData" :key="item">{{
|
||||
item.jlxm || item.xm
|
||||
@ -163,13 +107,8 @@
|
||||
</div>
|
||||
<!-- :deptment="props.dep"
|
||||
:dic="props.dic" -->
|
||||
<ChooseTable
|
||||
:deptment="deptment"
|
||||
:dic="props.dic"
|
||||
v-if="!isDetail"
|
||||
:configer="{ lx: 'fj', placement: 'top-start' }"
|
||||
v-model="fjData"
|
||||
/>
|
||||
<ChooseTable :deptment="deptment" :dic="props.dic" v-if="!isDetail"
|
||||
:configer="{ lx: 'fj', placement: 'top-start' }" v-model="fjData" />
|
||||
<div class="peolist">
|
||||
<el-tag type="primary" v-for="item in fjData" :key="item">{{
|
||||
item.jlxm || item.xm
|
||||
@ -189,24 +128,13 @@
|
||||
<div class="num">
|
||||
{{ listQuery.zdList ? listQuery.zdList.length : 0 }}
|
||||
</div>
|
||||
<ChooseTable
|
||||
:dic="props.dic"
|
||||
v-if="!isDetail"
|
||||
:deptment="deptment"
|
||||
:configer="{
|
||||
lx: 'znzb',
|
||||
rowKey: 'id',
|
||||
placement: 'top-start'
|
||||
}"
|
||||
v-model="listQuery.zdList"
|
||||
/>
|
||||
<ChooseTable :dic="props.dic" v-if="!isDetail" :deptment="deptment" :configer="{
|
||||
lx: 'znzb',
|
||||
rowKey: 'id',
|
||||
placement: 'top-start'
|
||||
}" v-model="listQuery.zdList" />
|
||||
<div class="peolist">
|
||||
<el-tag
|
||||
type="primary"
|
||||
v-for="item in listQuery.zdList"
|
||||
:key="item"
|
||||
>{{ item.sbmc }}</el-tag
|
||||
>
|
||||
<el-tag type="primary" v-for="item in listQuery.zdList" :key="item">{{ item.sbmc }}</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@ -257,24 +185,13 @@
|
||||
<div class="num">
|
||||
{{ listQuery.clList ? listQuery.clList.length : 0 }}
|
||||
</div>
|
||||
<ChooseTable
|
||||
:deptment="deptment"
|
||||
v-if="!isDetail"
|
||||
:dic="props.dic"
|
||||
:configer="{
|
||||
lx: 'cl',
|
||||
rowKey: 'id',
|
||||
placement: 'top-start'
|
||||
}"
|
||||
v-model="listQuery.clList"
|
||||
/>
|
||||
<ChooseTable :deptment="deptment" v-if="!isDetail" :dic="props.dic" :configer="{
|
||||
lx: 'cl',
|
||||
rowKey: 'id',
|
||||
placement: 'top-start'
|
||||
}" v-model="listQuery.clList" />
|
||||
<div class="peolist">
|
||||
<el-tag
|
||||
type="primary"
|
||||
v-for="item in listQuery.clList"
|
||||
:key="item"
|
||||
>{{ item.cph }}</el-tag
|
||||
>
|
||||
<el-tag type="primary" v-for="item in listQuery.clList" :key="item">{{ item.cph }}</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@ -285,11 +202,7 @@
|
||||
<div class="btItem">警用器械</div>
|
||||
<div class="info">
|
||||
<el-form-item>
|
||||
<div
|
||||
v-for="(item, index) in listQuery.qxList"
|
||||
:key="index"
|
||||
style="width: 50%; margin-bottom: 10px"
|
||||
>
|
||||
<div v-for="(item, index) in listQuery.qxList" :key="index" style="width: 50%; margin-bottom: 10px">
|
||||
<div class="flex">
|
||||
<div style="width: 30%">{{ item.qxmc }}:</div>
|
||||
<el-input-number v-model="item.qxsl" :step="1" />
|
||||
@ -317,13 +230,13 @@ const { proxy } = getCurrentInstance();
|
||||
const props = defineProps({
|
||||
dic: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
default: () => { }
|
||||
},
|
||||
isDetail: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
row: { type: Object, default: () => {} }
|
||||
row: { type: Object, default: () => { } }
|
||||
});
|
||||
const route = useRoute();
|
||||
const emit = defineEmits(["close"]);
|
||||
@ -352,8 +265,8 @@ const ChegeMj = (val) => {
|
||||
xfllld: item.id,
|
||||
ryXm: item.xm,
|
||||
rysfzh: item.sfzh,
|
||||
ryJzlx: item.fl,
|
||||
ryMfjilb: item.ryid,
|
||||
ryMfjlb: item.fl,
|
||||
ryid:item.ryid,
|
||||
ryLxdh: item.lxdh
|
||||
};
|
||||
});
|
||||
@ -365,8 +278,8 @@ const fz = (val) => {
|
||||
id: item.xfllld,
|
||||
xm: item.ryXm,
|
||||
sfzh: item.rysfzh,
|
||||
fl: item.ryJzlx,
|
||||
ryid: item.ryMfjilb,
|
||||
fl: item.ryMfjlb,
|
||||
ryid:item.ryid,
|
||||
lxdh: item.ryLxdh
|
||||
};
|
||||
});
|
||||
@ -406,12 +319,12 @@ watch(
|
||||
},
|
||||
{ deep: true, immediate: true }
|
||||
);
|
||||
const routerList=ref({})
|
||||
const routerList = ref({})
|
||||
onMounted(() => {
|
||||
init();
|
||||
console.log(route.query );
|
||||
console.log(route.query);
|
||||
|
||||
routerList.value=route.query
|
||||
routerList.value = route.query
|
||||
});
|
||||
// 验证规则
|
||||
const rules = ref({
|
||||
@ -451,53 +364,52 @@ const rules = ref({
|
||||
//保存
|
||||
const loding = ref(false);
|
||||
const _onSave = () => {
|
||||
formRef.value.validate().then( async() => {
|
||||
const data = [...mjData.value, ...fjData.value];
|
||||
|
||||
listQuery.value.ryList = ChegeMj(data);
|
||||
const time = new Date();
|
||||
listQuery.value.bbSjBbrq = timeValidate(time);
|
||||
switch (listQuery.value.bcKtsDict) {
|
||||
case "01":
|
||||
listQuery.value.bcKts = 1;
|
||||
break;
|
||||
case "02":
|
||||
listQuery.value.bcKts = 2;
|
||||
break;
|
||||
case "03":
|
||||
listQuery.value.bcKts = 4;
|
||||
break;
|
||||
case "04":
|
||||
listQuery.value.bcKts = 5;
|
||||
break;
|
||||
case "05":
|
||||
listQuery.value.bcKts = 6;
|
||||
break;
|
||||
case "06":
|
||||
listQuery.value.bcKts = 7;
|
||||
break;
|
||||
case "07":
|
||||
listQuery.value.bcKts = 8;
|
||||
break;
|
||||
}
|
||||
listQuery.value.jczid = routerList.value.id?routerList.value.id:"";
|
||||
listQuery.value.jczmc = routerList.value.name?routerList.value.name:"";
|
||||
if (pageType.value == "add") {
|
||||
jczsavel(listQuery.value).then((res) => {
|
||||
ElMessage({ message: "新增成功", type: "success" });
|
||||
getjczqueryById()
|
||||
emit("close");
|
||||
}).finally(()=>{
|
||||
loding.value=false
|
||||
});
|
||||
} else {
|
||||
Xfbbupdate(listQuery.value).then((res) => {
|
||||
ElMessage({ message: "修改成功", type: "success" });
|
||||
getjczqueryById()
|
||||
emit("close");
|
||||
}).finally(()=>{
|
||||
loding.value=false
|
||||
});
|
||||
formRef.value.validate().then(async () => {
|
||||
const data = [...mjData.value, ...fjData.value];
|
||||
listQuery.value.ryList = ChegeMj(data);
|
||||
const time = new Date();
|
||||
listQuery.value.bbSjBbrq = timeValidate(time);
|
||||
switch (listQuery.value.bcKtsDict) {
|
||||
case "01":
|
||||
listQuery.value.bcKts = 1;
|
||||
break;
|
||||
case "02":
|
||||
listQuery.value.bcKts = 2;
|
||||
break;
|
||||
case "03":
|
||||
listQuery.value.bcKts = 4;
|
||||
break;
|
||||
case "04":
|
||||
listQuery.value.bcKts = 5;
|
||||
break;
|
||||
case "05":
|
||||
listQuery.value.bcKts = 6;
|
||||
break;
|
||||
case "06":
|
||||
listQuery.value.bcKts = 7;
|
||||
break;
|
||||
case "07":
|
||||
listQuery.value.bcKts = 8;
|
||||
break;
|
||||
}
|
||||
listQuery.value.jczid = routerList.value.id ? routerList.value.id : "";
|
||||
listQuery.value.jczmc = routerList.value.name ? routerList.value.name : "";
|
||||
if (pageType.value == "add") {
|
||||
jczsavel(listQuery.value).then((res) => {
|
||||
ElMessage({ message: "新增成功", type: "success" });
|
||||
getjczqueryById()
|
||||
emit("close");
|
||||
}).finally(() => {
|
||||
loding.value = false
|
||||
});
|
||||
} else {
|
||||
Xfbbupdate(listQuery.value).then((res) => {
|
||||
ElMessage({ message: "修改成功", type: "success" });
|
||||
getjczqueryById()
|
||||
emit("close");
|
||||
}).finally(() => {
|
||||
loding.value = false
|
||||
});
|
||||
}
|
||||
|
||||
}).catch(() => { });
|
||||
@ -505,14 +417,14 @@ const _onSave = () => {
|
||||
const getjczqueryById = () => {
|
||||
jczqueryById({ jczid: props.jczId }).then((res) => {
|
||||
if (res) {
|
||||
emitter.emit("getjczqueryById",res);
|
||||
// warningList.value.qxList =res.qxList&&res.qxList.length>0
|
||||
// ? res.qxList.filter((item) => item.qxsl > 0)
|
||||
// : [];
|
||||
// warningList.value.ryList = res.ryList.length>0 ? res.ryList : [];
|
||||
// warningList.value.clList = res.clList.length>0 ? res.clList : [];
|
||||
// warningList.value.sbList = [...res.tcList, ...res.zdList]
|
||||
// emitter.emit("chengZ", res);
|
||||
emitter.emit("getjczqueryById", res);
|
||||
// warningList.value.qxList =res.qxList&&res.qxList.length>0
|
||||
// ? res.qxList.filter((item) => item.qxsl > 0)
|
||||
// : [];
|
||||
// warningList.value.ryList = res.ryList.length>0 ? res.ryList : [];
|
||||
// warningList.value.clList = res.clList.length>0 ? res.clList : [];
|
||||
// warningList.value.sbList = [...res.tcList, ...res.zdList]
|
||||
// emitter.emit("chengZ", res);
|
||||
} else {
|
||||
// warningList.value = res;
|
||||
}
|
||||
@ -568,6 +480,7 @@ const changeJCZ = (val) => {
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.cntinfo {
|
||||
height: calc(100% - 70px);
|
||||
overflow: hidden;
|
||||
@ -575,12 +488,14 @@ const changeJCZ = (val) => {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.bblxItem {
|
||||
width: 100%;
|
||||
line-height: 40px;
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
color: #000;
|
||||
|
||||
.btItem {
|
||||
width: 180px;
|
||||
padding: 7px 0;
|
||||
@ -588,17 +503,20 @@ const changeJCZ = (val) => {
|
||||
margin-top: 1px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.info {
|
||||
flex: 1;
|
||||
background: #0000000a;
|
||||
margin-top: 1px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.gapline {
|
||||
height: 1px;
|
||||
border-top: 1px dashed #66cbff;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.dl-car {
|
||||
min-width: 200px;
|
||||
display: inline-block;
|
||||
@ -607,6 +525,7 @@ const changeJCZ = (val) => {
|
||||
padding: 0;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
|
||||
dt {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -621,12 +540,14 @@ const changeJCZ = (val) => {
|
||||
height: 30px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.peo {
|
||||
border-bottom: solid 1px #01d608;
|
||||
background: #dbf3cf;
|
||||
color: #339d00;
|
||||
}
|
||||
}
|
||||
|
||||
.dl-car::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
@ -637,6 +558,7 @@ const changeJCZ = (val) => {
|
||||
background: url("~@/assets/images/peo.png");
|
||||
}
|
||||
}
|
||||
|
||||
.num {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
@ -647,6 +569,7 @@ const changeJCZ = (val) => {
|
||||
border-radius: 4px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.subBtn {
|
||||
padding-left: 100px;
|
||||
box-sizing: border-box;
|
||||
@ -656,9 +579,11 @@ const changeJCZ = (val) => {
|
||||
::v-deep .el-form-item--default {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
::v-deep .el-form--inline .el-form-item {
|
||||
margin-right: 20px;
|
||||
margin-top: 10px;
|
||||
@ -671,10 +596,12 @@ const changeJCZ = (val) => {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
::v-deep .el-form-item__label{
|
||||
padding: 0;
|
||||
|
||||
::v-deep .el-form-item__label {
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -26,7 +26,7 @@ const handleLogin = (e) => {
|
||||
store.dispatch("user/oatuhLogin", e).then((res) => {
|
||||
// 登录后操作
|
||||
if (res.deptList.length === 1) {
|
||||
// window.location.hash = "/";
|
||||
window.location.hash = "/";
|
||||
} else {
|
||||
deptList.value = [...res.deptList];
|
||||
loginDialog.value = true;
|
||||
@ -39,4 +39,4 @@ onMounted(() => {
|
||||
});
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style></style>
|
||||
|
||||
Reference in New Issue
Block a user