code init
This commit is contained in:
chenxiaoxi
@@ -0,0 +1,970 @@
|
||||
<!-- 标准法规库 - 国内外政策 -->
|
||||
<template>
|
||||
<div id="foreignRegulationsDatabase" :class="{ 'tree-close': sideClose }" class="demo-spin-article v-class">
|
||||
<div class="tree-content" :class="{'tree-closed' : sideClose}">
|
||||
<div class="tree">
|
||||
<laws-tree :zNodes="zNodes"
|
||||
treeDivId="domesticTree"
|
||||
deptSelect
|
||||
showRMenu
|
||||
autoSelect
|
||||
remove-id="NR3833TFBK"
|
||||
edit-id="3VE5ZYNJT8"
|
||||
add-id="963GB6H3SE"
|
||||
ref="foreignRegulationTree"
|
||||
:drag="hasPermissionDrag"
|
||||
drag-bind=".drag-table"
|
||||
:hideRMenuNode="['gxhbq', 'wdsc']"
|
||||
drag-dom="drag-row"
|
||||
@treeAdd="(treeId, treeNode) => clickDropMenu('addMenu', treeNode)"
|
||||
@treeEdit="(treeId, treeNode) => clickDropMenu('editMenu', treeNode)"
|
||||
@treeClick="(treeId, treeNode) => treeClick(treeNode)"
|
||||
@treeRightClick="(treeId, treeNode) => treeRightClick(treeNode)"
|
||||
@treeRemove="(treeId, treeNode) => clickDropMenu('deleteMenu', treeNode)"
|
||||
@drag="drag"
|
||||
></laws-tree>
|
||||
</div>
|
||||
<div class="tree-collapse" @click="treeCollapse" :class="{ 'tree-close': sideClose }">
|
||||
<i :class="collapseIcon" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tree-right">
|
||||
<table-tools-bar
|
||||
@search="advancedSearchLawsInfoBtn"
|
||||
@reset="resetLawsInfo"
|
||||
>
|
||||
<div slot="content">
|
||||
</div>
|
||||
<div slot="left">
|
||||
<div class="search-area">
|
||||
<div class="left">
|
||||
<el-form :model="lawsInfo" inline class="label-input-form" @keyup.enter.native="searchLawsInfoBtn">
|
||||
<el-form-item label="政策编号" prop="lawsNumber" class="search-item">
|
||||
<el-input v-model="lawsInfo.lawsNumber" placeholder="请输入" clearable :maxlength="100" @keyup.enter="searchLawsInfoBtn"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="中文名称" prop="lawsName" class="search-item">
|
||||
<el-input v-model="lawsInfo.lawsName" placeholder="请输入" clearable :maxlength="100" @keyup.enter="searchLawsInfoBtn"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="政策状态" prop="lawsState" class="search-item search-item-last">
|
||||
<el-select filterable v-model="lawsInfo.lawsState" placeholder="请选择" >
|
||||
<el-option
|
||||
v-for="item in standStateOptions"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
icon="el-icon-search"
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
round
|
||||
@click="searchLawsInfoBtn"></el-button>
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
icon="el-icon-refresh-left"
|
||||
round
|
||||
@click="clearSearch"></el-button>
|
||||
<el-button type="primary" class="common-button-primary" round @click="selectMoreBtn"><i class="iconfont"></i>高级查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="right" class="right shaixuan-button">
|
||||
<!-- <el-button icon="shaixuan" type="primary" class="common-button-primary" round @click="isAdvancedSearch = true">高级查询</el-button>-->
|
||||
</div>
|
||||
</table-tools-bar>
|
||||
<div class="content">
|
||||
<div class="action-bar">
|
||||
<el-button
|
||||
type="primary"
|
||||
class="common-button-primary add-button"
|
||||
round
|
||||
@click="openLawsModal"
|
||||
v-btn-permission="'XBRKH5BP5K'"
|
||||
><i class="iconfont"></i>新增</el-button>
|
||||
<el-button
|
||||
class="common-button-default in-button"
|
||||
round
|
||||
@click="addImportModal(1)"
|
||||
v-btn-permission="'JQHC5RJ7G5'"
|
||||
><i class="iconfont"></i>导入</el-button>
|
||||
<el-button
|
||||
class="common-button-default export-button"
|
||||
round
|
||||
@click="exportNameSet"
|
||||
title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
|
||||
v-btn-permission="'4BB65EKLAV'"
|
||||
><i class="iconfont"></i>导出</el-button>
|
||||
<!-- <el-button-->
|
||||
<!-- class="common-button-default export-button"-->
|
||||
<!-- round-->
|
||||
<!-- @click="exportNameSet('all')"-->
|
||||
<!-- v-btn-permission="'546NFDEFdsfd'"-->
|
||||
<!-- ><i class="iconfont"></i>全部导出</el-button>-->
|
||||
<el-button
|
||||
class="common-button-default delete-button"
|
||||
:loading="delLoading"
|
||||
round
|
||||
@click="batchDeleteLawsInfo"
|
||||
v-btn-permission="'UCDDYPWEFT'"
|
||||
><i class="iconfont"></i>批量删除</el-button>
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
round
|
||||
@click="batchRemoveLaws"
|
||||
v-btn-permission="'HS8BYUDF4O'"
|
||||
><i class="iconfont"></i>移除政策</el-button>
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
round
|
||||
@click="downloadTemplate"
|
||||
v-btn-permission="'Zy03n0DKoN'"
|
||||
><i class="iconfont"></i>模板下载</el-button>
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
round
|
||||
@click="configLawsInfo"
|
||||
v-btn-permission="'546VSNVS8Q'"
|
||||
><i class="iconfont"></i>配置政策</el-button>
|
||||
</div>
|
||||
<div class="table-wrap">
|
||||
<el-table
|
||||
:data="browseList"
|
||||
tooltip-effect="dark"
|
||||
class="drag-table"
|
||||
style="width: 100%; flex: auto;"
|
||||
height="100%"
|
||||
border
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="getSelectedInfoDatas"
|
||||
:row-class-name="dragRowClassName"
|
||||
ref="selection"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="lawsNumber"
|
||||
width="200px"
|
||||
label="政策编号">
|
||||
<template slot-scope="scope">
|
||||
<a @click="showLawsDetails(scope.row)">{{ scope.row.lawsNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="lawsName"
|
||||
label="中文名称"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a @click="showLawsDetails(scope.row)">{{ scope.row.lawsName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
width="150px"
|
||||
sortable
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
{{ formatIssueDate(scope.row.issueTime) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="XCXSSRQ"
|
||||
label="新车型实施日期"
|
||||
sortable
|
||||
width="150px"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.attrInfoMap.XCXSSRQ !== 'N/A' && scope.row.attrInfoMap.XCXSSRQ !== 'TBD'">{{ scope.row.attrInfoMap.XCXSSRQ || '' }}</span>
|
||||
<span v-else>{{ scope.row.attrInfoMap.XCXSSRQ }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lawsState"
|
||||
label="政策状态"
|
||||
width="110px"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ getLawsState(scope.row.lawsState) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<div @click.stop style="display: inline-block">
|
||||
<el-dropdown trigger="click" @command="handleCommand">
|
||||
<i class="iconfont"></i>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<!-- <el-dropdown-item v-btn-permission="'A2HDHMEA6W'" :command="[scope.row, '查看']">{{$t('m.see')}}</el-dropdown-item>-->
|
||||
<el-dropdown-item
|
||||
v-if="scope.row.collectBtn"
|
||||
v-btn-permission="'4WL5XQHBD8'"
|
||||
:command="[scope.row, '收藏']"
|
||||
>
|
||||
{{$t('m.collection')}}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
v-else
|
||||
v-btn-permission="'4WL5XQHBD8'"
|
||||
:command="[scope.row, '取消收藏']"
|
||||
>
|
||||
{{$t('m.cancelCollection')}}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'VTY972T56Q'" :command="[scope.row, '编辑']">{{$t('m.edit')}}</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'BREPLSFD7Q'" :command="[scope.row, '分享']">{{$t('m.share')}}</el-dropdown-item>
|
||||
<!-- <el-dropdown-item v-btn-permission="'HS8BYUDF4O'" :command="[scope.row, '移除政策']">{{$t('m.deletePolicy')}}</el-dropdown-item>-->
|
||||
<el-dropdown-item v-btn-permission="'UCDDYPWEFT'" :command="[scope.row, '删除']">{{$t('m.delete')}}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="loading">{{$t('m.dataAcquisition')}}</loading>
|
||||
</div>
|
||||
<pagination
|
||||
:page="page"
|
||||
:total="total"
|
||||
@pageChange="pageChange"
|
||||
@pageSizeChange="pageSizeChange"></pagination>
|
||||
</div>
|
||||
<!--左侧树结构新增编辑-->
|
||||
<el-dialog
|
||||
:title="showMenuTitle"
|
||||
width="500px"
|
||||
:visible.sync="showMenuModal"
|
||||
destroy-on-close
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-form ref="SarMenuEO" :model="SarMenuEO" :rules="SarMenuEOFormRules" class="label-input-form" label-width="130px">
|
||||
<input v-model="SarMenuEO.id" v-show="false">
|
||||
<input v-model="SarMenuEO.parentId" v-show="false">
|
||||
<el-form-item :label="$t('m.name')" prop="menuName" class="add-form-item">
|
||||
<el-input v-model.trim="SarMenuEO.menuName" :placeholder="$t('m.pleaseEntertheName')"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('m.serialNumber')" prop="displaySeq" class="add-form-item">
|
||||
<el-input v-model.number="SarMenuEO.displaySeq" :placeholder="$t('m.onlyPositiveIntegersAreAllowed')" :maxlength="2"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('m.remark')" prop="remarks" class="add-form-item">
|
||||
<el-input v-model.trim="SarMenuEO.remarks" :placeholder="$t('m.pleaseEnterTheRemarks')" ></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="demo-drawer-footer">
|
||||
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="saveMenu" :loading="isSubmit">{{$t('m.submit')}}</el-button>
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="closeMenuModal">{{$t('m.cancel')}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
:title="$t('m.confirmDeletion')"
|
||||
width="300px"
|
||||
:visible.sync="deleteMenuModal"
|
||||
>
|
||||
<p>该节点下有记录，是否删除？</p>
|
||||
<div slot="footer">
|
||||
<el-button round class="common-button-default" @click="deleteMenuModal = false">{{$t('m.cancel')}}</el-button>
|
||||
<el-button type="primary" round class="common-button-primary" @click="sureDeleteSarMenu">{{$t('m.sure')}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
:title="$t('m.pleaseSelectThePersonYouWantToShare')"
|
||||
:visible.sync="shareStandardModal"
|
||||
:closable="false"
|
||||
width="360"
|
||||
>
|
||||
<!--multiple-->
|
||||
<el-select v-model="shareStandardSelect" style="width:200px" multiple>
|
||||
<el-option v-for="shareUser in shareUserInfoList" :value="shareUser.usid" :label="shareUser.account" :key="shareUser.usid">
|
||||
{{ shareUser.account }}
|
||||
</el-option>
|
||||
</el-select>
|
||||
<div slot="footer">
|
||||
<el-button type="text" size="large" @click="shareStandardModal=false">{{$t('m.cancel')}}</el-button>
|
||||
<el-button type="primary" size="large" @click="shareStandardBt" :loading="isSubmit">{{$t('m.sure')}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--分享-->
|
||||
<el-drawer
|
||||
:title="$t('m.sharingPolicy')"
|
||||
:visible.sync="drawerModal"
|
||||
size="300px"
|
||||
@close="cancelShareLaws"
|
||||
destroy-on-close
|
||||
>
|
||||
<div class="demo-drawer-content">
|
||||
<dept-tree treeDivId="drawerModalTree"
|
||||
ref="drawerModalTree"
|
||||
@treeOnCheck="(checkedList) => treeOnCheck(checkedList)"
|
||||
allDept
|
||||
showUser
|
||||
check-enable
|
||||
:editable="false"
|
||||
style="padding: 0 15px">
|
||||
</dept-tree>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="shareStandardBt">{{$t('m.sure')}}</el-button>
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="cancelShareLaws">{{$t('m.cancel')}}</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<!--新增修改查看法规模态框-->
|
||||
<el-drawer
|
||||
:wrapperClosable="false"
|
||||
:title="showLawsInfoTitle"
|
||||
:visible.sync="showLawsInfoModal"
|
||||
@close="closeEditInfo"
|
||||
size="800px"
|
||||
>
|
||||
<div class="demo-drawer-content">
|
||||
<el-form
|
||||
v-if="reloadAddForm"
|
||||
ref="SarLawsInfoEO"
|
||||
:model="SarLawsInfoEO"
|
||||
:rules="lawsInfoFormRules"
|
||||
class="label-input-form"
|
||||
label-width="150px"
|
||||
>
|
||||
<input v-model="SarLawsInfoEO.editLawsId" v-show="false">
|
||||
<el-form-item
|
||||
label="重要度"
|
||||
prop="isRelateAccess"
|
||||
label-width="150px"
|
||||
class="add-form-item"
|
||||
title="设置为A时可纳入标准法规清单"
|
||||
>
|
||||
<el-select v-model="SarLawsInfoEO.isRelateAccess" @change="isRegulationsChange">
|
||||
<el-option value="1" label="A" key="1"></el-option>
|
||||
<el-option value="0" label="B" key="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="政策编号" prop="lawsNumber" class="add-form-item">
|
||||
<el-input v-model="SarLawsInfoEO.lawsNumber" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="中文名称" prop="lawsName" class="add-form-item">
|
||||
<el-input v-model="SarLawsInfoEO.lawsName" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="英文名称" prop="lawsEnName" class="add-form-item">
|
||||
<el-input v-model="SarLawsInfoEO.lawsEnName" placeholder="请输入" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="政策状态" prop="lawsState" class="add-form-item">
|
||||
<el-select filterable v-model="SarLawsInfoEO.lawsState" placeholder="请选择" >
|
||||
<el-option
|
||||
v-for="item in standStateOptions"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用区域" prop="country" class="add-form-item">
|
||||
<el-select v-model="SarLawsInfoEO.country" placeholder="请选择" >
|
||||
<el-option
|
||||
v-for="item in countryOptions"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<custom-input-for-policy
|
||||
:config="{
|
||||
attrName: '代替政策编号',
|
||||
attrField: 'replaceLawsNum',
|
||||
}"
|
||||
v-model="SarLawsInfoEO.replaceLawsNum"
|
||||
:disabled="formdisableflag"
|
||||
></custom-input-for-policy>
|
||||
<!--<el-form-item label="发布日期" prop="issueTime" class="add-form-item">-->
|
||||
<!--<el-date-picker type="date" v-model="SarLawsInfoEO.issueTime" clearable format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>-->
|
||||
<custom-date-pick-with-text2
|
||||
:config="{
|
||||
attrName: '发布日期',
|
||||
attrField: 'issueTime'
|
||||
}"
|
||||
v-model="SarLawsInfoEO.issueTime"
|
||||
:disabled="formdisableflag"
|
||||
></custom-date-pick-with-text2>
|
||||
<!--</el-form-item>-->
|
||||
<!-- 动态数据-->
|
||||
<template v-for="(displayLocation, index) in dynamicFormField">
|
||||
<el-col :span="24" :key="index">
|
||||
<div class="divider-line">{{ displayLocation.label }}</div>
|
||||
</el-col>
|
||||
<template v-for="field in displayLocation.child">
|
||||
<template v-if="field.attrField === 'EOPSSRQ'">
|
||||
<custom-eop-date-pick
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-eop-date-pick>
|
||||
</template>
|
||||
<template v-else-if="field.attrField === 'SVPPS'">
|
||||
<custom-SVPPS
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-SVPPS>
|
||||
</template>
|
||||
<template v-else-if="field.attrField === 'XCXSSRQ' || field.attrField === 'ZCCSSRQ'">
|
||||
<custom-date-pick-with-text
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-date-pick-with-text>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'DATE_PIC_OPTS'">
|
||||
<custom-date-pick-group
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-date-pick-group>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'INPUT_STR' && field.attrField !== 'XGLC'">
|
||||
<custom-input
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-input>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'INPUT_NUM'">
|
||||
<custom-input-num
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-input-num>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'DATE_PICKER'">
|
||||
<custom-date-pick
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-date-pick>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'FILE'">
|
||||
<custom-file
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-file>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'TEXTAREA'">
|
||||
<custom-textarea
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-textarea>
|
||||
</template>
|
||||
<template v-else-if="field.selVal === 'ORGLIST' || field.selVal === 'USERLIST' || field.selVal === 'ROLELIST'">
|
||||
<template v-if="field.attrField === 'ZRBM'">
|
||||
<custom-org
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
:zNodes="orgData"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
:data-model="SarLawsInfoEO"
|
||||
@on-checked="onChecked"
|
||||
></custom-org>
|
||||
</template>
|
||||
<template v-else-if="field.attrField === 'ZCGCS'">
|
||||
<org-table
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
:zNodes="orgData"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:data-model="SarLawsInfoEO"
|
||||
></org-table>
|
||||
</template>
|
||||
<template v-else>
|
||||
<custom-org
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
:zNodes="orgData"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
:data-model="SarLawsInfoEO"></custom-org>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'SEL_OPTION'">
|
||||
<custom-select
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-select>
|
||||
</template>
|
||||
<template v-else-if="field.attrType === 'SEL_OPTS' && field.attrField !== 'ZRLX'">
|
||||
<custom-select-array
|
||||
:key="field.attrField"
|
||||
:config="field"
|
||||
v-model="SarLawsInfoEO[field.attrField]"
|
||||
:disabled="formdisableflag"
|
||||
></custom-select-array>
|
||||
</template>
|
||||
</template>
|
||||
</template>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button v-show="showLawsInfoTitle === '新增国内外政策'" type="primary" round class="common-button-primary" icon="el-icon-check" @click="saveBt">保存</el-button>
|
||||
<el-button round class="common-button-primary" icon="el-icon-check" type="primary" @click="saveLawsInfo" :loading="isSubmit">{{$t('m.submit')}}</el-button>
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="closeEditInfo">{{$t('m.cancel')}}</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<!--导入模态框-->
|
||||
<el-dialog :visible.sync="importModalshowflag" :title="$t('m.theImportFile')" :z-index="1000" width="400px">
|
||||
<el-upload
|
||||
drag
|
||||
multiple
|
||||
:action="importExcelUrl"
|
||||
ref="importfile"
|
||||
name="file"
|
||||
accept=".ZIP, .zip"
|
||||
:on-progress="onProgress"
|
||||
:on-success="importFileSuccess"
|
||||
:before-upload="beginImportFile"
|
||||
:show-file-list="false"
|
||||
>
|
||||
<div style="padding: 20px 0">
|
||||
<i class="el-icon-upload" style="color: #3399ff"></i>
|
||||
<p>点击或拖拽上传文件</p>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-dialog>
|
||||
<!--导出文件模态-->
|
||||
<el-dialog :visible.sync="exportRegulationsNameFlag" title="导出文件" width="300px">
|
||||
<el-form :inline="true" class="label-input-form search-area">
|
||||
<el-form-item label="导出名称" class="search-item">
|
||||
<el-input v-model="exportNameModel.eportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="demo-drawer-footer">
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
|
||||
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="exportLawsInfo">提交</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<!--新增修改查看法规条目模态框-->
|
||||
<el-drawer
|
||||
:title="addLawsItemsTitle"
|
||||
:wrapperClosable="false"
|
||||
:visible.sync="addLawsItemsModal"
|
||||
@on-close="closeEditItems"
|
||||
size="900px"
|
||||
>
|
||||
<div class="standards-info-form">
|
||||
<el-form ref="SarLawsItemsEO" :model="SarLawsItemsEO" :rules="addLawsItemsFormRules" class="label-input-form">
|
||||
<input v-model="SarLawsItemsEO.id" v-show="false">
|
||||
<input v-model="SarLawsItemsEO.lawsId" v-show="false">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.itemNumber')" prop="itemsNum" class="laws-info-item">
|
||||
<el-nput v-model="SarLawsItemsEO.itemsNum" :disabled="itemFormdisableflag"></el-nput>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.entryName')" prop="itemsName" class="laws-info-item">
|
||||
<el-nput v-model="SarLawsItemsEO.itemsName" :disabled="itemFormdisableflag"></el-nput>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.partsInvolved')" prop="parts" class="laws-info-item">
|
||||
<el-nput v-model="SarLawsItemsEO.parts" :disabled="itemFormdisableflag"></el-nput>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.specialEffectiveDate')" prop="tackTime" class="laws-info-item">
|
||||
<DatePicker type="date" v-model="SarLawsItemsEO.tackTime" format="yyyy-MM-dd" :editable="false" :disabled="itemFormdisableflag"></DatePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col span="24">
|
||||
<el-form-item :label="$t('m.applicableModels')" prop="applyArctic" class="laws-info-item">
|
||||
<Select v-model="SarLawsItemsEO.applyArctic" :disabled="itemFormdisableflag" multiple>
|
||||
<Option v-for="item in applyArcticOptions" :value="item.value" :key="item.value" :disabled="itemFormdisableflag">{{ item.label }}</Option>
|
||||
</Select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col span="24">
|
||||
<el-form-item :label="$t('m.energyTypes')" prop="energyKind" class="laws-info-item">
|
||||
<Select v-model="SarLawsItemsEO.energyKind" :disabled="itemFormdisableflag" multiple>
|
||||
<Option v-for="item in energyKindOptions" :value="item.value" :key="item.value" :disabled="itemFormdisableflag">{{ item.label }}</Option>
|
||||
</Select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.responsibleDepartment')" prop="responsibleUnit" class="laws-info-item">
|
||||
<el-nput v-model="SarLawsItemsEO.responsibleUnit" v-show="false"></el-nput>
|
||||
<Poptip placement="bottom" popper-class="user-dept-popper" @on-popper-show="selectNode">
|
||||
<Input v-model="SarLawsItemsEO.responsibleUnitName" :disabled="itemFormdisableflag" :placeholder="$t('m.pleaseSelectDepartment')" readonly clearable id="depBtns" />
|
||||
<div class="api" slot="content">
|
||||
<laws-tree :zNodes="depNode"
|
||||
deptSelect
|
||||
treeDivId="depTree"
|
||||
showRMenu
|
||||
@treeDblClick="tClick"
|
||||
class="ztree" style="width: 200px;height: 300px;overflow: auto">
|
||||
</laws-tree>
|
||||
</div>
|
||||
</Poptip>
|
||||
</el-form-item>
|
||||
<!--<ul id="orgTree" class="ztree" style="width: 200px;height: 500px;overflow: auto"></ul>-->
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item :label="$t('m.remarks')" prop="remarks" class="laws-info-item">
|
||||
<el-nput v-model="SarLawsItemsEO.remarks" :disabled="itemFormdisableflag"></el-nput>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button @click="addLawsItemsModal = false">{{$t('m.cancel')}}</el-button>
|
||||
<el-button v-if="saveLawsItemsBtn" type="primary" @click="saveLawsItems" :loading="isSubmit">{{$t('m.submit')}}</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
|
||||
<el-drawer
|
||||
:title="$t('m.viewPolicyEntry')"
|
||||
:wrapperClosable="false"
|
||||
:visible.sync="modalItemSeeShowflag"
|
||||
size="600px"
|
||||
>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.entryNumber')}}：{{lawsShowItemEO.itemsNum}}</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.entryName')}}：{{lawsShowItemEO.itemsName}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.partsInvolved')}}：{{lawsShowItemEO.parts}}</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.specialEffectiveDate')}}：{{lawsShowItemEO.tackTime}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.applicableModels')}}：{{lawsShowItemEO.applyArcticShow}}</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.typesOfEnergy')}}：{{lawsShowItemEO.energyKindShow}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.responsibilityDepartment')}}：{{lawsShowItemEO.responsibleUnitShow}}</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<span>{{$t('m.remarks')}}：{{lawsShowItemEO.remarks}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<!--配置法规列表-->
|
||||
<el-drawer
|
||||
:title="$t('m.allocationPolicy')"
|
||||
:wrapperClosable="false"
|
||||
:visible.sync="showConfigLawsTable"
|
||||
size="1200px"
|
||||
@close="showConfigLawsTableFalse"
|
||||
>
|
||||
<div class="demo-drawer-content">
|
||||
<div class="search-area">
|
||||
<div class="left">
|
||||
<el-form :model="sarConfigLaws" inline class="label-input-form">
|
||||
<el-form-item :label="$t('m.fileName')" prop="lawsNumber" class="search-item">
|
||||
<el-input v-model="sarConfigLaws.lawsName" :placeholder="$t('m.findByFileName')" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('m.standardFileNo')" prop="lawsNumber" class="search-item">
|
||||
<el-input v-model="sarConfigLaws.lawsNumber" :placeholder="$t('m.findByFileNumber')" clearable/>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
icon="el-icon-search"
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
round
|
||||
@click="searchConfigLaws"
|
||||
></el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
icon="el-icon-refresh-left"
|
||||
round
|
||||
@click="clearSearchConfigLaws"></el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="drawer-content">
|
||||
<loading :loading="configLoading">{{$t('m.Loading')}}</loading>
|
||||
<el-table
|
||||
border
|
||||
ref="selection"
|
||||
:data="configLawsData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%; flex: auto;"
|
||||
height="100%"
|
||||
@selection-change="getConfigSelectedDatas"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lawsNumber"
|
||||
label="政策编号"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lawsName"
|
||||
label="文件名称"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
sortable
|
||||
label="发布日期"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="stateName"
|
||||
label="文件状态"
|
||||
show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<pagination :page="configPage" :pageSize="configPageSize" :total="configLawsTotal" @pageChange="configPageChange" @pageSizeChange="configPageSizeChange"></pagination>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button
|
||||
round
|
||||
class="common-button-primary"
|
||||
icon="el-icon-check"
|
||||
type="primary"
|
||||
@click="saveConfigLawsInfo"
|
||||
:loading="isSubmit"
|
||||
>{{$t('m.submit')}}</el-button>
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="showConfigLawsTableFalse">{{$t('m.cancel')}}</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<!-- 导入失败模态-->
|
||||
<el-dialog :visible.sync="importFailed" :close-on-click-modal="false" width="400px">
|
||||
<p slot="title" style="color:#f60">
|
||||
<span>导入失败</span>
|
||||
</p>
|
||||
<div style="max-height: 300px;overflow: auto;padding: 10px 0;">
|
||||
<p v-html="importForm.content"></p>
|
||||
</div>
|
||||
<div slot="footer" class="demo-drawer-footer">
|
||||
<el-button type="primary" round class="common-button-default" icon="el-icon-check" @click="importFailed = false">确认</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--代替政策号-->
|
||||
<el-dialog title="代替政策号" :visible.sync="replaceLawsNumModel" width="875px" :close-on-click-modal="false" @close="replaceLawsNumModelCancel = false">
|
||||
<div class="search-area">
|
||||
<div class="left">
|
||||
<el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form">
|
||||
<el-form-item label="政策编号" class="search-item">
|
||||
<el-input v-model="replaceLawsNumForm.lawsNumber" placeholder="根据政策编号查找" clearable :maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
icon="el-icon-search"
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
round
|
||||
@click="getReplaceLawsNumRow">
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="search-item btn-box">
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
icon="el-icon-refresh-left"
|
||||
round
|
||||
type="default"
|
||||
@click="getResetLawsNumRow"></el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
ref="selections"
|
||||
:data="replaceLawsNumRow"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;overflow-y: auto;overflow-x: hidden;"
|
||||
border
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
@selection-change="selectReplaceStandNumRowChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="政策编号"
|
||||
width="130">
|
||||
<template slot-scope="scope">
|
||||
<a @click="showLawsDetails(scope.row)">{{ scope.row.lawsNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lawsName"
|
||||
label="标准名称"
|
||||
:min-width="130">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
label="发布日期"
|
||||
width="130">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="stateName"
|
||||
label="标准状态"
|
||||
width="130">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
|
||||
<!--分页-->
|
||||
<pagination
|
||||
style="position: relative;"
|
||||
:page="replacePage"
|
||||
:total="replaceTotal"
|
||||
@pageChange="pageChangeReplace"
|
||||
@pageSizeChange="pageSizeChangeReplace"></pagination>
|
||||
<div slot="footer" class="demo-drawer-footer">
|
||||
<el-button round class="common-button-primary" icon="el-icon-check" @click="replaceLawsNumModelCancel">取消</el-button>
|
||||
<el-button type="primary" round class="common-button-default" icon="el-icon-close" @click="replaceLawsNumModelBt">提交</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<!--高级查询-->
|
||||
<AdvancedQuery
|
||||
:isAdvancedSearch.sync="isAdvancedSearch"
|
||||
:twoOptions="twoOptions"
|
||||
:threeOptions="threeOptions"
|
||||
@twoSelectChange="twoSelectChange"
|
||||
@getDomesticStandardTableBtn="advancedSearchLawsInfoBtn"
|
||||
></AdvancedQuery>
|
||||
<!-- 分享 全部选人 -->
|
||||
<org-table
|
||||
:visible.sync="visibleOrgTable"
|
||||
title="分享人员"
|
||||
dialog-model
|
||||
:config="{
|
||||
value: orgTableVal,
|
||||
valueName: orgTableValName
|
||||
}"
|
||||
@confirm="isTreeOk"
|
||||
></org-table>
|
||||
<loading style="z-index: 2099;" :loading="exportLoading">导入中...</loading>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="./js/foreignRegulationsDatabase.js"></script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/style';
|
||||
@import '~@/assets/styles/mixins';
|
||||
#foreignRegulationsDatabase{
|
||||
display: flex;
|
||||
height: 100%;
|
||||
.tree-content {
|
||||
position: relative;
|
||||
width: 16%;
|
||||
background: #fff;
|
||||
.tree {
|
||||
width: 95%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.tree-collapse {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
.tree-right{
|
||||
overflow-y: hidden;
|
||||
padding:0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.content {
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
.table-wrap {
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.pagination {
|
||||
position: static;
|
||||
width: 100% !important;
|
||||
/deep/ .pagination-slot {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-drawer__wrapper{
|
||||
.demo-drawer-content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.drawer-content{
|
||||
//height: calc(~'100% - 52px - 56px');
|
||||
flex: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer__header{
|
||||
&>span:first-child{
|
||||
outline: none!important;
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer{
|
||||
outline: none!important;
|
||||
}
|
||||
</style>
|
||||
+2317
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user