Skip to content

F
founder_vue
Commit 5ade4e10 by 刘玉帅
Options

sf

parent ac8b465b
Showing with 3013 additions and 1 deletions
src/components/SfptCxForm_components.vue 0 → 100644
<template>
<div>
<div
class="Content paneDiv paneDiv2"
v-if="pageBs != 'dytj' && propQueryField.length > 0"
>
<div class="cxtjWrap">
<el-row>
<el-col :span="24">
<span class="flTtitle">查询条件</span>
</el-col>
</el-row>
<el-form
label-position="right"
label-width="140px"
ref="queryForm"
:model="formData"
:class="propQueryField.length < 3 ? 'inlineBtn' : ''"
>
<div class="zdyLine">
<el-form-item
:label="item.name ? item.name + ':' : ''"
v-for="item in propQueryField"
:key="item.id"
:prop="item.id"
v-show="!item.hidden"
:class="'demo-input-suffix zdycol' + item.col"
>
<!--<div class="zdName">{{item.name}}：</div>-->
<!--输入框-->
<el-input
clearable
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-if="item.type == 'text'"
>
</el-input>
<!--输入框-最大值与最小值-->
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'"
>
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]"
>
</el-input>
—
<el-input
:placeholder="item.placeholder2"
v-model="formData[item.id2]"
style="width: calc((100% - 150) / 2)"
>
</el-input>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyDate'"
>
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
:picker-options="item.pickerOptions2"
unlink-panels
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'texts'"
>
<el-input
type="text"
autosize
resize="none"
:placeholder="item.placeholder"
v-model="formData[item.id]"
>
</el-input>
-
<el-input
type="text"
autosize
resize="none"
:placeholder="item.placeholder"
v-model="formData[item.id2]"
>
</el-input>
</div>
<!--下拉框-->
<el-select
v-model="formData[item.id]"
clearable
:placeholder="item.placeholder"
v-else-if="item.type == 'select'"
>
<el-option
v-for="item3 in item.selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value"
>
</el-option>
</el-select>
<!--文本域-->
<el-input
type="textarea"
autosize
resize="none"
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-else-if="item.type == 'textarea'"
>
</el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model="formData[item.id]"
type="datetime"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datetime'"
>
</el-date-picker>
<!--日期框-->
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
suffix-icon="el-icon-date"
v-else-if="item.type == 'date'"
>
</el-date-picker>
<el-date-picker
v-model="formData[item.id]"
type="datetimerange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'"
>
</el-date-picker>
<!--多选框-->
<div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData[item.id]" size="small">
<el-checkbox
v-for="subitem in item.checkList"
:label="subitem"
:key="subitem.val"
>{{ subitem.label }}</el-checkbox
>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item.type == 'radio'">
<el-radio-group v-model="formData[item.id]" size="small">
<el-radio
:label="item2.val"
v-for="item2 in item.radioData"
:key="item2.val"
>{{ item2.label }}
</el-radio>
</el-radio-group>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'code' || item.type == 'jlCode'"
>
<select-tree
v-model="formData[item.id]"
:placeholder="'请选择' + item.name"
:options="item.codeOptions"
:sendId="item.id"
/>
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div class="zdyInputW" v-else-if="item.type == 'codeTreeDialog'">
<select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
/>
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
/>
</div>
<div class="file" v-if="item.type == 'file'">
<el-upload
class="avatar-uploader"
action="#"
:show-file-list="false"
:on-change="handleChange"
>
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</el-form-item>
</div>
</el-form>
<!--按钮-->
<div class="btnGrounp">
<!--
<span @click="switchingConditions" class="color1 mg10"><i :class="toggleZd ? 'fa fa-angle-up fa-zdy20':'fa fa-angle-down fa-zdy20'"></i>{{toggleZd ? '收起条件':'更多条件'}}</span>
-->
<div
@click="switchingConditions"
v-if="pageBs == 'bjzycx'"
style="color: #007aff; margin: 6px"
>
<i
:class="
toggleZd
? 'fa fa-angle-up fa-zdy20'
: 'fa fa-angle-down fa-zdy20'
"
></i>
{{ toggleZd == false ? "更多条件" : "收起条件" }}
</div>
<div @click="clearData" class="zdybtn">重置</div>
<div
@click="doQueryBtn(true)"
style="background: #007aff; color: #ffffff"
class="zdybtn"
>
查询
</div>
<div
@click="$emit('yjbtn')"
style="background: #007aff; color: #ffffff"
class="zdybtn"
v-if="pageBs == 'zdryGl'"
>
批量预警
</div>
</div>
</div>
</div>
<div class="Content paneDiv paneDiv2" v-if="pageBs != 'xxtkgzxnpg'">
<el-row style="width: 98%">
<el-col :span="24">
<div
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<div>
<span class="flTtitle">信息列表</span>
<span class="flTotal">共{{ tableDataLength }}条信息</span>
</div>
<div>
<slot name="listOperation"></slot>
<div
class="flTtitle Add"
@click="oneClickAnalize"
v-if="pageBs == 'queryRlqbxs'"
>
一键分析
</div>
<div
class="flTtitle Add"
@click="add"
v-if="
pageBs != 'zdryGl' &&
pageBs != 'dytj' &&
pageBs != 'gnsyrz' &&
pageBs != 'rySp' &&
pageBs != 'rwbdjs' &&
pageBs != 'queryRlqbxsSH' &&
pageBs != 'gnsyrzList' &&
pageBs != 'shrzList' &&
pageBs != 'queryZdcyryxx' &&
pageBs != 'queryZdjyhd' &&
pageBs != 'queryBbkwpxx' &&
pageBs != 'queryZdxsxx' &&
pageBs != 'queryLklz' &&
pageBs != 'queryCklz' &&
pageBs != 'zjclrz' &&
pageBs != 'caseGl' &&
pageBs != 'querySwtz' &&
pageBs != 'ryqtsf' &&
pageBs != 'wffzjlxxgl' &&
pageBs != 'gxrxxgl' &&
pageBs != 'ydxxgl' &&
pageBs != 'fubshxxgl' &&
pageBs != 'jdcxxgl' &&
pageBs != 'fcxxgl' &&
pageBs != 'rygd' &&
pageBs != 'hdgdxxgl' &&
pageBs != 'ryhd' &&
pageBs != 'rysc' &&
pageBs != 'queryRyyp' &&
pageBs != 'thjl' &&
pageBs != 'glbsh' &&
pageBs != 'txl' &&
pageBs != 'gzzkyxs' &&
pageBs != 'queryXczw' &&
pageBs != 'queryDnabz' &&
pageBs != 'queryXcystrPeople' &&
pageBs != 'queryXcystrCase' &&
pageBs != 'queryXcrx' &&
pageBs != 'queryXczj' &&
pageBs != 'llygl' &&
pageBs != 'zczltj' &&
pageBs != 'queryZjcl' &&
pageBs != 'wscdaj' &&
pageBs != 'wscdajtj' &&
pageBs != 'queryXnpg' &&
pageBs != 'queryPgtj' &&
pageBs != 'wscdaj' &&
pageBs != 'wsqfbdzczl' &&
pageBs != 'llycx' &&
pageBs != 'xywspdzczl' &&
pageBs != 'wfqdzczl' &&
pageBs != 'jszls' &&
pageBs != 'wfzdzczl' &&
pageBs != 'qjgnsyrz' &&
pageBs != 'queryCheckBj' &&
pageBs != 'queryWl' &&
pageBs != 'bjzycx' &&
pageBs != 'yhzyh' &&
pageBs != 'queryDx' &&
pageBs != 'queryZj' &&
pageBs != 'sqqxgl' &&
pageBs != 'queryMyyhz' &&
pageBs != 'hpyprwSp' &&
pageBs != 'queryfzxyr' &&
pageBs != 'qyeryrlqbxsfs' &&
pageBs != 'qyeryrlqbxsBJ'
"
>
<i class="el-icon-plus"></i> 新增
</div>
<div
class="flTtitle Add"
@click="InviteUsers"
v-if="pageBs == 'queryMyyhz' && yqyhz.yhJb == '0001'"
>
邀请用户
</div>
<div
class="flTtitle Add"
@click="DissolutionOrganization"
v-if="pageBs == 'queryMyyhz' && yqyhz.yhJb == '0001'"
>
解散组织
</div>
<div
class="flTtitle Add"
@click="adds"
v-if="pageASs == 'queryZj'"
>
<i class="el-icon-plus"></i> 新增
</div>
<el-button
type="primary"
size="mini"
v-if="pageBs == 'zczltj'"
@click="$emit('zczltjExport', formData)"
>导出</el-button
>
<el-button
type="primary"
size="mini"
v-if="pageBs == 'wsqfbdzczl'"
@click="$emit('sqfbzl', formData)"
>申请发布指令</el-button
>
<el-button
type="primary"
size="mini"
v-if="pageBs == 'wfqdzczl'"
@click="$emit('toXdzl', formData)"
>下达指令</el-button
>
<el-button
type="primary"
size="mini"
v-if="pageBs == 'wscdaj'"
@click="$emit('ajsx')"
>案件筛选</el-button
>
<el-button
type="primary"
size="mini"
v-if="pageBs == 'zdxxgl'"
@click="$emit('drzjhd')"
>excel导入交易活动</el-button
>
<!-- <el-button
type="primary"
size="mini"
v-if="pageBs == 'queryZjcl'"
@click="$emit('drzjhd')"
>录入证据材料信息</el-button
>-->
<el-button
type="primary"
size="mini"
v-if="pageBs == 'queryZdjyhd'"
@click="$emit('drjyhdry')"
>excel导入交易活动相关人员</el-button
>
</div>
<div class="flTtitle" v-if="pageBs == 'zdryGl' || pageBs == 'dytj'">
<el-radio-group v-model="listMode" class="list-mode" size="small">
<el-radio-button label="1"
><i class="el-icon-s-fold"></i
></el-radio-button>
<el-radio-button label="2"
><i class="el-icon-menu"></i
></el-radio-button>
</el-radio-group>
<el-button
class="returnBtn"
type="primary"
size="mini"
@click="returnBtn"
v-if="pageBs == 'dytj'"
>返回</el-button
>
</div>
</div>
<!--可配置化图标-->
<div
class="inline"
v-if="
pageBszfc == 'laxxgl' ||
pageBszfc == 'zczjxxgl' ||
pageBszfc == 'jaxxgl' ||
pageBszfc == 'jazczjxxgl' ||
pageBszfc == 'cxxxgl' ||
pageBszfc == 'sqmaxxgl' ||
pageBszfc == 'sjjc'
"
>
<!-- <el-button plain
class="zdybtn export"
size="small"
@click="export2Excel"><i class="fa fa-external-link"
aria-hidden="true"
style="margin-right:5px;"></i>导出案件
</el-button>
<el-button plain
class="zdybtn export"
size="small"
@click="exportCriminalSuspect"><i class="fa fa-external-link"
aria-hidden="true"
style="margin-right:5px;"></i>导出犯罪嫌疑人
</el-button>
<el-button plain
class="zdybtn export"
size="small"
@click="exportCasualties"><i class="fa fa-external-link"
aria-hidden="true"
style="margin-right:5px;"></i>导出伤亡人员
</el-button> -->
</div>
<div class="inline" v-if="pageBszfc == 'sjbc'">
<el-button
plain
class="zdybtn export"
size="small"
@click="export2Excel"
><i
class="fa fa-external-link"
aria-hidden="true"
style="margin-right: 5px"
></i
>导出案件
</el-button>
</div>
<!-- <div v-else class="inline">
<el-button plain class="zdybtn export" size="small" @click="export2Excel"
><i
class="fa fa-external-link"
aria-hidden="true"
style="margin-right:5px;"
></i
>导出</el-button
>
</div>-->
</el-col>
</el-row>
<!--表格-->
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="margin: 0 auto"
width="100%"
size="small"
v-if="listMode != 2"
@select="select"
@selection-change="handleSelectionChange"
@expand-change="rowExpand"
@select-all="onSelectAll"
@row-click="rowClick"
>
<el-table-column type="expand" v-if="pageASs == 'queryZj'">
<template slot-scope="props">
<el-table
v-loading="loadingZxzjlList"
:data="tableData1"
stripe
style="width: 100%"
>
<el-table-column align="center" prop="bfkh" label="本方卡号">
</el-table-column>
<el-table-column align="center" prop="bfzhmc" label="账号名称">
</el-table-column>
<el-table-column align="center" prop="zhye" label="余额">
</el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button type="success" @click="sprops(scope)">
可视化分析
</el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column
align="center"
label="操作"
v-if="
pageBs == 'wscdajtj' ||
(pageBs == 'queryCheckBj' && cxFormData.asjbzzt)
"
:width="'200'"
>
<template slot-scope="scope">
<span
@click="$emit('sctjcb', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wscdajtj'"
>添加</span
>
<span
@click="bjBack(scope.row.asjbh, '3')"
class="edit"
v-if="pageBs == 'queryCheckBj' && cxFormData.asjbzzt == '1'"
>退回</span
>
<span
@click="bjBack(scope.row.asjbh, '2', '3')"
class="edit"
v-if="pageBs == 'queryCheckBj' && cxFormData.asjbzzt == '2'"
>排除</span
>
<span
@click="bjBack(scope.row.asjbh, '1')"
class="edit"
style="margin-left: 16px"
v-if="pageBs == 'queryCheckBj' && cxFormData.asjbzzt == '2'"
>解决</span
>
</template>
</el-table-column>
<el-table-column
type="selection"
width="55"
v-if="
pageBs == 'queryUser' ||
pageBs == 'queryRole' ||
pageBs == 'queryZdjyhd' ||
pageBs == 'zdxxgl' ||
pageBs == 'queryZjcl' ||
pageBs == 'zdryGl' ||
pageBs == 'qyeryrlqbxsBJ'
"
>
</el-table-column>
<el-table-column
align="center"
:min-width="
columnTitle.width
? columnTitle.width
: columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360'
: '160'
"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
>
<template slot-scope="scope">
<div
v-if="
columnTitle.prop == 'jyaq' || columnTitle.prop == 'czxxJyqk'
"
>
<div class="ajxq_s">
<span class="none" v-html="scope.row[columnTitle.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div v-else-if="columnTitle.toInfor">
<span
@click="toInfor(scope.row)"
class="edit"
style="margin-right: 16px"
v-html="scope.row[columnTitle.prop]"
></span>
</div>
<div v-else-if="columnTitle.toIn">
<span
@click="toIn(scope.row)"
class="edit"
style="margin-right: 16px"
v-html="scope.row[columnTitle.prop]"
></span>
</div>
<div
v-else-if="
columnTitle.prop == 'zpbw' && columnTitle.type == 'select'
"
>
<span v-if="scope.row[columnTitle.prop] == '1'"
>二代证（人像）</span
>
<span v-if="scope.row[columnTitle.prop] == '2'">正面照片</span>
<span v-if="scope.row[columnTitle.prop] == '3'">左侧面照片</span>
<span v-if="scope.row[columnTitle.prop] == '4'">右侧面照片</span>
<span v-if="scope.row[columnTitle.prop] == '5'"
>二代证（国徽）</span
>
</div>
<div
v-else-if="
columnTitle.prop == 'hmywdm' && columnTitle.type == 'selectHm'
"
>
<span v-if="scope.row[columnTitle.prop] == '0'">左眼虹膜</span>
<span v-if="scope.row[columnTitle.prop] == '1'">右眼虹膜</span>
<span v-if="scope.row[columnTitle.prop] == '9'">未知</span>
</div>
<div
v-else-if="
columnTitle.prop == 'zjbw' && columnTitle.type == 'selectZj'
"
>
<span v-if="scope.row[columnTitle.prop] == '11'"
>左鞋底动态花纹</span
>
<span v-if="scope.row[columnTitle.prop] == '13'"
>左正面（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '14'"
>左内侧（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '15'"
>左外侧（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '16'"
>左后跟（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '17'">左鞋底照 </span>
<span v-if="scope.row[columnTitle.prop] == '18'">左赤足</span>
<span v-if="scope.row[columnTitle.prop] == '21'"
>右鞋底动态花纹</span
>
<span v-if="scope.row[columnTitle.prop] == '23'"
>右正面（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '24'"
>右内侧（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '25'"
>右外侧（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '26'"
>右后跟（鞋面）</span
>
<span v-if="scope.row[columnTitle.prop] == '27'">右鞋底照</span>
<span v-if="scope.row[columnTitle.prop] == '28'">右赤足</span>
</div>
<div v-else-if="columnTitle.prop == 'xzgzryzt'"></div>
<div
v-else-if="
columnTitle.prop == 'bzrZp' || columnTitle.prop == 'xyrZp'
"
>
<img :src="scope.row[columnTitle.prop]" alt="" />
</div>
<div v-else-if="columnTitle.prop == 'ryzpDzwjnr'">
<img
:src="'data:image/jpeg;base64,' + scope.row[columnTitle.prop]"
alt=""
/>
</div>
<div
v-else-if="columnTitle.prop == 'codeTxt'"
style="font-size: 13px !important"
>
<el-tag
effect="plain"
class="table-ajtag;cursor: pointer;"
style="color: #409eff; cursor: pointer"
size="small"
v-for="(ajItem, index) in scope.row[columnTitle.prop]"
:key="index"
@click="bqDetail(ajItem, scope.row.zjhm)"
>{{
ajItem != "" &&
index != scope.row[columnTitle.prop].length - 1
? ajItem
: ajItem
}}
</el-tag>
</div>
<div
v-else-if="columnTitle.prop == 'ryflText'"
style="font-size: 13px !important"
>
<el-tag
effect="plain"
class="table-ajtag;cursor: pointer;"
style="color: #409eff; cursor: pointer"
size="small"
v-for="(ajItem, index) in scope.row[columnTitle.prop]"
:key="index"
>{{
ajItem != "" &&
index != scope.row[columnTitle.prop].length - 1
? ajItem
: ajItem
}}
</el-tag>
</div>
<div
v-else-if="columnTitle.prop == 'ajlbCodeTxt'"
style="font-size: 13px !important"
>
<el-tag
effect="plain"
class="table-ajtag"
size="small"
style="color: #409eff"
v-for="(ajItem, index) in scope.row[columnTitle.prop]"
:key="index"
>{{
ajItem != "" &&
index != scope.row[columnTitle.prop].length - 1
? ajItem
: ajItem
}}
</el-tag>
</div>
<div
v-else-if="
(columnTitle.prop == 'wzsz' ||
columnTitle.prop == 'zrzy' ||
columnTitle.prop == 'bhrcs' ||
columnTitle.prop == 'xyrgs' ||
columnTitle.prop == 'jdjl' ||
columnTitle.prop == 'kcbl' ||
columnTitle.prop == 'stzl' ||
columnTitle.prop == 'qtcl') &&
pageBs == 'queryZjcl'
"
>
<span
v-if="scope.row[columnTitle.prop] === 1"
class="el-icon-check"
style="color: #4caf50"
></span>
<span
v-else-if="scope.row[columnTitle.prop] === -1"
class="el-icon-close"
style="color: #ef4c4c"
></span>
<span v-else class="el-icon-minus"></span>
</div>
<div
v-else-if="
(columnTitle.prop == 'wzsz' ||
columnTitle.prop == 'zrzy' ||
columnTitle.prop == 'bhrcs' ||
columnTitle.prop == 'gshbbbj' ||
columnTitle.prop == 'jdjl' ||
columnTitle.prop == 'kcjcbl' ||
columnTitle.prop == 'stzldzsj' ||
columnTitle.prop == 'qt') &&
pageBs == 'queryJcgz'
"
>
{{ scope.row[columnTitle.prop] == "Y" ? "必须" : "非必须" }}
</div>
<div
v-else-if="columnTitle.prop == 'zjhm'"
style="font-size: 13px !important"
>
<span
style="border: 1px solid rgb(64, 158, 255); padding: 0px 4px"
v-if="columnTitle['gradeLev']"
>{{
columnTitle["gradeLev"] == 10
? "一般"
: columnTitle["gradeLev"] == 20
? "危险"
: "高危"
}}</span
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else-if="columnTitle.prop == 'openFlag'">
<el-switch
v-model="scope.row[columnTitle.prop]"
active-value="1"
inactive-value="0"
@change="handleSwitch($event, scope.row)"
></el-switch>
</div>
<div v-else-if="columnTitle.prop == 'rzlbdm'">
{{
scope.row[columnTitle.prop] == "01"
? "证据材料日志"
: scope.row[columnTitle.prop] == "02"
? "检查规则日志"
: "案件证据材料检查日志"
}}
</div>
<div v-else-if="columnTitle.prop == 'czbs'">
{{
scope.row[columnTitle.prop] == "ADD"
? "添加"
: scope.row[columnTitle.prop] == "UPD"
? "修改"
: scope.row[columnTitle.prop] == "DEL"
? "删除"
: "查询"
}}
</div>
<div v-else-if="columnTitle.prop == 'sfcb'">
{{ scope.row[columnTitle.prop] == "1" ? "是" : "否" }}
</div>
<div v-else-if="columnTitle.prop == 'zjclmc'">
<el-tag
v-for="(s, k) in getSplit(scope.row[columnTitle.prop])"
:key="k"
effect="dark"
>
{{ s }}
</el-tag>
</div>
<div v-else v-html="scope.row[columnTitle.prop]">
{{ columnTitle.prop }}
</div>
</template>
</el-table-column>
<el-table-column
align="center"
label="操作"
:width="
pageBs == 'zdxxgl' || pageBs == 'gzrygl'
? '460'
: '200' || pageBs == 'queryHbyp'
? '500'
: '200'
"
:fixed="pageBs == 'rySp' ? 'right' : false"
v-if="
!(
pageBs == 'gnsyrz' ||
pageBs == 'jdcxsGl' ||
pageBs == 'hmxsGl' ||
pageBs == 'ryxsGl' ||
pageBs == 'rwbd' ||
pageBs == 'queryXczw' ||
pageBs == 'queryDnabz' ||
pageBs == 'queryXcystrCase' ||
pageBs == 'queryXcystrPeople' ||
pageBs == 'queryXcrx' ||
pageBs == 'queryXczj' ||
pageBs == 'shrzList' ||
pageBs == 'gnsyrzList' ||
pageBs == 'cxyhz' ||
pageBs == 'yhzyh' ||
pageBs == 'queryLklz' ||
pageBs == 'queryCklz' ||
pageBs == 'zjclrz' ||
pageBs == 'qjgnsyrz' ||
pageBs == 'wscdajtj' ||
pageBs == 'jszls' ||
pageBs == 'queryCheckBj' ||
pageBs == 'queryWl' ||
pageBs == 'queryDna' ||
pageBs == 'queryZj' ||
pageBs == 'queryZw' ||
pageBs == 'wfqdzczl' ||
pageBs == 'xywspdzczl' ||
pageBs == 'queryDx' ||
pageBs == 'bxqjsdzczl' ||
pageBs == 'queryZjcl' ||
pageBs == 'queryJcgz' ||
pageBs == 'queryZjclLb' ||
pageBs == 'qyeryrlqbxsBJ'
)
"
>
<template slot-scope="scope">
<slot name="btnGroup" :scope="scope"></slot>
<span
@click="edit(scope)"
class="edit"
style="margin-right: 16px"
v-if="
!(
pageBs == 'rySp' ||
pageBs == 'yhkxsGl' ||
pageBs == 'rwbd' ||
pageBs == 'rwbdjs' ||
pageBs == 'queryRlqbxsSH' ||
pageBs == 'queryZjcl' ||
pageBs == 'llygl' ||
pageBs == 'wscdaj' ||
pageBs == 'queryRyzp' ||
pageBs == 'llycx' ||
pageBs == 'xywspdzczl' ||
pageBs == 'sqqxgl' ||
pageBs == 'yjrwGl' ||
pageBs == 'wfzdzczl' ||
pageBs == 'yhzyh' ||
pageBs == 'cxyhz' ||
pageBs == 'queryHbyp' ||
pageBs == 'hpyprwSp' ||
pageBs == 'wfqdzczl' ||
pageBs == 'qyeryrlqbxsfs' ||
pageBs == 'qyeryrlqbxsBJ' ||
pageBs == 'queryMyyhz' ||
pageBs == 'wfqdzczl' ||
pageBs == 'sfgl'
)
"
>修改</span
>
<span
@click="$emit('szlly', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'llycx' && scope.row.sflly == 0"
>设置联络员</span
>
<span
@click="$emit('qs', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nfqs == '1'"
>签收</span
>
<span
@click="$emit('toHb', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nfhb == '1'"
>回报</span
>
<span
@click="$emit('toHbxg', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nfhbxg == '1'"
>回报修改</span
>
<span
@click="$emit('toXb', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nfxb == '1'"
>续报</span
>
<span
@click="$emit('toXbxg', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nfxbxg == '1'"
>续报修改</span
>
<span
@click="$emit('toFp', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nffp == '1'"
>分派</span
>
<span
@click="$emit('toYj', scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'wfzdzczl' && scope.row.nffp == '1'"
>移交</span
>
<span
@click="editRole(scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'queryUser'"
>角色配置</span
>
<span
@click="edit(scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'yjrwGl'"
>查看结果</span
>
<span
@click="editMenu(scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'queryRole'"
>菜单配置</span
>
<span
@click="gz(scope)"
class="dele"
v-if="pageBs == 'zdryGl' || pageBs == 'dytj'"
>{{ scope.row.policeId != "" ? "已关注" : "关注" }}</span
>
<span
@click="dele(scope)"
class="dele"
v-if="
pageBs != 'zdryGl' &&
pageBs != 'dytj' &&
pageBs != 'rySp' &&
pageBs != 'yhkxsGl' &&
pageBs != 'rwbd' &&
pageBs != 'rwbdjs' &&
pageBs != 'queryRlqbxsSH' &&
pageBs != 'llycx' &&
pageBs != 'xywspdzczl' &&
pageBs != 'sqqxgl' &&
pageBs != 'queryRlqbxsSH' &&
pageBs != 'yjrwGl' &&
pageBs != 'wfzdzczl' &&
pageBs != 'queryHbyp' &&
pageBs != 'hpyprwSp' &&
pageBs != 'queryfzxyr' &&
pageBs != 'qyeryrlqbxsfs' &&
pageBs != 'qyeryrlqbxsBJ' &&
pageBs != 'queryMyyhz' &&
pageBs != 'queryfzxyr' &&
pageBs != 'sfgl'
"
>删除</span
>
<span
@click="dele(scope)"
class="dele"
v-if="pageBs == 'queryMyyhz' && yqyhz.yhJb == '0001'"
>删除</span
>
<span
@click="audit(scope)"
class="dele"
v-if="pageBs == 'queryRlqbxsSH'"
>审核</span
>
<span
@click="send(scope)"
class="edit"
v-if="pageBs == 'queryRlqbxs'"
>发送消息</span
>
<span
@click="sendMessageTo(scope)"
class="edit"
v-if="pageBs == 'qyeryrlqbxsfs'"
>发送消息</span
>
<!-- <span
@click="$emit('qxfp', scope)"
class="dele"
v-if="pageBs == 'sqqxgl'"
>权限分配</span
>-->
<span
@click="guoDetail(scope, 'guo')"
class="dele"
v-if="pageBszfc == 'yhkxsGl'"
><img src="../assets/img/guo.png"
/></span>
<span
@click="guoDetail(scope, 'sheng')"
v-if="pageBszfc == 'yhkxsGl'"
><img src="../assets/img/sheng.png"
/></span>
<span
@click="examine(scope)"
class="edit"
style="margin-right: 16px"
v-if="pageBs == 'rySp' || pageBs == 'xywspdzczl'"
>审批</span
>
<span
@click="examine(scope)"
class="edit"
style="margin-right: 16px"
v-if="
(pageBs == 'wsqfbdzczl' || pageBs == 'wfqdzczl') &&
(scope.row.spsftg == '未通过' || scope.row.spsftg == '草稿')
"
>提请审批</span
>
<span
v-if="pageBs == 'rwbdjs' && scope.row.rwztdm == '01'"
@click="signFor(scope)"
class="edit"
style="margin-right: 16px"
>签收</span
>
<span
v-if="pageBs == 'rwbdjs'"
@click="addFeedBack(scope)"
class="edit"
style="margin-right: 16px"
>新增反馈信息</span
>
<span
v-if="pageBs == 'gzrygl'"
@click="newlyLK(scope)"
class="edit"
style="margin-right: 16px"
>列控信息</span
>
<span
v-if="pageBs == 'gzrygl'"
@click="revokeLK(scope)"
class="edit"
style="margin-right: 16px"
>撤控信息</span
>
<span
v-if="pageBs == 'gzzkyxs'"
@click="newlyLKG(scope)"
class="edit"
style="margin-right: 16px"
>列控信息</span
>
<span
v-if="pageBs == 'gzzkyxs'"
@click="revokeLKG(scope)"
class="edit"
style="margin-right: 16px"
>撤控信息</span
>
<el-dropdown trigger="click" v-if="pageBs == 'gzrygl'">
<el-button type="primary" size="mini">
采集相关信息<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addCase')"
>案件</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addSwtz')"
>生物特征</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addQtsf')"
>人员其他身份</el-dropdown-item
>
<el-dropdown-item
@click.native="toXxdkInsert(scope, 'addWffzjl')"
>违法犯罪</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addGxr')"
>关系人</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addYdtx')"
>移动通讯</el-dropdown-item
>
<el-dropdown-item
@click.native="toXxdkInsert(scope, 'addFwbsh')"
>标识号</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addJdc')"
>机动车</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addFcxx')"
>房产</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addRygd')"
>活动轨迹</el-dropdown-item
>
<el-dropdown-item
@click.native="toXxdkInsert(scope, 'addBshgj')"
>标识号轨迹</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addRyhd')"
>话单</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addRyzp')"
>照片</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addRysc')"
>收藏</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addRyyp')"
>研判</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addThjl')"
>通话记录</el-dropdown-item
>
<el-dropdown-item
@click.native="toXxdkInsert(scope, 'addGlbsh')"
>关联标识号</el-dropdown-item
>
<el-dropdown-item @click.native="toXxdkInsert(scope, 'addTxl')"
>通讯录</el-dropdown-item
>
<el-dropdown-item
@click.native="toXxdkInsert(scope, 'addGzzkyxs')"
>工作中可疑线索</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
<span
v-if="pageBs == 'zdxxgl'"
@click="toCY(scope)"
class="edit"
style="margin-right: 16px"
>从业人员</span
>
<span
v-if="pageBs == 'zdxxgl'"
@click="toJY(scope)"
class="edit"
style="margin-right: 16px"
>交易活动</span
>
<span
v-if="pageBs == 'zdxxgl'"
@click="toBK(scope)"
class="edit"
style="margin-right: 16px"
>被布控物品</span
>
<span
v-if="pageBs == 'zdxxgl'"
@click="toXS(scope)"
class="edit"
style="margin-right: 16px"
>阵地线索</span
>
<span
v-if="pageBs == 'sfgl'"
@click="fb(scope)"
class="edit"
style="margin-right: 16px"
>发布</span
>
<span
v-if="pageBs == 'sfgl'"
@click="xx(scope)"
class="edit"
style="margin-right: 16px"
>下线</span
>
</template>
</el-table-column>
<el-table-column
v-if="tableOperation"
:width="tableOperationWidth"
align="center"
label="操作"
>
<template slot-scope="scope">
<slot name="btnGroup" :scope="scope"></slot>
</template>
</el-table-column>
<el-table-column
v-if="pageASs == 'queryZj'"
:width="
pageBs == 'zdxxgl' || pageBs == 'gzrygl'
? '460'
: '200' || pageBs == 'queryHbyp'
? '500'
: '200'
"
align="center"
label="操作"
>
<template slot-scope="scope">
<slot name="btnGroup" :scope="scope"></slot>
</template>
</el-table-column>
</el-table>
<div v-if="listMode == 2">
<el-card
class="box-card"
v-for="(cardItem, index) in tableData"
:key="index"
>
<el-image
style="width: 120px; height: 160px"
:src="cardItem.ryzp"
:preview-src-list="srcList"
>
</el-image>
<ul class="card-ul">
<li><span>姓名:</span>{{ cardItem.xm }}</li>
<li><span>曾用名:</span>{{ cardItem.cym }}</li>
<li><span>性别:</span>{{ cardItem.xbdmText }}</li>
<li><span>身份证号:</span>{{ cardItem.zjhm }}</li>
<li><span>民族:</span>{{ cardItem.mzdmText }}</li>
<li><span>籍贯:</span>{{ cardItem.jgssxdmText }}</li>
<li><span>户籍地详址:</span>{{ cardItem.xzzDzmc }}</li>
<li><span>出生地:</span>{{ cardItem.csdDzmc }}</li>
<li><span>工作地:</span>{{ cardItem.fwcs }}</li>
<li class="case-type" style="width: 80%">
<span>案件类别:</span>
<el-tag
:type="tagType[ajindex]"
effect="plain"
class="ajtags"
v-for="(ajItem, ajindex) in cardItem.ajlbCodeTxt"
:key="ajindex"
>{{
ajItem != "" && ajindex != cardItem.ajlbCodeTxt.length - 1
? ajItem + ";"
: ajItem
}}
</el-tag>
</li>
<li class="case-type" style="width: 80%">
<span>人员分类:</span>
<el-tag
:type="tagType[ajindex]"
effect="plain"
class="ajtags"
v-for="(ajItem, ajindex) in cardItem.ryflText"
:key="ajindex"
>{{
ajItem != "" && ajindex != cardItem.ajlbCodeTxt.length - 1
? ajItem + ";"
: ajItem
}}
</el-tag>
</li>
<li class="case-type" style="width: 80%">
<span>人员标签:</span>
<el-tag
:type="tagType[ajindex]"
effect="plain"
class="ajtags"
v-for="(ajItem, ajindex) in cardItem.codeTxt"
:key="ajindex"
>{{
ajItem != "" && ajindex != cardItem.codeTxt.length - 1
? ajItem + ";"
: ajItem
}}
</el-tag>
</li>
</ul>
</el-card>
</div>
<!--分页-->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
</div>
<el-dialog title="详情信息" :visible.sync="dialogTableVisible" width="70%">
<div class="bqdetail" v-for="(item, index) in bqShuju" :key="index">
<div
class="item"
v-for="subitem in detailObj"
:key="subitem.prop"
:class="subitem.col == 3 ? 'col3' : 'col1'"
>
<div v-if="subitem.prop == 'ryxxList'" style="display: flex">
<div class="title">{{ subitem.title }}:</div>
<span
v-for="sunItem in item[subitem.prop]"
:key="sunItem.zhfzxyrCyzjZjhm"
>
<span>{{ sunItem.zhfzxyrXm }}；</span>
</span>
</div>
<div v-else style="display: flex">
<div v-if="subitem.title" class="title">{{ subitem.title }}:</div>
<div>{{ item[subitem.prop] }}</div>
</div>
</div>
</div>
<div
v-if="bqShuju.length == 0"
style="
height: 150px;
text-align: center;
line-height: 150px;
font-size: 27px;
"
>
暂无数据
</div>
</el-dialog>
<el-dialog
title="详情信息"
:visible.sync="dialogTableVisibleEdit"
width="35%"
>
<div style="padding: 15px; display: flex">
<div style="padding: 15px; padding-right: 30px">人员标签</div>
<el-checkbox-group v-model="zdyCodeEdit" size="small">
<el-checkbox
style="width: 150px"
v-for="item in allZdyCode"
:label="item.value"
:key="item.value"
:disabled="item.disabled"
>{{ item.name }}</el-checkbox
>
</el-checkbox-group>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogTableVisibleEdit = false">取 消</el-button>
<el-button type="primary" @click="EditCode">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import SelectTree from "@c/tree_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import LazySelectTreeDialog from "@c/lazy_treeCode_components.vue";
import Http from "@/utils/http.js";
import axios from "axios";
import url from "@/api/base";
import qs from "qs";
import utils from "@/utils/util.js";
import {
updateUserRybz,
insertUserRybz,
getDrbqDetail,
getDrDetail,
getZtDetail,
getXdryDetail,
updateZdyCode,
} from "@/api/zdry/zdryGl.js";
import { postform } from "@/utils/http.js";
export default {
name: "ptCxForm",
components: {
SelectTree,
SelectTreeDialog,
LazySelectTreeDialog,
},
props: {
tableOperation: {
type: Boolean,
default: () => false,
},
tableOperationWidth: {
type: Number,
default: () => 100,
},
pageASs: String,
pageBs: String,
pageBt: String,
loadingZxzjlList: Boolean,
cxQueryField: {
type: Array,
default: () => [],
},
cxDefaultFormThead: {
type: Array,
default: () => [],
},
cxListForm: {
type: Array,
default: () => [],
},
cxFormData: Object,
transformFormTable: Object,
cxUrl: String,
header: String,
pageFlag: String,
tableDataLengthList: Number,
listOperation: {
type: Array,
default: () => [],
}, //信息列表操作按钮
tableData1: {
type: Array,
default: () => [],
},
},
data() {
return {
yqyhz: {},
toggleZd: false,
srcList: [],
tagType: ["danger", "success", "warning", "info", ""],
tPage: null,
checkResult: true,
asjbh: "",
spType: "",
pageBszfc: this.pageBs,
tableLoading: true, //loading
currentPage1: 1, //表格页码
page_size: 10, //每页显示多少条
pageShow: true, //是否显示分页
formData: this.cxFormData, //查询条件form
propQueryField: this.cxQueryField, //查询条件
key: 1, //table得key
tableDataLength: this.tableDataLengthList, //表格总数
talbeBhgCount: "", // 不合格
talbehgCount: "", // 合格
tableData:utils.deepClone(this.cxListForm.slice(0,10)), //表格数据
propdefaultFormThead: this.cxDefaultFormThead, //表格表头
excelHeader: this.header,
cz: this.pageFlag,
listMode: 1, //重点人员展示切换
dialogTableVisible: false, //重点人员标签弹框展示
bqShuju: [], //重点人员标签数据
detailObj: [
{
prop: "asjbh",
title: "案事件编号",
col: 3,
},
{
prop: "ajmc",
title: "案件名称",
col: 3,
},
{
prop: "asjfsddDzmc",
title: "发案地区",
col: 3,
},
{
prop: "asjfssjAsjfskssj_str",
prop1: "asjfssjAsjfskssj_str",
title: "案发时间",
col: 3,
},
{
prop: "ladwGajgjgdm",
title: "立案单位",
col: 3,
},
{
prop: "zuzdwGajgmc",
title: "主办单位",
col: 3,
},
{
prop: "zuzdwZbrXm",
title: "主办侦查员",
col: 3,
},
{
col: 3,
},
{
col: 3,
},
{
prop: "ajzlb",
title: "案件标注",
col: 1,
},
{
prop: "ryxxList",
title: "人员档案",
col: 1,
},
{
prop: "jyaq",
title: "简要案情",
col: 1,
},
],
zdyCodeEdit: [], //自定义字典编辑
dialogTableVisibleEdit: false, //自定义字典弹框
allZdyCode: [],
zjhm: "",
imageUrl: "",
imgRaw: {},
//选中当前行
selectData: [],
};
},
methods: {
getSplit(dt) {
return dt.split(",");
},
rowExpand(row, expandedRows) {
this.$emit("rowExpand", row);
},
switchingConditions() {
debugger;
this.toggleZd = !this.toggleZd;
this.propQueryField.forEach((val) => {
if (val.hasOwnProperty("hidden")) {
this.$set(val, "hidden", !this.toggleZd); /*修改对象得值并触发视图*/
console.log(val, "/*修改对象得值并触发视图*/");
}
});
},
bjBack(ajbh, type, bzzt) {
var obj = {
ajbh,
type,
bzzt,
};
this.$emit("bjBack", obj);
},
select(selection, row) {
if (this.pageBs == "qyeryrlqbxsBJ") {
// 清除所有选中
this.$refs.itsmDataTable.clearSelection();
if (selection.length === 0) return;
// 将当前点击项选中
this.$refs.itsmDataTable.toggleRowSelection(row, true);
}
},
handleChange(file) {
this.imageUrl = URL.createObjectURL(file.raw);
this.imgRaw = file.raw;
},
handleSelectionChange(row) {
this.selectData = row;
this.$emit("selectionChange", row);
},
onSelectAll() {
if (this.pageBs == "qyeryrlqbxsBJ") {
this.$refs.itsmDataTable.clearSelection();
}
},
rowClick(row) {
if (this.pageBs == "qyeryrlqbxsBJ") {
var selectData = this.selectData;
this.$refs.itsmDataTable.clearSelection();
if (selectData.length === 1) {
selectData.forEach((item) => {
if (item === row) {
this.$refs.itsmDataTable.toggleRowSelection(row, false);
} else {
this.$refs.itsmDataTable.toggleRowSelection(row, true);
}
});
} else {
this.$refs.itsmDataTable.toggleRowSelection(row, true);
}
}
},
EditCode() {
var self = this;
if (this.zdyCodeEdit.length > 0) {
var str = "";
var str2 = "";
this.zdyCodeEdit.forEach((subitem) => {
str = str ? `${str}#${subitem}` : `#${subitem}`;
let index = self.allZdyCode.findIndex(
(item) => item.value == subitem
);
str2 = str2
? `${str2}#${self.allZdyCode[index].name}`
: `#${self.allZdyCode[index].name}`;
});
updateZdyCode({
zjhm: this.zjhm,
zdyCode: str,
zdyCodeTxt: str2,
}).then((res) => {
self.$message.success("修改成功");
self.doQuery("yes");
self.dialogTableVisibleEdit = false;
});
} else {
self.$message.error("请选择");
}
},
toXxdkInsert(scope, route) {
this.$router.push({
path: `/${route}`,
query: {
glxxXxzjbh: scope.row.xzgzrybh,
},
});
console.log(scope.row.xzgzrybh, route);
},
handleSwitch(value, item) {
this.$emit("handleSwitch", { value, id: item.id });
},
audit(scope) {
this.$emit("audit", scope.row);
},
send(scope) {
this.$emit("send", scope.row);
},
sendMessageTo(scope) {
this.$emit("sendMessageTo", scope.row);
},
bqDetail(item, zjhm) {
this.bqShuju = [];
if (item == "团伙作案" || item == "结伙作案") {
getDrbqDetail({
zjhm,
})
.then((res) => {
this.dialogTableVisible = true;
this.bqShuju = res.data.rows;
})
.catch((err) => {
console.log(err);
});
} else if (item == "一人多案" || item == "一人两案") {
getDrDetail({
zjhm,
})
.then((res) => {
this.dialogTableVisible = true;
this.bqShuju = res.data.rows;
})
.catch((err) => {
console.log(err);
});
} else if (item == "在逃" || item == "撤逃") {
let ryzt = item == "在逃" ? 0 : 1;
getZtDetail({
zjhm,
ryzt,
})
.then((res) => {
this.dialogTableVisible = true;
this.bqShuju = res.data.rows;
})
.catch((err) => {
console.log(err);
});
} else if (item == "涉毒") {
getXdryDetail({
zjhm,
})
.then((res) => {
this.dialogTableVisible = true;
this.bqShuju = res.data.rows;
})
.catch((err) => {
console.log(err);
});
}
},
returnBtn() {
this.$emit("returnBtn");
},
examine(scope) {
this.$emit("examine", scope);
},
signFor(scope) {
this.$emit("signFor", scope.row.xxzjbh);
},
addFeedBack(scope) {
this.$emit("addFeedBack", scope.row.xxzjbh);
},
newlyLK(scope) {
this.$emit("newlyLK", scope.row.xzgzrybh);
},
revokeLK(scope) {
this.$emit("revokeLK", scope.row.xzgzrybh);
},
newlyLKG(scope) {
this.$emit("newlyLKG", scope.row.xxzjbh);
},
revokeLKG(scope) {
this.$emit("revokeLKG", scope.row.xxzjbh);
},
guoDetail(scope, type) {
if (type == "guo") {
this.$router.pushToTab({
path: "qgAj",
query: {
xszajbh: scope.row.xszajbh,
cbxgfwbzh: scope.row.kyxsyhKh,
},
});
} else {
this.$router.pushToTab({
path: "qsAj",
query: {
xszajbh: scope.row.xszajbh,
cbxgfwbzh: scope.row.kyxsyhKh,
},
});
}
},
edit(scope) {
var self = this;
if (self.pageBs != "zdryGl" && self.pageBs != "dytj") {
self.$emit("edit", scope);
} else {
self.allZdyCode.forEach((subitem) => {
self.$set(subitem, "disabled", false);
});
self.allZdyCode = this.cxQueryField[9].selectData;
self.zdyCodeEdit = [];
self.dialogTableVisibleEdit = true;
let arr = [];
if (scope.row.zdyCode.length > 0) {
arr = scope.row.zdyCode.split("#").splice(1);
arr.forEach((subitem) => {
self.zdyCodeEdit.push(subitem);
let index = self.allZdyCode.findIndex(
(item) => item.value == subitem
);
self.$set(self.allZdyCode[index], "disabled", true);
});
}
this.zjhm = scope.row.zjhm;
}
},
gz(scope) {
if (scope.row.policeId != "") {
this.$confirm("是否取消关注人员？", "提醒", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
let obj = {
zjhm: scope.row.zjhm,
};
updateUserRybz(obj)
.then((res) => {
if (res.code == 200) {
this.$alert("取消成功!", "提示", {
confirmButtonText: "确定",
type: "success",
});
this.doQuery("yes");
} else {
// this.$message.error('关注失败')
this.$alert("取消失败!", "提示", {
confirmButtonText: "确定",
type: "error",
});
}
})
.catch((err) => {
// this.$message.error('关注失败')
this.$alert("取消失败!", "提示", {
confirmButtonText: "确定",
type: "error",
});
});
})
.catch(() => {});
} else {
this.$confirm("是否确认关注人员？", "提醒", {
confirmButtonText: "确定",
cancelButtonText: "取消",
})
.then(() => {
let obj = {
zjhm: scope.row.zjhm,
};
insertUserRybz(obj)
.then((res) => {
if (res.code == 200) {
this.$alert("关注成功!", "提示", {
confirmButtonText: "确定",
type: "success",
});
this.doQuery("yes");
} else {
// this.$message.error('关注失败')
this.$alert("关注失败!", "提示", {
confirmButtonText: "确定",
type: "error",
});
}
})
.catch((err) => {
// this.$message.error('关注失败')
this.$alert("关注失败!", "提示", {
confirmButtonText: "确定",
type: "error",
});
});
})
.catch(() => {});
}
},
dele(scope) {
this.$emit("dele", scope);
},
editRole(scope) {
this.$emit("editRole", scope);
},
editMenu(scope) {
this.$emit("editMenu", scope);
},
oneClickAnalize() {
this.$emit("oneClickAnalize");
},
add() {
this.$emit("add");
},
InviteUsers() {
this.$emit("InviteUsers", this.yqyhz);
},
DissolutionOrganization() {
this.$emit("DissolutionOrganization", this.yqyhz);
},
adds() {
this.$emit("adds");
},
toInfor(data) {
this.$emit("toInfor", data);
},
toIn(data) {
this.$emit("toIn", data);
},
toCY(data) {
this.$emit("toCY", data);
},
fb(data) {
this.$emit("fb", data);
},
xx(data) {
this.$emit("xx", data);
},
toJY(data) {
this.$emit("toJY", data);
},
toBK(data) {
console.log("bk");
this.$emit("toBK", data);
},
toXS(data) {
this.$emit("toXS", data);
},
toLasxxg(asjbh, type, type2) {
let routeData = this.$router.resolve({
path: "/malasxmodify",
query: { asjbh: asjbh, type: type, type2 },
});
window.open(routeData.href, "_blank");
},
closeLoading() {
this.tableLoading = false;
},
showLoading() {
this.tableLoading = true;
},
handleSizeChange(val) {
this.page_size = val;
this.tableData = this.cxListForm.slice(0, this.page_size);
// this.formData.rows = val;
// this.formData.limit = val;
this.doQuery("yes");
},
clearData() {
let self = this;
for (let i in self.formData) {
if (
i != "rows" &&
i != "page" &&
i != "typeFlag" &&
i != "unitcode" &&
i != "grade" &&
i != "flwssfhgpdbz" &&
i != "limit" &&
i != "dspbz" &&
i != "dwdm"
) {
self.formData[i] = "";
}
}
if (self.formData["rows"]) self.formData["rows"] = 10;
if (self.formData["page"]) self.formData["page"] = 1;
if (self.formData["limit"]) self.formData["limit"] = 10;
},
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
let arr1 = [];
filterVal.map((j) => {
if (j.indexOf(",") != -1) {
let arr = j.split(",");
let data = "";
for (let i = 0; i <= arr.length - 1; i++) {
data += arr[i].split(":")[0] + ":" + v[arr[i].split(":")[1]];
}
arr1.push(data);
} else {
arr1.push(v[j]);
}
});
arr.push(arr1);
});
return arr;
},
toQueryRequest(form, cxUrl) {
/*post方法*/
return Http({
url: url.BaseURL + cxUrl,
data: JSON.parse(form),
method: "post",
headers: {
"blade-auth": sessionStorage.getItem("token"),
},
});
},
handleCurrentChange(val) {
debugger;
this.currentPage1 = val;
if (val == 1) {
this.tableData = this.cxListForm.slice(0, this.pageSize);
return;
}
// 当前页 - 1 * 页数 = 分割开始数 比如二页 - 1 = 1*page
val = (val - 1) * this.page_size;
// 分割结束数 = 分割开始数 + this.pageSize
this.tableData = this.cxListForm.slice(val, val + this.page_size);
// this.formData.page = val;
this.doQuery("yes");
},
doQueryRequest(form, relurl) {
/*post方法*/
let currentUrl = "";
if (this.pageBs == "yjrwGl") {
currentUrl = `${url.alyIP2}${this.cxUrl}`;
} else {
currentUrl = `${url.alyIP}${this.cxUrl}`;
}
return Http({
url: currentUrl,
data: qs.stringify(form),
method: "post",
headers: {
"blade-auth": sessionStorage.getItem("token"),
},
});
},
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 == 0) {
return "";
} else {
return "success-row";
}
},
doQueryBtn(val) {
this.$emit("search", this.formData);
// if (this.pageBs == "xxtkgzxnpg") {
// this.doQuery("yes");
// } else if (this.pageBs == "bjzycx") {
// this.doQuery("yes");
// } else {
// if (val) {
// this.formData.sfhgpdbz = "";
// }
// if (this.formData.isFirst) {
// this.formData.isFirst = "";
// }
// this.formData.page = 1;
// this.doQuery("yes");
// }
},
sprops(scope) {
this.$emit("sprops", scope);
},
doQuery(flag) {
this.showLoading();
var jsonStr = [];
let self = this,
json = {};
for (let i in self.formData) {
if (i == "zdyCode" || i == "ryfl") {
var str = "";
self.formData[i].forEach((item) => {
str = str ? `${str},${item}` : `${item}`;
});
json[i] = self.formData.zdyCodeTxt
? `${str},${self.formData.zdyCodeTxt}`
: `${str}`;
} else if (i == "file" || i == "imageFile") {
json[i] = self.imgRaw;
} else if (i != "cxSj") {
json[i] = self.formData[i];
} else {
json[i] =
self.formData[i] != "" && self.formData[i] != null
? self.formData[i].join(" - ")
: "";
}
}
if (this.pageBs == "xxtkgzxnpg" || this.pageBs == "queryHbyptj") {
debugger;
this.$emit("doQueryBtn", json);
} else {
if (flag) {
if (
self.formData.hasOwnProperty("file") ||
self.formData.hasOwnProperty("imageFile")
) {
let formDatas = new FormData();
for (let i in self.formData) {
if (i == "file" || i == "imageFile") {
formDatas.append(
i,
JSON.stringify(self.imgRaw) == "{}" ? "" : self.imgRaw
);
} else {
formDatas.append(i, self.formData[i]);
}
}
postform(`${url.alyIP}${this.cxUrl}`, formDatas).then(
(response) => {
if (response.success === true) {
self.tableData = response.data.rows;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.talbeBhgCount = response.data.bhgCount;
self.talbehgCount = response.data.hgCount;
self.closeLoading();
} else {
self.closeLoading();
}
}
);
} else if (self.pageBs == "bjzycx") {
debugger;
jsonStr.push(self.formData);
let form = new FormData();
if (self.pageBt == "qgasj") {
form.append("zylx", "asj");
} else if (self.pageBt == "qgfzxyr") {
form.append("zylx", "fzxyr");
} else if (self.pageBt == "qgxzgzry") {
form.append("zylx", "asxzgzryj");
}
form.append("jsonStr", JSON.stringify(jsonStr));
postform(`${url.alyIP2}${this.cxUrl}`, form).then((response) => {
if (response.success === true) {
self.tableData = response.data.rows;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.talbeBhgCount = response.data.bhgCount;
self.talbehgCount = response.data.hgCount;
self.closeLoading();
} else {
self.closeLoading();
}
});
} else {
self.doQueryRequest(json).then((response) => {
if (response.success === true) {
let list = [];
response.data.rows.forEach((item) => {
if (item.ajlbCodeTxt) {
item.ajlbCodeTxt = item.ajlbCodeTxt.split("#").slice(1);
}
if (item.ryflText) {
item.ryflText = item.ryflText.split("#").slice(1);
}
if (item.sabqTxt) {
item.sabqTxt = item.sabqTxt
.split("#")
.toString()
.slice(1)
.trim();
}
if (item.codeTxt) {
let array = item.codeTxt.split("#").slice(1);
// array.forEach((ajitem) => {
// debugger
// let obj = {};
// if (
// ajitem == "强迫交易案" ||
// ajitem == "非法拘禁案" ||
// ajitem == "敲诈勒索案" ||
// ajitem == "故意毁坏案" ||
// ajitem == "聚众斗殴案" ||
// ajitem == "寻衅滋事案" ||
// ajitem == "开设赌场案" ||
// ajitem == "组织卖淫案" ||
// ajitem == "强迫卖淫案"
// ) {
// obj.name = ajitem;
// obj.color = "color:#FF4330";
// } else if (ajitem == "故意伤害案") {
// // colorList.push("color:#FF6448");
// obj.name = ajitem;
// obj.color = "color:#FF6448";
// } else if (
// ajitem == "聚众扰乱公共场所秩序、交通秩序案" ||
// ajitem == "聚众扰乱公共秩序" ||
// ajitem == "聚众扰乱交通秩序" ||
// ajitem == "聚众扰乱社会秩序案"
// ) {
// obj.name = ajitem;
// obj.color = "color:#FF8553";
// } else if (
// ajitem == "买卖毒品" ||
// ajitem == "运输毒品" ||
// ajitem == "制贩毒品"
// ) {
// obj.name = ajitem;
// obj.color = "color:#FFA65E";
// } else {
// obj.name = ajitem;
// obj.color = "color:#FFC769";
// }
// list.push(obj);
// });
item.codeTxt = item.codeTxt.split("#").slice(1);
}
});
self.yqyhz = response.data.yh;
self.tableData = response.data.rows;
for (let t in self.transformFormTable) {
self.tableData.map((res) => {
res[t] = self.transformFormTable[t][res[t]];
});
}
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.talbeBhgCount = response.data.bhgCount;
self.talbehgCount = response.data.hgCount;
self.closeLoading();
} else {
self.closeLoading();
}
});
}
}
}
},
},
mounted() {
let self = this;
console.log(self.cxListForm);
/*获取字典*/
self.propQueryField.forEach((val) => {
if (val.type == "codeTree" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
axios
.get(`JsonData/${val.codeTree}.json`)
.then((res) => {
self.$set(val, "codeOptions", res.data.rows);
})
.catch((err) => {
console.log(err);
});
}
}
if (val.hidden) {
self.toggleZd = false;
} else {
self.toggleZd = true;
}
});
if (self.pageBs != "dytj") {
self.doQuery("yes");
}
},
computed: {},
watch: {
"cxFormData.asjbzzt"(val, old) {
if (val != old) {
this.doQuery("yes");
}
},
cxListForm: {
deep: true,
handler: function (val) {
console.log(val, 90909090);
// this.tableData = val;
this.tableData=val.slice(0,10)
},
},
tableDataLengthList: {
deep: true,
handler: function (val) {
console.log(val, 90909090);
this.tableDataLength = val;
},
},
},
};
</script>
<style>
@import url("../assets/iconfont/iconfont.css");
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
height: 100px;
}
.flTtitle .el-radio-button:first-child .el-radio-button__inner {
width: 46px;
font-size: 14px;
border-radius: 20px 0 0 20px;
box-shadow: none !important;
padding: 4px 15px;
}
.flTtitle .el-radio-button:last-child .el-radio-button__inner {
width: 46px;
font-size: 14px;
border-radius: 0 20px 20px 0;
box-shadow: none !important;
padding: 4px 15px;
}
.el-dialog {
max-height: 500px;
overflow: auto;
}
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.el-table th,
.el-table tr {
height: 44px !important;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 32px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
/* .success-row {
background-color: #fbf9f4 !important;
} */
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
.el-icon-date:before {
content: "\e71f" !important;
}
</style>
<style scoped lang="scss">
@import "../assets/styles/rightContent.scss";
.el-dropdown-menu {
height: 324px;
overflow-y: auto;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
.returnBtn {
margin-left: 15px !important;
}
</style>
src/router/index.js
/*
* @Author: your name
* @Date: 2021-08-31 14:40:49
* @LastEditTime: 2021-10-27 14:29:12
* @LastEditTime: 2021-11-22 17:04:36
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\router\index.js
......@@ -10,6 +10,7 @@ import Vue from "vue";
import VueRouter from "vue-router";
import indexRoutes from "./modules/index";
import zdxxRoutes from "./modules/zdxx";
import sfRoutes from "./modules/sf";
import xxtkRoutes from "./modules/xxtk";
import kyxsRoutes from "./modules/kyxs";
import bbkwtxxRoutes from "./modules/bbkwtxx";
......@@ -55,6 +56,7 @@ Vue.use(VueRouter);
const mainRouters = [
...indexRoutes,
zdxxRoutes,
sfRoutes,
xxtkRoutes,
kyxsRoutes,
bbkwtxxRoutes,
......
src/router/modules/sf.js 0 → 100644
/*
* @Author: your name
* @Date: 2021-11-22 16:47:01
* @LastEditTime: 2021-11-22 17:24:20
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \刑侦二期(1)\founder_vue\src\router\modules\sf.js
*/
import menuLayout from "@/layout/menuLayout.vue";
const menuLayouts = [
{
path: "/sfgl",
name: "sfgl",
meta: {
title: '算法管理'
},
component: () => import("@/views/sf/sfgl.vue")
},
{
path: "/sfmn",
name: "sfmn",
meta: {
title: '算法管理'
},
component: () => import("@/views/sf/sfmn.vue")
},
]
export default {
path: "/right",
component: menuLayout,
children: [...menuLayouts]
};
// export default menuLayouts;
\ No newline at end of file
src/views/sf/sfgl.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-11-22 16:46:06
* @LastEditTime: 2021-11-23 15:00:33
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \刑侦二期(1)\founder_vue\src\views\sf\sfgl.vue
-->
<template>
<div>
<right-content
:pageBs="pageBs"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxListForm="cxListForm"
:tableDataLengthList="tableDataLength"
@add="add"
@fb="fb"
@xx="xx"
@search="search"
></right-content>
<el-dialog title="新增" :visible.sync="dialogFormVisible" @close="close">
<el-form :model="sfForm" :rules="rules" ref="ruleForm" style="margin-top:25px">
<el-form-item
label="算法名称"
:label-width="formLabelWidth"
prop="sfmc"
>
<el-input v-model="sfForm.sfmc" autocomplete="off"></el-input>
</el-form-item>
<el-form-item
label="算法路径"
:label-width="formLabelWidth"
prop="sflj"
>
<el-input v-model="sfForm.sflj" autocomplete="off"></el-input>
</el-form-item>
<el-form-item
label="算法参数"
:label-width="formLabelWidth"
prop="sfcs"
>
<el-input
type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="sfForm.sfcs"
>
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="handleSure('ruleForm')"
>确 定</el-button
>
</div>
</el-dialog>
</div>
</template>
<script>
import rightContent from "@c/SfptCxForm_components.vue";
import utils from "@/utils/util.js";
export default {
name: "sfgl",
components: {
rightContent,
},
data() {
return {
rules: {
sfmc: [{ required: true, message: "请输入算法 名称", trigger: "blur" }],
sflj: [{ required: true, message: "请输入算法 名称", trigger: "blur" }],
sfcs: [{ required: true, message: "请输入算法 名称", trigger: "blur" }],
},
formLabelWidth: "120px",
tableDataLength: 0,
dialogFormVisible: false,
sfForm: {
sfmc: "",
sflj: "",
sfcs: "",
},
cxListForm: [
// {
// sfmc: "66",
// sflj: "77",
// sfcs: "88",
// sffb: "是",
// },
],
pageBs: "sfgl",
header: "算法信息管理",
cxFormData: {
sfmc: "",
sflj: "",
sfcs: "",
rows: 10,
page: 1,
},
cxQueryField: [
/*立案信息 侦查终结信息 立案信息审批 侦查终结审批通用开始*/
{
name: "算法名称",
id: "sfmc",
type: "text",
value: "",
placeholder: "",
col: "3",
},
{
name: "算法路径",
id: "sflj",
type: "text",
value: "",
placeholder: "",
col: "3",
},
],
leftMenus: [
//左侧导航(模块第一个页面需要)
{
id: "sfgl",
label: "算法管理",
newAuth: "M01",
index: "sfgl",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "sfmn",
label: "算法模拟",
index: "sfmn",
auth: "M0102",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
Menu: [
{
id: "sfgl",
label: "算法管理",
index: "sfgl",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
// {
// id: "sfmn",
// label: "算法模拟",
// index: "sfmn",
// auth: "M0102",
// className: "iconfont icongongnengfuwu",
// hasChildren: false,
// },
],
cxDefaultFormThead: [
{
label: "算法名称",
prop: "sfmc",
toInfor: true,
width: "200",
},
{
label: "算法路径",
prop: "sflj",
width: "200",
},
{
/*table默认得表头*/
label: "算法参数",
prop: "sfcs",
width: "200",
},
{
/*table默认得表头*/
label: "是否发布",
prop: "sffb",
width: "200",
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
this.$store.commit("user/SET_Header", this.header);
// this.cxListForm = JSON.parse(sessionStorage.getItem("cxListForm"));
},
mounted() {
if (JSON.parse(sessionStorage.getItem("cxListForm"))) {
this.cxListForm = JSON.parse(sessionStorage.getItem("cxListForm"));
this.tableDataLength = this.cxListForm.length;
console.log(this.tableDataLength);
}
},
methods: {
/**
* @description: 弹框关闭
* @param {*}
* @return {*}
*/
close() {
this.sfForm = {};
},
/**
* @description: 新增
* @param {*}
* @return {*}
*/
add() {
console.log("111");
this.dialogFormVisible = true;
},
/**
* @description: 发布
* @param {*} msg 一行的信息
* @return {*}
*/
fb(msg) {
let self = this;
console.log(msg);
this.cxListForm.forEach((item) => {
if (
msg.row.sflj == item.sflj &&
msg.row.sfmc == item.sfmc &&
msg.row.sfcs == item.sfcs
) {
self.$set(item, "sffb", "是");
}
});
sessionStorage.setItem("cxListForm", JSON.stringify(self.cxListForm));
},
/**
* @description: 下线
* @param {*} msg 一行的信息
* @return {*}
*/
xx(msg) {
console.log(msg);
let self = this;
console.log(msg);
this.cxListForm.forEach((item) => {
if (
msg.row.sflj == item.sflj &&
msg.row.sfmc == item.sfmc &&
msg.row.sfcs == item.sfcs
) {
self.$set(item, "sffb", "否");
}
});
sessionStorage.setItem("cxListForm", JSON.stringify(self.cxListForm));
},
/**
* @description: 新增确定
* @param {*} formName
* @return {*}
*/
handleSure(formName) {
let self = this;
self.$refs[formName].validate((valid) => {
if (valid) {
self.cxListForm.push({
sfmc: self.sfForm.sfmc,
sflj: self.sfForm.sflj,
sfcs: self.sfForm.sfcs,
sffb: "否",
res: {
success: true,
code: 200,
message: "成功",
data: {
mrRwSize: Math.round(Math.random()*100),
mpRwList: [],
},
},
});
this.tableDataLength = this.cxListForm.length;
console.log(self.cxListForm);
sessionStorage.setItem("cxListForm", JSON.stringify(self.cxListForm));
self.dialogFormVisible = false;
} else {
console.log("error submit!!");
return false;
}
});
},
/**
* @description: 搜索
* @param {*} msg 信息
* @return {*}
*/
search(msg) {
// debugger
let arr = JSON.parse(sessionStorage.getItem("cxListForm"));
if (msg.sfmc || msg.sflj) {
let newarr = [];
console.log("222", msg);
for (var key in arr) {
if (msg.sfmc == arr[key].sfmc || msg.sflj == arr[key].sflj) {
newarr.push(arr[key]);
}
}
this.cxListForm = newarr;
} else {
debugger;
this.cxListForm = JSON.parse(sessionStorage.getItem("cxListForm"));
}
},
},
};
</script>
<style>
</style>
src/views/sf/sfmn.vue 0 → 100644
<!--
* @Author: your name
* @Date: 2021-11-22 17:23:43
* @LastEditTime: 2021-11-23 14:33:50
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \刑侦二期(1)\founder_vue\src\views\sf\ssfmn.vue
-->
<template>
<div>
<div class="boxsf" v-for="(item, idx) in list" :key="idx">
<div class="rybq">
<span> {{ item.sfmc }}</span>
<!-- <span> Server-Naotu</span> -->
<span style="margin-left: 10px; color: rgb(75, 72, 72)">
{{ item.sflj }}</span
>
</div>
<div>
<el-input
v-model="item.sfcs"
placeholder="请输入内容"
style="width: 50%"
></el-input>
<el-button size="medium" type="success" style="margin-left: 25px"
>发送参数</el-button
>
<el-input
v-model="input"
placeholder="请输入内容"
style="width: 10%; margin-left: 15px"
:disabled="true"
></el-input>
<el-button
size="medium"
type="success"
style="margin-left: 15px"
@click="information(item)"
>详细信息</el-button
>
</div>
</div>
<el-dialog
title="提示"
:visible.sync="centerDialogVisible"
width="30%"
center
>
<el-card class="box-card" style="margin: 10px 0 10px 0">
<div>
{{ row.res ? row.res : "空" }}
</div>
</el-card>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false"
>确 定</el-button
>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
inputcs: "",
input: "正常",
list: [],
centerDialogVisible: false,
row: "",
Menu: [
// {
// id: "sfgl",
// label: "算法管理",
// index: "sfgl",
// auth: "M0101",
// className: "iconfont iconrizhi",
// disabled: false,
// },
{
id: "sfmn",
label: "算法模拟",
index: "sfmn",
auth: "M0102",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
// this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// this.$store.commit("user/SET_Header", this.header);
// this.cxListForm = JSON.parse(sessionStorage.getItem("cxListForm"));
},
mounted() {
let self = this;
let array = JSON.parse(sessionStorage.getItem("cxListForm"));
array.forEach((item) => {
if (item.sffb == "是") {
self.list.push(item);
}
});
},
methods: {
/**
* @description: 详细信息
* @param {*}
* @return {*}
*/
information(msg) {
this.centerDialogVisible = true;
this.row = msg;
},
},
};
</script>
<style lang="scss" scoped>
.boxsf {
margin: 5px;
padding: 10px;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: none;
opacity: 1;
border-radius: 4px;
.rybq {
font-size: 18px;
}
}
</style>>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment