FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'fix_foton_20231213' into 'master'

Browse Source 
Fix foton 20231213

See merge request laws-foton-slrs/foton-laws-system-front!143
This commit is contained in:
高嵩
2024-01-09 09:39:20 +00:00
parent 9ac4cc0b0b f2712d2e91
commit 3a7782faa2
7 changed files with 1780 additions and 1559 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/localTool/standardWarning.vue
+153 -108
View File
@@ -4,7 +4,7 @@
<div class="dynamic-content"> <div class="dynamic-content">
<!-- 实施预警 --> <!-- 实施预警 -->
<div class="dynamic"> <div class="dynamic">
<div class="container"> <div class="container" style="height: 100%">
<!-- <el-tabs v-model="activeName" @tab-click="handleClick">--> <!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
<!-- <el-tab-pane label="标准预警" name="STANDARD">--> <!-- <el-tab-pane label="标准预警" name="STANDARD">-->
<div class="dynamic-content"> <div class="dynamic-content">
@@ -16,23 +16,36 @@
<el-row :gutter="24"> <el-row :gutter="24">
<el-col> <el-col>
<el-form-item label="标准编号"> <el-form-item label="标准编号">
<el-input clearable size="mini" <el-input
v-model="dynamic.standCode" v-model="dynamic.standCode"
placeholder="根据标准编号查找"> clearable
</el-input> size="mini"
placeholder="根据标准编号查找"
/>
</el-form-item> </el-form-item>
<el-form-item label="标准名称"> <el-form-item label="标准名称">
<el-input clearable size="mini" <el-input
v-model="dynamic.standName" v-model="dynamic.standName"
placeholder="根据标准名称查找"> clearable
</el-input> size="mini"
placeholder="根据标准名称查找"
/>
</el-form-item> </el-form-item>
<!-- 适用车型--> <!-- 适用车型-->
<el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled"> <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
<el-select v-model="dynamic.applyType" size="mini" <el-select
:placeholder="$t('m.searchAccordingToThApplicableModel')" clearable> v-model="dynamic.applyType"
<el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value" size="mini"
:key="opt.value" :label="opt.label">{{ opt.label }} :placeholder="$t('m.searchAccordingToThApplicableModel')"
clearable
>
<el-option
v-for="opt in applyArcticOptions"
:key="opt.value"
:value="opt.value === undefined ? '' :opt.value"
:label="opt.label"
>
{{ opt.label }}
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@@ -53,8 +66,8 @@
size="mini" size="mini"
:picker-options="pickerBeginDateBefore" :picker-options="pickerBeginDateBefore"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择开始时间"> placeholder="选择开始时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="至" label-width="25px"> <el-form-item label="至" label-width="25px">
<el-date-picker <el-date-picker
@@ -63,8 +76,8 @@
size="mini" size="mini"
format="yyyy-MM-dd" format="yyyy-MM-dd"
:picker-options="pickerBeginDateAfter" :picker-options="pickerBeginDateAfter"
placeholder="选择结束时间"> placeholder="选择结束时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="新车型实施日期" style="margin-right: 10px" class="choose-time-area"> <el-form-item label="新车型实施日期" style="margin-right: 10px" class="choose-time-area">
<el-date-picker <el-date-picker
@@ -73,8 +86,8 @@
size="mini" size="mini"
:picker-options="XCXSSRQDateBefore" :picker-options="XCXSSRQDateBefore"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择开始时间"> placeholder="选择开始时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="至" label-width="25px"> <el-form-item label="至" label-width="25px">
<el-date-picker <el-date-picker
@@ -83,8 +96,8 @@
size="mini" size="mini"
format="yyyy-MM-dd" format="yyyy-MM-dd"
:picker-options="XCXSSRQDateAfter" :picker-options="XCXSSRQDateAfter"
placeholder="选择结束时间"> placeholder="选择结束时间"
</el-date-picker> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -97,8 +110,8 @@
size="mini" size="mini"
:picker-options="SSRQDateBefore" :picker-options="SSRQDateBefore"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择开始时间"> placeholder="选择开始时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="至" label-width="25px"> <el-form-item label="至" label-width="25px">
<el-date-picker <el-date-picker
@@ -107,8 +120,8 @@
size="mini" size="mini"
format="yyyy-MM-dd" format="yyyy-MM-dd"
:picker-options="SSRQDateAfter" :picker-options="SSRQDateAfter"
placeholder="选择结束时间"> placeholder="选择结束时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="在产车实施日期" style="margin-right: 10px" class="choose-time-area"> <el-form-item label="在产车实施日期" style="margin-right: 10px" class="choose-time-area">
<el-date-picker <el-date-picker
@@ -117,8 +130,8 @@
size="mini" size="mini"
:picker-options="ZCCSSRQDateBefore" :picker-options="ZCCSSRQDateBefore"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择开始时间"> placeholder="选择开始时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item label="至" label-width="25px"> <el-form-item label="至" label-width="25px">
<el-date-picker <el-date-picker
@@ -127,57 +140,65 @@
size="mini" size="mini"
format="yyyy-MM-dd" format="yyyy-MM-dd"
:picker-options="ZCCSSRQDateAfter" :picker-options="ZCCSSRQDateAfter"
placeholder="选择结束时间"> placeholder="选择结束时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-button <el-button
v-btn-permission="'5dca375c3d8d57c45e4815acf3611b34'"
style="margin: 6px 8px 0 0" style="margin: 6px 8px 0 0"
type="primary" type="primary"
size="mini" size="mini"
v-btn-permission="'5dca375c3d8d57c45e4815acf3611b34'" class="common-button-primary"
@click="searchBtnClick" @click="searchBtnClick"
class="common-button-primary"> >
查询 查询
</el-button> </el-button>
<el-button <el-button
v-btn-permission="'8258ee44344e92365e7e5bd90f3c8d21'"
style="margin: 6px 0 0 0" style="margin: 6px 0 0 0"
size="mini" size="mini"
v-btn-permission="'8258ee44344e92365e7e5bd90f3c8d21'" class="common-button-primary"
@click="clearBtnClick" @click="clearBtnClick"
class="common-button-primary"> >
清空 清空
</el-button> </el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<div style="float: right;margin: 0 3% 10px 0"> <div style="margin: 0 3% 10px 0;display: flex;justify-content: right">
<el-button type="primary" size="mini" <el-button
v-btn-permission="'a34dcbc3a44a297a6b6cc95e450b28ea'" v-btn-permission="'a34dcbc3a44a297a6b6cc95e450b28ea'"
@click="exportExcelBtn">导出Excel</el-button> type="primary"
size="mini"
@click="exportExcelBtn"
>
导出Excel
</el-button>
</div> </div>
<div class="content"> <div class="content" style="height: calc(100% - 224px);padding-bottom: 0">
<!-- <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>--> <!-- <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>-->
<el-table <el-table
v-loading="warningTableLoading"
:data="warningTableDatas" :data="warningTableDatas"
style="overflow-y: auto;" style="overflow-y: auto;"
height="100%" height="calc(100% - 57px)"
border border
:resizable="false" :resizable="false"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}" :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
v-loading="warningTableLoading"
@selection-change="selectChange" @selection-change="selectChange"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (pageConfig.page - 1) * pageConfig.pageSize }} {{ ($index + 1) + (pageConfig.page - 1) * pageConfig.pageSize }}
</template> </template>
@@ -206,7 +227,13 @@
<a @click="handlePreview(scope.row)">{{ scope.row.itemsNum }}</a> <a @click="handlePreview(scope.row)">{{ scope.row.itemsNum }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="itemsName" width="320" label="条款名称" align="center" show-overflow-tooltip> <el-table-column
prop="itemsName"
width="320"
label="条款名称"
align="center"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<a @click="handlePreview(scope.row)">{{ scope.row.itemsName }}</a> <a @click="handlePreview(scope.row)">{{ scope.row.itemsName }}</a>
</template> </template>
@@ -215,9 +242,10 @@
prop="termsConditions" prop="termsConditions"
label="条款内容" label="条款内容"
width="400" width="400"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.termsConditions === null"></a> <a v-if="scope.row.termsConditions === null" />
<a v-else @click="openDialog(scope.row.termsConditions)">{{ <a v-else @click="openDialog(scope.row.termsConditions)">{{
scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0, 20) + '...' scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0, 20) + '...'
}}</a> }}</a>
@@ -243,15 +271,22 @@
<span>{{ scope.row.zccssrq }}</span> <span>{{ scope.row.zccssrq }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="applyType" label="适用车型" width="150" align="center"> <el-table-column prop="applyType" label="适用车型" width="150" align="center" />
</el-table-column> <el-table-column
<el-table-column label="操作" width="100" align="center" v-if="isShowBtn" fixed="right"> v-if="isShowBtn"
label="操作"
width="100"
align="center"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-btn-permission="'30d080f4194a10a76cc4994bad0afc9e'"
size="mini" size="mini"
type="danger" type="danger"
v-btn-permission="'30d080f4194a10a76cc4994bad0afc9e'" @click="cancelWarning(scope.$index, scope.row)"
@click="cancelWarning(scope.$index, scope.row)">取消预警 >
取消预警
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
@@ -263,24 +298,36 @@
:total="pageConfig.total" :total="pageConfig.total"
autoSize autoSize
@pageChange="page => handlePageChange('page', page)" @pageChange="page => handlePageChange('page', page)"
@pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"></pagination> @pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"
/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<adc-back-top scroll-bind="dynamicInformation"></adc-back-top> <adc-back-top scroll-bind="dynamicInformation" />
<!--导出模态框区域--> <!--导出模态框区域-->
<el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px"> <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px">
<el-form :inline="true" class="label-input-form search-area"> <el-form :inline="true" class="label-input-form search-area">
<el-form-item label="导出名称" class="search-item"> <el-form-item label="导出名称" class="search-item">
<el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/> <el-input
v-model="exportName"
placeholder="请输入导出文件名称"
:maxlength="30"
clearable
label="导出名称"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="demo-drawer-footer"> <span slot="footer" class="demo-drawer-footer">
<el-button size="mini" class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button> <el-button size="mini" class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" <el-button
@click="exportExcel">提交</el-button> type="primary"
size="mini"
class="common-button-primary"
icon="el-icon-check"
@click="exportExcel"
>提交</el-button>
</span> </span>
</el-dialog> </el-dialog>
@@ -288,20 +335,20 @@
class="textDialog" class="textDialog"
title="条款内容" title="条款内容"
:visible.sync="detailTextDialog" :visible.sync="detailTextDialog"
width="50%"> width="50%"
<span style="line-height: normal" v-html="detailText"></span> >
<div slot="footer" class="dialog-footer"> <span style="line-height: normal" v-html="detailText" />
</div> <div slot="footer" class="dialog-footer" />
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {mapMutations} from "vuex"; import { mapMutations } from 'vuex';
import {interfaceUrl} from "@/sysConfig"; import { interfaceUrl } from '@/sysConfig';
export default { export default {
name: "standardWarning", name: 'StandardWarning',
data () { data () {
return { return {
detailTextDialog: false, detailTextDialog: false,
@@ -313,7 +360,7 @@ export default {
warningTableHeight: '', warningTableHeight: '',
applyArcticOptions: [], // 适用车型下拉框 applyArcticOptions: [], // 适用车型下拉框
isShowBtn: true, isShowBtn: true,
activeName: "STANDARD", //tab 默认选中值 activeName: 'STANDARD', // tab 默认选中值
// 头部搜索框 // 头部搜索框
dynamic: { dynamic: {
// 发布日期 // 发布日期
@@ -329,9 +376,9 @@ export default {
startZCCSSRQ: '', startZCCSSRQ: '',
endZCCSSRQ: '', endZCCSSRQ: '',
// 标准编号 // 标准编号
standCode: "", standCode: '',
// 标准名称 // 标准名称
standName: "", standName: '',
// 发布日期 // 发布日期
putTime: [], putTime: [],
// 实施日期 // 实施日期
@@ -341,7 +388,7 @@ export default {
// 在产车实施日期 // 在产车实施日期
ZCCSSRQ: [], ZCCSSRQ: [],
// 适用车型 // 适用车型
applyType: "", applyType: '',
}, },
height: null, height: null,
energyKindOptions: [], // 存放适用车型数据 energyKindOptions: [], // 存放适用车型数据
@@ -371,7 +418,7 @@ export default {
// 发布日期当前日期之前不可选择 // 发布日期当前日期之前不可选择
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.endIssueTime; const beginDateVal = this.dynamic.endIssueTime;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > beginDateVal; return time.getTime() > beginDateVal;
} }
@@ -379,7 +426,7 @@ export default {
}, },
pickerBeginDateAfter: { pickerBeginDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.startIssueTime; const beginDateVal = this.dynamic.startIssueTime;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() < beginDateVal; return time.getTime() < beginDateVal;
} }
@@ -388,7 +435,7 @@ export default {
SSRQDateBefore: { SSRQDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.endSSRQ; const beginDateVal = this.dynamic.endSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > beginDateVal; return time.getTime() > beginDateVal;
} }
@@ -396,7 +443,7 @@ export default {
}, },
SSRQDateAfter: { SSRQDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.startSSRQ; const beginDateVal = this.dynamic.startSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() < beginDateVal; return time.getTime() < beginDateVal;
} }
@@ -405,7 +452,7 @@ export default {
XCXSSRQDateBefore: { XCXSSRQDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.endXCXSSRQ; const beginDateVal = this.dynamic.endXCXSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > beginDateVal; return time.getTime() > beginDateVal;
} }
@@ -413,7 +460,7 @@ export default {
}, },
XCXSSRQDateAfter: { XCXSSRQDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.startXCXSSRQ; const beginDateVal = this.dynamic.startXCXSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() < beginDateVal; return time.getTime() < beginDateVal;
} }
@@ -421,7 +468,7 @@ export default {
}, },
ZCCSSRQDateBefore: { ZCCSSRQDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.endZCCSSRQ; const beginDateVal = this.dynamic.endZCCSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > beginDateVal; return time.getTime() > beginDateVal;
} }
@@ -429,7 +476,7 @@ export default {
}, },
ZCCSSRQDateAfter: { ZCCSSRQDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dynamic.startZCCSSRQ; const beginDateVal = this.dynamic.startZCCSSRQ;
if (beginDateVal) { if (beginDateVal) {
return time.getTime() < beginDateVal; return time.getTime() < beginDateVal;
} }
@@ -478,52 +525,52 @@ export default {
this[field].forEach(item => { this[field].forEach(item => {
// 适用车型转换 // 适用车型转换
if (item.applyType !== null) { if (item.applyType !== null) {
let k = (item.applyType || "").split(","); const k = (item.applyType || '').split(',');
for (let i in this.energyKindOptions) { for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) { if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label; k[m] = this.energyKindOptions[i].label;
} }
item.applyType = k.join(","); item.applyType = k.join(',');
} }
} }
} }
// 责任工程师转换 // 责任工程师转换
if (item.dutyEngineer !== null) { if (item.dutyEngineer !== null) {
let k = (item.dutyEngineer || "").split(","); const k = (item.dutyEngineer || '').split(',');
for (let i in this.zrgcs) { for (const i in this.zrgcs) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.zrgcs[i].value === k[m]) { if (this.zrgcs[i].value === k[m]) {
k[m] = this.zrgcs[i].label; k[m] = this.zrgcs[i].label;
} }
item.dutyEngineer = k.join(","); item.dutyEngineer = k.join(',');
} }
} }
} }
}) })
let arr = result.newItems.records const arr = result.newItems.records
arr.forEach(item => { arr.forEach(item => {
// 适用车型转换 // 适用车型转换
if (item.applyType !== null) { if (item.applyType !== null) {
let k = (item.applyType || "").split(","); const k = (item.applyType || '').split(',');
for (let i in this.energyKindOptions) { for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) { if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label; k[m] = this.energyKindOptions[i].label;
} }
item.applyType = k.join(","); item.applyType = k.join(',');
} }
} }
} }
// 责任工程师转换 // 责任工程师转换
if (item.dutyEngineer !== null) { if (item.dutyEngineer !== null) {
let k = (item.dutyEngineer || "").split(","); const k = (item.dutyEngineer || '').split(',');
for (let i in this.zrgcs) { for (const i in this.zrgcs) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.zrgcs[i].value === k[m]) { if (this.zrgcs[i].value === k[m]) {
k[m] = this.zrgcs[i].label; k[m] = this.zrgcs[i].label;
} }
item.dutyEngineer = k.join(","); item.dutyEngineer = k.join(',');
} }
} }
} }
@@ -551,7 +598,7 @@ export default {
}, },
// 点击查看详情 // 点击查看详情
handlePreview (item) { handlePreview (item) {
let routeUrl = this.$router.resolve({ const routeUrl = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
id: item.standId, id: item.standId,
@@ -591,9 +638,9 @@ export default {
handleClick (tab, event) { handleClick (tab, event) {
this.getPolicyDate(); this.getPolicyDate();
switch (tab.name) { switch (tab.name) {
case "POLICY": case 'POLICY':
const computedHeight = () => { const computedHeight = () => {
this.tableHeight = $(".content-group").find(".table-wrap").height(); this.tableHeight = $('.content-group').find('.table-wrap').height();
} }
this.$nextTick(() => { this.$nextTick(() => {
computedHeight() computedHeight()
@@ -646,13 +693,13 @@ export default {
// 适用车型转换 // 适用车型转换
for (let a = 0; a < res.data.records.length; a++) { for (let a = 0; a < res.data.records.length; a++) {
if (res.data.records[a].applyType !== null) { if (res.data.records[a].applyType !== null) {
let k = (res.data.records[a].applyType || "").split(","); const k = (res.data.records[a].applyType || '').split(',');
for (let i in this.energyKindOptions) { for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) { if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label; k[m] = this.energyKindOptions[i].label;
} }
res.data.records[a].applyType = k.join(","); res.data.records[a].applyType = k.join(',');
} }
} }
} }
@@ -674,9 +721,9 @@ export default {
clearBtnClick () { clearBtnClick () {
this.dynamic = { this.dynamic = {
// 标准编号 // 标准编号
standCode: "", standCode: '',
// 标准名称 // 标准名称
standName: "", standName: '',
// 发布日期 // 发布日期
putTime: [], putTime: [],
// 实施日期 // 实施日期
@@ -686,7 +733,7 @@ export default {
// 在产车实施日期 // 在产车实施日期
ZCCSSRQ: [], ZCCSSRQ: [],
// 适用车型 // 适用车型
applyType: "", applyType: '',
} }
this.pageConfig.page = 1 this.pageConfig.page = 1
this.searchBtnClick() this.searchBtnClick()
@@ -715,8 +762,8 @@ export default {
}) })
}, },
showStandDetails (item) { showStandDetails (item) {
let getStandId = item.sarId; const getStandId = item.sarId;
let getStandType = item.sortName; const getStandType = item.sortName;
// this.$http.get("lawss/sarMenu/judgeSarMenuByRole", { // this.$http.get("lawss/sarMenu/judgeSarMenuByRole", {
// sarId: getStandId, // sarId: getStandId,
// sarType: getStandType, // sarType: getStandType,
@@ -775,13 +822,13 @@ export default {
* @date: 2018/11/01 10:20:12 * @date: 2018/11/01 10:20:12
*/ */
dateFormat (date) { dateFormat (date) {
let year = new Date(date).getFullYear(); const year = new Date(date).getFullYear();
let month = new Date(date).getMonth() + 1; const month = new Date(date).getMonth() + 1;
let day = new Date(date).getDate(); const day = new Date(date).getDate();
return year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day); return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
}, },
getDate (date) { getDate (date) {
return date !== undefined && date != null ? date.split(" ")[0] : ""; return date !== undefined && date != null ? date.split(' ')[0] : '';
}, },
handlePageChange (field, page) { handlePageChange (field, page) {
this.pageConfig.page = page this.pageConfig.page = page
@@ -800,7 +847,7 @@ export default {
// this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate() // this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
// this.field = field // this.field = field
}, },
...mapMutations(["setDetailMap"]), ...mapMutations([ 'setDetailMap' ]),
openDialog (text) { openDialog (text) {
this.detailText = text this.detailText = text
@@ -836,7 +883,7 @@ export default {
// this.height = $(".content").height(); // this.height = $(".content").height();
// }; // };
// 从数据库中查询下拉框数据 // 从数据库中查询下拉框数据
this.$http.get("sys/dictype/getDicTypeListCode", {}, { this.$http.get('sys/dictype/getDicTypeListCode', {}, {
_this: this _this: this
}, res => { }, res => {
this.energyKindOptions = res.data.ENERGYTYPES; // 文本状态 this.energyKindOptions = res.data.ENERGYTYPES; // 文本状态
@@ -852,13 +899,13 @@ export default {
// 适用车型转换 // 适用车型转换
for (let a = 0; a < res.data.records.length; a++) { for (let a = 0; a < res.data.records.length; a++) {
if (res.data.records[a].applyType !== null) { if (res.data.records[a].applyType !== null) {
let k = (res.data.records[a].applyType || "").split(","); const k = (res.data.records[a].applyType || '').split(',');
for (let i in this.energyKindOptions) { for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) { if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label; k[m] = this.energyKindOptions[i].label;
} }
res.data.records[a].applyType = k.join(","); res.data.records[a].applyType = k.join(',');
} }
} }
} }
@@ -873,7 +920,6 @@ export default {
}); });
}); });
this.searchBtnClick() this.searchBtnClick()
} }
}; };
</script> </script>
@@ -1151,7 +1197,6 @@ export default {
} }
} }
} }
::v-deep { ::v-deep {
src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+41 -41
View File
@@ -2,48 +2,34 @@
<template> <template>
<div id="accessStandardsAndRegulations" class="v-class"> <div id="accessStandardsAndRegulations" class="v-class">
<el-tabs v-model="tabValue" style="height: 100%;"> <el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="国家/地区清单" name="listOfCountries" v-if="country"> <el-tab-pane v-if="country" label="国家/地区清单" name="listOfCountries">
<list-of-countries></list-of-countries> <list-of-countries />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="车型类别清单" name="listProject" v-if="project"> <el-tab-pane v-if="project" label="车型类别清单" name="listProject">
<list-project></list-project> <list-project />
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="重点标准跟踪清单" name="listTracking" v-if="tracking">--> <!-- <el-tab-pane label="重点标准跟踪清单" name="listTracking" v-if="tracking">-->
<!-- <list-tracking></list-tracking>--> <!-- <list-tracking></list-tracking>-->
<!-- </el-tab-pane>--> <!-- </el-tab-pane>-->
<el-tab-pane label="其他清单" name="listOther" v-if="other"> <el-tab-pane v-if="other" label="其他清单" name="listOther">
<list-other></list-other> <list-other />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="项目清单" name="localProductsOrProjectLibrary" v-if="library"> <el-tab-pane v-if="library" label="项目清单" name="localProductsOrProjectLibrary">
<local-products-or-project-library></local-products-or-project-library> <local-products-or-project-library />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries"; import listOfCountries from '../accessStandardsAndRegulations/page/listOfCountries';
import listProject from "../accessStandardsAndRegulations/page/listProject"; import listProject from '../accessStandardsAndRegulations/page/listProject';
import listTracking from "../accessStandardsAndRegulations/page/listTracking"; import listTracking from '../accessStandardsAndRegulations/page/listTracking';
import listOther from "../accessStandardsAndRegulations/page/listOther"; import listOther from '../accessStandardsAndRegulations/page/listOther';
import localProductsOrProjectLibrary from "../localProductsOrProjectLibrary/index"; import localProductsOrProjectLibrary from '../localProductsOrProjectLibrary/index';
export default { export default {
name: "AccessStandardsAndRegulations", name: 'AccessStandardsAndRegulations',
data() {
return {
country: false,
project: false,
tracking: false,
other: false,
library: false,
list: [],
tabValue: "",
menuName: ["国家/地区清单", "车型类别清单","重点标准跟踪清单", "其他清单", "项目清单"]
};
},
methods: {
},
components: { components: {
localProductsOrProjectLibrary, localProductsOrProjectLibrary,
listOfCountries, listOfCountries,
@@ -52,28 +38,40 @@ export default {
listOther listOther
}, },
props: {}, props: {},
data () {
return {
country: false,
project: false,
tracking: false,
other: false,
library: false,
list: [],
tabValue: '',
menuName: [ '国家/地区清单', '车型类别清单', '重点标准跟踪清单', '其他清单', '项目清单' ]
};
},
computed: {}, computed: {},
watch: {}, watch: {},
mounted () { mounted () {
var list = []; const list = [];
const menuList = this.$store.getters.getMenuList; const menuList = this.$store.getters.getMenuList;
let menuData = []; const menuData = [];
let menuID = ["b05b562950cb6d0aef539fad30b7386a", "63e05705d0c8013162caa34f9fe52865","418123d180abf67bd2c46d5a694baaa5", "a1170d77f4332e5f45ce520e63b00e15", "5a75523729b04102a565167004d640e9"]; const menuID = [ 'b05b562950cb6d0aef539fad30b7386a', '63e05705d0c8013162caa34f9fe52865', '418123d180abf67bd2c46d5a694baaa5', 'a1170d77f4332e5f45ce520e63b00e15', '5a75523729b04102a565167004d640e9' ];
this.menuName.forEach(item => { this.menuName.forEach(item => {
for (let i = 0; i < menuList.length; i++) { for (let i = 0; i < menuList.length; i++) {
let entity = menuList[i]; const entity = menuList[i];
if (item != entity.menuName) continue; if (item != entity.menuName) continue;
if (menuID.indexOf(entity.id) >= 0 && menuData.indexOf(entity.id) == -1) { if (menuID.indexOf(entity.id) >= 0 && menuData.indexOf(entity.id) == -1) {
menuData.push(entity.id); menuData.push(entity.id);
if (entity.id === "b05b562950cb6d0aef539fad30b7386a") { if (entity.id === 'b05b562950cb6d0aef539fad30b7386a') {
this.country = true this.country = true
} else if (entity.id === "63e05705d0c8013162caa34f9fe52865") { } else if (entity.id === '63e05705d0c8013162caa34f9fe52865') {
this.project = true this.project = true
}else if (entity.id === "418123d180abf67bd2c46d5a694baaa5") { }else if (entity.id === '418123d180abf67bd2c46d5a694baaa5') {
this.tracking = true this.tracking = true
}else if (entity.id === "5a75523729b04102a565167004d640e9") { }else if (entity.id === '5a75523729b04102a565167004d640e9') {
this.other = true this.other = true
} else if (entity.id === "a1170d77f4332e5f45ce520e63b00e15") { } else if (entity.id === 'a1170d77f4332e5f45ce520e63b00e15') {
this.library = true this.library = true
} }
} }
@@ -97,13 +95,15 @@ export default {
// return; // return;
// } // }
}, },
methods: {
},
beforeRouteLeave (to, from, next) { beforeRouteLeave (to, from, next) {
const toName = ["ListOfStandardsAndRegulationsDetails", "AccessStandardDetails", "LocalProductDetail", "OtherAddEit"]; const toName = [ 'ListOfStandardsAndRegulationsDetails', 'AccessStandardDetails', 'LocalProductDetail', 'OtherAddEit' ];
// 离开此页面之前,记录tabName以便返回使用,如果将要访问的页面不是这两个,则清空tabName // 离开此页面之前,记录tabName以便返回使用,如果将要访问的页面不是这两个,则清空tabName
if (toName.includes(to.name)) { if (toName.includes(to.name)) {
this.$store.commit("SET_ACCESS_STANDARD_REG_TABS", this.tabValue); this.$store.commit('SET_ACCESS_STANDARD_REG_TABS', this.tabValue);
} else { } else {
this.$store.commit("SET_ACCESS_STANDARD_REG_TABS"); this.$store.commit('SET_ACCESS_STANDARD_REG_TABS');
} }
setTimeout(() => { setTimeout(() => {
next(); next();
@@ -111,7 +111,7 @@ export default {
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (vm.$store.state.accessStandRegTabName !== "") { if (vm.$store.state.accessStandRegTabName !== '') {
vm.tabValue = vm.$store.state.accessStandRegTabName; vm.tabValue = vm.$store.state.accessStandRegTabName;
} }
}); });
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+120 -104
View File
@@ -12,36 +12,38 @@
> >
<el-option <el-option
v-for="item in countryOptions" v-for="item in countryOptions"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
> />
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last"> <el-form-item label="清单名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedListName" v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称" placeholder="请输入清单名称"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
:loading="searching" :loading="searching"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'" @click="searchSarAccessPage1"
@click="searchSarAccessPage1"> >
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
class="common-button-default" class="common-button-default"
size="small" size="small"
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'" @click="clearSearch"
@click="clearSearch">清空 >
清空
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -49,26 +51,29 @@
</div> </div>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'"
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'" >
><i class="el-icon-plus"></i>新增 <i class="el-icon-plus" />新增
</el-button> </el-button>
<el-button <el-button
v-btn-permission="'562e58cc3a960096cf3321e631293dc9'"
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
v-btn-permission="'562e58cc3a960096cf3321e631293dc9'" >
><i class="iconfont">&#xe61b;</i>批量删除 <i class="iconfont">&#xe61b;</i>批量删除
</el-button> </el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<div class="table_info"> <div class="table_info">
<el-table <el-table
ref="selection"
:data="sarAccessListDatas" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@@ -77,18 +82,18 @@
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }} {{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template> </template>
@@ -96,8 +101,8 @@
<el-table-column <el-table-column
prop="countryAreaShow" prop="countryAreaShow"
label="国家/地区" label="国家/地区"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="detailedListName" prop="detailedListName"
label="清单名称" label="清单名称"
@@ -111,7 +116,8 @@
<el-table-column <el-table-column
prop="detailedListState" prop="detailedListState"
label="清单状态" label="清单状态"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span> <span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -121,10 +127,12 @@
<el-table-column <el-table-column
prop="detailedListVision" prop="detailedListVision"
label="清单版本" label="清单版本"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{
scope.row.detailedListVision scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
@@ -132,9 +140,11 @@
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ <div>
{{
scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime
}} }}
</div> </div>
@@ -143,21 +153,21 @@
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center"
</el-table-column> />
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'b736f2469d49b3214cc8087419a24b60'"> <el-dropdown-item v-btn-permission="'b736f2469d49b3214cc8087419a24b60'" :command="[scope.row, '查看']">
查看 查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'"> <el-dropdown-item v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'" :command="[scope.row, '编辑']">
编辑 编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'ff411226afb759fd2f4a2798ceac322a'"> <el-dropdown-item v-btn-permission="'ff411226afb759fd2f4a2798ceac322a'" :command="[scope.row, '删除']">
删除 删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
@@ -168,15 +178,19 @@
</el-table> </el-table>
</div> </div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination
@pageSizeChange="pageSizeChange"></pagination> :page="sarSarAccessEOSearch.page"
:total="sarAccessListTotal"
@pageChange="pageChange"
@pageSizeChange="pageSizeChange"
/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "listOfCountries", name: 'ListOfCountries',
data () { data () {
return { return {
countryAreaMap: {}, countryAreaMap: {},
@@ -186,8 +200,8 @@ export default {
rows: 10, rows: 10,
// 查询相关参数 // 查询相关参数
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
countryArea: "", countryArea: '',
detailedListName: "", detailedListName: '',
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent pageSize: this.$store.getters.userInfo.configContent
}, },
@@ -197,80 +211,92 @@ export default {
selectedList: [], selectedList: [],
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
relateFile: "", relateFile: '',
country: "", country: '',
applyArctic: "", applyArctic: '',
energyKind: "", energyKind: '',
detailedListName: "", detailedListName: '',
region: "" region: ''
}, },
drawerPage: 1, // 当前抽屉分页的页码 drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{ required: true, message: "区域不能为空", trigger: "change" } { required: true, message: '区域不能为空', trigger: 'change' }
], ],
country: [ country: [
{ required: true, message: "国家不能为空", trigger: "change" } { required: true, message: '国家不能为空', trigger: 'change' }
], ],
detailedListName: [ detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" }, { required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" } { type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
] ]
}, },
countryOptions: [], countryOptions: [],
showModalTitle: "", showModalTitle: '',
disabledFlag: false, disabledFlag: false,
showModalFlag: false, showModalFlag: false,
// 新增、编辑过程中数据搜索字段 // 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: { sarAccessInfoSearch: {
region: "", // 区域 region: '', // 区域
country: "", // 国家 country: '', // 国家
keywords: "", // 关键字 keywords: '', // 关键字
energyKind: "", // 能源种类 energyKind: '', // 能源种类
category: "", // 所属专业领域 category: '', // 所属专业领域
applyArctic: "", // 适用车型 applyArctic: '', // 适用车型
deadLine: "", // 截止时间 deadLine: '', // 截止时间
applyAuth: "" // 认证类型 applyAuth: '' // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" }, { value: 'INLAND_STAND', label: '国内标准法规' },
{ value: "FOREIGN_STAND", label: "海外标准法规" }, { value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: "FOREIGN_LAWS", label: "国内外政策" }, { value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: "BUSINESS", label: "企业标准 " } { value: 'BUSINESS', label: '企业标准 ' }
], ],
tableLoading: true, tableLoading: true,
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
sarAccessInfoList: [], sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=", importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false, importmodalFlag: false,
saveExportType: "", saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏 seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false delLoading: false
}; };
}, },
mounted () {
// 分页查询数据
// 从数据库中查询各下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
this.countryOptions = res.data.COUNTRY;
this.setMap(this.countryOptions);
this.searchSarAccess();
}, e => {
});
},
methods: { methods: {
// 更多 // 更多
handleCommand (command) { handleCommand (command) {
switch (command[1]) { switch (command[1]) {
case "查看": case '查看':
this.showTable(command[0]); this.showTable(command[0]);
break; break;
case "编辑": case '编辑':
this.editTable(command[0]); this.editTable(command[0]);
break; break;
case "删除": case '删除':
this.deleteSarAccess("delOne", command[0].id); this.deleteSarAccess('delOne', command[0].id);
break; break;
} }
}, },
// 分页查询 // 分页查询
searchSarAccess () { searchSarAccess () {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", { this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
sortKey: 1, sortKey: 1,
page: this.sarSarAccessEOSearch.page, page: this.sarSarAccessEOSearch.page,
pageSize: this.sarSarAccessEOSearch.pageSize, pageSize: this.sarSarAccessEOSearch.pageSize,
@@ -278,18 +304,18 @@ export default {
}, { }, {
_this: this _this: this
}, res => { }, res => {
let arr = res.data.records; const arr = res.data.records;
let map = new Map(); const map = new Map();
this.countryOptions.forEach(item => { this.countryOptions.forEach(item => {
map.set(item.value, item.label); map.set(item.value, item.label);
}); });
arr.map(item => { arr.map(item => {
// 国家地区转换 // 国家地区转换
if (item.countryArea !== null || item.countryArea !== "") { if (item.countryArea !== null || item.countryArea !== '') {
let k = (item.countryArea || "").split(","); const k = (item.countryArea || '').split(',');
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
k[m] = map.get(k[m]); k[m] = map.get(k[m]);
item.countryAreaShow = k.join(","); item.countryAreaShow = k.join(',');
} }
} }
}); });
@@ -314,36 +340,36 @@ export default {
this.searchSarAccess(); this.searchSarAccess();
}, },
clearSearch () { clearSearch () {
this.sarSarAccessEOSearch.countryArea = ""; this.sarSarAccessEOSearch.countryArea = '';
this.sarSarAccessEOSearch.detailedListName = ""; this.sarSarAccessEOSearch.detailedListName = '';
this.searchSarAccess(); this.searchSarAccess();
}, },
// 新增相关 // 新增相关
openModal (row, optType) { openModal (row, optType) {
this.$router.push({ this.$router.push({
name: "ListOfStandardsAndRegulationsDetails" name: 'ListOfStandardsAndRegulationsDetails'
}); });
}, },
// 批量删除 // 批量删除
deleteSarAccess (flag, id) { deleteSarAccess (flag, id) {
if (flag === "delOne") { if (flag === 'delOne') {
this.selectedList = []; this.selectedList = [];
this.selectedList[0] = id; this.selectedList[0] = id;
} }
if (this.selectedList.length === 0) { if (this.selectedList.length === 0) {
this.$message.warning("请选择要删除的数据"); this.$message.warning('请选择要删除的数据');
} else { } else {
this.$confirm("确定删除这些数据？", "提示", { this.$confirm('确定删除这些数据？', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
confirmButtonClass: "common-button-primary", confirmButtonClass: 'common-button-primary',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning" type: 'warning'
}).then(() => { }).then(() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(",")}`; const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`;
this.$http.postDelete(URL, {}, res => { this.$http.postDelete(URL, {}, res => {
this.searchSarAccess(); this.searchSarAccess();
this.selectedList = []; this.selectedList = [];
this.$message.success("删除成功"); this.$message.success('删除成功');
}, e => { }, e => {
}); });
}).catch(() => { }).catch(() => {
@@ -360,10 +386,10 @@ export default {
}, },
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable (item) {
sessionStorage.setItem("accessRow", JSON.stringify(item)); sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path); this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({ this.$router.push({
name: "AccessStandardDetails", name: 'AccessStandardDetails',
params: { params: {
id: item.id id: item.id
} }
@@ -371,9 +397,9 @@ export default {
}, },
// 点击 table编辑按钮 事件 // 点击 table编辑按钮 事件
editTable (item) { editTable (item) {
this.$store.commit("SET_ACCESS_STAND_REG_ROW", item); this.$store.commit('SET_ACCESS_STAND_REG_ROW', item);
this.$router.push({ this.$router.push({
name: "ListOfStandardsAndRegulationsDetails", name: 'ListOfStandardsAndRegulationsDetails',
query: { query: {
id: item.id, id: item.id,
fileIds: item.fileIds, fileIds: item.fileIds,
@@ -388,18 +414,6 @@ export default {
this.$set(this.countryAreaMap, item.value, item.label); this.$set(this.countryAreaMap, item.value, item.label);
}); });
} }
},
mounted() {
// 分页查询数据
// 从数据库中查询各下拉框数据
this.$http.get("sys/dictype/getDicTypeListCode", "", {
_this: this
}, res => {
this.countryOptions = res.data.COUNTRY;
this.setMap(this.countryOptions);
this.searchSarAccess();
}, e => {
});
} }
}; };
</script> </script>
@@ -409,22 +423,24 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
//height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px); //min-height: calc(100% - 100px);
overflow-y: auto; overflow-y: auto;
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
flex: auto; //flex: auto;
width: 100%; width: 100%;
//height: calc(100% - 110px) !important; //height: calc(100% - 110px) !important;
height: calc(~'100% - 30px'); //height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info { .table_info {
height: calc(70vh - 90px); //height: calc(70vh - 90px);
height: calc(100% - 57px);
} }
.pagination { .pagination {
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+98 -79
View File
@@ -8,31 +8,34 @@
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedList" v-model="sarSarAccessEOSearch.detailedList"
placeholder="请输入清单类别" placeholder="请输入清单类别"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last"> <el-form-item label="清单名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedListName" v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称" placeholder="请输入清单名称"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'688151df30bbff4cd2ecdc436addfd3f'"
:loading="searching" :loading="searching"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
v-btn-permission="'688151df30bbff4cd2ecdc436addfd3f'" @click="searchSarAccess"
@click="searchSarAccess"> >
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'65ca2741907ba7a689c41f3d26684b4b'"
class="common-button-default" class="common-button-default"
size="small" size="small"
v-btn-permission="'65ca2741907ba7a689c41f3d26684b4b'" @click="clearSearch"
@click="clearSearch">清空 >
清空
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -40,26 +43,30 @@
</div> </div>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'"
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'"><i class="el-icon-plus"></i>新增 >
<i class="el-icon-plus" />新增
<!-- <i class="el-icon-plus"></i>--> <!-- <i class="el-icon-plus"></i>-->
</el-button> </el-button>
<el-button <el-button
v-btn-permission="'0982c83299f3eb996317b014bb6aaff2'"
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
v-btn-permission="'0982c83299f3eb996317b014bb6aaff2'" >
><i class="iconfont">&#xe61b;</i>批量删除 <i class="iconfont">&#xe61b;</i>批量删除
</el-button> </el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<div class="table_info"> <div class="table_info">
<el-table <el-table
ref="selection"
:data="sarAccessListDatas" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@@ -68,18 +75,18 @@
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }} {{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template> </template>
@@ -87,8 +94,8 @@
<el-table-column <el-table-column
prop="detailedList" prop="detailedList"
label="清单类别" label="清单类别"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="detailedListName" prop="detailedListName"
label="清单名称" label="清单名称"
@@ -102,7 +109,8 @@
<el-table-column <el-table-column
prop="detailedListState" prop="detailedListState"
label="清单状态" label="清单状态"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span> <span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -112,10 +120,12 @@
<el-table-column <el-table-column
prop="detailedListVision" prop="detailedListVision"
label="清单版本" label="清单版本"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{ scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -132,7 +142,8 @@
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div> <div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template> </template>
@@ -140,19 +151,22 @@
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center"
</el-table-column> />
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'30bfbe928d7ee6e6bcef9408b762bc97'">查看 <el-dropdown-item v-btn-permission="'30bfbe928d7ee6e6bcef9408b762bc97'" :command="[scope.row, '查看']">
查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'">编辑 <el-dropdown-item v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'" :command="[scope.row, '编辑']">
编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'adec3450d97917a4ffa803d40a46dba9'">删除 <el-dropdown-item v-btn-permission="'adec3450d97917a4ffa803d40a46dba9'" :command="[scope.row, '删除']">
删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
@@ -162,15 +176,19 @@
</el-table> </el-table>
</div> </div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination
@pageSizeChange="pageSizeChange"></pagination> :page="sarSarAccessEOSearch.page"
:total="sarAccessListTotal"
@pageChange="pageChange"
@pageSizeChange="pageSizeChange"
/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "listOther", name: 'ListOther',
data () { data () {
return { return {
searching: false, searching: false,
@@ -181,8 +199,8 @@ export default {
// 查询相关参数 // 查询相关参数
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
detailedList: "", detailedList: '',
detailedListName: "", detailedListName: '',
}, },
sarAccessListDatas: [], sarAccessListDatas: [],
sarAccessListTotal: 0, sarAccessListTotal: 0,
@@ -191,24 +209,24 @@ export default {
selectedList: [], selectedList: [],
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
country: "", country: '',
applyArctic: "", applyArctic: '',
energyKind: "", energyKind: '',
detailedListName: "", detailedListName: '',
region: "" region: ''
}, },
drawerPage: 1, // 当前抽屉分页的页码 drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{ required: true, message: "区域不能为空", trigger: "change" } { required: true, message: '区域不能为空', trigger: 'change' }
], ],
country: [ country: [
{ required: true, message: "国家不能为空", trigger: "change" } { required: true, message: '国家不能为空', trigger: 'change' }
], ],
detailedListName: [ detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" }, { required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" } { type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
] ]
}, },
countryOptions: [], countryOptions: [],
@@ -221,65 +239,69 @@ export default {
// 区域 // 区域
regionOptions: [ regionOptions: [
{ {
label: "国内", label: '国内',
value: "INLAND" value: 'INLAND'
}, },
{ {
label: "海外", label: '海外',
value: "FOREIGN" value: 'FOREIGN'
} }
], ],
showModalTitle: "", showModalTitle: '',
disabledFlag: false, disabledFlag: false,
showModalFlag: false, showModalFlag: false,
// 新增、编辑过程中数据搜索字段 // 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: { sarAccessInfoSearch: {
region: "", // 区域 region: '', // 区域
country: "", // 国家 country: '', // 国家
keywords: "", // 关键字 keywords: '', // 关键字
energyKind: "", // 能源种类 energyKind: '', // 能源种类
category: "", // 所属专业领域 category: '', // 所属专业领域
applyArctic: "", // 适用车型 applyArctic: '', // 适用车型
deadLine: "", // 截止时间 deadLine: '', // 截止时间
applyAuth: "" // 认证类型 applyAuth: '' // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" }, { value: 'INLAND_STAND', label: '国内标准法规' },
{ value: "FOREIGN_STAND", label: "海外标准法规" }, { value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: "FOREIGN_LAWS", label: "国内外政策" }, { value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: "BUSINESS", label: "企业标准 " } { value: 'BUSINESS', label: '企业标准 ' }
], ],
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
sarAccessInfoList: [], sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=", importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false, importmodalFlag: false,
saveExportType: "", saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏 seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false delLoading: false
}; };
}, },
mounted () {
// 分页查询数据
this.searchSarAccess();
},
methods: { methods: {
// 更多 // 更多
handleCommand (command) { handleCommand (command) {
switch (command[1]) { switch (command[1]) {
case "查看": case '查看':
this.showTable(command[0]); this.showTable(command[0]);
break; break;
case "编辑": case '编辑':
this.editTable(command[0]); this.editTable(command[0]);
break; break;
case "删除": case '删除':
this.deleteSarAccess("delOne", command[0].id); this.deleteSarAccess('delOne', command[0].id);
break; break;
} }
}, },
// 分页查询 // 分页查询
searchSarAccess () { searchSarAccess () {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", { this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
current: 1, current: 1,
page: 1, page: 1,
pageSize: this.pageSize, pageSize: this.pageSize,
@@ -294,7 +316,6 @@ export default {
this.tableLoading = false this.tableLoading = false
}, e => { }, e => {
}); });
}, },
pageChange (page) { pageChange (page) {
this.sarSarAccessEOSearch.page = page; this.sarSarAccessEOSearch.page = page;
@@ -312,7 +333,7 @@ export default {
// 新增相关 // 新增相关
openModal (row, optType) { openModal (row, optType) {
this.$router.push({ this.$router.push({
name: "OtherAddEit" name: 'OtherAddEit'
}); });
}, },
// 批量删除 // 批量删除
@@ -351,10 +372,10 @@ export default {
}, },
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable (item) {
sessionStorage.setItem("accessRow", JSON.stringify(item)); sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path); this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({ this.$router.push({
name: "AccessStandardDetails", name: 'AccessStandardDetails',
params: { params: {
id: item.id id: item.id
} }
@@ -364,7 +385,7 @@ export default {
editTable (item) { editTable (item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item) this.$store.commit('SET_ACCESS_STAND_REG_ROW', item)
this.$router.push({ this.$router.push({
name: "OtherAddEit", name: 'OtherAddEit',
query: { query: {
id: item.id, id: item.id,
fileIds: item.fileIds, fileIds: item.fileIds,
@@ -373,10 +394,6 @@ export default {
} }
}); });
} }
},
mounted() {
// 分页查询数据
this.searchSarAccess();
} }
}; };
</script> </script>
@@ -386,22 +403,24 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
//height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px); //min-height: calc(100% - 100px);
overflow-y: auto; overflow-y: auto;
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
flex: auto; //flex: auto;
width: 100%; width: 100%;
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px'); //height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info { .table_info {
height: calc(70vh - 90px); //height: calc(70vh - 90px);
height: calc(100% - 57px);
} }
.pagination { .pagination {
position: inherit; position: inherit;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+146 -131
View File
@@ -13,8 +13,8 @@
> >
<el-option <el-option
v-for="item in energyKindOptions" v-for="item in energyKindOptions"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
@@ -23,26 +23,29 @@
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedListName" v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称" placeholder="请输入清单名称"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'28a917b40ab7c9cc319aafe0e23bd535'"
:loading="searching" :loading="searching"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
v-btn-permission="'28a917b40ab7c9cc319aafe0e23bd535'" @click="searchSarAccess"
@click="searchSarAccess"> >
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'c1bed997a716e13dabade0f4864cdbf7'"
class="common-button-default" class="common-button-default"
size="small" size="small"
v-btn-permission="'c1bed997a716e13dabade0f4864cdbf7'" @click="clearSearch"
@click="clearSearch">清空 >
清空
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -50,26 +53,29 @@
</div> </div>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
v-btn-permission="'2dd158ffb07ddcc89ed41468b196b451'"
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'2dd158ffb07ddcc89ed41468b196b451'" >
><i class="el-icon-plus"></i>新增 <i class="el-icon-plus" />新增
</el-button> </el-button>
<el-button <el-button
v-btn-permission="'2d9402bd81545e391aef735733051627'"
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
v-btn-permission="'2d9402bd81545e391aef735733051627'" >
><i class="iconfont">&#xe61b;</i>批量删除 <i class="iconfont">&#xe61b;</i>批量删除
</el-button> </el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<div class="table_info"> <div class="table_info">
<el-table <el-table
ref="selection"
:data="sarAccessListDatas" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@@ -78,18 +84,18 @@
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }} {{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template> </template>
@@ -97,8 +103,8 @@
<el-table-column <el-table-column
prop="carTypeShow" prop="carTypeShow"
label="车型类别" label="车型类别"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="detailedListName" prop="detailedListName"
label="清单名称" label="清单名称"
@@ -112,7 +118,8 @@
<el-table-column <el-table-column
prop="detailedListState" prop="detailedListState"
label="清单状态" label="清单状态"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span> <span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -122,17 +129,20 @@
<el-table-column <el-table-column
prop="detailedListVision" prop="detailedListVision"
label="清单版本" label="清单版本"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{ scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div> <div>{{ scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime }}</div>
</template> </template>
@@ -140,19 +150,22 @@
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center"
</el-table-column> />
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'cfe3ce86cd64c5924c2e6d13e7f7ea31'">查看 <el-dropdown-item v-btn-permission="'cfe3ce86cd64c5924c2e6d13e7f7ea31'" :command="[scope.row, '查看']">
查看
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'">编辑 <el-dropdown-item v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'" :command="[scope.row, '编辑']">
编辑
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'4136d025d20d4c9b55c732b74dfa581d'">删除 <el-dropdown-item v-btn-permission="'4136d025d20d4c9b55c732b74dfa581d'" :command="[scope.row, '删除']">
删除
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
@@ -162,17 +175,21 @@
</el-table> </el-table>
</div> </div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" <pagination
@pageSizeChange="pageSizeChange"></pagination> :page="sarSarAccessEOSearch.page"
:total="sarAccessListTotal"
@pageChange="pageChange"
@pageSizeChange="pageSizeChange"
/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {dicTypeData} from "@/api/unqualProcess"; import { dicTypeData } from '@/api/unqualProcess';
export default { export default {
name: "listProject", name: 'ListProject',
data () { data () {
return { return {
searching: false, searching: false,
@@ -184,8 +201,8 @@ export default {
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
carType: '', carType: '',
projectName: "", projectName: '',
detailedListName: "", detailedListName: '',
}, },
sarAccessListDatas: [], sarAccessListDatas: [],
sarAccessListTotal: 0, sarAccessListTotal: 0,
@@ -195,24 +212,24 @@ export default {
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
carType: '', carType: '',
country: "", country: '',
applyArctic: "", applyArctic: '',
energyKind: "", energyKind: '',
detailedListName: "", detailedListName: '',
region: "" region: ''
}, },
drawerPage: 1, // 当前抽屉分页的页码 drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{ required: true, message: "区域不能为空", trigger: "change" } { required: true, message: '区域不能为空', trigger: 'change' }
], ],
country: [ country: [
{ required: true, message: "国家不能为空", trigger: "change" } { required: true, message: '国家不能为空', trigger: 'change' }
], ],
detailedListName: [ detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" }, { required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" } { type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
] ]
}, },
countryOptions: [], countryOptions: [],
@@ -225,65 +242,52 @@ export default {
// 区域 // 区域
regionOptions: [ regionOptions: [
{ {
label: "国内", label: '国内',
value: "INLAND" value: 'INLAND'
}, },
{ {
label: "海外", label: '海外',
value: "FOREIGN" value: 'FOREIGN'
} }
], ],
showModalTitle: "", showModalTitle: '',
disabledFlag: false, disabledFlag: false,
showModalFlag: false, showModalFlag: false,
// 新增、编辑过程中数据搜索字段 // 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: { sarAccessInfoSearch: {
region: "", // 区域 region: '', // 区域
country: "", // 国家 country: '', // 国家
keywords: "", // 关键字 keywords: '', // 关键字
energyKind: "", // 能源种类 energyKind: '', // 能源种类
category: "", // 所属专业领域 category: '', // 所属专业领域
applyArctic: "", // 适用车型 applyArctic: '', // 适用车型
deadLine: "", // 截止时间 deadLine: '', // 截止时间
applyAuth: "" // 认证类型 applyAuth: '' // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" }, { value: 'INLAND_STAND', label: '国内标准法规' },
{ value: "FOREIGN_STAND", label: "海外标准法规" }, { value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: "FOREIGN_LAWS", label: "国内外政策" }, { value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: "BUSINESS", label: "企业标准 " } { value: 'BUSINESS', label: '企业标准 ' }
], ],
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
sarAccessInfoList: [], sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=", importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false, importmodalFlag: false,
saveExportType: "", saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏 seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false delLoading: false
}; };
}, },
methods: { mounted () {
// 更多 dicTypeData().then(res => {
handleCommand(command) { // 车型类别数据字典
switch (command[1]) { this.energyKindOptions = res.data.ENERGYTYPES
case "查看": this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
this.showTable(command[0]);
break;
case "编辑":
this.editTable(command[0]);
break;
case "删除":
this.deleteSarAccess("delOne", command[0].id);
break;
}
},
//分页查询
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
page: 1, page: 1,
pageSize: this.pageSize, pageSize: this.pageSize,
...this.sarSarAccessEOSearch, ...this.sarSarAccessEOSearch,
@@ -291,12 +295,60 @@ export default {
}, { }, {
_this: this _this: this
}, res => { }, res => {
let arr = res.data.records; const arr = res.data.records
arr.forEach(item => { arr.forEach(item => {
// 适用车型转换 // 适用车型转换
if (item.carType !== null) { if (item.carType !== null) {
let k = (item.carType || "").split(',') const k = (item.carType || '').split(',')
for (let i in this.energyKindOptions) { for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label
}
item.carTypeShow = k.join(',')
}
}
}
})
this.sarAccessListDatas = arr
this.tableLoading = false
this.sarSarAccessEOSearch.page = 1
this.sarAccessListTotal = res.data.total
}, e => {
});
})
},
methods: {
// 更多
handleCommand (command) {
switch (command[1]) {
case '查看':
this.showTable(command[0]);
break;
case '编辑':
this.editTable(command[0]);
break;
case '删除':
this.deleteSarAccess('delOne', command[0].id);
break;
}
},
// 分页查询
searchSarAccess () {
this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
page: 1,
pageSize: this.pageSize,
...this.sarSarAccessEOSearch,
sortKey: 2
}, {
_this: this
}, res => {
const arr = res.data.records;
arr.forEach(item => {
// 适用车型转换
if (item.carType !== null) {
const k = (item.carType || '').split(',')
for (const i in this.energyKindOptions) {
for (let m = 0; m < k.length; m++) { for (let m = 0; m < k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) { if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label k[m] = this.energyKindOptions[i].label
@@ -312,7 +364,6 @@ export default {
this.sarAccessListTotal = res.data.total this.sarAccessListTotal = res.data.total
}, e => { }, e => {
}); });
}, },
pageChange (page) { pageChange (page) {
this.sarSarAccessEOSearch.page = page; this.sarSarAccessEOSearch.page = page;
@@ -329,12 +380,11 @@ export default {
this.sarSarAccessEOSearch.carType = '' this.sarSarAccessEOSearch.carType = ''
this.sarSarAccessEOSearch.detailedListName = '' this.sarSarAccessEOSearch.detailedListName = ''
this.searchSarAccess() this.searchSarAccess()
}, },
// 新增相关 // 新增相关
openModal (row, optType) { openModal (row, optType) {
this.$router.push({ this.$router.push({
name: "ProjectAddEit" name: 'ProjectAddEit'
}); });
}, },
// 删除 // 删除
@@ -373,10 +423,10 @@ export default {
}, },
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable (item) {
sessionStorage.setItem("accessRow", JSON.stringify(item)); sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path); this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({ this.$router.push({
name: "AccessStandardDetails", name: 'AccessStandardDetails',
params: { params: {
id: item.id id: item.id
} }
@@ -386,7 +436,7 @@ export default {
editTable (item) { editTable (item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item) this.$store.commit('SET_ACCESS_STAND_REG_ROW', item)
this.$router.push({ this.$router.push({
name: "ProjectAddEit", name: 'ProjectAddEit',
query: { query: {
id: item.id, id: item.id,
fileIds: item.fileIds, fileIds: item.fileIds,
@@ -395,43 +445,6 @@ export default {
} }
}); });
} }
},
mounted() {
dicTypeData().then(res => {
// 车型类别数据字典
this.energyKindOptions = res.data.ENERGYTYPES
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
page: 1,
pageSize: this.pageSize,
...this.sarSarAccessEOSearch,
sortKey: 2
}, {
_this: this
}, res => {
let arr = res.data.records
arr.forEach(item =>{
// 适用车型转换
if (item.carType !== null) {
let k = (item.carType || "").split(',')
for (let i in this.energyKindOptions) {
for (let m = 0; m< k.length; m++) {
if (this.energyKindOptions[i].value === k[m]) {
k[m] = this.energyKindOptions[i].label
}
item.carTypeShow = k.join(',')
}
}
}
})
this.sarAccessListDatas = arr
this.tableLoading = false
this.sarSarAccessEOSearch.page = 1
this.sarAccessListTotal = res.data.total
}, e => {
});
})
} }
}; };
</script> </script>
@@ -441,22 +454,24 @@ export default {
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
//height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px); //min-height: calc(100% - 100px);
overflow-y: auto; overflow-y: auto;
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
flex: auto; //flex: auto;
width: 100%; width: 100%;
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px'); //height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info { .table_info {
height: calc(70vh - 90px); //height: calc(70vh - 90px);
height: calc(100% - 57px);
} }
.pagination { .pagination {
position: inherit; position: inherit;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listTracking.vue
+185 -144
View File
@@ -8,61 +8,70 @@
<el-input <el-input
v-model="sarSarAccessEOSearch.lawCode" v-model="sarSarAccessEOSearch.lawCode"
placeholder="请输入" placeholder="请输入"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="标准名称/政策名称:" class="search-item search-item-last"> <el-form-item label="标准名称/政策名称:" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.lawName" v-model="sarSarAccessEOSearch.lawName"
placeholder="请输入" placeholder="请输入"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="产品类型:" class="search-item search-item-last"> <el-form-item label="产品类型:" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.productType" v-model="sarSarAccessEOSearch.productType"
placeholder="请输入" placeholder="请输入"
></el-input> />
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'23e01cb6ac6bfcedd39537f236a769e5'"
:loading="searching" :loading="searching"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
v-btn-permission="'23e01cb6ac6bfcedd39537f236a769e5'" @click="searchSarAccessBtn"
@click="searchSarAccessBtn"> >
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'41945d15f5cb658665ef4916f62354a2'"
class="common-button-default" class="common-button-default"
size="small" size="small"
v-btn-permission="'41945d15f5cb658665ef4916f62354a2'" @click="clearSearch"
@click="clearSearch">清空</el-button> >
清空
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
v-btn-permission="'226bcb0d4d1b5767183d51186f24c57a'"
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
size="mini" size="mini"
v-btn-permission="'226bcb0d4d1b5767183d51186f24c57a'"
@click="showAddModel(1, null)" @click="showAddModel(1, null)"
><i class="el-icon-plus"></i>新增</el-button> >
<i class="el-icon-plus" />新增
</el-button>
<el-button <el-button
v-btn-permission="'bdc3bb8549669702642f86aa4323c568'"
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
v-btn-permission="'bdc3bb8549669702642f86aa4323c568'"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
><i class="iconfont">&#xe61b;</i>批量删除</el-button> >
<i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<div class="table_info"> <div class="table_info">
<el-table <el-table
ref="selection"
:data="sarAccessListDatas" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@@ -71,18 +80,18 @@
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }} {{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template> </template>
@@ -91,46 +100,48 @@
prop="lawCode" prop="lawCode"
width="250" width="250"
label="标准编号/政策文号" label="标准编号/政策文号"
align="center"> align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a @click="handlePreviewAA(scope.row)" style="cursor: pointer">{{ scope.row.lawCode }}</a> <a style="cursor: pointer" @click="handlePreviewAA(scope.row)">{{ scope.row.lawCode }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="lawName" prop="lawName"
label="标准名称/政策名称" label="标准名称/政策名称"
align="center" align="center"
width="300px"> width="300px"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a @click="handlePreviewAA(scope.row)" style="cursor: pointer">{{ scope.row.lawName }}</a> <a style="cursor: pointer" @click="handlePreviewAA(scope.row)">{{ scope.row.lawName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="productType" prop="productType"
label="产品类型" label="产品类型"
align="center" align="center"
:formatter="reImplRequire"> :formatter="reImplRequire"
</el-table-column> />
<el-table-column <el-table-column
prop="implTime" prop="implTime"
sortable sortable
label="实施时间" label="实施时间"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
prop="implRequire" prop="implRequire"
label="实施要求" label="实施要求"
align="center" align="center"
:formatter="reImplRequire"> :formatter="reImplRequire"
</el-table-column> />
<el-table-column label="操作" min-width="50" align="center"> <el-table-column label="操作" min-width="50" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'9cfce14dcb70220b1feb948f956b3e0e'">编辑</el-dropdown-item> <el-dropdown-item v-btn-permission="'9cfce14dcb70220b1feb948f956b3e0e'" :command="[scope.row, '编辑']">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'c5931f7d69d66aae5f45c9e88a137f5a'">删除</el-dropdown-item> <el-dropdown-item v-btn-permission="'c5931f7d69d66aae5f45c9e88a137f5a'" :command="[scope.row, '删除']">删除</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@@ -139,7 +150,7 @@
</el-table> </el-table>
</div> </div>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination> <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange" />
</div> </div>
<!-- 编辑抽屉--> <!-- 编辑抽屉-->
<el-drawer <el-drawer
@@ -152,12 +163,12 @@
> >
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<el-form <el-form
v-if="showInfoModal"
ref="attributeEO" ref="attributeEO"
:model="attributeEO" :model="attributeEO"
:rules="attributeEOFormRules" :rules="attributeEOFormRules"
class="label-input-form" class="label-input-form"
label-width="130px" label-width="130px"
v-if="showInfoModal"
> >
<el-form-item <el-form-item
v-show="false" v-show="false"
@@ -177,8 +188,8 @@
class="add-form-item" class="add-form-item"
> >
<el-input <el-input
style="width: 45%"
v-model.trim="attributeEO.lawCode" v-model.trim="attributeEO.lawCode"
style="width: 45%"
placeholder="请手动查找带入标准编号/政策编号" placeholder="请手动查找带入标准编号/政策编号"
clearable clearable
readonly readonly
@@ -192,8 +203,8 @@
class="add-form-item" class="add-form-item"
> >
<el-input <el-input
readonly
v-model.trim="attributeEO.lawName" v-model.trim="attributeEO.lawName"
readonly
placeholder="请手动查找带入标准名称/政策名称" placeholder="请手动查找带入标准名称/政策名称"
clearable clearable
/> />
@@ -204,16 +215,16 @@
class="add-form-item" class="add-form-item"
> >
<el-select <el-select
placeholder="请选择产品类型"
v-model="attributeEO.productType" v-model="attributeEO.productType"
placeholder="请选择产品类型"
filterable filterable
> >
<el-option <el-option
v-for="item in attrTypeOptions" v-for="item in attrTypeOptions"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@@ -226,8 +237,8 @@
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="dates" type="dates"
prefix-icon="none" prefix-icon="none"
placeholder="请选择实施时间"> placeholder="请选择实施时间"
</el-date-picker> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="实施要求" label="实施要求"
@@ -235,16 +246,16 @@
class="add-form-item" class="add-form-item"
> >
<el-select <el-select
placeholder="请选择实施要求"
v-model="attributeEO.implRequire" v-model="attributeEO.implRequire"
placeholder="请选择实施要求"
filterable filterable
> >
<el-option <el-option
v-for="item in attrTypeOptions" v-for="item in attrTypeOptions"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -257,15 +268,17 @@
:loading="submitLoading" :loading="submitLoading"
icon="el-icon-check" icon="el-icon-check"
@click="saveInfo" @click="saveInfo"
>提交</el-button
> >
提交
</el-button>
<el-button <el-button
size="mini" size="mini"
icon="el-icon-close" icon="el-icon-close"
class="common-button-default" class="common-button-default"
@click="cancelModel" @click="cancelModel"
>取消</el-button
> >
取消
</el-button>
</div> </div>
</el-drawer> </el-drawer>
<el-drawer <el-drawer
@@ -274,7 +287,8 @@
:visible.sync="selectModal" :visible.sync="selectModal"
size="1250px" size="1250px"
:styles="styles" :styles="styles"
:close="cancelSelectModel"> :close="cancelSelectModel"
>
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<el-form <el-form
class="label-input-form" class="label-input-form"
@@ -286,37 +300,41 @@
<el-form-item label="标准/政策来源" class="search-item"> <el-form-item label="标准/政策来源" class="search-item">
<el-select <el-select
v-model="handleSelectForm.dataSource" v-model="handleSelectForm.dataSource"
@change="dataSourceChange"
:popper-append-to-body="false" :popper-append-to-body="false"
placeholder="请选择标准/政策来源"> placeholder="请选择标准/政策来源"
<el-option value="INLAND" label="国内标准库"></el-option> @change="dataSourceChange"
<el-option value="FOREIGN" label="海外标准库"></el-option> >
<el-option value="FOREIGN_LAWS" label="国内外政策库"></el-option> <el-option value="INLAND" label="国内标准库" />
<el-option value="BUSINESS_STAND" label="企业标准库"></el-option> <el-option value="FOREIGN" label="海外标准库" />
<el-option value="FOREIGN_LAWS" label="国内外政策库" />
<el-option value="BUSINESS_STAND" label="企业标准库" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="标准编号/政策文号" class="search-item"> <el-form-item label="标准编号/政策文号" class="search-item">
<el-input <el-input
v-model="handleSelectForm.lawNumber" v-model="handleSelectForm.lawNumber"
@change="lawNumberSearch"
placeholder="根据标准编号/政策编号查找" placeholder="根据标准编号/政策编号查找"
clearable clearable
:maxlength="100"></el-input> :maxlength="100"
@change="lawNumberSearch"
/>
</el-form-item> </el-form-item>
<el-form-item label="标准名称/政策名称" class="search-item"> <el-form-item label="标准名称/政策名称" class="search-item">
<el-input <el-input
v-model="handleSelectForm.lawName" v-model="handleSelectForm.lawName"
@change="lawNameSearch"
placeholder="根据标准名称/政策名称查找" placeholder="根据标准名称/政策名称查找"
clearable clearable
:maxlength="100"></el-input> :maxlength="100"
@change="lawNameSearch"
/>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
size="small" size="small"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
@click="searchLawBtn"> @click="searchLawBtn"
>
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -325,7 +343,8 @@
class="common-button-default" class="common-button-default"
size="small" size="small"
type="default" type="default"
@click="clearLawBtn"> @click="clearLawBtn"
>
清空 清空
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -343,19 +362,19 @@
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectTableChange" @selection-change="handleSelectTableChange"
> >
<el-table-column <el-table-column
fixed="left" fixed="left"
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
fixed="left" fixed="left"
type="index" type="index"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (handleSelectForm.page - 1) * handleSelectForm.pageSize }} {{ ($index + 1) + (handleSelectForm.page - 1) * handleSelectForm.pageSize }}
</template> </template>
@@ -366,15 +385,23 @@
width="150" width="150"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止'" class="table-jump" style="color: #F56C6C" <a
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止'"
class="table-jump"
style="color: #F56C6C"
@click="handlePreview(scope.row)"
>{{ scope.row.standSortShow }} {{
scope.row.standNumber scope.row.standNumber
}}-{{ scope.row.standYear }}</a> }}-{{ scope.row.standYear }}</a>
<a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333" <a
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ v-else-if="scope.row.standYear"
class="table-jump"
style="color: #333333"
@click="handlePreview(scope.row)"
>{{ scope.row.standSortShow }} {{
scope.row.standNumber scope.row.standNumber
}}-{{ scope.row.standYear }}</a> }}-{{ scope.row.standYear }}</a>
<a v-else @click="handlePreview(scope.row)" class="table-jump" style="color: #333333"> <a v-else class="table-jump" style="color: #333333" @click="handlePreview(scope.row)">
{{ scope.row.standSortShow }} {{ scope.row.standSortShow }}
{{ scope.row.standNumber }}</a> {{ scope.row.standNumber }}</a>
</template> </template>
@@ -386,14 +413,15 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a> <a v-if="textStatusMap[scope.row.textStatus] === '废止'" class="table-jump" style="color: #F56C6C" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
<a v-else @click="handlePreview(scope.row)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a> <a v-else style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="issueTime" prop="issueTime"
width="120" width="120"
label="发布日期"> label="发布日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.issueTime }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.issueTime }}</span>
<span v-else>{{ scope.row.issueTime }}</span> <span v-else>{{ scope.row.issueTime }}</span>
@@ -402,19 +430,20 @@
<el-table-column <el-table-column
prop="ssrq" prop="ssrq"
width="120" width="120"
label="实施日期"> label="实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}--> <!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.ssrq }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.ssrq }}</span>
<span v-else>{{ scope.row.ssrq }}</span> <span v-else>{{ scope.row.ssrq }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="xcxssrq" prop="xcxssrq"
width="150" width="150"
label="新车型实施日期"> label="新车型实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.xcxssrq }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.xcxssrq }}</span>
<span v-else>{{ scope.row.xcxssrq }}</span> <span v-else>{{ scope.row.xcxssrq }}</span>
@@ -423,7 +452,8 @@
<el-table-column <el-table-column
prop="zccssrq" prop="zccssrq"
width="150" width="150"
label="在产车实施日期"> label="在产车实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.zccssrq }}</span> <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ scope.row.zccssrq }}</span>
<span v-else>{{ scope.row.zccssrq }}</span> <span v-else>{{ scope.row.zccssrq }}</span>
@@ -432,7 +462,8 @@
<el-table-column <el-table-column
prop="textStatus" prop="textStatus"
width="110" width="110"
label="标准状态"> label="标准状态"
>
<!-- <template slot="header" slot-scope="scope">--> <!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">--> <!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
<!-- <span>标准状态<i class="el-icon-warning-outline"></i></span>--> <!-- <span>标准状态<i class="el-icon-warning-outline"></i></span>-->
@@ -461,7 +492,7 @@
<a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ <a v-else-if="scope.row.standYear" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow scope.row.standSortShow
}} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a> }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-else style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standSortShow scope.row.standSortShow
}} }}
{{ scope.row.standNumber }}</a> {{ scope.row.standNumber }}</a>
@@ -474,13 +505,13 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standName scope.row.standName
}}</a> }}</a>
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standName scope.row.standName
}}</a> }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-else style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standName scope.row.standName
}}</a> }}</a>
</template> </template>
@@ -492,13 +523,13 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standEnName scope.row.standEnName
}}</a> }}</a>
<a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-else-if="textStatusMap[scope.row.textStatus] === '——' " style="color: #409EFF" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standEnName scope.row.standEnName
}}</a> }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ <a v-else style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{
scope.row.standEnName scope.row.standEnName
}}</a> }}</a>
</template> </template>
@@ -506,7 +537,8 @@
<el-table-column <el-table-column
prop="issueTime" prop="issueTime"
width="120" width="120"
label="发布日期"> label="发布日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C"> <div v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">
{{ scope.row.issueTime }} {{ scope.row.issueTime }}
@@ -522,7 +554,8 @@
<el-table-column <el-table-column
prop="ssrq" prop="ssrq"
width="120" width="120"
label="实施日期"> label="实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- {{ formatIssueDate(scope.row.putTime) }}--> <!-- {{ formatIssueDate(scope.row.putTime) }}-->
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{
@@ -532,13 +565,13 @@
scope.row.ssrq scope.row.ssrq
}}</span> }}</span>
<span v-else style="color: #333333">{{ scope.row.ssrq }}</span> <span v-else style="color: #333333">{{ scope.row.ssrq }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="xcxssrq" prop="xcxssrq"
width="150" width="150"
label="新车型实施日期"> label="新车型实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{
scope.row.xcxssrq scope.row.xcxssrq
@@ -554,7 +587,8 @@
<el-table-column <el-table-column
prop="zccssrq" prop="zccssrq"
width="150" width="150"
label="在产车实施日期"> label="在产车实施日期"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{ <span v-if="textStatusMap[scope.row.textStatus] === '废止'" style="color: #F56C6C">{{
scope.row.zccssrq scope.row.zccssrq
@@ -570,7 +604,8 @@
<el-table-column <el-table-column
prop="textStatus" prop="textStatus"
width="110" width="110"
label="标准状态"> label="标准状态"
>
<!-- <template slot="header" slot-scope="scope">--> <!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">--> <!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
<!-- <span>标准状态 <i class="el-icon-warning-outline"></i></span>--> <!-- <span>标准状态 <i class="el-icon-warning-outline"></i></span>-->
@@ -595,9 +630,9 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>--> <!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -607,9 +642,9 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -619,9 +654,9 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsEnName }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a> <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsEnName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.lawsEnName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -652,7 +687,6 @@
label="标准状态" label="标准状态"
width="110" width="110"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C"> <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
{{ scope.row.standStatusShow }} {{ scope.row.standStatusShow }}
@@ -674,9 +708,9 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>--> <!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -686,9 +720,9 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <a v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -698,9 +732,9 @@
min-width="300" min-width="300"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
<a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a> <a v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a> <a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考'" style="color: #333333" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -731,7 +765,6 @@
label="标准状态" label="标准状态"
width="110" width="110"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C"> <span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">
{{ scope.row.standStatusShow }} {{ scope.row.standStatusShow }}
@@ -745,7 +778,6 @@
</template> </template>
</el-table-column> </el-table-column>
</div> </div>
</el-table> </el-table>
<!--分页--> <!--分页-->
<pagination <pagination
@@ -755,9 +787,19 @@
:page="handleSelectForm.page" :page="handleSelectForm.page"
:total="handleSelectForm.total" :total="handleSelectForm.total"
@pageChange="handleSelectPageChange" @pageChange="handleSelectPageChange"
@pageSizeChange="handleSelectPageSizeChange"></pagination> @pageSizeChange="handleSelectPageSizeChange"
/>
<div slot="footer" class="demo-drawer-footer"> <div slot="footer" class="demo-drawer-footer">
<el-button type="primary" size="mini" class="common-button-primary" icon="el-icon-check" @click="handleSelectConfirm" v-show="lawInfoTableLoading === false">确定</el-button> <el-button
v-show="lawInfoTableLoading === false"
type="primary"
size="mini"
class="common-button-primary"
icon="el-icon-check"
@click="handleSelectConfirm"
>
确定
</el-button>
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="selectModal = false">取消</el-button> <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="selectModal = false">取消</el-button>
</div> </div>
</div> </div>
@@ -767,7 +809,7 @@
<script> <script>
export default { export default {
name: "listTracking", name: 'ListTracking',
data () { data () {
return { return {
lawInfoTableLoading: true, lawInfoTableLoading: true,
@@ -917,10 +959,21 @@ export default {
delLoading: false delLoading: false
} }
}, },
mounted () {
// 分页查询数据
this.searchSarAccess()
// 从数据库中查询各下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
this.setMap(res.data.WBZTCLASS)
}, e => {
})
},
methods: { methods: {
handlePreviewAA (item) { handlePreviewAA (item) {
if (item.dataSource === "INLAND"){ if (item.dataSource === 'INLAND') {
let routeUrlINLAND = this.$router.resolve({ const routeUrlINLAND = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
id: item.lawId, id: item.lawId,
@@ -928,8 +981,8 @@ export default {
} }
}) })
window.open(routeUrlINLAND.href, '_blank') window.open(routeUrlINLAND.href, '_blank')
}else if (item.dataSource === "FOREIGN"){ }else if (item.dataSource === 'FOREIGN') {
let routeUrlFOREIGN = this.$router.resolve({ const routeUrlFOREIGN = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
id: item.lawId, id: item.lawId,
@@ -938,7 +991,7 @@ export default {
}) })
window.open(routeUrlFOREIGN.href, '_blank') window.open(routeUrlFOREIGN.href, '_blank')
} else if (item.dataSource !== undefined) { } else if (item.dataSource !== undefined) {
let routeUrlLAWS = this.$router.resolve({ const routeUrlLAWS = this.$router.resolve({
name: 'OtherLawsStandDetails', name: 'OtherLawsStandDetails',
params: { params: {
id: item.lawId, id: item.lawId,
@@ -947,7 +1000,7 @@ export default {
}) })
window.open(routeUrlLAWS.href, '_blank') window.open(routeUrlLAWS.href, '_blank')
}else { }else {
let routeUrlBUSINESS = this.$router.resolve({ const routeUrlBUSINESS = this.$router.resolve({
name: 'OtherBussStandardDetails', name: 'OtherBussStandardDetails',
params: { params: {
id: item.lawId, id: item.lawId,
@@ -956,7 +1009,6 @@ export default {
}) })
window.open(routeUrlBUSINESS.href, '_blank') window.open(routeUrlBUSINESS.href, '_blank')
} }
}, },
reImplRequire (row, column, cellValue, index) { reImplRequire (row, column, cellValue, index) {
let str = '' let str = ''
@@ -977,8 +1029,8 @@ export default {
}, },
// 点击查看 // 点击查看
handlePreview (item) { handlePreview (item) {
if (item.standType === "INLAND"){ if (item.standType === 'INLAND') {
let routeUrlINLAND = this.$router.resolve({ const routeUrlINLAND = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
id: item.id, id: item.id,
@@ -986,8 +1038,8 @@ export default {
} }
}) })
window.open(routeUrlINLAND.href, '_blank') window.open(routeUrlINLAND.href, '_blank')
}else if (item.standType === "FOREIGN"){ }else if (item.standType === 'FOREIGN') {
let routeUrlFOREIGN = this.$router.resolve({ const routeUrlFOREIGN = this.$router.resolve({
name: 'OtherStandardDetails', name: 'OtherStandardDetails',
params: { params: {
id: item.id, id: item.id,
@@ -996,7 +1048,7 @@ export default {
}) })
window.open(routeUrlFOREIGN.href, '_blank') window.open(routeUrlFOREIGN.href, '_blank')
} else if (item.country !== undefined) { } else if (item.country !== undefined) {
let routeUrlLAWS = this.$router.resolve({ const routeUrlLAWS = this.$router.resolve({
name: 'OtherLawsStandDetails', name: 'OtherLawsStandDetails',
params: { params: {
id: item.id, id: item.id,
@@ -1005,7 +1057,7 @@ export default {
}) })
window.open(routeUrlLAWS.href, '_blank') window.open(routeUrlLAWS.href, '_blank')
}else { }else {
let routeUrlBUSINESS = this.$router.resolve({ const routeUrlBUSINESS = this.$router.resolve({
name: 'OtherBussStandardDetails', name: 'OtherBussStandardDetails',
params: { params: {
id: item.id, id: item.id,
@@ -1014,7 +1066,6 @@ export default {
}) })
window.open(routeUrlBUSINESS.href, '_blank') window.open(routeUrlBUSINESS.href, '_blank')
} }
}, },
// 将标准状态的id与name对应 // 将标准状态的id与name对应
setMap (data) { setMap (data) {
@@ -1045,11 +1096,10 @@ export default {
this.$message.warning('只能选择一条数据') this.$message.warning('只能选择一条数据')
}else if (this.handleSelectTableList.length === 0) { }else if (this.handleSelectTableList.length === 0) {
this.$message.warning('请选择一条数据') this.$message.warning('请选择一条数据')
} } else {
else {
this.attributeEO.dataSource = this.handleSelectForm.dataSource this.attributeEO.dataSource = this.handleSelectForm.dataSource
this.attributeEO.lawId = this.handleSelectTableList[0].id this.attributeEO.lawId = this.handleSelectTableList[0].id
this.attributeEO.lawCode =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear this.attributeEO.lawCode = this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort + ' ' + this.handleSelectTableList[0].standNumber + '-' + this.handleSelectTableList[0].standYear
this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
this.selectModal = false this.selectModal = false
} }
@@ -1323,10 +1373,10 @@ export default {
type: 'warning', type: 'warning',
}).then(() => { }).then(() => {
for (let i = 0; i < this.selectedList.length; i++) { for (let i = 0; i < this.selectedList.length; i++) {
this.selectedString += this.selectedList[i]+"," this.selectedString += this.selectedList[i] + ','
} }
let selectedString = this.selectedString.substring(0,this.selectedString.length-1) const selectedString = this.selectedString.substring(0, this.selectedString.length - 1)
this.$http.delete("sarIssueTrack/issueTrack", {selectedString},{ this.$http.delete('sarIssueTrack/issueTrack', { selectedString }, {
_this: this, _this: this,
loading: 'roleDataLoading' loading: 'roleDataLoading'
}, (res) => { }, (res) => {
@@ -1362,7 +1412,7 @@ export default {
// 分页查询 // 分页查询
searchSarAccess (advanceSearch) { searchSarAccess (advanceSearch) {
this.tableLoading = true this.tableLoading = true
this.$http.get("sarIssueTrack/issueTrack", { this.$http.get('sarIssueTrack/issueTrack', {
current: this.sarSarAccessEOSearch.page, current: this.sarSarAccessEOSearch.page,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
...this.sarSarAccessEOSearch, ...this.sarSarAccessEOSearch,
@@ -1370,7 +1420,7 @@ export default {
}, { }, {
_this: this _this: this
}, res => { }, res => {
let arr = res.data; const arr = res.data;
this.sarAccessListDatas = arr.records this.sarAccessListDatas = arr.records
this.sarAccessListTotal = res.data.total this.sarAccessListTotal = res.data.total
this.tableLoading = false this.tableLoading = false
@@ -1426,17 +1476,6 @@ export default {
// }) // })
// }, // },
}, },
mounted () {
// 分页查询数据
this.searchSarAccess()
// 从数据库中查询各下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
this.setMap(res.data.WBZTCLASS)
}, e => {
})
},
}; };
</script> </script>
@@ -1447,7 +1486,8 @@ export default {
//height: 100%; //height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: calc(100% - 100px); //min-height: calc(100% - 100px);
height: 100%;
overflow-y: auto; overflow-y: auto;
/deep/.el-form-item__label{ /deep/.el-form-item__label{
color: #333333; color: #333333;
@@ -1460,7 +1500,8 @@ export default {
width: 100%; width: 100%;
height: calc(~'100% - 30px'); height: calc(~'100% - 30px');
.table_info { .table_info {
height: calc(70vh - 90px); //height: calc(70vh - 90px);
flex: 1;
} }
.pagination { .pagination {
position: inherit; position: inherit;
src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
+490 -405
View File
File diff suppressed because it is too large Load Diff