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">
<div class="container">
<div class="container" style="height: 100%">
<!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
<!-- <el-tab-pane label="标准预警" name="STANDARD">-->
<div class="dynamic-content">
@@ -16,23 +16,36 @@
<el-row :gutter="24">
<el-col>
<el-form-item label="标准编号">
<el-input clearable size="mini"
v-model="dynamic.standCode"
placeholder="根据标准编号查找">
</el-input>
<el-input
v-model="dynamic.standCode"
clearable
size="mini"
placeholder="根据标准编号查找"
/>
</el-form-item>
<el-form-item label="标准名称">
<el-input clearable size="mini"
v-model="dynamic.standName"
placeholder="根据标准名称查找">
</el-input>
<el-input
v-model="dynamic.standName"
clearable
size="mini"
placeholder="根据标准名称查找"
/>
</el-form-item>
<!-- 适用车型-->
<el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
<el-select v-model="dynamic.applyType" size="mini"
:placeholder="$t('m.searchAccordingToThApplicableModel')" clearable>
<el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
:key="opt.value" :label="opt.label">{{ opt.label }}
<el-select
v-model="dynamic.applyType"
size="mini"
: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-select>
</el-form-item>
@@ -53,8 +66,8 @@
size="mini"
:picker-options="pickerBeginDateBefore"
format="yyyy-MM-dd"
placeholder="选择开始时间">
</el-date-picker>
placeholder="选择开始时间"
/>
</el-form-item>
<el-form-item label="至" label-width="25px">
<el-date-picker
@@ -63,8 +76,8 @@
size="mini"
format="yyyy-MM-dd"
:picker-options="pickerBeginDateAfter"
placeholder="选择结束时间">
</el-date-picker>
placeholder="选择结束时间"
/>
</el-form-item>
<el-form-item label="新车型实施日期" style="margin-right: 10px" class="choose-time-area">
<el-date-picker
@@ -73,8 +86,8 @@
size="mini"
:picker-options="XCXSSRQDateBefore"
format="yyyy-MM-dd"
placeholder="选择开始时间">
</el-date-picker>
placeholder="选择开始时间"
/>
</el-form-item>
<el-form-item label="至" label-width="25px">
<el-date-picker
@@ -83,8 +96,8 @@
size="mini"
format="yyyy-MM-dd"
:picker-options="XCXSSRQDateAfter"
placeholder="选择结束时间">
</el-date-picker>
placeholder="选择结束时间"
/>
</el-form-item>
</el-col>
</el-row>
@@ -97,8 +110,8 @@
size="mini"
:picker-options="SSRQDateBefore"
format="yyyy-MM-dd"
placeholder="选择开始时间">
</el-date-picker>
placeholder="选择开始时间"
/>
</el-form-item>
<el-form-item label="至" label-width="25px">
<el-date-picker
@@ -107,8 +120,8 @@
size="mini"
format="yyyy-MM-dd"
:picker-options="SSRQDateAfter"
placeholder="选择结束时间">
</el-date-picker>
placeholder="选择结束时间"
/>
</el-form-item>
<el-form-item label="在产车实施日期" style="margin-right: 10px" class="choose-time-area">
<el-date-picker
@@ -117,8 +130,8 @@
size="mini"
:picker-options="ZCCSSRQDateBefore"
format="yyyy-MM-dd"
placeholder="选择开始时间">
</el-date-picker>
placeholder="选择开始时间"
/>
</el-form-item>
<el-form-item label="至" label-width="25px">
<el-date-picker
@@ -127,57 +140,65 @@
size="mini"
format="yyyy-MM-dd"
:picker-options="ZCCSSRQDateAfter"
placeholder="选择结束时间">
</el-date-picker>
placeholder="选择结束时间"
/>
</el-form-item>
<el-button
v-btn-permission="'5dca375c3d8d57c45e4815acf3611b34'"
style="margin: 6px 8px 0 0"
type="primary"
size="mini"
v-btn-permission="'5dca375c3d8d57c45e4815acf3611b34'"
class="common-button-primary"
@click="searchBtnClick"
class="common-button-primary">
>
查询
</el-button>
<el-button
v-btn-permission="'8258ee44344e92365e7e5bd90f3c8d21'"
style="margin: 6px 0 0 0"
size="mini"
v-btn-permission="'8258ee44344e92365e7e5bd90f3c8d21'"
class="common-button-primary"
@click="clearBtnClick"
class="common-button-primary">
>
清空
</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div style="float: right;margin: 0 3% 10px 0">
<el-button type="primary" size="mini"
v-btn-permission="'a34dcbc3a44a297a6b6cc95e450b28ea'"
@click="exportExcelBtn">导出Excel</el-button>
<div style="margin: 0 3% 10px 0;display: flex;justify-content: right">
<el-button
v-btn-permission="'a34dcbc3a44a297a6b6cc95e450b28ea'"
type="primary"
size="mini"
@click="exportExcelBtn"
>
导出Excel
</el-button>
</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-table
v-loading="warningTableLoading"
:data="warningTableDatas"
style="overflow-y: auto;"
height="100%"
height="calc(100% - 57px)"
border
:resizable="false"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
v-loading="warningTableLoading"
@selection-change="selectChange"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
type="index"
width="55"
label="序号"
align="center"
>
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (pageConfig.page - 1) * pageConfig.pageSize }}
</template>
@@ -206,7 +227,13 @@
<a @click="handlePreview(scope.row)">{{ scope.row.itemsNum }}</a>
</template>
</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">
<a @click="handlePreview(scope.row)">{{ scope.row.itemsName }}</a>
</template>
@@ -215,12 +242,13 @@
prop="termsConditions"
label="条款内容"
width="400"
align="center">
align="center"
>
<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)">{{
scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0, 20) + '...'
}}</a>
scope.row.termsConditions.replace(/<[^>]+>/g, '').slice(0, 20) + '...'
}}</a>
</template>
</el-table-column>
<el-table-column prop="issueTime" label="发布日期" width="120" align="center">
@@ -243,15 +271,22 @@
<span>{{ scope.row.zccssrq }}</span>
</template>
</el-table-column>
<el-table-column prop="applyType" label="适用车型" width="150" align="center">
</el-table-column>
<el-table-column label="操作" width="100" align="center" v-if="isShowBtn" fixed="right">
<el-table-column prop="applyType" label="适用车型" width="150" align="center" />
<el-table-column
v-if="isShowBtn"
label="操作"
width="100"
align="center"
fixed="right"
>
<template slot-scope="scope">
<el-button
v-btn-permission="'30d080f4194a10a76cc4994bad0afc9e'"
size="mini"
type="danger"
v-btn-permission="'30d080f4194a10a76cc4994bad0afc9e'"
@click="cancelWarning(scope.$index, scope.row)">取消预警
@click="cancelWarning(scope.$index, scope.row)"
>
取消预警
</el-button>
</template>
</el-table-column>
@@ -263,46 +298,58 @@
:total="pageConfig.total"
autoSize
@pageChange="page => handlePageChange('page', page)"
@pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"></pagination>
@pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"
/>
</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-form :inline="true" class="label-input-form search-area">
<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>
<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 type="primary" size="mini" class="common-button-primary" icon="el-icon-check"
@click="exportExcel">提交</el-button>
</span>
<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"
@click="exportExcel"
>提交</el-button>
</span>
</el-dialog>
<el-dialog
class="textDialog"
title="条款内容"
:visible.sync="detailTextDialog"
width="50%">
<span style="line-height: normal" v-html="detailText"></span>
<div slot="footer" class="dialog-footer">
</div>
width="50%"
>
<span style="line-height: normal" v-html="detailText" />
<div slot="footer" class="dialog-footer" />
</el-dialog>
</div>
</template>
<script>
import {mapMutations} from "vuex";
import {interfaceUrl} from "@/sysConfig";
import { mapMutations } from 'vuex';
import { interfaceUrl } from '@/sysConfig';
export default {
name: "standardWarning",
data() {
name: 'StandardWarning',
data () {
return {
detailTextDialog: false,
detailText: '',
@@ -313,7 +360,7 @@ export default {
warningTableHeight: '',
applyArcticOptions: [], // 适用车型下拉框
isShowBtn: true,
activeName: "STANDARD", //tab 默认选中值
activeName: 'STANDARD', // tab 默认选中值
// 头部搜索框
dynamic: {
// 发布日期
@@ -322,33 +369,33 @@ export default {
// 实施日期
startSSRQ: '',
endSSRQ: '',
//新车型实施日期
// 新车型实施日期
startXCXSSRQ: '',
endXCXSSRQ: '',
// 在产车实施日期
startZCCSSRQ: '',
endZCCSSRQ: '',
//标准编号
standCode: "",
//标准名称
standName: "",
//发布日期
// 标准编号
standCode: '',
// 标准名称
standName: '',
// 发布日期
putTime: [],
//实施日期
// 实施日期
SSRQ: [],
//新车型实施日期
// 新车型实施日期
XCXSSRQ: [],
//在产车实施日期
// 在产车实施日期
ZCCSSRQ: [],
//适用车型
applyType: "",
// 适用车型
applyType: '',
},
height: null,
energyKindOptions: [], //存放适用车型数据
zrgcs: [], //责任工程师
energyKindOptions: [], // 存放适用车型数据
zrgcs: [], // 责任工程师
// 新车型实施日期预警
newItems: [],
//政策新车型实施日期预警
// 政策新车型实施日期预警
newPolicy: [],
// 新车型条款预警
newStand: [],
@@ -356,7 +403,7 @@ export default {
oldItems: [],
// 在产车条款预警
oldStand: [],
//政策在产车实施日期预警
// 政策在产车实施日期预警
oldPolicy: [],
tableHeight: 0,
pageConfig: {
@@ -371,7 +418,7 @@ export default {
// 发布日期当前日期之前不可选择
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.endIssueTime;
const beginDateVal = this.dynamic.endIssueTime;
if (beginDateVal) {
return time.getTime() > beginDateVal;
}
@@ -379,7 +426,7 @@ export default {
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.startIssueTime;
const beginDateVal = this.dynamic.startIssueTime;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
@@ -388,7 +435,7 @@ export default {
SSRQDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.endSSRQ;
const beginDateVal = this.dynamic.endSSRQ;
if (beginDateVal) {
return time.getTime() > beginDateVal;
}
@@ -396,7 +443,7 @@ export default {
},
SSRQDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.startSSRQ;
const beginDateVal = this.dynamic.startSSRQ;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
@@ -405,7 +452,7 @@ export default {
XCXSSRQDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.endXCXSSRQ;
const beginDateVal = this.dynamic.endXCXSSRQ;
if (beginDateVal) {
return time.getTime() > beginDateVal;
}
@@ -413,7 +460,7 @@ export default {
},
XCXSSRQDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.startXCXSSRQ;
const beginDateVal = this.dynamic.startXCXSSRQ;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
@@ -421,7 +468,7 @@ export default {
},
ZCCSSRQDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.endZCCSSRQ;
const beginDateVal = this.dynamic.endZCCSSRQ;
if (beginDateVal) {
return time.getTime() > beginDateVal;
}
@@ -429,7 +476,7 @@ export default {
},
ZCCSSRQDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.dynamic.startZCCSSRQ;
const beginDateVal = this.dynamic.startZCCSSRQ;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
@@ -438,12 +485,12 @@ export default {
};
},
methods: {
//取消导出
cancal() {
// 取消导出
cancal () {
this.exportModelFlag = false
},
//确认导出
exportExcel() {
// 确认导出
exportExcel () {
console.log('293', this.selectedList)
const exportURL = interfaceUrl + 'sys/EarlyWarning/exportWarning?' +
'&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName
@@ -451,12 +498,12 @@ export default {
this.$message.success('导出信息成功')
this.exportModelFlag = false
},
exportExcelBtn() {
exportExcelBtn () {
console.log('302', this.selectedList)
this.exportName = ''
this.exportModelFlag = true
},
selectChange(alldata) {
selectChange (alldata) {
console.log('307', alldata)
this.selectedList = []
for (let i = 0; i < alldata.length; i++) {
@@ -464,7 +511,7 @@ export default {
}
},
// 获取标准预警数据 (type用于区别分页器切换)
getEarlyDate() {
getEarlyDate () {
this.warningTableLoading = true
this.$http.get('sys/EarlyWarning/getStandWarning', {
applyType: '',
@@ -478,58 +525,58 @@ export default {
this[field].forEach(item => {
// 适用车型转换
if (item.applyType !== null) {
let k = (item.applyType || "").split(",");
for (let i in this.energyKindOptions) {
const k = (item.applyType || '').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.applyType = k.join(",");
item.applyType = k.join(',');
}
}
}
// 责任工程师转换
if (item.dutyEngineer !== null) {
let k = (item.dutyEngineer || "").split(",");
for (let i in this.zrgcs) {
const k = (item.dutyEngineer || '').split(',');
for (const i in this.zrgcs) {
for (let m = 0; m < k.length; m++) {
if (this.zrgcs[i].value === k[m]) {
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 => {
// 适用车型转换
if (item.applyType !== null) {
let k = (item.applyType || "").split(",");
for (let i in this.energyKindOptions) {
const k = (item.applyType || '').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.applyType = k.join(",");
item.applyType = k.join(',');
}
}
}
// 责任工程师转换
if (item.dutyEngineer !== null) {
let k = (item.dutyEngineer || "").split(",");
for (let i in this.zrgcs) {
const k = (item.dutyEngineer || '').split(',');
for (const i in this.zrgcs) {
for (let m = 0; m < k.length; m++) {
if (this.zrgcs[i].value === k[m]) {
k[m] = this.zrgcs[i].label;
}
item.dutyEngineer = k.join(",");
item.dutyEngineer = k.join(',');
}
}
}
})
this.newItems = arr
//可能还需要调整一下条款或标准的顺序（zyh）
// 可能还需要调整一下条款或标准的顺序（zyh）
switch (field) {
case 'newItems':
this.pageConfig.count1 = result.newItems.total
@@ -549,9 +596,9 @@ export default {
}, e => {
});
},
//点击查看详情
handlePreview(item) {
let routeUrl = this.$router.resolve({
// 点击查看详情
handlePreview (item) {
const routeUrl = this.$router.resolve({
name: 'OtherStandardDetails',
params: {
id: item.standId,
@@ -560,8 +607,8 @@ export default {
})
window.open(routeUrl.href, '_blank')
},
//获取政策预警数据(type用于区别分页器切换)
getPolicyDate() {
// 获取政策预警数据(type用于区别分页器切换)
getPolicyDate () {
this.loading[this.field] = true
this.$http.get('sys/EarlyWarning/PolicyWarning', {
applyType: '',
@@ -588,12 +635,12 @@ export default {
});
},
// 切换tab
handleClick(tab, event) {
handleClick (tab, event) {
this.getPolicyDate();
switch (tab.name) {
case "POLICY":
case 'POLICY':
const computedHeight = () => {
this.tableHeight = $(".content-group").find(".table-wrap").height();
this.tableHeight = $('.content-group').find('.table-wrap').height();
}
this.$nextTick(() => {
computedHeight()
@@ -604,8 +651,8 @@ export default {
});
}
},
//查找适用车型
searchBtnClick() {
// 查找适用车型
searchBtnClick () {
if (this.dynamic.putTime === null) {
this.dynamic.putTime = []
}
@@ -622,23 +669,23 @@ export default {
this.warningTableLoading = true
this.$http.get('sys/EarlyWarning/getStandWarning', {
...this.pageConfig,
//标准编号
// 标准编号
standCode: this.dynamic.standCode,
//标准名称
// 标准名称
standName: this.dynamic.standName,
//发布日期
// 发布日期
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') : '',
//实施日期
// 实施日期
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') : '',
//新车型实施日期
// 新车型实施日期
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') : '',
//在产车实施日期
// 在产车实施日期
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') : '',
//适用车型
// 适用车型
applyType: this.dynamic.applyType
}, {
_this: this,
@@ -646,13 +693,13 @@ export default {
// 适用车型转换
for (let a = 0; a < res.data.records.length; a++) {
if (res.data.records[a].applyType !== null) {
let k = (res.data.records[a].applyType || "").split(",");
for (let i in this.energyKindOptions) {
const k = (res.data.records[a].applyType || '').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;
}
res.data.records[a].applyType = k.join(",");
res.data.records[a].applyType = k.join(',');
}
}
}
@@ -671,28 +718,28 @@ export default {
}, e => {
})
},
clearBtnClick() {
clearBtnClick () {
this.dynamic = {
//标准编号
standCode: "",
//标准名称
standName: "",
//发布日期
// 标准编号
standCode: '',
// 标准名称
standName: '',
// 发布日期
putTime: [],
//实施日期
// 实施日期
SSRQ: [],
//新车型实施日期
// 新车型实施日期
XCXSSRQ: [],
//在产车实施日期
// 在产车实施日期
ZCCSSRQ: [],
//适用车型
applyType: "",
// 适用车型
applyType: '',
}
this.pageConfig.page = 1
this.searchBtnClick()
},
//取消预警
cancelWarning(index, row) {
// 取消预警
cancelWarning (index, row) {
this.$confirm('确认取消预警？', '提示', {
confirmButtonText: '确定',
confirmButtonClass: 'common-button-primary',
@@ -701,22 +748,22 @@ export default {
roundButton: false
}).then(() => {
this.$http.get('sys/EarlyWarning/ChangePermissions', {
id: row.id,
}, {}, res => {
this.pageConfig.page = 1
this.pageConfig.newPolicyPage = 1
this.pageConfig.oldPolicyPage = 1
this.searchBtnClick()
this.getEarlyDate()
}
id: row.id,
}, {}, res => {
this.pageConfig.page = 1
this.pageConfig.newPolicyPage = 1
this.pageConfig.oldPolicyPage = 1
this.searchBtnClick()
this.getEarlyDate()
}
)
}).catch(() => {
this.$message.warning('取消事件')
})
},
showStandDetails(item) {
let getStandId = item.sarId;
let getStandType = item.sortName;
showStandDetails (item) {
const getStandId = item.sarId;
const getStandType = item.sortName;
// this.$http.get("lawss/sarMenu/judgeSarMenuByRole", {
// sarId: getStandId,
// sarType: getStandType,
@@ -774,24 +821,24 @@ export default {
* @author: chenxiaoxi
* @date: 2018/11/01 10:20:12
*/
dateFormat(date) {
let year = new Date(date).getFullYear();
let month = new Date(date).getMonth() + 1;
let day = new Date(date).getDate();
return year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
dateFormat (date) {
const year = new Date(date).getFullYear();
const month = new Date(date).getMonth() + 1;
const day = new Date(date).getDate();
return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
},
getDate(date) {
return date !== undefined && date != null ? date.split(" ")[0] : "";
getDate (date) {
return date !== undefined && date != null ? date.split(' ')[0] : '';
},
handlePageChange(field, page) {
handlePageChange (field, page) {
this.pageConfig.page = page
this.searchBtnClick()
console.log('735', this.warningTableDatas)
this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
this.field = field
},
//分页每页显示数改变后方法
handlePageSizeChange(field, pageSize) {
// 分页每页显示数改变后方法
handlePageSizeChange (field, pageSize) {
// const _pageSize = field + 'PageSize'
// this.pageConfig[_pageSize] = pageSize
this.pageConfig.pageSize = pageSize
@@ -800,9 +847,9 @@ export default {
// this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
// this.field = field
},
...mapMutations(["setDetailMap"]),
...mapMutations([ 'setDetailMap' ]),
openDialog(text) {
openDialog (text) {
this.detailText = text
this.detailTextDialog = true
},
@@ -813,7 +860,7 @@ export default {
}
},
computed: {
containerStyle() {
containerStyle () {
this.$nextTick(() => {
return this.activeName === 'POLICY' ? {
height: '100%'
@@ -822,7 +869,7 @@ export default {
}
},
watch: {},
mounted() {
mounted () {
this.warningTableLoading = true
// this.$nextTick(() => {
// this.warningTableHeight = $(window).height()*0.54
@@ -835,8 +882,8 @@ export default {
// window.onresize = () => {
// this.height = $(".content").height();
// };
//从数据库中查询下拉框数据
this.$http.get("sys/dictype/getDicTypeListCode", {}, {
// 从数据库中查询下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', {}, {
_this: this
}, res => {
this.energyKindOptions = res.data.ENERGYTYPES; // 文本状态
@@ -852,13 +899,13 @@ export default {
// 适用车型转换
for (let a = 0; a < res.data.records.length; a++) {
if (res.data.records[a].applyType !== null) {
let k = (res.data.records[a].applyType || "").split(",");
for (let i in this.energyKindOptions) {
const k = (res.data.records[a].applyType || '').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;
}
res.data.records[a].applyType = k.join(",");
res.data.records[a].applyType = k.join(',');
}
}
}
@@ -873,7 +920,6 @@ export default {
});
});
this.searchBtnClick()
}
};
</script>
@@ -1151,7 +1197,6 @@ export default {
}
}
}
::v-deep {
src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+48 -48
View File
@@ -2,48 +2,34 @@
<template>
<div id="accessStandardsAndRegulations" class="v-class">
<el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="国家/地区清单" name="listOfCountries" v-if="country">
<list-of-countries></list-of-countries>
<el-tab-pane v-if="country" label="国家/地区清单" name="listOfCountries">
<list-of-countries />
</el-tab-pane>
<el-tab-pane label="车型类别清单" name="listProject" v-if="project">
<list-project></list-project>
<el-tab-pane v-if="project" label="车型类别清单" name="listProject">
<list-project />
</el-tab-pane>
<!-- <el-tab-pane label="重点标准跟踪清单" name="listTracking" v-if="tracking">-->
<!-- <list-tracking></list-tracking>-->
<!-- </el-tab-pane>-->
<el-tab-pane label="其他清单" name="listOther" v-if="other">
<list-other></list-other>
<!-- <el-tab-pane label="重点标准跟踪清单" name="listTracking" v-if="tracking">-->
<!-- <list-tracking></list-tracking>-->
<!-- </el-tab-pane>-->
<el-tab-pane v-if="other" label="其他清单" name="listOther">
<list-other />
</el-tab-pane>
<el-tab-pane label="项目清单" name="localProductsOrProjectLibrary" v-if="library">
<local-products-or-project-library></local-products-or-project-library>
<el-tab-pane v-if="library" label="项目清单" name="localProductsOrProjectLibrary">
<local-products-or-project-library />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries";
import listProject from "../accessStandardsAndRegulations/page/listProject";
import listTracking from "../accessStandardsAndRegulations/page/listTracking";
import listOther from "../accessStandardsAndRegulations/page/listOther";
import localProductsOrProjectLibrary from "../localProductsOrProjectLibrary/index";
import listOfCountries from '../accessStandardsAndRegulations/page/listOfCountries';
import listProject from '../accessStandardsAndRegulations/page/listProject';
import listTracking from '../accessStandardsAndRegulations/page/listTracking';
import listOther from '../accessStandardsAndRegulations/page/listOther';
import localProductsOrProjectLibrary from '../localProductsOrProjectLibrary/index';
export default {
name: "AccessStandardsAndRegulations",
data() {
return {
country: false,
project: false,
tracking: false,
other: false,
library: false,
list: [],
tabValue: "",
menuName: ["国家/地区清单", "车型类别清单","重点标准跟踪清单", "其他清单", "项目清单"]
};
},
methods: {
},
name: 'AccessStandardsAndRegulations',
components: {
localProductsOrProjectLibrary,
listOfCountries,
@@ -52,29 +38,41 @@ export default {
listOther
},
props: {},
data () {
return {
country: false,
project: false,
tracking: false,
other: false,
library: false,
list: [],
tabValue: '',
menuName: [ '国家/地区清单', '车型类别清单', '重点标准跟踪清单', '其他清单', '项目清单' ]
};
},
computed: {},
watch: {},
mounted() {
var list = [];
mounted () {
const list = [];
const menuList = this.$store.getters.getMenuList;
let menuData = [];
let menuID = ["b05b562950cb6d0aef539fad30b7386a", "63e05705d0c8013162caa34f9fe52865","418123d180abf67bd2c46d5a694baaa5", "a1170d77f4332e5f45ce520e63b00e15", "5a75523729b04102a565167004d640e9"];
const menuData = [];
const menuID = [ 'b05b562950cb6d0aef539fad30b7386a', '63e05705d0c8013162caa34f9fe52865', '418123d180abf67bd2c46d5a694baaa5', 'a1170d77f4332e5f45ce520e63b00e15', '5a75523729b04102a565167004d640e9' ];
this.menuName.forEach(item => {
for (let i = 0; i < menuList.length; i++) {
let entity = menuList[i];
const entity = menuList[i];
if (item != entity.menuName) continue;
if (menuID.indexOf(entity.id) >= 0 && menuData.indexOf(entity.id) == -1) {
menuData.push(entity.id);
if (entity.id === "b05b562950cb6d0aef539fad30b7386a") {
if (entity.id === 'b05b562950cb6d0aef539fad30b7386a') {
this.country = true
} else if (entity.id === "63e05705d0c8013162caa34f9fe52865") {
} else if (entity.id === '63e05705d0c8013162caa34f9fe52865') {
this.project = true
}else if (entity.id === "418123d180abf67bd2c46d5a694baaa5") {
}else if (entity.id === '418123d180abf67bd2c46d5a694baaa5') {
this.tracking = true
}else if (entity.id === "5a75523729b04102a565167004d640e9") {
}else if (entity.id === '5a75523729b04102a565167004d640e9') {
this.other = true
} else if (entity.id === "a1170d77f4332e5f45ce520e63b00e15") {
this.library = true
} else if (entity.id === 'a1170d77f4332e5f45ce520e63b00e15') {
this.library = true
}
}
}
@@ -97,21 +95,23 @@ export default {
// return;
// }
},
beforeRouteLeave(to, from, next) {
const toName = ["ListOfStandardsAndRegulationsDetails", "AccessStandardDetails", "LocalProductDetail", "OtherAddEit"];
methods: {
},
beforeRouteLeave (to, from, next) {
const toName = [ 'ListOfStandardsAndRegulationsDetails', 'AccessStandardDetails', 'LocalProductDetail', 'OtherAddEit' ];
// 离开此页面之前,记录tabName以便返回使用,如果将要访问的页面不是这两个,则清空tabName
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 {
this.$store.commit("SET_ACCESS_STANDARD_REG_TABS");
this.$store.commit('SET_ACCESS_STANDARD_REG_TABS');
}
setTimeout(() => {
next();
}, 100);
},
beforeRouteEnter(to, from, next) {
beforeRouteEnter (to, from, next) {
next(vm => {
if (vm.$store.state.accessStandRegTabName !== "") {
if (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
v-for="item in countryOptions"
:value="item.value"
:key="item.value"
:value="item.value"
:label="item.label"
>
</el-option>
/>
</el-select>
</el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last">
<el-input
v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称"
></el-input>
/>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
:loading="searching"
type="primary"
class="common-button-primary"
size="small"
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
@click="searchSarAccessPage1">
@click="searchSarAccessPage1"
>
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
class="common-button-default"
size="small"
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
@click="clearSearch">清空
@click="clearSearch"
>
清空
</el-button>
</el-form-item>
</el-form>
@@ -49,46 +51,49 @@
</div>
<div class="action-bar">
<el-button
v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'"
type="primary"
class="common-button-primary add-button"
size="mini"
@click="openModal(null,'addOpt')"
v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'"
><i class="el-icon-plus"></i>新增
>
<i class="el-icon-plus" />新增
</el-button>
<el-button
v-btn-permission="'562e58cc3a960096cf3321e631293dc9'"
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'562e58cc3a960096cf3321e631293dc9'"
><i class="iconfont">&#xe61b;</i>批量删除
>
<i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
ref="selection"
:data="sarAccessListDatas"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne"
ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
type="index"
width="55"
label="序号"
align="center"
>
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template>
@@ -96,8 +101,8 @@
<el-table-column
prop="countryAreaShow"
label="国家/地区"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
prop="detailedListName"
label="清单名称"
@@ -111,7 +116,8 @@
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -121,10 +127,12 @@
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
align="center"
>
<template slot-scope="scope">
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{
scope.row.detailedListVision
}}</span>
</template>
@@ -132,9 +140,11 @@
<el-table-column
prop="updateTime"
label="更新时间"
align="center">
align="center"
>
<template slot-scope="scope">
<div>{{
<div>
{{
scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime
}}
</div>
@@ -143,21 +153,21 @@
<el-table-column
prop="updatePeople"
label="更新人"
align="center">
</el-table-column>
align="center"
/>
<el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<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 :command="[scope.row, '编辑']" v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'">
<el-dropdown-item v-btn-permission="'4733577057bf2470fc5c1f88d81eaf1d'" :command="[scope.row, '编辑']">
编辑
</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-menu>
@@ -168,16 +178,20 @@
</el-table>
</div>
<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>
</template>
<script>
export default {
name: "listOfCountries",
data() {
name: 'ListOfCountries',
data () {
return {
countryAreaMap: {},
searching: false,
@@ -186,8 +200,8 @@ export default {
rows: 10,
// 查询相关参数
sarSarAccessEOSearch: {
countryArea: "",
detailedListName: "",
countryArea: '',
detailedListName: '',
page: 1,
pageSize: this.$store.getters.userInfo.configContent
},
@@ -197,80 +211,92 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
relateFile: "",
country: "",
applyArctic: "",
energyKind: "",
detailedListName: "",
region: ""
relateFile: '',
country: '',
applyArctic: '',
energyKind: '',
detailedListName: '',
region: ''
},
drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: {
region: [
{ required: true, message: "区域不能为空", trigger: "change" }
{ required: true, message: '区域不能为空', trigger: 'change' }
],
country: [
{ required: true, message: "国家不能为空", trigger: "change" }
{ required: true, message: '国家不能为空', trigger: 'change' }
],
detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" }
{ required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
]
},
countryOptions: [],
showModalTitle: "",
showModalTitle: '',
disabledFlag: false,
showModalFlag: false,
// 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: {
region: "", // 区域
country: "", // 国家
keywords: "", // 关键字
energyKind: "", // 能源种类
category: "", // 所属专业领域
applyArctic: "", // 适用车型
deadLine: "", // 截止时间
applyAuth: "" // 认证类型
region: '', // 区域
country: '', // 国家
keywords: '', // 关键字
energyKind: '', // 能源种类
category: '', // 所属专业领域
applyArctic: '', // 适用车型
deadLine: '', // 截止时间
applyAuth: '' // 认证类型
},
dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" },
{ value: "FOREIGN_STAND", label: "海外标准法规" },
{ value: "FOREIGN_LAWS", label: "国内外政策" },
{ value: "BUSINESS", label: "企业标准 " }
{ value: 'INLAND_STAND', label: '国内标准法规' },
{ value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: 'BUSINESS', label: '企业标准 ' }
],
tableLoading: true,
sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [],
sarAccessInfoListArry: [],
sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false,
saveExportType: "",
saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title
seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table
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: {
// 更多
handleCommand(command) {
handleCommand (command) {
switch (command[1]) {
case "查看":
case '查看':
this.showTable(command[0]);
break;
case "编辑":
case '编辑':
this.editTable(command[0]);
break;
case "删除":
this.deleteSarAccess("delOne", command[0].id);
case '删除':
this.deleteSarAccess('delOne', command[0].id);
break;
}
},
//分页查询
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
// 分页查询
searchSarAccess () {
this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
sortKey: 1,
page: this.sarSarAccessEOSearch.page,
pageSize: this.sarSarAccessEOSearch.pageSize,
@@ -278,18 +304,18 @@ export default {
}, {
_this: this
}, res => {
let arr = res.data.records;
let map = new Map();
const arr = res.data.records;
const map = new Map();
this.countryOptions.forEach(item => {
map.set(item.value, item.label);
});
arr.map(item => {
// 国家地区转换
if (item.countryArea !== null || item.countryArea !== "") {
let k = (item.countryArea || "").split(",");
if (item.countryArea !== null || item.countryArea !== '') {
const k = (item.countryArea || '').split(',');
for (let m = 0; m < k.length; 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.searchSarAccess();
},
pageSizeChange(pageSize) {
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
searchSarAccessPage1() {
searchSarAccessPage1 () {
this.sarSarAccessEOSearch.page = 1
this.searchSarAccess();
},
clearSearch() {
this.sarSarAccessEOSearch.countryArea = "";
this.sarSarAccessEOSearch.detailedListName = "";
clearSearch () {
this.sarSarAccessEOSearch.countryArea = '';
this.sarSarAccessEOSearch.detailedListName = '';
this.searchSarAccess();
},
// 新增相关
openModal(row, optType) {
openModal (row, optType) {
this.$router.push({
name: "ListOfStandardsAndRegulationsDetails"
name: 'ListOfStandardsAndRegulationsDetails'
});
},
// 批量删除
deleteSarAccess(flag, id) {
if (flag === "delOne") {
deleteSarAccess (flag, id) {
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
}
if (this.selectedList.length === 0) {
this.$message.warning("请选择要删除的数据");
this.$message.warning('请选择要删除的数据');
} else {
this.$confirm("确定删除这些数据？", "提示", {
confirmButtonText: "确定",
confirmButtonClass: "common-button-primary",
cancelButtonText: "取消",
type: "warning"
this.$confirm('确定删除这些数据？', '提示', {
confirmButtonText: '确定',
confirmButtonClass: 'common-button-primary',
cancelButtonText: '取消',
type: 'warning'
}).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.searchSarAccess();
this.selectedList = [];
this.$message.success("删除成功");
this.$message.success('删除成功');
}, e => {
});
}).catch(() => {
@@ -352,28 +378,28 @@ export default {
}
},
// 表格选择框
selectOne(data) {
selectOne (data) {
this.selectedList = [];
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id);
}
},
// 点击 table查看按钮 事件
showTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path);
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({
name: "AccessStandardDetails",
name: 'AccessStandardDetails',
params: {
id: item.id
}
});
},
// 点击 table编辑按钮 事件
editTable(item) {
this.$store.commit("SET_ACCESS_STAND_REG_ROW", item);
editTable (item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item);
this.$router.push({
name: "ListOfStandardsAndRegulationsDetails",
name: 'ListOfStandardsAndRegulationsDetails',
query: {
id: item.id,
fileIds: item.fileIds,
@@ -383,23 +409,11 @@ export default {
});
},
// 将文本状态的id与name对应
setMap(data) {
setMap (data) {
data.forEach(item => {
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>
@@ -409,22 +423,24 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
//height: 100%;
height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
//min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
//flex: auto;
width: 100%;
//height: calc(100% - 110px) !important;
height: calc(~'100% - 30px');
//height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info {
height: calc(70vh - 90px);
//height: calc(70vh - 90px);
height: calc(100% - 57px);
}
.pagination {
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+118 -99
View File
@@ -8,31 +8,34 @@
<el-input
v-model="sarSarAccessEOSearch.detailedList"
placeholder="请输入清单类别"
></el-input>
/>
</el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last">
<el-input
v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称"
></el-input>
/>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'688151df30bbff4cd2ecdc436addfd3f'"
:loading="searching"
type="primary"
class="common-button-primary"
size="small"
v-btn-permission="'688151df30bbff4cd2ecdc436addfd3f'"
@click="searchSarAccess">
@click="searchSarAccess"
>
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'65ca2741907ba7a689c41f3d26684b4b'"
class="common-button-default"
size="small"
v-btn-permission="'65ca2741907ba7a689c41f3d26684b4b'"
@click="clearSearch">清空
@click="clearSearch"
>
清空
</el-button>
</el-form-item>
</el-form>
@@ -40,46 +43,50 @@
</div>
<div class="action-bar">
<el-button
v-btn-permission="'389d3690eeea9d3808bdff4d02dddbd8'"
type="primary"
class="common-button-primary add-button"
size="mini"
@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
v-btn-permission="'0982c83299f3eb996317b014bb6aaff2'"
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'0982c83299f3eb996317b014bb6aaff2'"
><i class="iconfont">&#xe61b;</i>批量删除
>
<i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
ref="selection"
:data="sarAccessListDatas"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne"
ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
type="index"
width="55"
label="序号"
align="center"
>
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template>
@@ -87,8 +94,8 @@
<el-table-column
prop="detailedList"
label="清单类别"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
prop="detailedListName"
label="清单名称"
@@ -102,7 +109,8 @@
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -112,10 +120,12 @@
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
align="center"
>
<template slot-scope="scope">
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{ scope.row.detailedListVision
}}</span>
</template>
</el-table-column>
@@ -132,27 +142,31 @@
<el-table-column
prop="updateTime"
label="更新时间"
align="center">
align="center"
>
<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>
</el-table-column>
<el-table-column
prop="updatePeople"
label="更新人"
align="center">
</el-table-column>
align="center"
/>
<el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<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 :command="[scope.row, '编辑']" v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'">编辑
<el-dropdown-item v-btn-permission="'69ebe6847ad7bf7e90bae8025080678c'" :command="[scope.row, '编辑']">
编辑
</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-menu>
</el-dropdown>
@@ -162,16 +176,20 @@
</el-table>
</div>
<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>
</template>
<script>
export default {
name: "listOther",
data() {
name: 'ListOther',
data () {
return {
searching: false,
total: 0,
@@ -181,8 +199,8 @@ export default {
// 查询相关参数
sarSarAccessEOSearch: {
pageSize: this.$store.getters.userInfo.configContent,
detailedList: "",
detailedListName: "",
detailedList: '',
detailedListName: '',
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -191,24 +209,24 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
country: "",
applyArctic: "",
energyKind: "",
detailedListName: "",
region: ""
country: '',
applyArctic: '',
energyKind: '',
detailedListName: '',
region: ''
},
drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: {
region: [
{ required: true, message: "区域不能为空", trigger: "change" }
{ required: true, message: '区域不能为空', trigger: 'change' }
],
country: [
{ required: true, message: "国家不能为空", trigger: "change" }
{ required: true, message: '国家不能为空', trigger: 'change' }
],
detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" }
{ required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
]
},
countryOptions: [],
@@ -221,65 +239,69 @@ export default {
// 区域
regionOptions: [
{
label: "国内",
value: "INLAND"
label: '国内',
value: 'INLAND'
},
{
label: "海外",
value: "FOREIGN"
label: '海外',
value: 'FOREIGN'
}
],
showModalTitle: "",
showModalTitle: '',
disabledFlag: false,
showModalFlag: false,
// 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: {
region: "", // 区域
country: "", // 国家
keywords: "", // 关键字
energyKind: "", // 能源种类
category: "", // 所属专业领域
applyArctic: "", // 适用车型
deadLine: "", // 截止时间
applyAuth: "" // 认证类型
region: '', // 区域
country: '', // 国家
keywords: '', // 关键字
energyKind: '', // 能源种类
category: '', // 所属专业领域
applyArctic: '', // 适用车型
deadLine: '', // 截止时间
applyAuth: '' // 认证类型
},
dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" },
{ value: "FOREIGN_STAND", label: "海外标准法规" },
{ value: "FOREIGN_LAWS", label: "国内外政策" },
{ value: "BUSINESS", label: "企业标准 " }
{ value: 'INLAND_STAND', label: '国内标准法规' },
{ value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: 'BUSINESS', label: '企业标准 ' }
],
sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [],
sarAccessInfoListArry: [],
sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false,
saveExportType: "",
saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title
seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false
};
},
mounted () {
// 分页查询数据
this.searchSarAccess();
},
methods: {
// 更多
handleCommand(command) {
handleCommand (command) {
switch (command[1]) {
case "查看":
case '查看':
this.showTable(command[0]);
break;
case "编辑":
case '编辑':
this.editTable(command[0]);
break;
case "删除":
this.deleteSarAccess("delOne", command[0].id);
case '删除':
this.deleteSarAccess('delOne', command[0].id);
break;
}
},
//分页查询
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
// 分页查询
searchSarAccess () {
this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand', {
current: 1,
page: 1,
pageSize: this.pageSize,
@@ -294,29 +316,28 @@ export default {
this.tableLoading = false
}, e => {
});
},
pageChange(page) {
pageChange (page) {
this.sarSarAccessEOSearch.page = page;
this.searchSarAccess();
},
pageSizeChange(pageSize) {
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
clearSearch() {
clearSearch () {
this.sarSarAccessEOSearch.detailedList = ''
this.sarSarAccessEOSearch.detailedListName = ''
this.searchSarAccess();
},
// 新增相关
openModal(row, optType) {
openModal (row, optType) {
this.$router.push({
name: "OtherAddEit"
name: 'OtherAddEit'
});
},
//批量删除
deleteSarAccess(flag, id) {
// 批量删除
deleteSarAccess (flag, id) {
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
@@ -343,28 +364,28 @@ export default {
}
},
// 表格选择框
selectOne(data) {
selectOne (data) {
this.selectedList = [];
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id);
}
},
// 点击 table查看按钮 事件
showTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path);
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({
name: "AccessStandardDetails",
name: 'AccessStandardDetails',
params: {
id: item.id
}
});
},
// 点击 table编辑按钮 事件
editTable(item) {
editTable (item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item)
this.$router.push({
name: "OtherAddEit",
name: 'OtherAddEit',
query: {
id: item.id,
fileIds: item.fileIds,
@@ -373,10 +394,6 @@ export default {
}
});
}
},
mounted() {
// 分页查询数据
this.searchSarAccess();
}
};
</script>
@@ -386,22 +403,24 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
//height: 100%;
height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
//min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
//flex: auto;
width: 100%;
//height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
//height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info {
height: calc(70vh - 90px);
//height: calc(70vh - 90px);
height: calc(100% - 57px);
}
.pagination {
position: inherit;
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+164 -149
View File
@@ -13,8 +13,8 @@
>
<el-option
v-for="item in energyKindOptions"
:value="item.value"
:key="item.value"
:value="item.value"
:label="item.label"
/>
</el-select>
@@ -23,26 +23,29 @@
<el-input
v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称"
></el-input>
/>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'28a917b40ab7c9cc319aafe0e23bd535'"
:loading="searching"
type="primary"
class="common-button-primary"
size="small"
v-btn-permission="'28a917b40ab7c9cc319aafe0e23bd535'"
@click="searchSarAccess">
@click="searchSarAccess"
>
查询
</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'c1bed997a716e13dabade0f4864cdbf7'"
class="common-button-default"
size="small"
v-btn-permission="'c1bed997a716e13dabade0f4864cdbf7'"
@click="clearSearch">清空
@click="clearSearch"
>
清空
</el-button>
</el-form-item>
</el-form>
@@ -50,46 +53,49 @@
</div>
<div class="action-bar">
<el-button
v-btn-permission="'2dd158ffb07ddcc89ed41468b196b451'"
type="primary"
class="common-button-primary add-button"
size="mini"
@click="openModal(null,'addOpt')"
v-btn-permission="'2dd158ffb07ddcc89ed41468b196b451'"
><i class="el-icon-plus"></i>新增
>
<i class="el-icon-plus" />新增
</el-button>
<el-button
v-btn-permission="'2d9402bd81545e391aef735733051627'"
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'2d9402bd81545e391aef735733051627'"
><i class="iconfont">&#xe61b;</i>批量删除
>
<i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<loading :loading="tableLoading">数据获取中</loading>
<div class="table_info">
<el-table
ref="selection"
:data="sarAccessListDatas"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne"
ref="selection"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
type="index"
width="55"
label="序号"
align="center"
>
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (sarSarAccessEOSearch.page - 1) * sarSarAccessEOSearch.pageSize }}
</template>
@@ -97,8 +103,8 @@
<el-table-column
prop="carTypeShow"
label="车型类别"
align="center">
</el-table-column>
align="center"
/>
<el-table-column
prop="detailedListName"
label="清单名称"
@@ -112,7 +118,8 @@
<el-table-column
prop="detailedListState"
label="清单状态"
align="center">
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -122,37 +129,43 @@
<el-table-column
prop="detailedListVision"
label="清单版本"
align="center">
align="center"
>
<template slot-scope="scope">
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ scope.row.detailedListVision
<span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''"
>{{ scope.row.detailedListVision
}}</span>
</template>
</el-table-column>
<el-table-column
prop="updateTime"
label="更新时间"
align="center">
align="center"
>
<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>
</el-table-column>
<el-table-column
prop="updatePeople"
label="更新人"
align="center">
</el-table-column>
align="center"
/>
<el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope">
<div @click.stop style="display: inline-block">
<div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i>
<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 :command="[scope.row, '编辑']" v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'">编辑
<el-dropdown-item v-btn-permission="'9d0783096e61390a54e0fea1eda461dc'" :command="[scope.row, '编辑']">
编辑
</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-menu>
</el-dropdown>
@@ -162,18 +175,22 @@
</el-table>
</div>
<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>
</template>
<script>
import {dicTypeData} from "@/api/unqualProcess";
import { dicTypeData } from '@/api/unqualProcess';
export default {
name: "listProject",
data() {
name: 'ListProject',
data () {
return {
searching: false,
total: 0,
@@ -184,8 +201,8 @@ export default {
sarSarAccessEOSearch: {
pageSize: this.$store.getters.userInfo.configContent,
carType: '',
projectName: "",
detailedListName: "",
projectName: '',
detailedListName: '',
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -195,24 +212,24 @@ export default {
// 新增、编辑 准入信息字段
sarAccessEO: {
carType: '',
country: "",
applyArctic: "",
energyKind: "",
detailedListName: "",
region: ""
country: '',
applyArctic: '',
energyKind: '',
detailedListName: '',
region: ''
},
drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: {
region: [
{ required: true, message: "区域不能为空", trigger: "change" }
{ required: true, message: '区域不能为空', trigger: 'change' }
],
country: [
{ required: true, message: "国家不能为空", trigger: "change" }
{ required: true, message: '国家不能为空', trigger: 'change' }
],
detailedListName: [
{ required: true, message: "清单名称不能为空", trigger: "blur" },
{ type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" }
{ required: true, message: '清单名称不能为空', trigger: 'blur' },
{ type: 'string', max: 100, message: '清单名称不能超过100个字符', trigger: 'blur' }
]
},
countryOptions: [],
@@ -225,65 +242,52 @@ export default {
// 区域
regionOptions: [
{
label: "国内",
value: "INLAND"
label: '国内',
value: 'INLAND'
},
{
label: "海外",
value: "FOREIGN"
label: '海外',
value: 'FOREIGN'
}
],
showModalTitle: "",
showModalTitle: '',
disabledFlag: false,
showModalFlag: false,
// 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: {
region: "", // 区域
country: "", // 国家
keywords: "", // 关键字
energyKind: "", // 能源种类
category: "", // 所属专业领域
applyArctic: "", // 适用车型
deadLine: "", // 截止时间
applyAuth: "" // 认证类型
region: '', // 区域
country: '', // 国家
keywords: '', // 关键字
energyKind: '', // 能源种类
category: '', // 所属专业领域
applyArctic: '', // 适用车型
deadLine: '', // 截止时间
applyAuth: '' // 认证类型
},
dataSourceOptions: [
{ value: "INLAND_STAND", label: "国内标准法规" },
{ value: "FOREIGN_STAND", label: "海外标准法规" },
{ value: "FOREIGN_LAWS", label: "国内外政策" },
{ value: "BUSINESS", label: "企业标准 " }
{ value: 'INLAND_STAND', label: '国内标准法规' },
{ value: 'FOREIGN_STAND', label: '海外标准法规' },
{ value: 'FOREIGN_LAWS', label: '国内外政策' },
{ value: 'BUSINESS', label: '企业标准 ' }
],
sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [],
sarAccessInfoListArry: [],
sarAccessInfoList: [],
importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=',
importmodalFlag: false,
saveExportType: "",
saveExportType: '',
seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: "", // 查看抽屉title
seeModalTitle: '', // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false
};
},
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", {
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,
@@ -291,13 +295,13 @@ export default {
}, {
_this: this
}, res => {
let arr = res.data.records;
arr.forEach(item =>{
const 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++) {
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
}
@@ -312,33 +316,79 @@ export default {
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;
}
},
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.searchSarAccess();
},
pageSizeChange(pageSize) {
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.sarSarAccessEOSearch.pageSize = pageSize;
this.searchSarAccess();
},
//清空
clearSearch() {
// 清空
clearSearch () {
this.sarSarAccessEOSearch.carType = ''
this.sarSarAccessEOSearch.detailedListName = ''
this.searchSarAccess()
},
// 新增相关
openModal(row, optType) {
openModal (row, optType) {
this.$router.push({
name: "ProjectAddEit"
name: 'ProjectAddEit'
});
},
// 删除
deleteSarAccess(flag, id) {
deleteSarAccess (flag, id) {
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
@@ -365,28 +415,28 @@ export default {
}
},
// 表格选择框
selectOne(data) {
selectOne (data) {
this.selectedList = [];
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id);
}
},
// 点击 table查看按钮 事件
showTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit("setDetailMap", this.$route.path);
showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item));
this.$store.commit('setDetailMap', this.$route.path);
this.$router.push({
name: "AccessStandardDetails",
name: 'AccessStandardDetails',
params: {
id: item.id
}
});
},
// 点击 table编辑按钮 事件
editTable(item) {
editTable (item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item)
this.$router.push({
name: "ProjectAddEit",
name: 'ProjectAddEit',
query: {
id: item.id,
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>
@@ -441,22 +454,24 @@ export default {
@import '~@/assets/styles/mixins';
#listOfCountries {
//height: 100%;
height: 100%;
display: flex;
flex-direction: column;
min-height: calc(100% - 100px);
//min-height: calc(100% - 100px);
overflow-y: auto;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
//flex: auto;
width: 100%;
//height: calc(~'100% - 105px - 56px') !important;
height: calc(~'100% - 30px');
//height: calc(~'100% - 30px');
height: calc(~'100% - 106px');
.table_info {
height: calc(70vh - 90px);
//height: calc(70vh - 90px);
height: calc(100% - 57px);
}
.pagination {
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