Skip to content

F
founder_vue
Commit de62fd0a by 米嘉伟
Options

比中信息管理提示“您选择的部分数据不能上报！”

parent 2d315fe6
Showing with 439 additions and 216 deletions
src/views/bzxxgl/bzxxsh.vue
......@@ -15,67 +15,154 @@
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm">
class="demo-ruleForm"
>
<div class="cxtj-row1">
<el-form-item :label="$t('FptxDr.search_type')+'：'" prop="querytype">
<el-select v-model="ruleForm.querytype" :placeholder="$t('FptxDr.select_search_type')">
<el-option v-for="item in queryTypeBtns" :key="item.value" :label="item.name"
:value="item.value"></el-option>
<el-form-item
:label="$t('FptxDr.search_type')+'：'"
prop="querytype"
>
<el-select
v-model="ruleForm.querytype"
:placeholder="$t('FptxDr.select_search_type')"
>
<el-option
v-for="item in queryTypeBtns"
:key="item.value"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('Fcx.source_barcode')+'：'" prop="ytmh" :class="{ytmhSt:isSt,ytmhDs:!isSt}">
<el-input v-model="ruleForm.ytmh" :placeholder="$t('Bzxxgl.please_enter_source_barcode')"
maxlength="23" clearable show-word-limit />
<el-form-item
:label="$t('Fcx.source_barcode')+'：'"
prop="ytmh"
:class="{ytmhSt:isSt,ytmhDs:!isSt}"
>
<el-input
v-model="ruleForm.ytmh"
:placeholder="$t('Bzxxgl.please_enter_source_barcode')"
maxlength="23"
clearable
show-word-limit
/>
</el-form-item>
<el-form-item :label="$t('TT.target_barcode')+'：'" prop="mbtmh" class="mbtmh">
<el-input v-model="ruleForm.mbtmh" :placeholder="$t('Bzxxgl.please_enter_target_barcode')"
maxlength="23" clearable show-word-limit />
<el-form-item
:label="$t('TT.target_barcode')+'：'"
prop="mbtmh"
class="mbtmh"
>
<el-input
v-model="ruleForm.mbtmh"
:placeholder="$t('Bzxxgl.please_enter_target_barcode')"
maxlength="23"
clearable
show-word-limit
/>
</el-form-item>
</div>
<div class="cxtj-row2">
<el-form-item :label="getSbdwLabel()" prop="sbdwGajgjgdm" class="sbdw">
<Cascader :form="ruleForm" id="sbdwGajgjgdm" :props="dwProps" :placeholder="$t('Bzxxgl.please_select_compound_unit')"
style="margin-right: 0.625rem;" />
<el-form-item
:label="getSbdwLabel()"
prop="sbdwGajgjgdm"
class="sbdw"
>
<Cascader
:form="ruleForm"
id="sbdwGajgjgdm"
:props="dwProps"
:placeholder="$t('Bzxxgl.please_select_compound_unit')"
style="margin-right: 0.625rem;"
/>
</el-form-item>
<el-form-item :label="getSbsjLabel()" prop="sbsj" :class="{sbsjSt:isSt,sbsjDs:!isSt}">
<el-date-picker v-model="ruleForm.sbsj" type="daterange"
range-separator="~" :start-placeholder="$t('Common.start_time2')" :end-placeholder="$t('Common.end_time2')"
:picker-options="{disabledDate: disabledDate}" />
<el-form-item
:label="getSbsjLabel()"
prop="sbsj"
:class="{sbsjSt:isSt,sbsjDs:!isSt}"
>
<el-date-picker
v-model="ruleForm.sbsj"
type="daterange"
range-separator="~"
:start-placeholder="$t('Common.start_time2')"
:end-placeholder="$t('Common.end_time2')"
:picker-options="{disabledDate: disabledDate}"
/>
</el-form-item>
</div>
<div style="display: flex;align-items: center;justify-content: space-between;">
<div class="cxtj-row3">
<el-form-item :label="getShztLabel()" prop="shzt">
<el-select v-model="ruleForm.fshztDic" :placeholder="$t('Bzxxgl.please_select_approval_status')" clearable>
<el-option v-for="item in getShBtns()" :key="item.value" :label="item.name"
:value="item.value" />
<el-form-item
:label="getShztLabel()"
prop="shzt"
>
<el-select
v-model="ruleForm.fshztDic"
:placeholder="$t('Bzxxgl.please_select_approval_status')"
clearable
>
<el-option
v-for="item in getShBtns()"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item v-show="isStRole" :label="$t('Bzxxgl.fruit_state')+'：'" prop="sfjrzg" class="zgztSt">
<el-select v-model="ruleForm.sfjrzg" :placeholder="$t('Bzxxgl.please_select_the_winning_status')" clearable>
<el-option v-for="item in zgztBtns" :key="item.value" :label="item.name"
:value="item.value" />
<el-form-item
v-show="isStRole"
:label="$t('Bzxxgl.fruit_state')+'：'"
prop="sfjrzg"
class="zgztSt"
>
<el-select
v-model="ruleForm.sfjrzg"
:placeholder="$t('Bzxxgl.please_select_the_winning_status')"
clearable
>
<el-option
v-for="item in zgztBtns"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('Bzxxgl.audit_time')+'：'" prop="shsj" class="shsj">
<el-date-picker v-model="ruleForm.shsj" type="daterange" range-separator="~"
:start-placeholder="$t('Common.start_time2')" :end-placeholder="$t('Common.end_time2')"
:picker-options="{disabledDate: disabledDate}" />
<el-form-item
:label="$t('Bzxxgl.audit_time')+'：'"
prop="shsj"
class="shsj"
>
<el-date-picker
v-model="ruleForm.shsj"
type="daterange"
range-separator="~"
:start-placeholder="$t('Common.start_time2')"
:end-placeholder="$t('Common.end_time2')"
:picker-options="{disabledDate: disabledDate}"
/>
</el-form-item>
</div>
<div>
<div class="select-btn" @click="submitForm" style="float:right;">{{$t('Common.search_btn')}}</div>
<div class="clear-btn" @click="resetForm()" style="float:right;">{{$t('Common.clear_btn')}}</div>
<div
class="select-btn"
@click="submitForm"
style="float:right;"
>{{$t('Common.search_btn')}}</div>
<div
class="clear-btn"
@click="resetForm()"
style="float:right;"
>{{$t('Common.clear_btn')}}</div>
</div>
</div>
......@@ -85,16 +172,32 @@
<div class="bzxxsh-content">
<div class="bzxxsh-content-top">
<div class="bzxxsh-content-top-left">
<div class="plcz btn" @click="batch">{{$t('Common.batch_operation')}}</div>
<div
class="plcz btn"
@click="batch"
>{{$t('Common.batch_operation')}}</div>
</div>
<div class="bzxxsh-content-top-right">
<div style="display: inline-block;">
<el-dropdown trigger="click" menu-align="start">
<el-dropdown
trigger="click"
menu-align="start"
>
<div class="fztm btn">{{$t('QueryConfirm.custom_column')}}</div>
<el-dropdown-menu slot="dropdown" class="select-list-content">
<div v-for="(item, index) in tableColumns" :key="index"
class="select-list-content-item">
<el-checkbox-group v-model="checkedProps" @change="changeCheckbox" :key="index">
<el-dropdown-menu
slot="dropdown"
class="select-list-content"
>
<div
v-for="(item, index) in tableColumns"
:key="index"
class="select-list-content-item"
>
<el-checkbox-group
v-model="checkedProps"
@change="changeCheckbox"
:key="index"
>
<el-checkbox :label="item.prop">
<div class="checkbox-label">{{ item.label }}</div>
</el-checkbox>
......@@ -104,12 +207,14 @@
</el-dropdown>
</div>
<div class="fztm btn"
<div
class="fztm btn"
v-clipboard:copy="fztm_ytmh"
@click="onClickFztm"
v-clipboard:success="onFztmSuccess"
v-clipboard:error="onFztmError"
v-if="isSt? roleArr.includes('G-3-1') : roleArr.includes('G-2-1')">
v-if="isSt? roleArr.includes('G-3-1') : roleArr.includes('G-2-1')"
>
{{$t('Common.copy_barcode')}}
</div>
......@@ -117,7 +222,10 @@
<!-- 删除-->
<!-- </div>-->
<div class="fztm btn" @click="onSbxxListener">
<div
class="fztm btn"
@click="onSbxxListener"
>
{{ sbBtnName }}
</div>
</div>
......@@ -132,7 +240,10 @@
></i>
{{$t('Common.selected')}}
<span style="color: #055fe7">{{ multipleSelection.length }}</span> {{$t('Common.sum')}}
<span class="clearCheck" @click="clearSelection()">{{$t('Common.clear_btn')}}</span>
<span
class="clearCheck"
@click="clearSelection()"
>{{$t('Common.clear_btn')}}</span>
</el-tag>
<div class="bzxxsh-table">
......@@ -146,49 +257,84 @@
:key="tableKey"
tooltip-effect="dark"
:class="{ delSelection: !isSelectBoo }"
@selection-change="handleSelectionChange">
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" :reserve-selection="false"
:width="getSelectWidth()" />
<el-table-column
type="selection"
:reserve-selection="false"
:width="getSelectWidth()"
/>
<el-table-column v-if="BLANK.isShow === true" :width="BLANK.width" />
<el-table-column
v-if="BLANK.isShow === true"
:width="BLANK.width"
/>
<div v-for="(item, index) in tableColumns" :key="index">
<div
v-for="(item, index) in tableColumns"
:key="index"
>
<div>
<el-table-column v-if="BLANK.isShow === true" :width="BLANK.width" />
<el-table-column
v-if="BLANK.isShow === true"
:width="BLANK.width"
/>
</div>
<div v-if="item.prop === 'sfjrzg'">
<el-table-column v-if="item.isShow" :prop="item.prop"
:label="item.label" :width="item.width">
<el-table-column
v-if="item.isShow"
:prop="item.prop"
:label="item.label"
:width="item.width"
>
<template slot-scope="scope">
<div v-if="scope.row.sfjrzg === '0'">
<span>{{$t('Bzxxgl.regardless_of_the_outcome')}}</span>
<el-tooltip v-if="scope.row.zgms != null && scope.row.zgms !== ''"
<el-tooltip
v-if="scope.row.zgms != null && scope.row.zgms !== ''"
effect="dark"
:content="scope.row.zgms" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.zgms"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
</div>
<div v-else-if="scope.row.sfjrzg === '1'">
<span>{{$t('Bzxxgl.take_into_account_outcome')}}</span>
<el-tooltip v-if="scope.row.zgms != null && scope.row.zgms !== ''"
<el-tooltip
v-if="scope.row.zgms != null && scope.row.zgms !== ''"
effect="dark"
:content="scope.row.zgms" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.zgms"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
</div>
<div v-else-if="scope.row.sfjrzg === '2'">
<span>{{$t('Bzxxgl.rescinded')}}</span>
<el-tooltip v-if="scope.row.zgms != null && scope.row.zgms !== ''"
<el-tooltip
v-if="scope.row.zgms != null && scope.row.zgms !== ''"
effect="dark"
:content="scope.row.zgms" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.zgms"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
......@@ -199,16 +345,29 @@
</div>
<div v-else-if="item.prop === 'shzt'">
<el-table-column v-if="item.isShow" :prop="item.prop"
:label="item.label" :width="item.width">
<el-table-column
v-if="item.isShow"
:prop="item.prop"
:label="item.label"
:width="item.width"
>
<template slot-scope="scope">
<div class="shzt">
<div v-if="getShState(scope.row) === SH_TYPE.FH.value" class="dsh">
<div
v-if="getShState(scope.row) === SH_TYPE.FH.value"
class="dsh"
>
<span>{{$t('Bzxxgl.be_reviewed')}}</span>
<el-tooltip v-if="scope.row.shyj != null && scope.row.shyj !== ''"
<el-tooltip
v-if="scope.row.shyj != null && scope.row.shyj !== ''"
effect="dark"
:content="scope.row.shyj" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.shyj"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
......@@ -216,31 +375,52 @@
<div v-else-if="getShState(scope.row) === SH_TYPE.FHWX.value">
<img src="../../assets/img/bzxxsh/bzxxsh_fhwx.svg" />
<el-tooltip v-if="scope.row.shyj != null && scope.row.shyj !== ''"
<el-tooltip
v-if="scope.row.shyj != null && scope.row.shyj !== ''"
effect="dark"
:content="scope.row.shyj" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.shyj"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
</div>
<div v-else-if="getShState(scope.row) === SH_TYPE.SH.value" class="dsh">
<div
v-else-if="getShState(scope.row) === SH_TYPE.SH.value"
class="dsh"
>
<span>{{$t('Bzxxgl.to_be_reviewed')}}</span>
<el-tooltip v-if="scope.row.shyj != null && scope.row.shyj !== '' "
<el-tooltip
v-if="scope.row.shyj != null && scope.row.shyj !== '' "
effect="dark"
:content="scope.row.shyj" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.shyj"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
</div>
<div v-else-if="getShState(scope.row) === SH_TYPE.SHWX.value">
<img src="../../assets/img/bzxxsh/bzxxsh_shwx.svg" />
<el-tooltip v-if="scope.row.shyj != null && scope.row.shyj !== ''"
<el-tooltip
v-if="scope.row.shyj != null && scope.row.shyj !== ''"
effect="dark"
:content="scope.row.shyj" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.shyj"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
......@@ -248,17 +428,25 @@
<div v-else-if="getShState(scope.row) === SH_TYPE.SHYX.value">
<img src="../../assets/img/bzxxsh/bzxxsh_shyx.svg" />
<el-tooltip v-if="scope.row.shyj != null && scope.row.shyj !== ''"
<el-tooltip
v-if="scope.row.shyj != null && scope.row.shyj !== ''"
effect="dark"
:content="scope.row.shyj" placement="top-start">
<svg class="icon tip-history" aria-hidden="true">
:content="scope.row.shyj"
placement="top-start"
>
<svg
class="icon tip-history"
aria-hidden="true"
>
<use xlink:href="#icon-tanhao1" />
</svg>
</el-tooltip>
</div>
<img v-else-if="getShState(scope.row) === SH_TYPE.YSB.value"
src="../../assets/img/bzxxsh/bzxxsh_ysb.svg" />
<img
v-else-if="getShState(scope.row) === SH_TYPE.YSB.value"
src="../../assets/img/bzxxsh/bzxxsh_ysb.svg"
/>
</div>
</template>
......@@ -266,11 +454,20 @@
</div>
<div v-else-if="item.prop === 'sbdwGajgjgdmStr'">
<el-table-column v-if="item.isShow" :prop="item.prop"
:label="item.label" :width="item.width" show-overflow-tooltip>
<el-table-column
v-if="item.isShow"
:prop="item.prop"
:label="item.label"
:width="item.width"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tooltip effect="dark" :content="scope.row.sbdwGajgjgdmStr"
placement="top" :open-delay="300">
<el-tooltip
effect="dark"
:content="scope.row.sbdwGajgjgdmStr"
placement="top"
:open-delay="300"
>
<div> {{ getLable(scope.row.sbdwGajgjgdmStr)}}</div>
</el-tooltip>
</template>
......@@ -278,27 +475,39 @@
</div>
<div v-else>
<el-table-column v-if="item.isShow" :prop="item.prop"
:label="item.label" :width="item.width" />
<el-table-column
v-if="item.isShow"
:prop="item.prop"
:label="item.label"
:width="item.width"
/>
</div>
</div>
<el-table-column prop="prop" :label="$t('Common.option')" width="auto" :min-width="czWidth" fixed="right">
<el-table-column
prop="prop"
:label="$t('Common.option')"
width="auto"
:min-width="czWidth"
fixed="right"
>
<template slot-scope="scope">
<bzxxsf-opt :ref="getShxxOpt(scope.row.id)" :params="scope.row" :is-st="isStRole"
<bzxxsf-opt
:ref="getShxxOpt(scope.row.id)"
:params="scope.row"
:is-st="isStRole"
@refresh="bzxxsfOptRefresh"
@commitaction="openActionDes" />
@commitaction="openActionDes"
/>
</template>
</el-table-column>
</el-table>
</div>
<div class="bzxxsh-content-content-footer">
<span class="record"
>{{$t('Common.all')}}&nbsp;{{ total }}&nbsp;{{$t('Common.item')}}{{$t('Common.record')}} {{$t('Common.di')}}{{ currPage }}/{{
<span class="record">{{$t('Common.all')}}&nbsp;{{ total }}&nbsp;{{$t('Common.item')}}{{$t('Common.record')}} {{$t('Common.di')}}{{ currPage }}/{{
totalPage
}}{{$t('Common.page')}}</span
>
}}{{$t('Common.page')}}</span>
<el-pagination
class="paging"
@current-change="handleCurrentChange"
......@@ -314,23 +523,39 @@
</div>
<div class="bzxxsh-content-bottom"></div>
<div class="cxfh-dialog" v-show="shDialogVisiable">
<div
class="cxfh-dialog"
v-show="shDialogVisiable"
>
<div class="cxfh-header">
<div class="header-left">{{curShType.name}}</div>
<div class="iconfont icon-danchuangguanbianniu" @click="cancleShAction()"></div>
<div
class="iconfont icon-danchuangguanbianniu"
@click="cancleShAction()"
></div>
</div>
<div class="cxfh-line"></div>
<div class="cxfh-content">
<el-input type="textarea" :rows="6" :placeholder="$t('Bzxxgl.please_enter_reason_description')" v-model="curShDes">
<el-input
type="textarea"
:rows="6"
:placeholder="$t('Bzxxgl.please_enter_reason_description')"
v-model="curShDes"
>
</el-input>
</div>
<div class="cxfh-footer">
<div class="confirm-btn" @click="commitShAction()">{{$t('Common.confirm_btn')}}</div>
<div class="cancel-btn" @click="cancleShAction()">{{$t('Common.cancel_btn')}}</div>
<div
class="confirm-btn"
@click="commitShAction()"
>{{$t('Common.confirm_btn')}}</div>
<div
class="cancel-btn"
@click="cancleShAction()"
>{{$t('Common.cancel_btn')}}</div>
</div>
</div>
</div>
</template>
......@@ -348,49 +573,49 @@ export default {
default: true,
}
},
data() {
data () {
return {
TAG: this.$t('Bzxxgl.comparison_information_review')+'-',
TAG: this.$t('Bzxxgl.comparison_information_review') + '-',
ruleForm: initRuleFrom,
BLANK: {width: '16', prop: '', label: '', isShow: true},
YTMH: {width: '210', prop: 'ytmh', label: this.$t('Fcx.source_barcode'), isShow: true},
MBTMH: {width: '210', prop: 'mbtmh', label: this.$t('TT.target_barcode'), isShow: true},
YZW: {width: '102', prop: 'yzw', label: this.$t('Bzxxgl.source_finger_serial_number'), isShow: true},
MBZW: {width: '114', prop: 'mbzw', label: this.$t('Bzxxgl.target_finger_serial_number'), isShow: true},
SBDW: {width: '166', prop: 'sbdwGajgjgdmStr', label: this.$t('Bzxxgl.reporting_unit'), isShow: true},
SBSJ: {width: '162', prop: 'sbsj', label: this.$t('Bzxxgl.reporting_time'), isShow: true},
SHR: {width: '90', prop: 'shrXm', label: this.$t('Bzxxgl.checker'), isShow: true},
SHSJ: {width: '110', prop: 'shsj', label: this.$t('Bzxxgl.audit_time'), isShow: true},
ZGZT: {width: '112', prop: 'sfjrzg', label: this.$t('Bzxxgl.checker'), isShow: true},
SHZT: {width: '128', prop: 'shzt', label: this.$t('Bzxxgl.audit_status'), isShow: true},
BLANK: { width: '16', prop: '', label: '', isShow: true },
YTMH: { width: '210', prop: 'ytmh', label: this.$t('Fcx.source_barcode'), isShow: true },
MBTMH: { width: '210', prop: 'mbtmh', label: this.$t('TT.target_barcode'), isShow: true },
YZW: { width: '102', prop: 'yzw', label: this.$t('Bzxxgl.source_finger_serial_number'), isShow: true },
MBZW: { width: '114', prop: 'mbzw', label: this.$t('Bzxxgl.target_finger_serial_number'), isShow: true },
SBDW: { width: '166', prop: 'sbdwGajgjgdmStr', label: this.$t('Bzxxgl.reporting_unit'), isShow: true },
SBSJ: { width: '162', prop: 'sbsj', label: this.$t('Bzxxgl.reporting_time'), isShow: true },
SHR: { width: '90', prop: 'shrXm', label: this.$t('Bzxxgl.checker'), isShow: true },
SHSJ: { width: '110', prop: 'shsj', label: this.$t('Bzxxgl.audit_time'), isShow: true },
ZGZT: { width: '112', prop: 'sfjrzg', label: this.$t('Bzxxgl.checker'), isShow: true },
SHZT: { width: '128', prop: 'shzt', label: this.$t('Bzxxgl.audit_status'), isShow: true },
queryTypeBtns: [
{value: 2, name: this.$t('Common.LT')},
{value: 1, name: this.$t('Common.TL')},
{value: 0, name: this.$t('Common.TT')},
{value: 3, name: this.$t('Common.LL')},
{ value: 2, name: this.$t('Common.LT') },
{ value: 1, name: this.$t('Common.TL') },
{ value: 0, name: this.$t('Common.TT') },
{ value: 3, name: this.$t('Common.LL') },
],
zgztBtns: [
{value: '3', name: this.$t('Bzxxgl.unselected_results')},
{value: '0', name: this.$t('Bzxxgl.regardless_of_the_outcome')},
{value: '1', name: this.$t('Bzxxgl.take_into_account_outcome')},
{value: '2', name: this.$t('Bzxxgl.rescinded')},
{ value: '3', name: this.$t('Bzxxgl.unselected_results') },
{ value: '0', name: this.$t('Bzxxgl.regardless_of_the_outcome') },
{ value: '1', name: this.$t('Bzxxgl.take_into_account_outcome') },
{ value: '2', name: this.$t('Bzxxgl.rescinded') },
],
stShztBtns: [// 左边是复核状态值 右边是审核状态值
{value: '0/', name: this.$t('Bzxxgl.be_reviewed')},
{value: '1/', name: this.$t('Bzxxgl.invalid_review')},
{value: '/0', name: this.$t('Bzxxgl.to_be_reviewed')},
{value: '/2', name: this.$t('Bzxxgl.audit_valid')},
{value: '/1', name: this.$t('Bzxxgl.invalid_audit')},
{value: '/3', name: this.$t('Bzxxgl.reported')},
{ value: '0/', name: this.$t('Bzxxgl.be_reviewed') },
{ value: '1/', name: this.$t('Bzxxgl.invalid_review') },
{ value: '/0', name: this.$t('Bzxxgl.to_be_reviewed') },
{ value: '/2', name: this.$t('Bzxxgl.audit_valid') },
{ value: '/1', name: this.$t('Bzxxgl.invalid_audit') },
{ value: '/3', name: this.$t('Bzxxgl.reported') },
],
dsShztBtns: [// 左边是复核状态值 右边是审核状态值
{value: '/0', name: this.$t('Bzxxgl.to_be_reviewed')},
{value: '/1', name: this.$t('Bzxxgl.invalid_audit')},
{value: '/2', name: this.$t('Bzxxgl.audit_valid')},
{value: '/3', name: this.$t('Bzxxgl.reported')},
{ value: '/0', name: this.$t('Bzxxgl.to_be_reviewed') },
{ value: '/1', name: this.$t('Bzxxgl.invalid_audit') },
{ value: '/2', name: this.$t('Bzxxgl.audit_valid') },
{ value: '/3', name: this.$t('Bzxxgl.reported') },
],
multipleSelection: [], // 表单选择项目
isSelectBoo: false, //是否批量操作
......@@ -411,12 +636,12 @@ export default {
isStRole: false, // 用于标记是省厅角色还是地市角色
SH_TYPE: { // 审核操作类型，用于页面构建，与实际业务审核状态代码无关
FH: {value: '01', name: this.$t('Bzxxgl.to_review')},
FHWX: {value: '02', name: this.$t('Bzxxgl.invalid_review')},
SH: {value: '03', name: this.$t('Bzxxgl.to_examine')},
SHWX: {value: '04', name: this.$t('Bzxxgl.invalid_audit')},
SHYX: {value: '05', name: this.$t('Bzxxgl.audit_valid')},
YSB: {value: '06', name: this.$t('Bzxxgl.reported')},
FH: { value: '01', name: this.$t('Bzxxgl.to_review') },
FHWX: { value: '02', name: this.$t('Bzxxgl.invalid_review') },
SH: { value: '03', name: this.$t('Bzxxgl.to_examine') },
SHWX: { value: '04', name: this.$t('Bzxxgl.invalid_audit') },
SHYX: { value: '05', name: this.$t('Bzxxgl.audit_valid') },
YSB: { value: '06', name: this.$t('Bzxxgl.reported') },
},
shDialogVisiable: false,
dwProps: {
......@@ -434,7 +659,7 @@ export default {
checkedProps: [],
rules: {
ytmh: [
{required: false, message: this.$t('FptxDr.input_barcode'), trigger: 'change'},
{ required: false, message: this.$t('FptxDr.input_barcode'), trigger: 'change' },
{
pattern: fRegExp.SYS._TMH,
message: this.$t('Bzxxgl.incorrect_format'),
......@@ -442,7 +667,7 @@ export default {
}
],
mbtmh: [
{required: false, message: this.$t('FptxDr.input_barcode'), trigger: 'change'},
{ required: false, message: this.$t('FptxDr.input_barcode'), trigger: 'change' },
{
pattern: fRegExp.SYS._TMH,
message: this.$t('Bzxxgl.incorrect_format'),
......@@ -456,7 +681,7 @@ export default {
Cascader,
bzxxsfOpt
},
created() {
created () {
let _that = this
_that.isStRole = _that.isSt
if (_that.isStRole) {
......@@ -470,19 +695,19 @@ export default {
// console.log('bzxxsH-isSt', _that.isSt)
},
computed: {
roleArr() {
roleArr () {
return this.$store.state.layout.Menu
},
},
activated() {
activated () {
this.$keyBoard(this, 'onClickEnterKeyup')
},
mounted() {
mounted () {
this.$keyBoard(this, 'onClickEnterKeyup')
// this.$dblclick(this, 'onDblclickListener')
},
methods: {
disabledDate(a) {
disabledDate (a) {
if (a.getTime() > new Date().getTime()) {
return true
} else {
......@@ -492,7 +717,7 @@ export default {
/**
* 鼠标双击事件监听
*/
onDblclickListener() {
onDblclickListener () {
let _that = this
for (let key in _that.ruleForm) {
_that.ruleForm[key] = ''
......@@ -501,48 +726,48 @@ export default {
/**
* 回车事件监听
*/
onClickEnterKeyup(code) {
onClickEnterKeyup (code) {
var _that = this
//事件中keycode=13为回车事件
if (code === 13) {
_that.submitForm()
}
},
getSbsjLabel() {
getSbsjLabel () {
if (this.isStRole) {
return this.$t('Bzxxgl.local_and_municipal_reporting_time')+'：'
return this.$t('Bzxxgl.local_and_municipal_reporting_time') + '：'
} else {
return this.$t('Bzxxgl.reporting_time')+'：'
return this.$t('Bzxxgl.reporting_time') + '：'
}
},
getSbdwLabel() {
getSbdwLabel () {
if (this.isStRole) {
return this.$t('Bzxxgl.local_and_municipal_reporting_unit')+'：'
return this.$t('Bzxxgl.local_and_municipal_reporting_unit') + '：'
} else {
return this.$t('Bzxxgl.reporting_unit')+'：'
return this.$t('Bzxxgl.reporting_unit') + '：'
}
},
getShztLabel() {
getShztLabel () {
if (this.isStRole) {
return this.$t('Bzxxgl.review_status_of_Provincial_Department')+'：'
return this.$t('Bzxxgl.review_status_of_Provincial_Department') + '：'
} else {
return this.$t('Bzxxgl.city_approval_status')+'：'
return this.$t('Bzxxgl.city_approval_status') + '：'
}
},
getSelectWidth() {
getSelectWidth () {
return this.isSelectBoo ? this.selectwidth : 1
// return this.selectwidth
},
/*
截取单位名称
*/
getLable(label) {
getLable (label) {
return ZzjgUtil.last(label)
},
/*
初始化列表显示项
*/
initTableColumns() {
initTableColumns () {
let _that = this
let w1 = 1920
let w2 = window.innerWidth
......@@ -555,7 +780,7 @@ export default {
if (_that.isStRole) {
_that.SBDW.label = _that.$t('Bzxxgl.prefecture_and_city') + _that.SBDW.label
_that.SBSJ.label = _that.$t('Bzxxgl.prefecture_and_city') + _that.SBSJ.label
_that.SHR.label = _that.$t('Bzxxgl.provincial_Department_reply')+'/' + _that.SHR.label
_that.SHR.label = _that.$t('Bzxxgl.provincial_Department_reply') + '/' + _that.SHR.label
_that.SHR.width = '126'
} else {
_that.SHR.label = _that.$t('Bzxxgl.prefecture_and_city') + _that.SHR.label
......@@ -582,7 +807,7 @@ export default {
})
// logger.info('tableColumns', _that.tableColumns)
},
changeCheckbox(val) {
changeCheckbox (val) {
logger.info('changeCheckbox', val)
let _that = this
_that.tableKey++
......@@ -592,7 +817,7 @@ export default {
)
// logger.info('checkedProps', _that.checkedProps)
},
getShState(info) {
getShState (info) {
let _that = this
if (_that.isStRole && info.shzt === '0') {
switch (info.reviewStatus) {//复核状态，0 代表 未复核，1 代表 复核无效，2 代表 复核有效，3代表 已复核
......@@ -617,7 +842,7 @@ export default {
}
},
getLevel() { // 市级 0 省级 1 字段名：level
getLevel () { // 市级 0 省级 1 字段名：level
let _that = this
if (_that.isStRole) {
return 1
......@@ -628,7 +853,7 @@ export default {
/*
根据当前页面是地市还是省厅 返回的搜索条件 审核状态
*/
getShBtns() {
getShBtns () {
let _that = this
if (_that.isStRole) {
return _that.stShztBtns
......@@ -638,7 +863,7 @@ export default {
/*
测试数据
*/
initTestData() {
initTestData () {
// 测试数据出初始化
let _that = this
......@@ -666,7 +891,7 @@ export default {
/*
审核状态变更，确定时要执行的操作
*/
commitShAction() { // 确定
commitShAction () { // 确定
let _that = this
if (!_that.curShDes) {
this.$message.error(this.$t('Bzxxgl.please_fill_in_the_reason'))
......@@ -684,7 +909,7 @@ export default {
/*
审核状态变更，取消时要执行的操作
*/
cancleShAction() { // 关闭
cancleShAction () { // 关闭
let _that = this
_that.shDialogVisiable = false
_that.curSHItem = ''
......@@ -694,7 +919,7 @@ export default {
/*
审核状态变更，开启变更原因页面
*/
openActionDes(top, info, type) {
openActionDes (top, info, type) {
let _that = this
let dialog = document.querySelector('.cxfh-dialog')
dialog.style.top = info.top
......@@ -703,26 +928,26 @@ export default {
_that.curShType = type
_that.curShDes = ''
},
getShxxOpt(id) {
getShxxOpt (id) {
return 'shxxOpt' + id
},
getRowKeys(row) {
getRowKeys (row) {
return row.id
},
clearSelection() {
clearSelection () {
// 清空所有选项
let _that = this
_that.multipleSelection = []
_that.fztm_ytmh = ''
_that.$refs.multipleTable.clearSelection()
},
handleSelectionChange(val) {
handleSelectionChange (val) {
// 选项操作变化
let _that = this
_that.multipleSelection = val
},
batch() {
batch () {
var _that = this
_that.isSelectBoo = !_that.isSelectBoo
// _that.tableColumns[0].isShow = !_that.tableColumns[0].isShow
......@@ -730,15 +955,15 @@ export default {
_that.clearSelection()
}
},
handleCurrentChange(page) {
handleCurrentChange (page) {
var _that = this
_that.getData(page)
},
submitForm() {
submitForm () {
var _that = this
_that.getData()
},
resetForm() {
resetForm () {
let _that = this
for (let key in _that.ruleForm) {
_that.ruleForm[key] = ''
......@@ -746,12 +971,12 @@ export default {
// logger.info('resetForm-ruleForm', JSON.stringify(_that.ruleForm))
_that.getData()
},
bzxxsfOptRefresh(data) {
bzxxsfOptRefresh (data) {
let _that = this
_that.getData()
},
getData(page = 1, limit = 10, order = 0) {
getData (page = 1, limit = 10, order = 0) {
logger.info('getData-ruleForm', this.ruleForm)
var _that = this
_that.isSelectBoo = false
......@@ -810,7 +1035,7 @@ export default {
})
},
onSbxxListener() {
onSbxxListener () {
let _that = this
if (!_that.isSelectBoo) {
_that.isSelectBoo = true
......@@ -825,6 +1050,7 @@ export default {
_that.multipleSelection.forEach(item => {
if (item.shzt !== '2') {
canSb = false
_that.$message.error(_that.$t('Bzxxgl.the_data_you_selected_cannot_be_reported'))
_that.$refs.multipleTable.toggleRowSelection(item, false)
} else {
ids.push(item.id)
......@@ -847,14 +1073,14 @@ export default {
})
})
} else {
_that.$message.error(_that.$t('Bzxxgl.the_data_you_selected_cannot_be_reported'))
// _that.$message.error(_that.$t('Bzxxgl.the_data_you_selected_cannot_be_reported'))
}
},
/**
* 批量操作
*/
doPlSb(ids) {
doPlSb (ids) {
let TITLE = '批量上报'
let _that = this
let ruleForm = {}
......@@ -875,7 +1101,7 @@ export default {
})
},
onFztmSuccess(e) {
onFztmSuccess (e) {
let _that = this
if (_that.multipleSelection.length != 0) {
_that.$message({
......@@ -885,13 +1111,13 @@ export default {
}
},
onFztmError(e) {
onFztmError (e) {
let _that = this
if (_that.multipleSelection.length != 0) {
this.$message.error(this.$t('Common.sorry_copy_barcode_fail'))
}
},
onClickFztm() {
onClickFztm () {
//复制条码号
let _that = this
_that.fztm_ytmh = []
......@@ -911,7 +1137,7 @@ export default {
}
},
watch: {
ruleForm() {
ruleForm () {
let _that = this
if (this.tableDate && _that.tableDate.length > 0) {
_that.tableDate.forEach(item => {
......@@ -922,7 +1148,7 @@ export default {
})
}
},
isSelectBoo() {
isSelectBoo () {
// this.BLANK.isShow = !this.isSelectBoo
this.BLANK.width = this.isSelectBoo ? '1' : '16'
this.tableHeight = this.isSelectBoo ? '30rem' : '33.5rem'
......@@ -958,33 +1184,32 @@ const initRuleFrom = {
</script>
<style lang="scss" scoped>
@import "./scss/bzxxsh.scss";
@import "@/assets/css/globalBase.scss";
@import './scss/bzxxsh.scss';
@import '@/assets/css/globalBase.scss';
</style>
<style lang="scss">
.el-popper[x-placement^="bottom-end"] {
.el-popper[x-placement^='bottom-end'] {
border-style: none;
}
}
.el-popper[x-placement^="bottom-end"] .popper__arrow::after {
.el-popper[x-placement^='bottom-end'] .popper__arrow::after {
border-style: none;
}
}
.el-popper[x-placement^="bottom-end"] .popper__arrow {
.el-popper[x-placement^='bottom-end'] .popper__arrow {
border-style: none;
}
}
// 修改下拉框样式
.el-select-dropdown__item {
// 修改下拉框样式
.el-select-dropdown__item {
padding-left: 20px;
}
}
.el-table__fixed-right {
.el-table__fixed-right {
right: 0px !important;
}
}
.select-list-content {
.select-list-content {
margin-top: 2px;
display: block;
......@@ -992,15 +1217,15 @@ const initRuleFrom = {
z-index: 999;
/*position: absolute;*/
background: #FFFFFF;
background: #ffffff;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
border: 1px solid #E6E6E8;
border: 1px solid #e6e6e8;
transform: translate(56px, -8px);
}
}
.select-list-content-item {
.select-list-content-item {
padding: 0px;
display: block;
/*display: block;*/
......@@ -1021,26 +1246,24 @@ const initRuleFrom = {
height: 32px;
background: white;
/*border: 1px solid #979797;*/
}
.select-list-content-item:hover {
background: #F5F5F7;
}
}
.select-list-content-item:hover {
background: #f5f5f7;
}
.checkbox-label {
.checkbox-label {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
}
}
</style>
<style scoped lang="scss">
/deep/ .el-table .el-table__body tr.current-row > td {
/deep/ .el-table .el-table__body tr.current-row > td {
background-color: transparent !important;
}
}
/deep/ .el-table .el-table__body tr:hover > td {
/deep/ .el-table .el-table__body tr:hover > td {
background-color: transparent !important;
}
}
</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