Commit 47c507b5 by 李姝悦

Merge branch 'dev_zwpt' of http://39.99.224.27:9022/changchao/founder_vue into dev

parents 1259ed8e c79f4827
......@@ -375,7 +375,7 @@
<el-tooltip
class="item"
effect="dark"
content="删除"
content="取消关注"
placement="top"
:open-delay="500"
>
......
......@@ -6,6 +6,7 @@
ref="queryForm"
:inline="true"
class="queryForm"
label-width="100px"
>
<div class="headLeft">
<el-form-item label="查询单位:">
......
/*
* @Author: your name
* @Date: 2022-01-14 17:54:48
* @LastEditTime: 2022-01-14 18:40:52
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \founder_vue\src\views\tjbb\tjbb.js
*/
const cjxxmb = [
{
label: "采集时间:",
type: "date",
fomat: "yyyy-MM",
id: "sj",
placeholder: "选择日期",
},
{
label: "采集单位:",
type: "cascader",
id: "unitcode",
placeholder: "选择日期",
},
{
label: "采集方式:",
type: "select",
selectList: [
{
name: "捺印指纹",
value: "1",
},
{
name: "现场指纹",
value: "2",
},
],
id: "code",
}
]
const ajxxmb = [
{
label: "提取时间:",
type: "dateValue",
fomat: "yyyy-MM",
id: "tqsj",
placeholder: "选择日期",
},
{
label: "入库时间:",
type: "dateValue",
fomat: "yyyy-MM",
id: "rksj",
placeholder: "选择日期",
},
{
label: "采集单位:",
type: "cascader",
id: "unitcode",
placeholder: "选择日期",
},
{
label: "采集方式:",
type: "input",
id: "cjfs",
placeholder: "请输入采集方式",
},
{
label: "案事件编号:",
type: "input",
id: "asjbh",
placeholder: "请输入案事件编号",
},
{
label: "勘验编号:",
type: "input",
id: "kybh",
placeholder: "请输入勘验编号",
},
]
const dsbzmb = [
{
label: "起止时间:",
type: "dateValue",
fomat: "yyyy-MM",
id: "qzsj",
},
{
label: "查询类型:",
type: "select",
col: '10',
selectList: [
{
name: "捺印指纹",
value: "1",
},
{
name: "现场指纹",
value: "2",
},
],
id: "cxlx",
},
{
label: "源条码号:",
type: "input",
id: "ytmh",
placeholder: "请输入源条码号",
},
{
label: "目标条码号:",
type: "input",
id: "mbtmh",
placeholder: "请输入目标条码号",
},
{
label: "认定单位:",
type: "cascader",
id: "rddw",
},
]
export {
cjxxmb,
ajxxmb,
dsbzmb
}
\ No newline at end of file
<template>
<div class="tjbb">
<div class="searchHeader">
<span>查询模版:</span>
<el-select
v-model="tpl"
placeholder="请选择模板"
size="small"
@change="onChange"
>
<el-option
v-for="dict in codeOptions"
:key="dict.value"
:label="dict.name"
:value="dict.value"
/>
</el-select>
</div>
<div class="head">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="100px"
label-width="120px"
>
<el-form-item label="查询模板:">
<el-form-item
:label="item.label"
v-for="item in formTemplate"
:key="item.id"
:class="['col' + item.col]"
>
<el-date-picker
v-if="item.type == 'date'"
:format="item.fomat"
:value-format="item.fomat"
v-model="queryParams[item.id]"
type="date"
:placeholder="item.placeholder"
>
</el-date-picker>
<el-date-picker
v-else-if="item.type == 'dateValue'"
:format="item.fomat"
:value-format="item.fomat"
v-model="queryParams[item.id]"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
type="daterange"
>
</el-date-picker>
<Cascader
:form="queryParams"
:id="item.id"
width="18.125"
v-else-if="item.type == 'cascader'"
></Cascader>
<el-input
v-model="queryParams[item.id]"
:placeholder="item.placeholder"
v-else-if="item.type == 'input'"
></el-input>
<el-select
v-model="queryParams.code"
placeholder="请选择模板"
v-else-if="item.type == 'select'"
v-model="queryParams[item.id]"
:placeholder="item.placeholder"
clearable
size="small"
>
<el-option
v-for="dict in codeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
v-for="dict in item.selectList"
:key="dict.value"
:label="dict.name"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="采集时间:">
<el-date-picker
format="yyyy-MM"
value-format="yyyy-MM"
v-model="queryParams.sj"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="采集单位:" prop="orgLevel">
<Cascader :form="queryParams" id="unitcode" width="11.25"></Cascader>
</el-form-item>
<el-form-item label="采集方式:" class="widthAuto">
<el-checkbox-group v-model="queryParams.type" size="small">
<el-checkbox label="1" border>捺印指掌纹</el-checkbox>
<el-checkbox label="2" border>现场指掌纹</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item class="widthAuto">
<el-checkbox v-model="checked">上报全国指掌纹</el-checkbox>
</el-form-item>
<el-form-item class="right widthAuto">
<el-button type="primary" size="mini" @click="clearData"
>清空</el-button
>
<el-button type="primary" size="mini" @click="handleQuery"
>查询</el-button
>
</el-form-item>
</el-form>
<el-button type="primary" size="mini" @click="handleQuery"
>查询</el-button
>
</div>
<div class="btns">
<div></div>
<div class="label">
<span>采集信息统计模版</span>
</div>
<div class="btnBox">
<div>可视化切换</div>
<div>导出excel</div>
<div>打印</div>
<div>导出</div>
</div>
</div>
<div class="content">
......@@ -77,6 +106,7 @@
</template>
<script>
import Cascader from "@/components/Cascader.vue";
import { cjxxmb, ajxxmb, dsbzmb } from "./tjbb";
export default {
name: "WarnModel",
components: {
......@@ -92,17 +122,36 @@ export default {
checked: false,
codeOptions: [
{
dictValue: 1,
dictLabel: 1,
dictValue: 1,
name: "采集信息统计模版",
value: "1",
},
{
name: "案件信息统计模版",
value: "2",
},
{
name: "地市比中明细复核统计模版",
value: "3",
},
],
//筛选条件模板
formTemplate: cjxxmb,
tpl: "1",
fr_cpt_url:
" http://192.168.128.119:8075/webroot/decision/view/report?viewlet=test.cpt&op=h5&status=1&unitcode=%27540000000000%27&sj=%272022-01%27#/report",
};
},
methods: {
clearData() {},
onChange(val) {
if (val == 1) {
this.formTemplate = cjxxmb;
} else if (val == 2) {
this.formTemplate = ajxxmb;
} else if (val == 3) {
this.formTemplate = dsbzmb;
}
console.log(val);
},
handleQuery() {
console.log(this.params, this.checked);
},
......@@ -129,6 +178,27 @@ export default {
};
</script>
<style lang="scss" scoped>
@mixin labelStyle {
font-size: 16px;
font-family: HarmonyOS_Sans_SC_Medium;
color: #333333;
padding-left: 10px;
position: relative;
margin-left: 10px;
&::before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 16px;
background: #055fe7;
border-radius: 2px;
}
}
.tjbb {
width: 100%;
height: 100%;
......@@ -139,6 +209,20 @@ export default {
border-radius: 10px;
padding: 24px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
.el-form {
width: 1300px;
}
.el-button {
width: 72px;
height: 32px;
background: #055fe7;
border-radius: 4px;
border: none;
align-self: flex-end;
}
}
.content {
width: 100%;
......@@ -146,7 +230,7 @@ export default {
}
}
.widthAuto /deep/ .el-form-item__content {
width: auto;
width: auto !important;
}
.right {
float: right;
......@@ -162,15 +246,6 @@ export default {
height: 32px;
width: 72px;
border: none;
&:first-of-type {
width: auto;
cursor: pointer;
margin-right: 10px;
background-color: transparent;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #055fe7;
}
}
}
.btns {
......@@ -178,18 +253,32 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
.label {
@include labelStyle();
}
.btnBox {
display: flex;
justify-content: flex-start;
align-items: center;
> div {
cursor: pointer;
margin-left: 15px;
&:first-of-type {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #055fe7;
}
&:nth-of-type(2) {
width: 72px;
height: 32px;
border: 1px solid #aeb5c2;
border-radius: 4px;
color: #2e3846;
font-family: HarmonyOS_Sans_SC;
font-size: 14px;
text-align: center;
line-height: 32px;
margin: 0 20px;
}
&:last-of-type {
border: 1px solid #055fe7;
border-radius: 4px;
......@@ -204,30 +293,99 @@ export default {
}
}
}
.searchHeader {
margin-bottom: 20px;
.el-select {
width: 290px !important;
/deep/ .el-input__inner {
&::-webkit-input-placeholder {
color: #055fe7;
}
border: 1px solid #055fe7;
color: #055fe7;
}
/deep/ .el-select__caret {
color: #055fe7;
}
}
> span {
@include labelStyle();
}
}
/deep/ {
.col10 {
margin-right: 290px !important;
}
.el-form-item {
height: 32px;
margin: 5px 0;
}
.el-form-item__label {
color: #333333;
height: 32px;
line-height: 32px;
}
.el-input__icon {
line-height: 32px;
}
.el-form-item__content {
width: 180px;
> .el-input {
width: 100%;
width: 290px !important;
height: 32px;
line-height: 32px;
align-items: center;
.el-select {
width: 100% !important;
.el-input__inner {
height: 32px;
}
.el-input__suffix {
line-height: 32px;
}
}
.el-input {
width: 100% !important;
.el-input__inner {
height: 32px;
}
}
.el-tooltip {
height: 32px;
}
.el-cascader {
height: 40px;
height: 32px;
line-height: 32px;
.el-input {
height: 32px;
}
.el-input__inner {
height: 32px;
}
}
.el-range__close-icon {
height: 32px;
}
.el-range-editor {
.el-range-input {
width: calc(44% - 25px);
}
}
.el-date-editor {
height: 40px;
height: 32px;
width: 100% !important;
.el-range-separator {
width: 30px;
}
.el-range-input {
height: 32px;
}
.el-input__inner {
box-sizing: border-box;
height: 32px;
padding-right: 60px;
}
.el-input__prefix {
left: 150px;
left: unset;
right: 10px;
}
.el-input__suffix {
right: 30px;
......
<template>
<div class='zljc'>
<div class='head'>
<div class="zljc">
<div class="head">
<div class="left">
<el-form
:inline="true"
:model="formInline"
class="demo-form-inline"
>
<el-form-item
class='w256'
label="人员编号:"
>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item class="w256" label="人员编号:">
<el-input
v-model.trim="formInline.barcode"
placeholder="请输入人员编号"
......@@ -20,48 +13,27 @@
clearable
></el-input>
</el-form-item>
<el-form-item
class='w156'
label="检查结果选择:"
>
<el-form-item class="w156" label="检查结果选择:">
<el-select
v-model="formInline.inspectionFlag"
placeholder="请选择检查结果"
clearable
@keyup.enter.native="search"
>
<el-option
label="待检查"
value="0"
></el-option>
<el-option
label="已检查"
value="1"
></el-option>
<el-option
label="合格"
value="2"
></el-option>
<el-option
label="不合格"
value="3"
></el-option>
<el-option label="待检查" value="0"></el-option>
<el-option label="已检查" value="1"></el-option>
<el-option label="合格" value="2"></el-option>
<el-option label="不合格" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item
class='w156'
label="捺印单位:"
>
<el-form-item class="w156" label="捺印单位:">
<Cascader
:form="formInline"
id="codeDwCode"
width="9.75"
></Cascader>
</el-form-item>
<el-form-item
class='w256'
label="捺印日期:"
>
<el-form-item class="w256" label="捺印日期:">
<el-date-picker
type="daterange"
placeholder="请选择捺印时间"
......@@ -76,15 +48,19 @@
</div>
<div class="right">
<el-button
v-show="formInline.barcode!=''||formInline.inspectionFlag!=null||formInline.codeDwCode!=''||formInline.nysj!=null"
v-show="
formInline.barcode != '' ||
formInline.inspectionFlag != null ||
formInline.codeDwCode != '' ||
formInline.nysj != null
"
type="text"
@click="clear"
>清空</el-button>
<el-button
type="primary"
class='sx f-primary-button'
@click="onSubmit"
>筛选</el-button>
>清空</el-button
>
<el-button type="primary" class="sx f-primary-button" @click="onSubmit"
>筛选</el-button
>
</div>
</div>
<div class="line">
......@@ -93,10 +69,7 @@
<div class="split-line">
<div class="cz">
<div class="czLeft">
<div
class="btn"
@click="batch"
>批量操作</div>
<div class="btn" @click="batch">批量操作</div>
</div>
<div class="czRight">
<div
......@@ -106,15 +79,17 @@
@click="getbarcode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>复制条码</div>
>
复制条码
</div>
</div>
</div>
<div class='content'>
<div class="content">
<el-tag v-show="isShowTip">
<span v-html="'&nbsp;&nbsp;'"></span>
<i
class="iconfont icon-tanhao1"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem;"
style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
></i>
已选择
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
......@@ -125,7 +100,8 @@
marginLeft: '1.25rem',
}"
@click="toggleSelection()"
>清除</el-link>
>清除</el-link
>
</el-tag>
<el-table
......@@ -134,10 +110,11 @@
:data="tableDate"
:row-key="getRowKeys"
tooltip-effect="dark"
style="width: 100%;"
:class="{delSelection: !selectBoo}"
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
style="width: 100%"
:class="{ delSelection: !selectBoo }"
:header-cell-style="{ background: '#eef1f6', color: '#606266' }"
class="bzxxfh-table"
@row-click="rowClick"
@selection-change="handleSelectionChange"
>
<el-table-column
......@@ -167,38 +144,25 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="collectDate"
label="捺印日期"
:width="width4"
>
<el-table-column prop="collectDate" label="捺印日期" :width="width4">
</el-table-column>
<el-table-column
prop="createTime"
label="分配时间"
:width="width1"
>
<el-table-column prop="createTime" label="分配时间" :width="width1">
</el-table-column>
<el-table-column
prop="djs"
label="时限|超时"
:width="width1"
>
<el-table-column prop="djs" label="时限|超时" :width="width1">
<template slot="header">
<span class="sx">时限</span> <span class="djsLine"></span> <span class="cs">超时</span><span
class='px'
@click="px"
><i class="el-icon-d-caret"></i></span>
<span class="sx">时限</span> <span class="djsLine"></span>
<span class="cs">超时</span
><span class="px" @click="px"
><i class="el-icon-d-caret"></i
></span>
</template>
<template slot-scope="scope">
<div
class='djsType0'
v-if="scope.row.type==0"
>{{ scope.row.djs | daojishi }}</div>
<div
class='djsType1'
v-else-if="scope.row.type==1"
>{{scope.row.djs | daojishi }}</div>
<div class="djsType0" v-if="scope.row.type == 0">
{{ scope.row.djs | daojishi }}
</div>
<div class="djsType1" v-else-if="scope.row.type == 1">
{{ scope.row.djs | daojishi }}
</div>
<div v-else>
<p>---</p>
</div>
......@@ -216,36 +180,35 @@
:width="width3"
>
<template slot-scope="scope">
<div v-if="scope.row.inspectionFlag==0"> <span class="jcjgSpan djcSpan"></span>待检查</div>
<div v-if="scope.row.inspectionFlag==1"> <span class='jcjgSpan yjcSpan'></span>已检查</div>
<div v-if="scope.row.inspectionFlag==2"> <span class='jcjgSpan hgSpan'></span>合格</div>
<div v-if="scope.row.inspectionFlag==3"> <span class='jcjgSpan bhgSpan'></span>不合格</div>
<div v-if="scope.row.inspectionFlag == 0">
<span class="jcjgSpan djcSpan"></span>待检查
</div>
<div v-if="scope.row.inspectionFlag == 1">
<span class="jcjgSpan yjcSpan"></span>已检查
</div>
<div v-if="scope.row.inspectionFlag == 2">
<span class="jcjgSpan hgSpan"></span>合格
</div>
<div v-if="scope.row.inspectionFlag == 3">
<span class="jcjgSpan bhgSpan"></span>不合格
</div>
</template>
</el-table-column>
<el-table-column
prop="nydwGajgmc"
label="操作"
width="auto"
>
<el-table-column prop="nydwGajgmc" label="操作" width="auto">
<template slot-scope="scope">
<div @click.stop="closeSelected">
<div v-if="scope.row.inspectionFlag==2">
<div class='czBtn cg'>/</div>
<div v-if="scope.row.inspectionFlag == 2">
<div class="czBtn cg">/</div>
</div>
<div
v-else-if="scope.row.inspectionFlag==3"
class='czBtn bcBtn'
v-else-if="scope.row.inspectionFlag == 3"
class="czBtn bcBtn"
@click="goBuCai(scope.row)"
>
补采
</div>
<div
v-else
@click="goShenHe(scope.row)"
>
<div class='czBtn jcBtn'>
检查
</div>
<div v-else @click="goShenHe(scope.row)">
<div class="czBtn jcBtn">检查</div>
<!-- <span class="iconfont icon-shenhe1">
</span> -->
</div>
......@@ -256,9 +219,9 @@
</div>
</div>
<div class="footer">
<span class="record">&nbsp;{{ total }}&nbsp;条记录 第{{ currPage }}/{{
Tpage
}}页</span>
<span class="record"
>&nbsp;{{ total }}&nbsp;条记录 第{{ currPage }}/{{ Tpage }}页</span
>
<el-pagination
class="paging"
@size-change="handleSizeChange"
......@@ -278,39 +241,41 @@
import Cascader from "@/components/Cascader.vue";
import moment from "moment";
export default {
name: 'zljc',
name: "zljc",
components: {
Cascader,
},
data () {
data() {
return {
pickerOptions: {
shortcuts: [{
text: '最近三天',
onClick (picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 3);
picker.$emit('pick', [start, end]);
}
}],
disabledDate: a => {
shortcuts: [
{
text: "最近三天",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 3);
picker.$emit("pick", [start, end]);
},
},
],
disabledDate: (a) => {
if (a.getTime() > new Date().getTime()) {
return true;
} else {
return false;
}
}
},
},
formInline: {
barcode: '', // 条码号
barcode: "", // 条码号
inspectionFlag: null, // 检查结果选择
codeDwCode: '', // 捺印单位
nysj: null,// 捺印时间
type: 0,// 1 升序 0 降序
codeDwCode: "", // 捺印单位
nysj: null, // 捺印时间
type: 0, // 1 升序 0 降序
},
isShowTip: false,//批量操作提示
selectBoo: false,// 是否批量操作
isShowTip: false, //批量操作提示
selectBoo: false, // 是否批量操作
multipleSelection: [], // 表单选择项目
width33: 50,
width4: 120,
......@@ -326,94 +291,108 @@ export default {
// 数据总条数
total: 100,
kssj: '',// 捺印开始时间
jssj: '',// 捺印结束时间
kssj: "", // 捺印开始时间
jssj: "", // 捺印结束时间
barcode: '',// 复制条码
}
barcode: "", // 复制条码
};
},
methods: {
rowClick(row) {
if (row.inspectionFlag == 2 || row.inspectionFlag == 3) {
this.$router.push({
path: "/jcxq",
query: {
barcode: row.barcode,
id: row.personId,
rowClick: true
},
});
}
console.log(row.inspectionFlag);
},
// 获取全部人员列表请求
search () {
this.getParam()
search() {
this.getParam();
let reqParam = {
page: '', // 条码号
limit: '', // 行数
barcode: '',// 条码号
kssj: '',// 捺印开始时间
jssj: '',// 捺印结束时间
inspectionFlag: null,// 检查结果选择
codeDwCode: '', // 捺印单位
type: '', // 倒计时排序
}
reqParam.page = this.currPage
reqParam.limit = this.currentPageSize
reqParam.barcode = this.formInline.barcode
reqParam.kssj = this.kssj
reqParam.jssj = this.jssj
reqParam.inspectionFlag = this.formInline.inspectionFlag == null ? null : Number(this.formInline.inspectionFlag)
reqParam.codeDwCode = this.formInline.codeDwCode
reqParam.type = this.formInline.type
page: "", // 条码号
limit: "", // 行数
barcode: "", // 条码号
kssj: "", // 捺印开始时间
jssj: "", // 捺印结束时间
inspectionFlag: null, // 检查结果选择
codeDwCode: "", // 捺印单位
type: "", // 倒计时排序
};
reqParam.page = this.currPage;
reqParam.limit = this.currentPageSize;
reqParam.barcode = this.formInline.barcode;
reqParam.kssj = this.kssj;
reqParam.jssj = this.jssj;
reqParam.inspectionFlag =
this.formInline.inspectionFlag == null
? null
: Number(this.formInline.inspectionFlag);
reqParam.codeDwCode = this.formInline.codeDwCode;
reqParam.type = this.formInline.type;
// console.info("请求===>", reqParam);
this.$axios
.post("/api/zljc/queryAll", reqParam)
.then((response) => {
if (response.data.code === 0) {
// console.log(response.data.ret)
this.tableDate = response.data.ret.rows;
this.total = response.data.ret.total;
console.log("查询结果===>", this.tableDate);
// 给每一列生成一个时间戳
this.tableDate.forEach(el => {
// el.djs = Date.now();//模拟后端发的时间戳
this.daojishi(el);//调用定时器
})
console.log("查询结果===>", this.tableDate);
// this.userInfo = this.getUserInfo(this.tableDate);
} else {
this.$message.error(response.data.message);
}
});
this.$axios.post("/api/zljc/queryAll", reqParam).then((response) => {
if (response.data.code === 0) {
// console.log(response.data.ret)
this.tableDate = response.data.ret.rows;
this.total = response.data.ret.total;
console.log("查询结果===>", this.tableDate);
// 给每一列生成一个时间戳
this.tableDate.forEach((el) => {
// el.djs = Date.now();//模拟后端发的时间戳
this.daojishi(el); //调用定时器
});
console.log("查询结果===>", this.tableDate);
// this.userInfo = this.getUserInfo(this.tableDate);
} else {
this.$message.error(response.data.message);
}
});
},
// 时限排序
px () {
this.formInline.type == 0 ? this.formInline.type = 1 : this.formInline.type = 0
this.search()
px() {
this.formInline.type == 0
? (this.formInline.type = 1)
: (this.formInline.type = 0);
this.search();
},
// 倒计时定时器
daojishi (row) {
clearInterval(row.countDown)
daojishi(row) {
clearInterval(row.countDown);
row.countDown = setInterval(() => {
if (row.type == 1) {
row.djs = row.djs - 1000;
} else if (row.type == 0) {
row.djs = Number(row.djs) + 1000;
}
}, 1000);
},
// 清除所有定时器
clearAll (list) {
list.forEach(el => {
clearInterval(el.countDown)
})
clearAll(list) {
list.forEach((el) => {
clearInterval(el.countDown);
});
},
clear () {
clear() {
this.formInline = {
barcode: '', // 条码号
barcode: "", // 条码号
inspectionFlag: null, // 检查结果选择
codeDwCode: '', // 捺印单位
nysj: null,// 捺印时间
type: 0,// 1 升序 0 降序
}
this.search()
codeDwCode: "", // 捺印单位
nysj: null, // 捺印时间
type: 0, // 1 升序 0 降序
};
this.search();
},
onSubmit () {
console.log('submit!');
this.search()
onSubmit() {
console.log("submit!");
this.search();
},
goBuCai (val) {
goBuCai(val) {
// 不合格项,1代表人员,2代表左手,3代表右手,4代表掌纹,5代表人像
if (val.unqualified.indexOf(1) != -1) {
this.$store.commit("layout/delcachePageName", "xzry");
......@@ -422,27 +401,27 @@ export default {
query: { barcode: val.barcode },
});
} else {
this.$store.commit('layout/delcachePageName', 'htcj')
this.$store.commit("layout/delcachePageName", "htcj");
this.$router.pushToTab({
path: `/fingerprintIndex/${val.barcode}/${val.name}`,
query: {
type: 1
}
})
type: 1,
},
});
}
},
goShenHe (val) {
goShenHe(val) {
// console.log('hang', val)
//跳转时页面
this.$router.push({
path: '/jcxq',
path: "/jcxq",
query: {
barcode: val.barcode,
id: val.personId,
}
})
},
});
},
getbarcode () {
getbarcode() {
let self = this;
this.barcode = [];
if (this.multipleSelection.length === 0) {
......@@ -457,7 +436,7 @@ export default {
}
},
// 复制成功时的回调函数
onCopy (e) {
onCopy(e) {
if (this.multipleSelection.length != 0) {
this.$message({
type: "success",
......@@ -465,31 +444,25 @@ export default {
message: "已复制到剪切板",
});
}
},
// 复制失败时的回调函数
onError (e) {
onError(e) {
if (this.multipleSelection.length != 0) {
this.$message.error("抱歉,复制条码号失败!");
}
},
// 格式化参数(开始时间,结束时间)
getParam () {
getParam() {
if (this.formInline.nysj !== null) {
this.kssj = moment(
this.formInline.nysj[0]
).format("YYYY-MM-DD");
this.jssj = moment(
this.formInline.nysj[1]
).format("YYYY-MM-DD");
this.kssj = moment(this.formInline.nysj[0]).format("YYYY-MM-DD");
this.jssj = moment(this.formInline.nysj[1]).format("YYYY-MM-DD");
} else {
this.kssj = null
this.jssj = null
this.kssj = null;
this.jssj = null;
}
},
// 时间格式化
dateTimeFormat (row, colnum) {
dateTimeFormat(row, colnum) {
let prop = colnum.property;
return row[prop] ? this.$moment(row[prop]).format("YYYY-MM-DD") : "---";
},
......@@ -498,16 +471,16 @@ export default {
* @param {*} val
* @return {*}
*/
handleSelectionChange (val) {
handleSelectionChange(val) {
console.log(val);
this.multipleSelection = val;
},
// 保存选中的数据,row-key就是要指定一个key标识这一行的数据
getRowKeys (row) {
getRowKeys(row) {
return row.id;
},
// 点击单条关闭批量操作
closeSelected () {
closeSelected() {
this.selectBoo = false;
this.isShowTip = false;
this.toggleSelection();
......@@ -518,11 +491,11 @@ export default {
}
},
/**
* @description: 是否是批量操作
* @param {*}
* @return {*}
*/
batch () {
* @description: 是否是批量操作
* @param {*}
* @return {*}
*/
batch() {
this.selectBoo = !this.selectBoo;
this.isShowTip = !this.isShowTip;
this.toggleSelection();
......@@ -538,8 +511,7 @@ export default {
* @param {*}
* @return {*}
*/
toggleSelection (rows) {
toggleSelection(rows) {
if (rows) {
rows.forEach((row) => {
this.$refs.multipleTable.toggleRowSelection(row);
......@@ -554,7 +526,7 @@ export default {
* @param {*} pageSize 每页条数
* @return {*}
*/
handleSizeChange (pageSize) {
handleSizeChange(pageSize) {
// this.page = pageSize;
},
/**
......@@ -562,12 +534,12 @@ export default {
* @param {*} page 当前页
* @return {*}
*/
handleCurrentChange (page) {
handleCurrentChange(page) {
this.currPage = page;
this.search()
this.search();
},
},
created () {
created() {
let w1 = 1920;
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
......@@ -577,9 +549,9 @@ export default {
this.width4 = (this.width4 * w2) / w1;
this.width33 = (this.width33 * w2) / w1;
},
mounted () {
mounted() {
if (this.$route.query.type == "mh") {
this.formInline.inspectionFlag = '0'
this.formInline.inspectionFlag = "0";
this.search();
} else {
this.search();
......@@ -593,29 +565,29 @@ export default {
// var mistiming = storptime.getTime() - newtime.getTime() // 获取截止时间距离现在的毫秒差
if (mistiming > 0) {
var days = Math.floor(mistiming / 1000 / 60 / 60 / 24); //获取天数
var hours = Math.floor(mistiming / 1000 / 60 / 60 % 24); // 获取小时
var minutes = Math.floor(mistiming / 1000 / 60 % 60); //获取分钟数
var seconds = Math.floor(mistiming / 1000 % 60); //获取秒数
var hours = Math.floor((mistiming / 1000 / 60 / 60) % 24); // 获取小时
var minutes = Math.floor((mistiming / 1000 / 60) % 60); //获取分钟数
var seconds = Math.floor((mistiming / 1000) % 60); //获取秒数
// 判断天、时、分、秒是不是两位数,如果是直接输出,如果不是在前边加个0;
days < 10 ? days = "0" + days : days;
hours < 10 ? hours = "0" + hours : hours;
minutes < 10 ? minutes = "0" + minutes : minutes;
seconds < 10 ? seconds = "0" + seconds : seconds;
days < 10 ? (days = "0" + days) : days;
hours < 10 ? (hours = "0" + hours) : hours;
minutes < 10 ? (minutes = "0" + minutes) : minutes;
seconds < 10 ? (seconds = "0" + seconds) : seconds;
// 第一种连接方法
// var rels = days + "天" + hours + "时" + minutes + "分" + seconds + "秒";
// 第二种连接方法
var rels = `${days}${hours}${minutes}${seconds}秒`
var rels = `${days}${hours}${minutes}${seconds}秒`;
}
// 判断时间差是不是正数,就是截止时间是不是比现在的时间晚
var mis = mistiming > 0 ? rels : "已超时"
return mis
}
var mis = mistiming > 0 ? rels : "已超时";
return mis;
},
},
computed: {
roleArr () {
roleArr() {
return this.$store.state.layout.Menu;
},
/**
......@@ -623,13 +595,11 @@ export default {
* @param {*}
* @return {*}
*/
Tpage () {
return (
Math.floor(this.total / this.currentPageSize) + 1
);
Tpage() {
return Math.floor(this.total / this.currentPageSize) + 1;
},
},
}
};
</script>
<style lang="scss" scoped>
......
<template>
<div :class="[ radio1=='ryxx' ? ' jcxq p1' : 'jcxq p2' ]">
<div class='fixedBox'>
<div :class="[radio1 == 'ryxx' ? ' jcxq p1' : 'jcxq p2']">
<div class="fixedBox">
<div class="head">
<div class="headLeft">
<el-radio-group v-model="radio1">
<el-radio-button label="ryxx">人员信息</el-radio-button>
<el-radio-button label="rx">人像信息</el-radio-button>
<el-radio-button label="zsnyzw">左手捺印指纹</el-radio-button>
<el-radio-button label="ysnyzw">右手捺印指纹</el-radio-button>
<el-radio-button label="zw">掌纹信息</el-radio-button>
<el-radio-button label="rx">人像信息</el-radio-button>
</el-radio-group>
</div>
<div class="headRight">
<el-button
class='hg'
class="hg"
@click="yjhg"
v-if="roleArr.includes('D-1-9')"
>一键合格</el-button>
:disabled="rowClick"
>一键合格</el-button
>
<el-button
class='bhg'
v-if="personStatus!=null&&leftStatus!=null&&rightStatus!=null&&palmStatus!=null&&faceStatus!=null"
class="bhg"
:disabled="rowClick"
v-if="
personStatus != null &&
leftStatus != null &&
rightStatus != null &&
palmStatus != null &&
faceStatus != null
"
@click="tjjg"
>提交结果</el-button>
>提交结果</el-button
>
<!-- <el-button
class='jh'
v-else
......@@ -30,284 +40,354 @@
<!-- <el-button :class="[?'bhg':'jh']">提交结果</el-button> -->
</div>
</div>
<div class="headResults ">
<div class="headResults">
<!-- 人员信息 -->
<div class='lableresult'>
<div class="lableresult" :class="{ noClick: rowClick }">
<span
:class="[personStatus===1?'iconfont cgColors':'iconfont cgColors tmxz ']"
v-if="personStatus!=null"
:class="[
personStatus === 1
? 'iconfont cgColors'
: 'iconfont cgColors tmxz ',
]"
v-if="personStatus != null"
@click="tjRyxx1"
>&#xe629;</span>
>&#xe629;</span
>
<span
:class="[personStatus===0?'iconfont sbColors':'iconfont sbColors tmxz ']"
v-if="personStatus!=null"
:class="[
personStatus === 0
? 'iconfont sbColors'
: 'iconfont sbColors tmxz ',
]"
v-if="personStatus != null"
@click="tjRyxx0"
>&#xe63c;</span>
>&#xe63c;</span
>
<span
class="iconfont cgColor"
v-if="radio1=='ryxx'&&personStatus==null"
class="iconfont cgColor"
v-if="radio1 == 'ryxx' && personStatus == null"
@click="tjRyxx1"
>&#xe63e;</span>
>&#xe63e;</span
>
<span
class="iconfont sbColor"
v-if="radio1=='ryxx'&&personStatus==null"
class="iconfont sbColor"
v-if="radio1 == 'ryxx' && personStatus == null"
@click="tjRyxx0"
>&#xe63f;</span>
>&#xe63f;</span
>
</div>
<!-- 人像 -->
<div class="lableresult" :class="{ noClick: rowClick }">
<span
:class="[
faceStatus === 1
? 'iconfont cgColors'
: 'iconfont cgColors tmxz ',
]"
v-if="faceStatus != null"
@click="tjRx1"
>&#xe629;</span
>
<span
:class="[
faceStatus === 0
? 'iconfont sbColors'
: 'iconfont sbColors tmxz ',
]"
v-if="faceStatus != null"
@click="tjRx0"
>&#xe63c;</span
>
<span
class="iconfont cgColor"
v-if="radio1 == 'rx' && faceStatus == null"
@click="tjRx1"
>&#xe63e;</span
>
<span
class="iconfont sbColor"
v-if="radio1 == 'rx' && faceStatus == null"
@click="tjRx0"
>&#xe63f;</span
>
</div>
<!-- 左手 -->
<div class='lableresult'>
<div class="lableresult" :class="{ noClick: rowClick }">
<span
:class="[leftStatus===1?'iconfont cgColors':'iconfont cgColors tmxz ']"
v-if="leftStatus!=null"
:class="[
leftStatus === 1
? 'iconfont cgColors'
: 'iconfont cgColors tmxz ',
]"
v-if="leftStatus != null"
@click="tjZsNyzw1"
>&#xe629;</span>
>&#xe629;</span
>
<span
:class="[leftStatus===0?'iconfont sbColors':'iconfont sbColors tmxz ']"
v-if="leftStatus!=null"
:class="[
leftStatus === 0
? 'iconfont sbColors'
: 'iconfont sbColors tmxz ',
]"
v-if="leftStatus != null"
@click="tjZsNyzw0"
>&#xe63c;</span>
>&#xe63c;</span
>
<span
class="iconfont cgColor"
v-if="radio1=='zsnyzw'&&leftStatus==null"
class="iconfont cgColor"
v-if="radio1 == 'zsnyzw' && leftStatus == null"
@click="tjZsNyzw1"
>&#xe63e;</span>
>&#xe63e;</span
>
<span
class="iconfont sbColor"
v-if="radio1=='zsnyzw'&&leftStatus==null"
class="iconfont sbColor"
v-if="radio1 == 'zsnyzw' && leftStatus == null"
@click="tjZsNyzw0"
>&#xe63f;</span>
>&#xe63f;</span
>
</div>
<!-- 右手 -->
<div class='lableresult'>
<div class="lableresult" :class="{ noClick: rowClick }">
<span
:class="[rightStatus===1?'iconfont cgColors':'iconfont cgColors tmxz ']"
v-if="rightStatus!=null"
:class="[
rightStatus === 1
? 'iconfont cgColors'
: 'iconfont cgColors tmxz ',
]"
v-if="rightStatus != null"
@click="tjYsNyzw1"
>&#xe629;</span>
>&#xe629;</span
>
<span
:class="[rightStatus===0?'iconfont sbColors':'iconfont sbColors tmxz ']"
v-if="rightStatus!=null"
:class="[
rightStatus === 0
? 'iconfont sbColors'
: 'iconfont sbColors tmxz ',
]"
v-if="rightStatus != null"
@click="tjYsNyzw0"
>&#xe63c;</span>
>&#xe63c;</span
>
<span
class="iconfont cgColor"
v-if="radio1=='ysnyzw'&&rightStatus==null"
class="iconfont cgColor"
v-if="radio1 == 'ysnyzw' && rightStatus == null"
@click="tjYsNyzw1"
>&#xe63e;</span>
>&#xe63e;</span
>
<span
class="iconfont sbColor"
v-if="radio1=='ysnyzw'&&rightStatus==null"
class="iconfont sbColor"
v-if="radio1 == 'ysnyzw' && rightStatus == null"
@click="tjYsNyzw0"
>&#xe63f;</span>
>&#xe63f;</span
>
</div>
<!-- 掌纹 -->
<div class='lableresult'>
<div class="lableresult" :class="{ noClick: rowClick }">
<span
:class="[palmStatus===1?'iconfont cgColors':'iconfont cgColors tmxz ']"
v-if="palmStatus!=null"
:class="[
palmStatus === 1
? 'iconfont cgColors'
: 'iconfont cgColors tmxz ',
]"
v-if="palmStatus != null"
@click="tjZw1"
>&#xe629;</span>
>&#xe629;</span
>
<span
:class="[palmStatus===0?'iconfont sbColors':'iconfont sbColors tmxz ']"
v-if="palmStatus!=null"
:class="[
palmStatus === 0
? 'iconfont sbColors'
: 'iconfont sbColors tmxz ',
]"
v-if="palmStatus != null"
@click="tjZw0"
>&#xe63c;</span>
>&#xe63c;</span
>
<span
class="iconfont cgColor"
v-if="radio1=='zw'&&palmStatus==null"
class="iconfont cgColor"
v-if="radio1 == 'zw' && palmStatus == null"
@click="tjZw1"
>&#xe63e;</span>
>&#xe63e;</span
>
<span
class="iconfont sbColor"
v-if="radio1=='zw'&&palmStatus==null"
class="iconfont sbColor"
v-if="radio1 == 'zw' && palmStatus == null"
@click="tjZw0"
>&#xe63f;</span>
</div>
<!-- 人像 -->
<div class='lableresult'>
<span
:class="[faceStatus===1?'iconfont cgColors':'iconfont cgColors tmxz ']"
v-if="faceStatus!=null"
@click="tjRx1"
>&#xe629;</span>
<span
:class="[faceStatus===0?'iconfont sbColors':'iconfont sbColors tmxz ']"
v-if="faceStatus!=null"
@click="tjRx0"
>&#xe63c;</span>
<span
class="iconfont cgColor"
v-if="radio1=='rx'&&faceStatus==null"
@click="tjRx1"
>&#xe63e;</span>
<span
class="iconfont sbColor"
v-if="radio1=='rx'&&faceStatus==null"
@click="tjRx0"
>&#xe63f;</span>
>&#xe63f;</span
>
</div>
</div>
<div
class="line"
v-if="radio1=='ryxx'"
>
<div class="line" v-if="radio1 == 'ryxx'">
<div></div>
</div>
</div>
<div class="content">
<ryxx
ref="ryxx"
v-if="radio1=='ryxx'"
v-if="radio1 == 'ryxx'"
:rowData="rowData"
@personStatus="changePersonStatus($event)"
></ryxx>
<nyzw
v-if="radio1=='zsnyzw'"
v-if="radio1 == 'zsnyzw'"
ref="zsnyzw"
:radio1='radio1'
:radio1="radio1"
:rowData="rowData"
:rowClick="rowClick"
@leftStatus="changeLeftStatus($event)"
>
</nyzw>
<nyzw
v-if="radio1=='ysnyzw'"
v-if="radio1 == 'ysnyzw'"
ref="ysnyzw"
:radio1='radio1'
:radio1="radio1"
:rowData="rowData"
:rowClick="rowClick"
@rightStatus="changeRightStatus($event)"
>
</nyzw>
<zw
v-if="radio1=='zw'"
v-if="radio1 == 'zw'"
ref="zw"
:rowData="rowData"
@palmStatus='changePalmStatus($event)'
:rowClick="rowClick"
@palmStatus="changePalmStatus($event)"
>
</zw>
<rx
v-if="radio1=='rx'"
ref='rx'
v-if="radio1 == 'rx'"
ref="rx"
:rowData="rowData"
@faceStatus='changeFaceStatus($event)'
:rowClick="rowClick"
@faceStatus="changeFaceStatus($event)"
>
</rx>
</div>
</div>
</template>
<script>
import qs from 'qs'
import ryxx from "./modules/ryxx.vue"
import nyzw from "./modules/nyzw.vue"
import zw from "./modules/zw.vue"
import rx from "./modules/rx.vue"
import qs from "qs";
import ryxx from "./modules/ryxx.vue";
import nyzw from "./modules/nyzw.vue";
import zw from "./modules/zw.vue";
import rx from "./modules/rx.vue";
export default {
components: {
ryxx,
nyzw,
zw,
rx
rx,
},
created () {
console.log(this.$route.params, '跳转参数到详情页')
this.rowData.barcode = this.$route.query.barcode
this.rowData.id = this.$route.query.id
this.hqyhxx()
created() {
console.log(this.$route.params, "跳转参数到详情页");
this.rowData.barcode = this.$route.query.barcode;
this.rowData.id = this.$route.query.id;
console.log(this.$route);
this.rowClick = this.$route.query.rowClick ? true : false;
this.hqyhxx();
},
computed: {
roleArr () {
roleArr() {
return this.$store.state.layout.Menu;
},
},
data () {
data() {
return {
radio1: 'ryxx',
radio1: "ryxx",
rowData: {
barcode: '', // 人员条码号
id: '', // 人员id
barcode: "", // 人员条码号
id: "", // 人员id
},
personStatus: null, // 人员检查结果
leftStatus: null,// 左手检查结果
rightStatus: null,// 右手检查结果
leftStatus: null, // 左手检查结果
rightStatus: null, // 右手检查结果
palmStatus: null, // 掌纹检查结果
faceStatus: null, // 人像检查结果
}
rowClick: false, //是否禁用选择
};
},
methods: {
// 获取用户操作状态(自动保存)
hqyhxx () {
hqyhxx() {
this.$axios({
url: '/api/zljc/result/queryRyzljcxx',
method: 'post',
url: "/api/zljc/result/queryRyzljcxx",
method: "post",
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
"Content-Type": "application/x-www-form-urlencoded",
},
data: qs.stringify({ personId: this.rowData.id })
data: qs.stringify({ personId: this.rowData.id }),
}).then((response) => {
// console.log(response)
this.personStatus = response.data.ret.personStatus
this.leftStatus = response.data.ret.leftStatus
this.rightStatus = response.data.ret.rightStatus
this.palmStatus = response.data.ret.palmStatus
this.faceStatus = response.data.ret.faceStatus
})
this.personStatus = response.data.ret.personStatus;
this.leftStatus = response.data.ret.leftStatus;
this.rightStatus = response.data.ret.rightStatus;
this.palmStatus = response.data.ret.palmStatus;
this.faceStatus = response.data.ret.faceStatus;
});
},
// 人员信息提交
tjRyxx1 () {
this.$refs.ryxx.saveRyxx(1)
tjRyxx1() {
if (this.rowClick) return;
this.$refs.ryxx.saveRyxx(1);
},
tjRyxx0 () {
this.$refs.ryxx.saveRyxx(0)
tjRyxx0() {
if (this.rowClick) return;
this.$refs.ryxx.saveRyxx(0);
},
changePersonStatus (data) {
this.personStatus = data
changePersonStatus(data) {
this.personStatus = data;
},
// 左手指纹信息提交
tjZsNyzw1 () {
this.$refs.zsnyzw.saveZsNyAll(1)
tjZsNyzw1() {
if (this.rowClick) return;
this.$refs.zsnyzw.saveZsNyAll(1);
},
tjZsNyzw0 () {
this.$refs.zsnyzw.saveZsNyAll(0)
tjZsNyzw0() {
if (this.rowClick) return;
this.$refs.zsnyzw.saveZsNyAll(0);
},
changeLeftStatus (data) {
this.leftStatus = data
changeLeftStatus(data) {
this.leftStatus = data;
},
// 右手指纹信息提交
tjYsNyzw1 () {
this.$refs.ysnyzw.saveYsNyAll(1)
tjYsNyzw1() {
if (this.rowClick) return;
this.$refs.ysnyzw.saveYsNyAll(1);
},
tjYsNyzw0 () {
this.$refs.ysnyzw.saveYsNyAll(0)
tjYsNyzw0() {
if (this.rowClick) return;
this.$refs.ysnyzw.saveYsNyAll(0);
},
changeRightStatus (data) {
this.rightStatus = data
changeRightStatus(data) {
this.rightStatus = data;
},
// 掌纹信息提交
tjZw1 () {
this.$refs.zw.saveZw(1)
tjZw1() {
if (this.rowClick) return;
this.$refs.zw.saveZw(1);
},
tjZw0 () {
this.$refs.zw.saveZw(0)
tjZw0() {
if (this.rowClick) return;
this.$refs.zw.saveZw(0);
},
changePalmStatus (data) {
this.palmStatus = data
changePalmStatus(data) {
this.palmStatus = data;
},
// 人像信息提交
tjRx1 () {
this.$refs.rx.saveRx(1)
tjRx1() {
if (this.rowClick) return;
this.$refs.rx.saveRx(1);
},
tjRx0 () {
this.$refs.rx.saveRx(0)
tjRx0() {
if (this.rowClick) return;
this.$refs.rx.saveRx(0);
},
changeFaceStatus (data) {
this.faceStatus = data
changeFaceStatus(data) {
this.faceStatus = data;
},
// 一键合格
yjhg () {
yjhg() {
let reqParam = {
personId: null, //人员id
type: 0, //用来判断人员、左手、右手页面传来,0代表全部,1代表从人员页面,2代表从左手页面,3代表从右手页面
......@@ -344,31 +424,29 @@ export default {
face2Status: 1,
face3Status: 1,
face4Status: 1,
}
reqParam.personId = this.rowData.id
this.$axios
.post("/api/zljc/result/save", reqParam)
.then((response) => {
console.log(response)
this.personStatus = response.data.ret.personStatus
this.leftStatus = response.data.ret.leftStatus
this.rightStatus = response.data.ret.rightStatus
this.palmStatus = response.data.ret.palmStatus
this.faceStatus = response.data.ret.faceStatus
this.$message.success('一键合格成功')
// this.$store.commit('layout/delcachePageName', 'zljc');
// this.$router.push('/zljc')
})
};
reqParam.personId = this.rowData.id;
this.$axios.post("/api/zljc/result/save", reqParam).then((response) => {
console.log(response);
this.personStatus = response.data.ret.personStatus;
this.leftStatus = response.data.ret.leftStatus;
this.rightStatus = response.data.ret.rightStatus;
this.palmStatus = response.data.ret.palmStatus;
this.faceStatus = response.data.ret.faceStatus;
this.$message.success("一键合格成功");
// this.$store.commit('layout/delcachePageName', 'zljc');
// this.$router.push('/zljc')
});
},
// 提交结果
tjjg () {
this.$message.success('保存成功')
this.$store.commit('layout/delcachePageName', 'zljc');
this.$store.commit('layout/delcachePageName', 'jcxq');
this.$router.push('/zljc')
}
}
}
tjjg() {
this.$message.success("保存成功");
this.$store.commit("layout/delcachePageName", "zljc");
this.$store.commit("layout/delcachePageName", "jcxq");
this.$router.push("/zljc");
},
},
};
</script>
<style lang="scss"scoped>
......@@ -477,7 +555,9 @@ export default {
}
.tmxz {
opacity: 0.1;
&:hover {
}
&:not(.noClick) {
.tmxz:hover {
opacity: 0.5;
}
}
......@@ -498,5 +578,21 @@ export default {
height: 100%;
overflow: auto;
}
.noClick {
cursor: not-allowed;
span {
cursor: not-allowed !important;
&:hover {
}
}
}
.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
cursor: not-allowed;
/deep/ span {
cursor: not-allowed;
}
}
}
</style>
\ No newline at end of file
......@@ -51,7 +51,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.rollImg==1?'btnhg btnhgPlus':'btnhg']"
@click="zsgd1(index)"
......@@ -87,7 +87,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.plainImg==1?'btnhg btnhgPlus':'btnhg']"
@click="zspm1(index)"
......@@ -132,7 +132,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.rollImg==1?'btnhg btnhgPlus':'btnhg']"
@click="ysgd1(index)"
......@@ -168,7 +168,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.plainImg==1?'btnhg btnhgPlus':'btnhg']"
@click="yspm1(index)"
......@@ -198,6 +198,9 @@ export default {
radio1: {
default: false
},
rowClick: {
default: false
}
},
created () {
console.log(this.nyzwData, '跳转参数人员信息')
......@@ -539,6 +542,7 @@ export default {
},
// 左手滚动
zsgd1 (val) {
if(this.rowClick) return;
console.log(val)
if (val == 0) {
this.arrLeft[val].roll1Status = 1
......@@ -556,6 +560,7 @@ export default {
console.log(this.arrLeft, '左手滚动')
},
zsgd0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrLeft[val].roll1Status = 0
} else if (val == 1) {
......@@ -573,6 +578,7 @@ export default {
},
// 左手平面
zspm1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrLeft[val].plain1Status = 1
} else if (val == 1) {
......@@ -589,6 +595,7 @@ export default {
console.log(this.arrLeft, '左手平面')
},
zspm0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrLeft[val].plain1Status = 0
} else if (val == 1) {
......@@ -606,6 +613,7 @@ export default {
},
// 右手滚动
ysgd1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrRight[val].roll6Status = 1
} else if (val == 1) {
......@@ -621,6 +629,7 @@ export default {
this.ystjjg()
},
ysgd0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrRight[val].roll6Status = 0
} else if (val == 1) {
......@@ -637,6 +646,7 @@ export default {
},
// 右手平面,
yspm1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrRight[val].plain6Status = 1
} else if (val == 1) {
......@@ -652,6 +662,7 @@ export default {
this.ystjjg()
},
yspm0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arrRight[val].plain6Status = 0
} else if (val == 1) {
......@@ -955,4 +966,10 @@ export default {
}
}
}
.noClick{
cursor: not-allowed;
div {
cursor: not-allowed;
}
}
</style>
\ No newline at end of file
......@@ -52,7 +52,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.leftImg==1?'btnhg btnhgPlus':'btnhg']"
@click="rxLeft1(index)"
......@@ -90,7 +90,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.rightImg==1?'btnhg btnhgPlus':'btnhg']"
@click="rxRight1(index)"
......@@ -116,6 +116,9 @@ export default {
rowData: {
default: false
},
rowClick: {
default: false
}
},
created () {
console.log(this.rowData, '跳转参数人员信息')
......@@ -204,6 +207,7 @@ export default {
},
// 人像左边
rxLeft1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].face1Status = 1
} else if (val == 1) {
......@@ -213,6 +217,7 @@ export default {
this.rxtjjg()
},
rxLeft0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].face1Status = 0
} else if (val == 1) {
......@@ -223,6 +228,7 @@ export default {
},
// 人像右边
rxRight1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].face2Status = 1
} else if (val == 1) {
......@@ -232,6 +238,7 @@ export default {
this.rxtjjg()
},
rxRight0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].face2Status = 0
} else if (val == 1) {
......@@ -611,4 +618,10 @@ export default {
}
}
}
.noClick{
cursor: not-allowed;
div {
cursor: not-allowed;
}
}
</style>
\ No newline at end of file
......@@ -50,7 +50,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.leftImg==1?'btnhg btnhgPlus':'btnhg']"
@click="zwLeft1(index)"
......@@ -86,7 +86,7 @@
>
</div>
</div>
<div class='btns'>
<div class='btns' :class="{ noClick: rowClick }">
<div
:class="[item.rightImg==1?'btnhg btnhgPlus':'btnhg']"
@click="zwRight1(index)"
......@@ -112,6 +112,9 @@ export default {
rowData: {
default: false
},
rowClick: {
default: false
}
},
created () {
console.log(this.rowData, '跳转参数人员信息')
......@@ -229,6 +232,7 @@ export default {
},
// 掌纹左边
zwLeft1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].palm1Status = 1
} else if (val == 1) {
......@@ -238,6 +242,7 @@ export default {
this.zwtjjg()
},
zwLeft0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].palm1Status = 0
} else if (val == 1) {
......@@ -248,6 +253,7 @@ export default {
},
// 掌纹右边
zwRight1 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].palm2Status = 1
} else if (val == 1) {
......@@ -257,6 +263,7 @@ export default {
this.zwtjjg()
},
zwRight0 (val) {
if(this.rowClick) return;
if (val == 0) {
this.arr[val].palm2Status = 0
} else if (val == 1) {
......@@ -564,4 +571,10 @@ export default {
}
}
}
.noClick{
cursor: not-allowed;
div {
cursor: not-allowed;
}
}
</style>
\ No newline at end of file
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