标准清单

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
@@ -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"
});
},
// 删除