1039 lines
29 KiB
Vue
1039 lines
29 KiB
Vue
|
<template>
|
|||
|
|
<el-form
|
|||
|
|
ref="editRef"
|
|||
|
|
class="info"
|
|||
|
|
:model="dialogForm"
|
|||
|
|
:inline="true"
|
|||
|
|
:rules="rules"
|
|||
|
|
>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">巡防部门</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item label="巡防部门" prop="ssbmdm">
|
|||
|
|
<MOSTY.Department
|
|||
|
|
width="180px"
|
|||
|
|
clearable
|
|||
|
|
filterable
|
|||
|
|
v-model="dialogForm.ssbmdm"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">巡防范围</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item prop="xffwlx" label="">
|
|||
|
|
<el-radio-group v-model="dialogForm.xffwlx" @change="changeType">
|
|||
|
|
<el-radio
|
|||
|
|
v-for="it in props.dic.D_ZDY_XFFWLX"
|
|||
|
|
:key="it"
|
|||
|
|
:label="it.dm"
|
|||
|
|
>{{ it.zdmc }}</el-radio
|
|||
|
|
>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">
|
|||
|
|
<span v-if="dialogForm.xffwlx == '01'">巡区设置</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '02'">快反点设置</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '03'">检查站设置</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '04'">警务站设置</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '05'">护学岗设置</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '06'">必巡线</span>
|
|||
|
|
<span v-if="dialogForm.xffwlx == '07'">必巡点</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item v-if="dialogForm.xffwlx == '01'">
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{ isRadio: true, lx: 'xfq' }"
|
|||
|
|
@change="changeXq"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item v-if="dialogForm.xffwlx == '02'">
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{ rowKey: 'kfdId', isRadio: true, lx: 'kfd' }"
|
|||
|
|
@change="changeXq"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item v-if="dialogForm.xffwlx == '03'">
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{ rowKey: 'id', isRadio: true, lx: 'jcz' }"
|
|||
|
|
@change="changeXq"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item v-if="dialogForm.xffwlx == '04'">
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{ lx: 'jwz', rowKey: 'jwzId', isRadio: true }"
|
|||
|
|
@change="changejwz"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
prop="xfqyMc"
|
|||
|
|
v-if="['01', '02', '03'].includes(dialogForm.xffwlx)"
|
|||
|
|
>
|
|||
|
|
<el-input
|
|||
|
|
:placeholder="
|
|||
|
|
dialogForm.xffwlx == '01'
|
|||
|
|
? '巡区名称'
|
|||
|
|
: dialogForm.xffwlx == '02'
|
|||
|
|
? '快反点'
|
|||
|
|
: '检查站'
|
|||
|
|
"
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.xfqyMc"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="xfqyMc" v-if="['04'].includes(dialogForm.xffwlx)">
|
|||
|
|
<el-input
|
|||
|
|
placeholder="警务站"
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.jwzMc"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
label="必巡点"
|
|||
|
|
label-width="96px"
|
|||
|
|
v-if="['01', '07'].includes(dialogForm.xffwlx)"
|
|||
|
|
>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'bxd', placement: 'bottom' }"
|
|||
|
|
v-model="dialogForm.bxdList"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="itchid in dialogForm.bxdList"
|
|||
|
|
:key="itchid"
|
|||
|
|
>{{ itchid.xqmc }}</el-tag
|
|||
|
|
>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<el-form-item
|
|||
|
|
label="必巡线"
|
|||
|
|
label-width="96px"
|
|||
|
|
v-if="['01', '06'].includes(dialogForm.xffwlx)"
|
|||
|
|
>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{
|
|||
|
|
lx: 'bxx',
|
|||
|
|
rowKey: 'id',
|
|||
|
|
isRadio: true,
|
|||
|
|
placement: 'bottom'
|
|||
|
|
}"
|
|||
|
|
@change="changeDw"
|
|||
|
|
v-model="dialogForm.bxxList"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="itchid in dialogForm.bxxList"
|
|||
|
|
:key="itchid"
|
|||
|
|
>{{ itchid.xqmc }}</el-tag
|
|||
|
|
>
|
|||
|
|
<template v-if="dialogForm.xffwlx == '06'">
|
|||
|
|
<div v-for="it in dialogForm.bxdList" :key="it">
|
|||
|
|
<span v-if="dialogForm.bxdList.length > 0">关联点位：</span>
|
|||
|
|
<span class="dwBox">{{ it.xqmc }}</span>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<el-form-item label-width="96px" v-if="dialogForm.xffwlx == '05'">
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'hxg' }"
|
|||
|
|
v-model="dialogForm.hxgList"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="itchid in dialogForm.hxgList"
|
|||
|
|
:key="itchid"
|
|||
|
|
>{{ itchid.xxMc }}</el-tag
|
|||
|
|
>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">警组设置</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item>
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{
|
|||
|
|
isRadio: true,
|
|||
|
|
rowKey: 'id',
|
|||
|
|
lx: 'jz',
|
|||
|
|
jzlx: props.bblx
|
|||
|
|
}"
|
|||
|
|
@change="changeJz"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="jzMc" label=" ">
|
|||
|
|
<el-input
|
|||
|
|
placeholder="警组名称"
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.jzMc"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">班次设置</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item>
|
|||
|
|
<ChooseTable
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
:configer="{ isRadio: true, lx: 'zbbc', bclx: props.bblx }"
|
|||
|
|
@change="changeBc"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="bcMc" label=" ">
|
|||
|
|
<el-input placeholder="班次名称" readonly v-model="dialogForm.bcMc" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<span class="f16">(</span>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="bcKssj">
|
|||
|
|
<el-time-picker
|
|||
|
|
v-model="dialogForm.bcKssj"
|
|||
|
|
format="HH:mm:ss"
|
|||
|
|
value-format="HH:mm:ss"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item style="width: 20px">
|
|||
|
|
<span class="f16">至</span>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="bcKtsDict" style="width: 90px">
|
|||
|
|
<MOSTY.Select
|
|||
|
|
:dictEnum="props.dic.D_QW_BC_KTS"
|
|||
|
|
placeholder="跨天数"
|
|||
|
|
v-model="dialogForm.bcKtsDict"
|
|||
|
|
style="width: 100%"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="bcJssj">
|
|||
|
|
<el-time-picker
|
|||
|
|
v-model="dialogForm.bcJssj"
|
|||
|
|
format="HH:mm:ss"
|
|||
|
|
value-format="HH:mm:ss"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<span class="f16">)</span>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
v-if="
|
|||
|
|
dialogForm.bcKtsDict != '01' &&
|
|||
|
|
dialogForm.bcKtsDict != '02' &&
|
|||
|
|
dialogForm.bcKtsDict != '03'
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ isRadio: true, lx: 'mj', placement: 'left' }"
|
|||
|
|
@change="changeShr"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
prop="shrXm"
|
|||
|
|
v-if="
|
|||
|
|
dialogForm.bcKtsDict != '01' &&
|
|||
|
|
dialogForm.bcKtsDict != '02' &&
|
|||
|
|
dialogForm.bcKtsDict != '03'
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
<el-input
|
|||
|
|
placeholder="审核人"
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.shrXm"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">负责人</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
@change="handleFzr"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'mj', rowKey: 'id', isRadio: true }"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="fzrXm">
|
|||
|
|
<el-input
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.fzrXm"
|
|||
|
|
placeholder="负责人"
|
|||
|
|
clearable
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="fzrSfzh">
|
|||
|
|
<el-input
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.fzrSfzh"
|
|||
|
|
placeholder="身份证"
|
|||
|
|
clearable
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="fzrLxdh">
|
|||
|
|
<el-input
|
|||
|
|
readonly
|
|||
|
|
v-model="dialogForm.fzrLxdh"
|
|||
|
|
placeholder="负责人电话"
|
|||
|
|
clearable
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">智能装备</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item label="执法记录仪" label-width="96px" prop="tcList">
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'zfjly' }"
|
|||
|
|
v-model="dialogForm.tcList"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<div style="min-width: 100px;"> <el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="itchid in dialogForm.tcList"
|
|||
|
|
:key="itchid"
|
|||
|
|
>{{ itchid.sbmc }}</el-tag
|
|||
|
|
></div>
|
|||
|
|
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">终端报备</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'zdsb' }"
|
|||
|
|
v-model="dialogForm.zdList"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<el-tag type="primary" v-for="it in dialogForm.zdList" :key="it.id">{{
|
|||
|
|
it.sbmc
|
|||
|
|
}}</el-tag>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">警用器械</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item
|
|||
|
|
:label="item.zdmc"
|
|||
|
|
:label-width="120"
|
|||
|
|
v-for="(item, index) in dialogForm.qxList"
|
|||
|
|
:key="index"
|
|||
|
|
>
|
|||
|
|
<el-input-number
|
|||
|
|
v-model="item.qxsl"
|
|||
|
|
:min="0"
|
|||
|
|
:max="1000"
|
|||
|
|
></el-input-number>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">巡逻方式</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<CheckBox :data="baseInfo.xlfs" @changeData="changeDataxl" />
|
|||
|
|
<div
|
|||
|
|
class="gapline"
|
|||
|
|
v-if="baseInfo.xlfs.hasChoose.includes('车巡')"
|
|||
|
|
></div>
|
|||
|
|
<!-- 车辆 -->
|
|||
|
|
<div v-if="baseInfo.xlfs.hasChoose.includes('车巡')">
|
|||
|
|
<ChooseTable
|
|||
|
|
style="background-color: red"
|
|||
|
|
class="dinw"
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
v-model="dialogForm.clList"
|
|||
|
|
:configer="{ lx: 'cl', selectName: '选择车辆' }"
|
|||
|
|
@change="changeCl"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
v-if="baseInfo.xlfs.hasChoose.includes('车巡') && dialogForm.clList"
|
|||
|
|
>
|
|||
|
|
<dl class="dl-car" v-for="item in dialogForm.clList" :key="item.cid">
|
|||
|
|
<dt class="flex just-between align-center">
|
|||
|
|
<div>{{ item.cph }}</div>
|
|||
|
|
<div @click="closeCl(item)">
|
|||
|
|
<el-icon><Close /></el-icon>
|
|||
|
|
</div>
|
|||
|
|
</dt>
|
|||
|
|
<dd class="flex dir-column pr20 pt10">
|
|||
|
|
<el-form-item
|
|||
|
|
v-for="it in item.tcryListStr"
|
|||
|
|
:label="it.label"
|
|||
|
|
:key="it.vlaue"
|
|||
|
|
>
|
|||
|
|
<div class="flex">
|
|||
|
|
<div class="num">{{ it.list ? it.list.length : 0 }}</div>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{
|
|||
|
|
lx: it.label == '同行辅警' ? 'fj' : 'mj',
|
|||
|
|
placement: 'top-start'
|
|||
|
|
}"
|
|||
|
|
v-model="it.list"
|
|||
|
|
:key="it"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<div class="peolist">
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="itchid in it.list"
|
|||
|
|
:key="itchid"
|
|||
|
|
>{{ itchid.xm }}</el-tag
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="gapline"
|
|||
|
|
v-if="baseInfo.xlfs.hasChoose.includes('步巡')"
|
|||
|
|
></div>
|
|||
|
|
<!-- 人员 -->
|
|||
|
|
<dl class="dl-car" v-if="baseInfo.xlfs.hasChoose.includes('步巡')">
|
|||
|
|
<dt class="peo">
|
|||
|
|
<span>步巡人员</span>
|
|||
|
|
</dt>
|
|||
|
|
<dd class="info flex dir-column pt10">
|
|||
|
|
<el-form-item prop="zbmjStr" label="当班民警">
|
|||
|
|
<div class="flex">
|
|||
|
|
<div class="num">
|
|||
|
|
{{ dialogForm.zbmjStr ? dialogForm.zbmjStr.length : 0 }}
|
|||
|
|
</div>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'mj', placement: 'top-start' }"
|
|||
|
|
v-model="dialogForm.zbmjStr"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<div class="peolist">
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="item in dialogForm.zbmjStr"
|
|||
|
|
:key="item"
|
|||
|
|
>{{ item.xm }}</el-tag
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="zbfjStr" label="当班辅警">
|
|||
|
|
<div class="flex">
|
|||
|
|
<div class="num">
|
|||
|
|
{{ dialogForm.zbfjStr ? dialogForm.zbfjStr.length : 0 }}
|
|||
|
|
</div>
|
|||
|
|
<ChooseTable
|
|||
|
|
:deptment="props.dep"
|
|||
|
|
v-if="!isDetail"
|
|||
|
|
:configer="{ lx: 'fj', placement: 'top-start' }"
|
|||
|
|
v-model="dialogForm.zbfjStr"
|
|||
|
|
:dic="props.dic"
|
|||
|
|
/>
|
|||
|
|
<div class="peolist">
|
|||
|
|
<el-tag
|
|||
|
|
type="primary"
|
|||
|
|
v-for="item in dialogForm.zbfjStr"
|
|||
|
|
:key="item"
|
|||
|
|
>{{ item.xm }}</el-tag
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">武装着装</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item label="武装类型">
|
|||
|
|
<MOSTY.Radio
|
|||
|
|
:options="props.dic.D_BZ_WZLX"
|
|||
|
|
placeholder="类型"
|
|||
|
|
v-model="dialogForm.xfwzlx"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="xfzzlx" label="着装类型">
|
|||
|
|
<MOSTY.Radio
|
|||
|
|
:options="props.dic.D_BZ_ZZLX"
|
|||
|
|
placeholder="类型"
|
|||
|
|
v-model="dialogForm.xfzzlx"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem">
|
|||
|
|
<div class="btItem">备注</div>
|
|||
|
|
<div class="info">
|
|||
|
|
<el-form-item style="width: 100%">
|
|||
|
|
<el-input
|
|||
|
|
v-model="dialogForm.bz"
|
|||
|
|
placeholder="请输入关键字"
|
|||
|
|
show-word-limit
|
|||
|
|
type="textarea"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="bblxItem" v-if="!isDetail">
|
|||
|
|
<div class="btItem"></div>
|
|||
|
|
<div class="info subBtn">
|
|||
|
|
<el-button @click="saveForm" v-loading="loading">报备</el-button>
|
|||
|
|
<el-button
|
|||
|
|
@click="dialogForm.value.xffwlx = '1'"
|
|||
|
|
v-if="props.text == '日历'"
|
|||
|
|
>重置</el-button
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</el-form>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { servicePost, serviceGet } from "@/api/serviceApi.js";
|
|||
|
|
import { ElMessage } from "element-plus";
|
|||
|
|
import * as MOSTY from "@/components/MyComponents/index";
|
|||
|
|
import ChooseTable from "@/components/chooseList/chooseTable.vue";
|
|||
|
|
import emitter from "@/utils/eventBus.js";
|
|||
|
|
import CheckBox from "@/components/checkBox/index";
|
|||
|
|
import {
|
|||
|
|
reactive,
|
|||
|
|
ref,
|
|||
|
|
getCurrentInstance,
|
|||
|
|
defineProps,
|
|||
|
|
watch,
|
|||
|
|
defineEmits,
|
|||
|
|
computed
|
|||
|
|
} from "vue";
|
|||
|
|
const { proxy } = getCurrentInstance();
|
|||
|
|
const props = defineProps({
|
|||
|
|
bblx: {
|
|||
|
|
type: String,
|
|||
|
|
default: "01"
|
|||
|
|
},
|
|||
|
|
text: String,
|
|||
|
|
data: Object,
|
|||
|
|
dic: Object,
|
|||
|
|
isDetail: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
dep: Object
|
|||
|
|
});
|
|||
|
|
const emits = defineEmits(["updateList", "update:modelValue"]);
|
|||
|
|
const editRef = ref();
|
|||
|
|
const multipleTable = ref([]);
|
|||
|
|
const baseInfo = reactive({
|
|||
|
|
xlfs: {
|
|||
|
|
list: ["车巡", "步巡"],
|
|||
|
|
hasChoose: []
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
const loading = ref(false);
|
|||
|
|
const activeName = ref("");
|
|||
|
|
const dialogForm = ref({
|
|||
|
|
xffwlx: "01"
|
|||
|
|
});
|
|||
|
|
watch(
|
|||
|
|
() => props.dic.D_JCGL_JYQX_QXLX,
|
|||
|
|
(val) => {
|
|||
|
|
dialogForm.value.qxList = val || [];
|
|||
|
|
dialogForm.value.qxList.forEach((v) => {
|
|||
|
|
v.qxsl = 0;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
{ immediate: true }
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
const rules = reactive({
|
|||
|
|
bcKssj: [{ required: true, message: "请选择开始时间", trigger: ["change"] }],
|
|||
|
|
bcJssj: [{ required: true, message: "请选择结束时间", trigger: ["change"] }],
|
|||
|
|
lx: [{ required: true, message: "请选择类型", trigger: ["change"] }],
|
|||
|
|
xlfs: [{ required: true, message: "请填写巡逻方式", trigger: ["change"] }],
|
|||
|
|
ssbmdm: [{ required: true, message: "请选择部门", trigger: ["change"] }],
|
|||
|
|
bcMc: [{ required: true, message: "请选班次", trigger: ["change"] }],
|
|||
|
|
jzMc: [{ required: true, message: "请选择警组", trigger: ["change"] }],
|
|||
|
|
shrXm: [
|
|||
|
|
{ required: true, message: "请选择审核人", trigger: ["change", "blur"] }
|
|||
|
|
],
|
|||
|
|
tcList: [
|
|||
|
|
{ required: true, message: "请选择执法记录仪", trigger: ["change", "blur"] }
|
|||
|
|
],
|
|||
|
|
xlfs: [{ required: true, message: "请选择警组", trigger: ["change"] }]
|
|||
|
|
});
|
|||
|
|
// 选择班次
|
|||
|
|
const changeBc = (val) => {
|
|||
|
|
dialogForm.value.bcMc = val ? val[0].bcMc : "";
|
|||
|
|
dialogForm.value.bcId = val ? val[0].id : "";
|
|||
|
|
dialogForm.value.bcKssj = val ? val[0].bcKssj : "";
|
|||
|
|
dialogForm.value.bcJssj = val ? val[0].bcJssj : "";
|
|||
|
|
dialogForm.value.bcKtsDict = val ? val[0].bcKtsDict : "";
|
|||
|
|
};
|
|||
|
|
// 选择巡区 - 检查站 - 快反点
|
|||
|
|
const changeXq = (val) => {
|
|||
|
|
console.log(val);
|
|||
|
|
dialogForm.value.xfqyMc = val
|
|||
|
|
? val[0].xqmc || val[0].kfdMc || val[0].jczmc
|
|||
|
|
: "";
|
|||
|
|
dialogForm.value.xfqyId = val ? val[0].id || val[0].kfdId : "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 警务站
|
|||
|
|
const changejwz = (val) => {
|
|||
|
|
console.log(val);
|
|||
|
|
dialogForm.value.jwzMc = val[0].jwzMc;
|
|||
|
|
dialogForm.value.jwzLx = val[0].jwzLx;
|
|||
|
|
dialogForm.value.jwzId = val[0].jwzId;
|
|||
|
|
dialogForm.value.jwzDz = val[0].jwzDz;
|
|||
|
|
dialogForm.value.xfqyId = val[0].jwzId;
|
|||
|
|
dialogForm.value.xfqyMc = val[0].jwzMc;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 删除车辆
|
|||
|
|
const closeCl = (item) => {
|
|||
|
|
dialogForm.value.clList = dialogForm.value.clList.filter((el) => {
|
|||
|
|
return el.cid != item.cid;
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 处理负责人
|
|||
|
|
const handleFzr = (val) => {
|
|||
|
|
dialogForm.value.fzrXm = val.length > 0 ? val[0].xm : "";
|
|||
|
|
dialogForm.value.fzrSfzh = val.length > 0 ? val[0].sfzh : "";
|
|||
|
|
dialogForm.value.fzrLxdh = val.length > 0 ? val[0].lxdh : "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 选择警组
|
|||
|
|
const changeJz = (val) => {
|
|||
|
|
console.log(val);
|
|||
|
|
val.forEach((item) => {
|
|||
|
|
dialogForm.value.jzMc = item.jzMc;
|
|||
|
|
dialogForm.value.jzId = item.id;
|
|||
|
|
dialogForm.value.fzrXm = item.ddMjxm;
|
|||
|
|
dialogForm.value.fzrSfzh = item.ddMjsfzh;
|
|||
|
|
dialogForm.value.fzrLxdh = item.ddDh;
|
|||
|
|
dialogForm.value.xfzzlx = item.xfzzlx;
|
|||
|
|
dialogForm.value.xfwzlx = item.xfwzlx;
|
|||
|
|
|
|||
|
|
dialogForm.value.bcMc = item.bcMc;
|
|||
|
|
dialogForm.value.bcKtsDict = item.bcKtsDict;
|
|||
|
|
dialogForm.value.bcId = item.glQwbcId;
|
|||
|
|
dialogForm.value.bcKssj = item.bcKssj;
|
|||
|
|
dialogForm.value.bcJssj = item.bcJssj;
|
|||
|
|
|
|||
|
|
dialogForm.value.clList = item.zbclStr ? JSON.parse(item.zbclStr) : [];
|
|||
|
|
dialogForm.value.zdList = item.zbzdsbStr ? JSON.parse(item.zbzdsbStr) : [];
|
|||
|
|
|
|||
|
|
let sblist = item.tcsbStr ? JSON.parse(item.tcsbStr) : [];
|
|||
|
|
|
|||
|
|
dialogForm.value.tcList = sblist.filter((v) => {
|
|||
|
|
return v.sblx == "06";
|
|||
|
|
});
|
|||
|
|
const zbzbStr = item.zbzbStr ? JSON.parse(item.zbzbStr) : [];
|
|||
|
|
dialogForm.value.qxList = zbzbStr.length>0? zbzbStr: props.dic.D_JCGL_JYQX_QXLX.map((item) =>{return {
|
|||
|
|
...item,qxsl:0
|
|||
|
|
}} );
|
|||
|
|
dialogForm.value.zbmjStr = item.zbmjStr ? JSON.parse(item.zbmjStr) : [];
|
|||
|
|
dialogForm.value.zbfjStr = item.zbfjStr ? JSON.parse(item.zbfjStr) : [];
|
|||
|
|
dialogForm.value.clList.forEach((item) => {
|
|||
|
|
item.tcryListStr = item.tcryList;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let xlfs = item.xfxlfs ? item.xfxlfs.split(",") : [];
|
|||
|
|
baseInfo.xlfs.hasChoose = xlfs.map((it) => {
|
|||
|
|
return props.dic.D_BZ_XLFS.find((v) => v.value == it).label;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 切换按钮
|
|||
|
|
const changeDataxl = (val) => {
|
|||
|
|
baseInfo.xlfs.hasChoose = val;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//车辆选择
|
|||
|
|
const changeCl = (val) => {
|
|||
|
|
val.forEach((item) => {
|
|||
|
|
item.tcryListStr = props.dic.D_BZ_RYXFBBZW;
|
|||
|
|
});
|
|||
|
|
dialogForm.value.clList = dialogForm.value.clList.concat(val);
|
|||
|
|
dialogForm.value.clList = Array.from(
|
|||
|
|
new Set(dialogForm.value.clList.map(JSON.stringify))
|
|||
|
|
).map(JSON.parse);
|
|||
|
|
};
|
|||
|
|
// watch(()=>dialogForm.value.clList,(val,oldel)=>{
|
|||
|
|
// console.log(val,oldel);
|
|||
|
|
// let arrList=[]
|
|||
|
|
// for (let i = 0; i < val.length; i++) {
|
|||
|
|
// console.log(val[i].tcryListStr)
|
|||
|
|
// }
|
|||
|
|
// },{deep:true})
|
|||
|
|
// 关联点位
|
|||
|
|
const changeDw = (val) => {
|
|||
|
|
let newList = JSON.parse(JSON.stringify(val));
|
|||
|
|
let arr = [];
|
|||
|
|
newList.forEach((v) => {
|
|||
|
|
v.glbxd = v.glbxd ? JSON.parse(v.glbxd) : [];
|
|||
|
|
arr = arr.concat(v.glbxd);
|
|||
|
|
});
|
|||
|
|
dialogForm.value.bxdList = arr;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 处理数据
|
|||
|
|
const handleRylist = (arr, text) => {
|
|||
|
|
let list = arr?.map((it) => {
|
|||
|
|
return {
|
|||
|
|
ryId: it.ryid,
|
|||
|
|
xfllId: it.id,
|
|||
|
|
ryJzlx: it.lx,
|
|||
|
|
ryMfjlb: it.fl,
|
|||
|
|
rySfzh: it.sfzh,
|
|||
|
|
ryXm: it.xm,
|
|||
|
|
ryXfbbzw: handleDic(text)
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
return list;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 处理字典
|
|||
|
|
const handleDic = (val) => {
|
|||
|
|
let obj = props.dic.D_BZ_RYXFBBZW.find((v) => {
|
|||
|
|
return v.label == val;
|
|||
|
|
});
|
|||
|
|
return obj ? obj.dm : "";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 提交
|
|||
|
|
const saveForm = () => {
|
|||
|
|
editRef.value.validate((valid) => {
|
|||
|
|
if (!valid) return;
|
|||
|
|
let params = { ...dialogForm.value };
|
|||
|
|
params.bbSjBbrq = props.data.year;
|
|||
|
|
let arr = [];
|
|||
|
|
baseInfo.xlfs.hasChoose.forEach((it) => {
|
|||
|
|
let obj = props.dic.D_BZ_XLFS.find((v) => v.label == it);
|
|||
|
|
if (obj) arr.push(obj.value);
|
|||
|
|
});
|
|||
|
|
params.xfxlfs = arr.join(",");
|
|||
|
|
let zbmj = handleRylist(dialogForm.value.zbmjStr, "当班民警");
|
|||
|
|
let zbfj = handleRylist(dialogForm.value.zbfjStr, "同行辅警");
|
|||
|
|
params.ryList = [];
|
|||
|
|
params.ryList = params.ryList.concat(zbmj, zbfj);
|
|||
|
|
// console.log(dialogForm.value.ryList, dialogForm.value.clList);
|
|||
|
|
|
|||
|
|
// if (!dialogForm.value.ryList && dialogForm.value.clList.length == 0) {
|
|||
|
|
// proxy.$message.warning("请选择巡逻方式和人员");
|
|||
|
|
// return;
|
|||
|
|
// }
|
|||
|
|
params.clList = params.clList.map((item) => {
|
|||
|
|
item.tcryList = [];
|
|||
|
|
item.tcryListStr = item.tcryListStr?.map((it) => {
|
|||
|
|
it.list = it.list?.map((iv) => {
|
|||
|
|
let obj = {
|
|||
|
|
ryCzclId: item.cid || item.clId,
|
|||
|
|
ryId: iv.ryid,
|
|||
|
|
ryJzlx: iv.lx,
|
|||
|
|
xfllId: iv.id,
|
|||
|
|
ryMfjlb: iv.fl,
|
|||
|
|
rySfzh: iv.sfzh,
|
|||
|
|
ryXm: iv.xm,
|
|||
|
|
ryXfbbzw: it.dm
|
|||
|
|
};
|
|||
|
|
item.tcryList.push(obj);
|
|||
|
|
return {
|
|||
|
|
xm: iv.xm,
|
|||
|
|
sfzh: iv.sfzh,
|
|||
|
|
fl: iv.fl,
|
|||
|
|
id: iv.id,
|
|||
|
|
ryid: iv.ryid
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
return {
|
|||
|
|
label: it.label,
|
|||
|
|
vlaue: it.dm,
|
|||
|
|
list: it.list,
|
|||
|
|
ryXfbbzw: it.dm,
|
|||
|
|
dm: it.dm,
|
|||
|
|
cid: it.cid
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
let val = {
|
|||
|
|
clId: item.cid || item.clId,
|
|||
|
|
clmc: item.clmc,
|
|||
|
|
cph: item.cph,
|
|||
|
|
cplx: item.cplx,
|
|||
|
|
tcryList: item.tcryList,
|
|||
|
|
tcryListStr: JSON.stringify(item.tcryListStr)
|
|||
|
|
};
|
|||
|
|
if (props.text == "列表") val.id = item.id;
|
|||
|
|
return val;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (params.bxdList) {
|
|||
|
|
params.bxdList = params.bxdList.map((v) => {
|
|||
|
|
return {
|
|||
|
|
bxdLx: v.xqlx,
|
|||
|
|
bxdMc: v.xqmc,
|
|||
|
|
bxdid: v.id,
|
|||
|
|
dkdz: "",
|
|||
|
|
jd: v.zxdJd,
|
|||
|
|
wd: v.zxdWd
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (params.bxxList) {
|
|||
|
|
params.bxxList = params.bxxList.map((v) => {
|
|||
|
|
return { bxxLx: v.xqlx, bxxMc: v.xqmc, bxxid: v.id };
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
loading.value = true;
|
|||
|
|
let url =
|
|||
|
|
props.text == "日历"
|
|||
|
|
? "/mosty-qwzx/tbQwglXfbb/save"
|
|||
|
|
: "/mosty-qwzx/tbQwglXfbb/update";
|
|||
|
|
let message = props.text == "日历" ? "新增成功" : "修改成功";
|
|||
|
|
servicePost(params, url)
|
|||
|
|
.then((res) => {
|
|||
|
|
loading.value = false;
|
|||
|
|
proxy.$message.success(message);
|
|||
|
|
emits("updateList");
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
loading.value = false;
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 切换类型清空数据
|
|||
|
|
const changeType = () => {
|
|||
|
|
dialogForm.value.xfqyMc = "";
|
|||
|
|
dialogForm.value.xfqyId = "";
|
|||
|
|
dialogForm.value.jwzMc = "";
|
|||
|
|
dialogForm.value.jwzLx = "";
|
|||
|
|
dialogForm.value.jwzId = "";
|
|||
|
|
dialogForm.value.jwzDz = "";
|
|||
|
|
dialogForm.value.bxdList = [];
|
|||
|
|
dialogForm.value.bxxList = [];
|
|||
|
|
dialogForm.value.hxgList = [];
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 回显数据
|
|||
|
|
const showData = (val) => {
|
|||
|
|
dialogForm.value = JSON.parse(JSON.stringify(val));
|
|||
|
|
// 巡逻方式
|
|||
|
|
let xlfs = val.xfxlfs ? val.xfxlfs.split(",") : [];
|
|||
|
|
let arr = xlfs.map((it) => {
|
|||
|
|
return props.dic.D_BZ_XLFS.find((v) => v.value == it).label;
|
|||
|
|
});
|
|||
|
|
baseInfo.xlfs.hasChoose = arr;
|
|||
|
|
dialogForm.value.zbmjStr = []; //值班民警 01
|
|||
|
|
dialogForm.value.zbfjStr = []; //值班辅警 02
|
|||
|
|
if (dialogForm.value.ryList && dialogForm.value.ryList.length > 0) {
|
|||
|
|
dialogForm.value.ryList.forEach((item) => {
|
|||
|
|
let obj = {
|
|||
|
|
id: item.xfllId,
|
|||
|
|
ryid: item.ryId,
|
|||
|
|
lx: item.ryJzlx,
|
|||
|
|
fl: item.ryMfjlb,
|
|||
|
|
sfzh: item.rySfzh,
|
|||
|
|
xm: item.ryXm
|
|||
|
|
};
|
|||
|
|
if (item.ryMfjlb == "01") dialogForm.value.zbmjStr.push(obj); //值班民警
|
|||
|
|
if (item.ryMfjlb == "02") dialogForm.value.zbfjStr.push(obj); //值班辅警
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// c车辆
|
|||
|
|
if (dialogForm.value.clList && dialogForm.value.clList.length > 0) {
|
|||
|
|
dialogForm.value.clList.forEach((item) => {
|
|||
|
|
item.tcryListStr = JSON.parse(item.tcryListStr);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 必巡线
|
|||
|
|
if (dialogForm.value.bxxList) {
|
|||
|
|
dialogForm.value.bxxList = dialogForm.value.bxxList.map((v) => {
|
|||
|
|
return { xqlx: v.bxxLx, xqmc: v.bxxMc, id: v.bxxid };
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 必巡点
|
|||
|
|
if (dialogForm.value.bxdList) {
|
|||
|
|
dialogForm.value.bxdList = dialogForm.value.bxdList.map((v) => {
|
|||
|
|
return {
|
|||
|
|
xqlx: v.bxdLx,
|
|||
|
|
xqmc: v.bxdMc,
|
|||
|
|
id: v.bxdid,
|
|||
|
|
zxdJd: v.jd,
|
|||
|
|
zxdWd: v.wd
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
watch(
|
|||
|
|
() => props.data,
|
|||
|
|
(val) => {
|
|||
|
|
if (val && val.info) showData(val.info);
|
|||
|
|
},
|
|||
|
|
{ immediate: true }
|
|||
|
|
);
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.bblxItem {
|
|||
|
|
width: 100%;
|
|||
|
|
line-height: 40px;
|
|||
|
|
min-height: 40px;
|
|||
|
|
display: flex;
|
|||
|
|
.btItem {
|
|||
|
|
width: 180px;
|
|||
|
|
padding: 7px 0;
|
|||
|
|
background: #e9e9e9;
|
|||
|
|
color: #000;
|
|||
|
|
margin-top: 1px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.info {
|
|||
|
|
flex: 1;
|
|||
|
|
background: #f2f2f2;
|
|||
|
|
margin-top: 1px;
|
|||
|
|
padding: 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
.gapline {
|
|||
|
|
height: 1px;
|
|||
|
|
border-top: 1px dashed #e2e2e2;
|
|||
|
|
margin: 4px 0;
|
|||
|
|
}
|
|||
|
|
.dl-car {
|
|||
|
|
min-width: 200px;
|
|||
|
|
display: inline-block;
|
|||
|
|
border: solid 1px #66cbff;
|
|||
|
|
margin: 20px 30px 0 0;
|
|||
|
|
padding: 0;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
position: relative;
|
|||
|
|
dt {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #0380c0;
|
|||
|
|
padding: 0 10px 0 40px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-weight: 600;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-bottom: solid 1px #66cbff;
|
|||
|
|
background: #e3f5ff;
|
|||
|
|
height: 30px;
|
|||
|
|
border-radius: 5px 5px 0 0;
|
|||
|
|
}
|
|||
|
|
.peo {
|
|||
|
|
border-bottom: solid 1px #01d608;
|
|||
|
|
background: #dbf3cf;
|
|||
|
|
color: #339d00;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.dl-car::before {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
top: -18px;
|
|||
|
|
left: -18px;
|
|||
|
|
width: 52px;
|
|||
|
|
height: 49px;
|
|||
|
|
background: url("~@/assets/images/peo.png");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.num {
|
|||
|
|
width: 50px;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
text-align: center;
|
|||
|
|
border: 1px solid #d2d2d2;
|
|||
|
|
background-color: #e7e7e7;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.subBtn {
|
|||
|
|
padding-left: 100px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
::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;
|
|||
|
|
}
|
|||
|
|
::v-deep .el-input__inner {
|
|||
|
|
border: 1px solid #d2d2d2;
|
|||
|
|
background-color: #f9f9f9;
|
|||
|
|
}
|
|||
|
|
.deBtn {
|
|||
|
|
padding: 0px 10px;
|
|||
|
|
background: rgb(35, 176, 241);
|
|||
|
|
border-radius: 18px;
|
|||
|
|
color: #fff;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.dwBox {
|
|||
|
|
padding: 1px 4px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-radius: 2px;
|
|||
|
|
border: 1px solid #0072ff;
|
|||
|
|
margin: 0 4px;
|
|||
|
|
}
|
|||
|
|
</style>
|