标准清单

This commit is contained in:
宋伟佳
2021-06-23 18:02:37 +08:00
parent 72afe1c685
commit ed17051456
10 changed files with 4886 additions and 1877 deletions
@@ -12,11 +12,11 @@
<list-project v-if="tabValue === 'listProject'"></list-project>
</div>
</el-tab-pane>
<el-tab-pane label="重点标准跟踪清单" name="listTracking">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
</div>
</el-tab-pane>
<!-- <el-tab-pane label="重点标准跟踪清单" name="listTracking">-->
<!-- <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">-->
<!-- <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>-->
<!-- </div>-->
<!-- </el-tab-pane>-->
<el-tab-pane label="其他清单" name="listOther">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-other v-if="tabValue === 'listOther'"></list-other>
@@ -258,7 +258,7 @@ export default {
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
sortKey: 1,
...this.sarSarAccessEOSearch
...this.sarSarAccessEOSearch,
}, {
_this: this
}, res => {
@@ -3,7 +3,7 @@
<div id="listOfCountries" class="v-class">
<div class="search-area">
<div class="left">
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" >
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form">
<el-form-item label="清单类别" class="search-item search-item-last">
<el-input
v-model="sarSarAccessEOSearch.detailedList"
@@ -30,7 +30,8 @@
<el-button
class="common-button-default"
size="small"
@click="clearSearch">清空</el-button>
@click="clearSearch">清空
</el-button>
</el-form-item>
</el-form>
</div>
@@ -42,14 +43,16 @@
size="mini"
@click="openModal(null,'addOpt')"
v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
><i class="iconfont">&#xe84e;</i>新增</el-button>
><i class="iconfont">&#xe84e;</i>新增
</el-button>
<el-button
class="common-button-default delete-button"
:loading="delLoading"
size="mini"
@click="deleteSarAccess('demore',null)"
v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
><i class="iconfont">&#xe61b;</i>批量删除</el-button>
><i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div>
<div class="container">
<el-table
@@ -97,7 +100,9 @@
label="清单版本"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion }}</span>
<span
v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -105,7 +110,9 @@
label="适用领域"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope }}</span>
<span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template>
</el-table-column>
<el-table-column
@@ -114,7 +121,7 @@
sortable
align="center">
<template slot-scope="scope">
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(' ')[0] : '' }}</div>
<div>{{ scope.row.updateTime ? scope.row.updateTime.split(" ")[0] : "" }}</div>
</template>
</el-table-column>
<el-table-column
@@ -128,9 +135,12 @@
<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="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -138,7 +148,8 @@
</el-table-column>
</el-table>
<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"></pagination>
</div>
</div>
</template>
@@ -146,7 +157,7 @@
<script>
export default {
name: "listOther",
data () {
data() {
return {
searching: false,
total: 0,
@@ -154,10 +165,10 @@ export default {
rows: 10,
// 查询相关参数
sarSarAccessEOSearch: {
detailedList: '',
detailedListName: '',
detailedList: "",
detailedListName: "",
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
pageSize: this.$store.getters.userInfo.configContent
},
sarAccessListDatas: [],
sarAccessListTotal: 0,
@@ -165,24 +176,24 @@ export default {
selectedList: [],
// 新增、编辑 准入信息字段
sarAccessEO: {
country: '',
applyArctic: '',
energyKind: '',
accessContent: '',
region: ''
country: "",
applyArctic: "",
energyKind: "",
accessContent: "",
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" }
],
accessContent: [
{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: [],
@@ -195,170 +206,169 @@ 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) {
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
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',{
searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
...this.sarSarAccessEOSearch,
sortKey: 3,
sortKey: 3
}, {
_this: this
}, res =>{
this.sarAccessListDatas = res.data.records
this.sarAccessListTotal = res.data.total
}, res => {
this.sarAccessListDatas = res.data.records;
this.sarAccessListTotal = res.data.total;
}, e => {
})
});
},
pageChange (page) {
this.sarSarAccessEOSearch.page = page
this.searchSarAccess()
pageChange(page) {
this.sarSarAccessEOSearch.page = page;
this.searchSarAccess();
},
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
this.searchSarAccess()
pageSizeChange(pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
clearSearch (search = true) {
// search 字段是为了处理高级查询时清空字段用的
this.sarSarAccessEOSearch.country = ''
this.sarSarAccessEOSearch.accessContent = ''
this.sarSarAccessEOSearch.applyArctic = ''
this.sarSarAccessEOSearch.energyKind = ''
this.sarSarAccessEOSearch.type = ''
this.sarSarAccessEOSearch.page = 1
search && this.searchSarAccess()
clearSearch() {
this.sarSarAccessEOSearch = {
detailedList: "",
detailedListName: ""
};
this.searchSarAccess();
},
// 新增相关
openModal (row, optType) {
openModal(row, optType) {
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails'
})
name: "OtherAddEit"
});
},
// 删除
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('请选择要删除的数据')
if (this.selectedList.length === 0) {
this.$message.warning("请选择要删除的数据");
} else {
this.$confirm('确认删除这些数据?', '提示', {
confirmButtonText: '确认',
confirmButtonClass: 'common-button-primary',
cancelButtonText: '取消',
type:'warning'
}).then (() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}`
this.$confirm("确认删除这些数据?", "提示", {
confirmButtonText: "确认",
confirmButtonClass: "common-button-primary",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
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(() => {
})
});
}
},
// 表格选择框
selectOne(data) {
this.selectedList = []
for(let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id)
}
},
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) {
sessionStorage.setItem('accessRow', JSON.stringify(item))
editTable(item) {
sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails',
name: "ListOfStandardsAndRegulationsDetails",
query: {
id: item.id
}
})
},
});
}
},
mounted () {
mounted() {
// 分页查询数据
this.searchSarAccess()
},
this.searchSarAccess();
}
};
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
#listOfCountries {
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
@@ -368,32 +378,39 @@ export default {
//height: calc(~'100% - 105px - 56px') !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.el-divider{
.el-divider__text{
.el-divider {
.el-divider__text {
font-size: 16px;
color: #0c91e5;
}
}
.standards-drawer-table-one{
.standards-drawer-table-one {
position: relative;
height: 350px;
.pagination{
.pagination {
bottom: 0;
}
}
.standards-drawer-table{
.standards-drawer-table {
margin-top: 10px;
}
.see-drawer{
.searchAngNewBtn{
.see-drawer {
.searchAngNewBtn {
float: right;
}
.el-divider{
.el-divider {
clear: both;
}
}
@@ -296,7 +296,7 @@ export default {
// 新增相关
openModal(row, optType) {
this.$router.push({
name: "ListOfStandardsAndRegulationsDetails"
name: "ProjectAddEit"
});
},
// 删除
File diff suppressed because it is too large Load Diff
@@ -43,16 +43,16 @@
<div class="search-area">
<div class="left">
<el-form ref="standardForm" :model="standardForm" inline>
<el-form-item label="标准名称" class="search-item">
<el-form-item label="标准号/标准名称" class="search-item">
<el-input v-model="standardForm.standName"
placeholder="请输入"
clearable></el-input>
</el-form-item>
<el-form-item label="责任部门" class="search-item" prop="departName">
<el-input v-model="standardForm.depart" v-show="false"></el-input>
<el-form-item label="责任部门" class="search-item" prop="responseUnit">
<el-input v-model="standardForm.responseUnit" v-show="false"></el-input>
<el-popover placement="bottom" popper-class="user-dept-popper" trigger="click">
<el-input
v-model="standardForm.departName"
v-model="standardForm.responseUnit"
placeholder="请选择部门"
readonly
id="depBtnsAuth"
@@ -110,56 +110,51 @@
align="center">
</el-table-column>
<el-table-column
prop="standNumber"
width="180px"
fixed="left"
label="标准号">
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.code }}</a>
<span v-else>{{ scope.row.code }}</span>
<a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standNumber }}</a>
</template>
</el-table-column>
<el-table-column
prop="name"
prop="standName"
width="180px"
label="中文名称"
fixed="left"
>
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.name }}</a>
<span v-else>{{ scope.row.name }}</span>
<a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
</template>
</el-table-column>
<el-table-column
prop="enName"
prop="standEnName"
width="180px"
fixed="left"
label="英文名称">
<template slot-scope="scope">
<a v-if="scope.row.resId && scope.row.sarType !== 'TEMP'" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.enName }}</a>
<span v-else>{{ scope.row.enName }}</span>
<a class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standEnName }}</a>
</template>
</el-table-column>
<el-table-column
prop="newPutTime"
prop="issueTime"
width="190px"
label="发布日期"
sortable
>
</el-table-column>
<el-table-column
prop="newPutTime"
prop="newCarTime"
width="190px"
label="新车型实施日期(项目)"
label="新车型实施日期"
sortable
>
</el-table-column>
<el-table-column
prop="prodPutTime"
prop="nowCarTime"
width="190px"
label="在产车实施日期(项目)"
label="在产车实施日期"
sortable
>
</el-table-column>
@@ -167,10 +162,16 @@
prop="applyArcticId"
width="120px"
show-overflow-tooltip
label="适用车辆类型">
label="适用车型">
</el-table-column>
<el-table-column
prop="applyArcticId"
prop="responseUnit"
width="120px"
show-overflow-tooltip
label="责任部门">
</el-table-column>
<el-table-column
prop="textStatus"
width="120px"
show-overflow-tooltip
label="文本状态">
@@ -233,14 +234,11 @@ export default {
heightShow: true,
dataLoading: false,
standardForm: {
codeOrName: "", // 标号、标准名称
// energyType: '',
depart: "",
departName: "",
standNumber: '',
standName: '',
responseUnit:'',
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
accessId: this.$route.params.id,
validFlag: 0
},
page: 1,
// pageSize: this.$store.getters.userInfo.configContent,
@@ -263,38 +261,6 @@ export default {
// 改变颜色
dialogColor: false,
dialogType: "",
colorList: [
{
name: "green",
pic: require(`../../../../assets/images/ComplianceClassification/green.png`),
title: "符合",
isShow: false
},
{
name: "red",
pic: require(`../../../../assets/images/ComplianceClassification/red.png`),
title: "高风险",
isShow: false
},
{
name: "yellow",
pic: require(`../../../../assets/images/ComplianceClassification/yellow.png`),
title: "不满足或待验证",
isShow: false
},
{
name: "blue",
pic: require(`../../../../assets/images/ComplianceClassification/blue.png`),
title: "待反馈",
isShow: false
},
{
name: "grey",
pic: require(`../../../../assets/images/ComplianceClassification/white.png`),
title: "不涉及",
isShow: false
}
],
color: "",
isShow: false
};
@@ -338,20 +304,16 @@ export default {
selectInfobyAccid() {
this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
...this.standardForm,
Page: 1,
Size: this.$store.getters.userInfo.configContent
}, {
_this: this
}, res => {
this.standinfoList = res.data.records
this.standinfoList = res.data
this.total = res.data.total
},e => {
});
},
// 重置搜索
resetSelect() {
},
back() {
this.$router.push({
name: "AccessStandardsAndRegulations"
@@ -365,6 +327,14 @@ export default {
this.standardForm.page = 1;
this.selectInfobyAccid();
},
// 重置搜索
resetSelect() {
this.standardForm = {
standName: '',
responseUnit:'',
}
this.selectInfobyAccid();
},
exportStandard() {
this.exportName = "";
this.exportModelFlag = true;
@@ -529,21 +499,6 @@ export default {
this.colorRow = item;
this.dialogType = num;
},
/**
* @Description: 给图标添加边框
* @author zmf
* @date 2021/3/10
*/
addBorder(item, index) {
this.colorList.forEach((list, i) => {
if (i === index) {
this.colorList[index].isShow = true;
} else {
this.colorList[i].isShow = false;
}
});
this.color = item.name;
},
doLayout() {
this.$refs.adminTable && this.$refs.adminTable.doLayout();
this.$refs.skillTable && this.$refs.skillTable.doLayout();
@@ -2491,6 +2491,7 @@ export default {
height: auto !important;
min-height: 100%;
font-size: 14px;
background: #0c91e5;
/deep/.el-button--mini {
height: 29px;
}
+27 -1
View File
@@ -725,7 +725,7 @@ const routes = [
// menuId: 'A594R75XEQ'
}
},
// 标准法规库 - 标准法规清单 - 新增、编辑
// 标准法规库 - 标准法规国家地区清单 - 新增、编辑
{
path: '/listOfStandardsAndRegulationsDetails',
name: 'ListOfStandardsAndRegulationsDetails',
@@ -738,6 +738,32 @@ const routes = [
menuId: 'A594R75XEQ'
}
},
// 标准法规库 - 标准法规项目清单 - 新增、编辑
{
path: '/projectAddEit',
name: 'ProjectAddEit',
component: () =>
import('@/pages/regulatoryRepository/accessStandardsAndRegulations/pages/projectAddEit'),
meta: {
requireAuth: true,
title: '标准法规清单管理',
parentPath: '/accessStandardsAndRegulations',
menuId: 'A594R75XEQ'
}
},
// 标准法规库 - 标准法规其他清单 - 新增、编辑
{
path: '/otherAddEit',
name: 'OtherAddEit',
component: () =>
import('@/pages/regulatoryRepository/accessStandardsAndRegulations/pages/otherAddEit'),
meta: {
requireAuth: true,
title: '标准法规清单管理',
parentPath: '/accessStandardsAndRegulations',
menuId: 'A594R75XEQ'
}
},
// 未符合项跟踪
{
path: '/nonConfomity',