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
+226 -181
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,12 +242,13 @@
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>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="issueTime" label="发布日期" width="120" align="center"> <el-table-column prop="issueTime" label="发布日期" width="120" align="center">
@@ -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,46 +298,58 @@
: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"
</span> size="mini"
class="common-button-primary"
icon="el-icon-check"
@click="exportExcel"
>提交</el-button>
</span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog
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,
detailText: '', detailText: '',
@@ -313,7 +360,7 @@ export default {
warningTableHeight: '', warningTableHeight: '',
applyArcticOptions: [], // 适用车型下拉框 applyArcticOptions: [], // 适用车型下拉框
isShowBtn: true, isShowBtn: true,
activeName: "STANDARD", //tab 默认选中值 activeName: 'STANDARD', // tab 默认选中值
// 头部搜索框 // 头部搜索框
dynamic: { dynamic: {
// 发布日期 // 发布日期
@@ -322,33 +369,33 @@ export default {
// 实施日期 // 实施日期
startSSRQ: '', startSSRQ: '',
endSSRQ: '', endSSRQ: '',
//新车型实施日期 // 新车型实施日期
startXCXSSRQ: '', startXCXSSRQ: '',
endXCXSSRQ: '', endXCXSSRQ: '',
// 在产车实施日期 // 在产车实施日期
startZCCSSRQ: '', startZCCSSRQ: '',
endZCCSSRQ: '', endZCCSSRQ: '',
//标准编号 // 标准编号
standCode: "", standCode: '',
//标准名称 // 标准名称
standName: "", standName: '',
//发布日期 // 发布日期
putTime: [], putTime: [],
//实施日期 // 实施日期
SSRQ: [], SSRQ: [],
//新车型实施日期 // 新车型实施日期
XCXSSRQ: [], XCXSSRQ: [],
//在产车实施日期 // 在产车实施日期
ZCCSSRQ: [], ZCCSSRQ: [],
//适用车型 // 适用车型
applyType: "", applyType: '',
}, },
height: null, height: null,
energyKindOptions: [], //存放适用车型数据 energyKindOptions: [], // 存放适用车型数据
zrgcs: [], //责任工程师 zrgcs: [], // 责任工程师
// 新车型实施日期预警 // 新车型实施日期预警
newItems: [], newItems: [],
//政策新车型实施日期预警 // 政策新车型实施日期预警
newPolicy: [], newPolicy: [],
// 新车型条款预警 // 新车型条款预警
newStand: [], newStand: [],
@@ -356,7 +403,7 @@ export default {
oldItems: [], oldItems: [],
// 在产车条款预警 // 在产车条款预警
oldStand: [], oldStand: [],
//政策在产车实施日期预警 // 政策在产车实施日期预警
oldPolicy: [], oldPolicy: [],
tableHeight: 0, tableHeight: 0,
pageConfig: { pageConfig: {
@@ -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;
} }
@@ -438,12 +485,12 @@ export default {
}; };
}, },
methods: { methods: {
//取消导出 // 取消导出
cancal() { cancal () {
this.exportModelFlag = false this.exportModelFlag = false
}, },
//确认导出 // 确认导出
exportExcel() { exportExcel () {
console.log('293', this.selectedList) console.log('293', this.selectedList)
const exportURL = interfaceUrl + 'sys/EarlyWarning/exportWarning?' + const exportURL = interfaceUrl + 'sys/EarlyWarning/exportWarning?' +
'&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName '&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName
@@ -451,12 +498,12 @@ export default {
this.$message.success('导出信息成功') this.$message.success('导出信息成功')
this.exportModelFlag = false this.exportModelFlag = false
}, },
exportExcelBtn() { exportExcelBtn () {
console.log('302', this.selectedList) console.log('302', this.selectedList)
this.exportName = '' this.exportName = ''
this.exportModelFlag = true this.exportModelFlag = true
}, },
selectChange(alldata) { selectChange (alldata) {
console.log('307', alldata) console.log('307', alldata)
this.selectedList = [] this.selectedList = []
for (let i = 0; i < alldata.length; i++) { for (let i = 0; i < alldata.length; i++) {
@@ -464,7 +511,7 @@ export default {
} }
}, },
// 获取标准预警数据 (type用于区别分页器切换) // 获取标准预警数据 (type用于区别分页器切换)
getEarlyDate() { getEarlyDate () {
this.warningTableLoading = true this.warningTableLoading = true
this.$http.get('sys/EarlyWarning/getStandWarning', { this.$http.get('sys/EarlyWarning/getStandWarning', {
applyType: '', applyType: '',
@@ -478,58 +525,58 @@ 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(',');
} }
} }
} }
}) })
this.newItems = arr this.newItems = arr
//可能还需要调整一下条款或标准的顺序（zyh） // 可能还需要调整一下条款或标准的顺序（zyh）
switch (field) { switch (field) {
case 'newItems': case 'newItems':
this.pageConfig.count1 = result.newItems.total this.pageConfig.count1 = result.newItems.total
@@ -549,9 +596,9 @@ export default {
}, e => { }, e => {
}); });
}, },
//点击查看详情 // 点击查看详情
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,
@@ -560,8 +607,8 @@ export default {
}) })
window.open(routeUrl.href, '_blank') window.open(routeUrl.href, '_blank')
}, },
//获取政策预警数据(type用于区别分页器切换) // 获取政策预警数据(type用于区别分页器切换)
getPolicyDate() { getPolicyDate () {
this.loading[this.field] = true this.loading[this.field] = true
this.$http.get('sys/EarlyWarning/PolicyWarning', { this.$http.get('sys/EarlyWarning/PolicyWarning', {
applyType: '', applyType: '',
@@ -588,12 +635,12 @@ export default {
}); });
}, },
// 切换tab // 切换tab
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()
@@ -604,8 +651,8 @@ export default {
}); });
} }
}, },
//查找适用车型 // 查找适用车型
searchBtnClick() { searchBtnClick () {
if (this.dynamic.putTime === null) { if (this.dynamic.putTime === null) {
this.dynamic.putTime = [] this.dynamic.putTime = []
} }
@@ -622,23 +669,23 @@ export default {
this.warningTableLoading = true this.warningTableLoading = true
this.$http.get('sys/EarlyWarning/getStandWarning', { this.$http.get('sys/EarlyWarning/getStandWarning', {
...this.pageConfig, ...this.pageConfig,
//标准编号 // 标准编号
standCode: this.dynamic.standCode, standCode: this.dynamic.standCode,
//标准名称 // 标准名称
standName: this.dynamic.standName, standName: this.dynamic.standName,
//发布日期 // 发布日期
startIssueTime: this.dynamic.startIssueTime ? this.$moment(this.dynamic.startIssueTime).format('YYYY-MM-DD') : '', startIssueTime: this.dynamic.startIssueTime ? this.$moment(this.dynamic.startIssueTime).format('YYYY-MM-DD') : '',
endIssueTime: this.dynamic.endIssueTime ? this.$moment(this.dynamic.endIssueTime).format('YYYY-MM-DD') : '', endIssueTime: this.dynamic.endIssueTime ? this.$moment(this.dynamic.endIssueTime).format('YYYY-MM-DD') : '',
//实施日期 // 实施日期
startSSRQ: this.dynamic.startSSRQ ? this.$moment(this.dynamic.startSSRQ).format('YYYY-MM-DD') : '', startSSRQ: this.dynamic.startSSRQ ? this.$moment(this.dynamic.startSSRQ).format('YYYY-MM-DD') : '',
endSSRQ: this.dynamic.endSSRQ ? this.$moment(this.dynamic.endSSRQ).format('YYYY-MM-DD') : '', endSSRQ: this.dynamic.endSSRQ ? this.$moment(this.dynamic.endSSRQ).format('YYYY-MM-DD') : '',
//新车型实施日期 // 新车型实施日期
startXCXSSRQ: this.dynamic.startXCXSSRQ ? this.$moment(this.dynamic.startXCXSSRQ).format('YYYY-MM-DD') : '', startXCXSSRQ: this.dynamic.startXCXSSRQ ? this.$moment(this.dynamic.startXCXSSRQ).format('YYYY-MM-DD') : '',
endXCXSSRQ: this.dynamic.endXCXSSRQ ? this.$moment(this.dynamic.endXCXSSRQ).format('YYYY-MM-DD') : '', endXCXSSRQ: this.dynamic.endXCXSSRQ ? this.$moment(this.dynamic.endXCXSSRQ).format('YYYY-MM-DD') : '',
//在产车实施日期 // 在产车实施日期
startZCCSSRQ: this.dynamic.startZCCSSRQ ? this.$moment(this.dynamic.startZCCSSRQ).format('YYYY-MM-DD') : '', startZCCSSRQ: this.dynamic.startZCCSSRQ ? this.$moment(this.dynamic.startZCCSSRQ).format('YYYY-MM-DD') : '',
endZCCSSRQ: this.dynamic.endZCCSSRQ ? this.$moment(this.dynamic.endZCCSSRQ).format('YYYY-MM-DD') : '', endZCCSSRQ: this.dynamic.endZCCSSRQ ? this.$moment(this.dynamic.endZCCSSRQ).format('YYYY-MM-DD') : '',
//适用车型 // 适用车型
applyType: this.dynamic.applyType applyType: this.dynamic.applyType
}, { }, {
_this: this, _this: this,
@@ -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(',');
} }
} }
} }
@@ -671,28 +718,28 @@ export default {
}, e => { }, e => {
}) })
}, },
clearBtnClick() { clearBtnClick () {
this.dynamic = { this.dynamic = {
//标准编号 // 标准编号
standCode: "", standCode: '',
//标准名称 // 标准名称
standName: "", standName: '',
//发布日期 // 发布日期
putTime: [], putTime: [],
//实施日期 // 实施日期
SSRQ: [], SSRQ: [],
//新车型实施日期 // 新车型实施日期
XCXSSRQ: [], XCXSSRQ: [],
//在产车实施日期 // 在产车实施日期
ZCCSSRQ: [], ZCCSSRQ: [],
//适用车型 // 适用车型
applyType: "", applyType: '',
} }
this.pageConfig.page = 1 this.pageConfig.page = 1
this.searchBtnClick() this.searchBtnClick()
}, },
//取消预警 // 取消预警
cancelWarning(index, row) { cancelWarning (index, row) {
this.$confirm('确认取消预警？', '提示', { this.$confirm('确认取消预警？', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonClass: 'common-button-primary', confirmButtonClass: 'common-button-primary',
@@ -701,22 +748,22 @@ export default {
roundButton: false roundButton: false
}).then(() => { }).then(() => {
this.$http.get('sys/EarlyWarning/ChangePermissions', { this.$http.get('sys/EarlyWarning/ChangePermissions', {
id: row.id, id: row.id,
}, {}, res => { }, {}, res => {
this.pageConfig.page = 1 this.pageConfig.page = 1
this.pageConfig.newPolicyPage = 1 this.pageConfig.newPolicyPage = 1
this.pageConfig.oldPolicyPage = 1 this.pageConfig.oldPolicyPage = 1
this.searchBtnClick() this.searchBtnClick()
this.getEarlyDate() this.getEarlyDate()
} }
) )
}).catch(() => { }).catch(() => {
this.$message.warning('取消事件') this.$message.warning('取消事件')
}) })
}, },
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,
@@ -774,24 +821,24 @@ export default {
* @author: chenxiaoxi * @author: chenxiaoxi
* @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
this.searchBtnClick() this.searchBtnClick()
console.log('735', this.warningTableDatas) console.log('735', this.warningTableDatas)
this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate() this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
this.field = field this.field = field
}, },
//分页每页显示数改变后方法 // 分页每页显示数改变后方法
handlePageSizeChange(field, pageSize) { handlePageSizeChange (field, pageSize) {
// const _pageSize = field + 'PageSize' // const _pageSize = field + 'PageSize'
// this.pageConfig[_pageSize] = pageSize // this.pageConfig[_pageSize] = pageSize
this.pageConfig.pageSize = pageSize this.pageConfig.pageSize = pageSize
@@ -800,9 +847,9 @@ 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
this.detailTextDialog = true this.detailTextDialog = true
}, },
@@ -813,7 +860,7 @@ export default {
} }
}, },
computed: { computed: {
containerStyle() { containerStyle () {
this.$nextTick(() => { this.$nextTick(() => {
return this.activeName === 'POLICY' ? { return this.activeName === 'POLICY' ? {
height: '100%' height: '100%'
@@ -822,7 +869,7 @@ export default {
} }
}, },
watch: {}, watch: {},
mounted() { mounted () {
this.warningTableLoading = true this.warningTableLoading = true
// this.$nextTick(() => { // this.$nextTick(() => {
// this.warningTableHeight = $(window).height()*0.54 // this.warningTableHeight = $(window).height()*0.54
@@ -835,8 +882,8 @@ export default {
// window.onresize = () => { // window.onresize = () => {
// 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
+48 -48
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,29 +38,41 @@ 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,21 +95,23 @@ export default {
// return; // return;
// } // }
}, },
beforeRouteLeave(to, from, next) { methods: {
const toName = ["ListOfStandardsAndRegulationsDetails", "AccessStandardDetails", "LocalProductDetail", "OtherAddEit"]; },
beforeRouteLeave (to, from, next) {
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();
}, 100); }, 100);
}, },
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
+139 -123
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,46 +51,49 @@
</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%"
border border
height="100%" height="100%"
: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,16 +178,20 @@
</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: {},
searching: false, searching: false,
@@ -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(',');
} }
} }
}); });
@@ -301,49 +327,49 @@ export default {
}); });
}, },
pageChange(page) { pageChange (page) {
this.sarSarAccessEOSearch.page = page; this.sarSarAccessEOSearch.page = page;
this.searchSarAccess(); this.searchSarAccess();
}, },
pageSizeChange(pageSize) { pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent; this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess(); this.searchSarAccess();
}, },
searchSarAccessPage1() { searchSarAccessPage1 () {
this.sarSarAccessEOSearch.page = 1 this.sarSarAccessEOSearch.page = 1
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(() => {
@@ -352,28 +378,28 @@ export default {
} }
}, },
// 表格选择框 // 表格选择框
selectOne(data) { selectOne (data) {
this.selectedList = []; this.selectedList = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id); this.selectedList.push(data[i].id);
} }
}, },
// 点击 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
} }
}); });
}, },
// 点击 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,
@@ -383,23 +409,11 @@ export default {
}); });
}, },
// 将文本状态的id与name对应 // 将文本状态的id与name对应
setMap(data) { setMap (data) {
data.forEach(item => { data.forEach(item => {
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
+118 -99
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,46 +43,50 @@
</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>--> <i class="el-icon-plus" />新增
<!-- <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%"
border border
height="100%" height="100%"
: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,27 +142,31 @@
<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>
</el-table-column> </el-table-column>
<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,16 +176,20 @@
</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,
total: 0, total: 0,
@@ -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,29 +316,28 @@ export default {
this.tableLoading = false this.tableLoading = false
}, e => { }, e => {
}); });
}, },
pageChange(page) { pageChange (page) {
this.sarSarAccessEOSearch.page = page; this.sarSarAccessEOSearch.page = page;
this.searchSarAccess(); this.searchSarAccess();
}, },
pageSizeChange(pageSize) { pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent; this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess(); this.searchSarAccess();
}, },
clearSearch() { clearSearch () {
this.sarSarAccessEOSearch.detailedList = '' this.sarSarAccessEOSearch.detailedList = ''
this.sarSarAccessEOSearch.detailedListName = '' this.sarSarAccessEOSearch.detailedListName = ''
this.searchSarAccess(); this.searchSarAccess();
}, },
// 新增相关 // 新增相关
openModal(row, optType) { openModal (row, optType) {
this.$router.push({ this.$router.push({
name: "OtherAddEit" name: 'OtherAddEit'
}); });
}, },
//批量删除 // 批量删除
deleteSarAccess(flag, id) { deleteSarAccess (flag, id) {
if (flag === 'delOne') { if (flag === 'delOne') {
this.selectedList = []; this.selectedList = [];
this.selectedList[0] = id; this.selectedList[0] = id;
@@ -343,28 +364,28 @@ export default {
} }
}, },
// 表格选择框 // 表格选择框
selectOne(data) { selectOne (data) {
this.selectedList = []; this.selectedList = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id); this.selectedList.push(data[i].id);
} }
}, },
// 点击 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
} }
}); });
}, },
// 点击 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: "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
+164 -149
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,46 +53,49 @@
</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%"
border border
height="100%" height="100%"
: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,37 +129,43 @@
<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>
</el-table-column> </el-table-column>
<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,18 +175,22 @@
</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,
total: 0, total: 0,
@@ -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,13 +295,13 @@ 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++) { 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,33 +316,79 @@ export default {
this.sarAccessListTotal = res.data.total this.sarAccessListTotal = res.data.total
}, e => { }, 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;
}
}, },
pageChange(page) { // 分页查询
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++) {
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 => {
});
},
pageChange (page) {
this.sarSarAccessEOSearch.page = page; this.sarSarAccessEOSearch.page = page;
this.searchSarAccess(); this.searchSarAccess();
}, },
pageSizeChange(pageSize) { pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent; this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.sarSarAccessEOSearch.pageSize = pageSize; this.sarSarAccessEOSearch.pageSize = pageSize;
this.searchSarAccess(); this.searchSarAccess();
}, },
//清空 // 清空
clearSearch() { clearSearch () {
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'
}); });
}, },
// 删除 // 删除
deleteSarAccess(flag, id) { deleteSarAccess (flag, id) {
if (flag === 'delOne') { if (flag === 'delOne') {
this.selectedList = []; this.selectedList = [];
this.selectedList[0] = id; this.selectedList[0] = id;
@@ -365,28 +415,28 @@ export default {
} }
}, },
// 表格选择框 // 表格选择框
selectOne(data) { selectOne (data) {
this.selectedList = []; this.selectedList = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id); this.selectedList.push(data[i].id);
} }
}, },
// 点击 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
} }
}); });
}, },
// 点击 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: "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
+532 -491
View File
File diff suppressed because it is too large Load Diff
src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
+553 -468
View File
File diff suppressed because it is too large Load Diff