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

标准清单

Browse Source
This commit is contained in:
宋伟佳
2021-06-22 18:15:29 +08:00
parent 1ebed43e06
commit 59e66310bf
7 changed files with 790 additions and 1864 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/axios/index.js
+13
View File
@@ -447,5 +447,18 @@ export default {
} }
exeFun.call(this, err) exeFun.call(this, err)
}) })
},
/**
* @description: delete方法
* @author: chenxiaoxi
* @date: 2018-09-14 09:55:30
*/
postDelete (url, param, thenFun, exeFun) {
_axios.post(api() + url, {}).then(res => {
thenFun.call(this, res.data)
}).catch(err => {
exeFun.call(this, err)
})
} }
} }
src/pages/regulatoryRepository/accessStandardsAndRegulations/index.vue
+69 -62
View File
@@ -1,49 +1,50 @@
<!-- 标准法规库 - 目标市场准入清单 --> <!-- 标准法规库 - 目标市场准入清单 -->
<template> <template>
<div id="accessStandardsAndRegulations" class="v-class"> <div id="accessStandardsAndRegulations" class="v-class">
<el-tabs v-model="tabValue" style="height: 100%;"> <el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="国家/地区清单" name="listOfCountries"> <el-tab-pane label="国家/地区清单" name="listOfCountries">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries> <list-of-countries v-if="tabValue === 'listOfCountries'"></list-of-countries>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="项目类清单" name="listProject"> <el-tab-pane label="项目类清单" name="listProject">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-project v-if="tabValue === 'listProject'"></list-project> <list-project v-if="tabValue === 'listProject'"></list-project>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="重点标准跟踪清单" name="listTracking"> <el-tab-pane label="重点标准跟踪清单" name="listTracking">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-tracking v-if="tabValue === 'listTracking'"></list-tracking> <list-tracking v-if="tabValue === 'listTracking'"></list-tracking>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="其他清单" name="listOther"> <el-tab-pane label="其他清单" name="listOther">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<list-other v-if="tabValue === 'listOther'"></list-other> <list-other v-if="tabValue === 'listOther'"></list-other>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries" import listOfCountries from "../accessStandardsAndRegulations/page/listOfCountries";
import listProject from "../accessStandardsAndRegulations/page/listProject" import listProject from "../accessStandardsAndRegulations/page/listProject";
import listTracking from "../accessStandardsAndRegulations/page/listTracking" import listTracking from "../accessStandardsAndRegulations/page/listTracking";
import listOther from "../accessStandardsAndRegulations/page/listOther" import listOther from "../accessStandardsAndRegulations/page/listOther";
export default { export default {
name: 'AccessStandardsAndRegulations', name: "AccessStandardsAndRegulations",
data () { data() {
return { return {
tabValue: 'listOfCountries' tabValue: "listOfCountries"
} };
}, },
methods: {}, methods: {},
components: { components: {
listOfCountries, listOfCountries,
listProject, listProject,
listTracking, listTracking,
listOther listOther
}, },
props: {}, props: {},
@@ -52,39 +53,45 @@ export default {
watch: {}, watch: {},
mounted () {} mounted() {
} }
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#accessStandardsAndRegulations {
height: 100%; #accessStandardsAndRegulations {
padding: 0 10px; height: 100%;
background: #fff; padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/deep/.el-tabs{
flex: auto; .el-tab-pane {
display: flex; height: 100%;
flex-direction: column; flex: auto;
/deep/ .el-tabs__header{ display: flex;
margin:0 !important; flex-direction: column;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
} }
}
} }
}
</style> </style>
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+164 -126
View File
@@ -3,7 +3,7 @@
<div id="listOfCountries" class="v-class"> <div id="listOfCountries" class="v-class">
<div class="search-area"> <div class="search-area">
<div class="left"> <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-form-item label="国家/地区" class="search-item search-item-last">
<el-select <el-select
v-model="sarSarAccessEOSearch.countryArea" v-model="sarSarAccessEOSearch.countryArea"
@@ -31,7 +31,7 @@
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
@click="searchSarAccessBtn"> @click="searchSarAccess">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -39,7 +39,8 @@
<el-button <el-button
class="common-button-default" class="common-button-default"
size="small" size="small"
@click="clearSearch">清空</el-button> @click="clearSearch">清空
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -51,14 +52,16 @@
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'" v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
><i class="iconfont">&#xe84e;</i>新增</el-button> ><i class="iconfont">&#xe84e;</i>新增
</el-button>
<el-button <el-button
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
v-btn-permission="'WPNW79T3DNUZPJFNMHGP'" v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
><i class="iconfont">&#xe61b;</i>批量删除</el-button> ><i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div> </div>
<div class="container"> <div class="container">
<el-table <el-table
@@ -89,7 +92,7 @@
width="260px" width="260px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -97,8 +100,8 @@
label="清单状态" label="清单状态"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span> <span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span> <span v-if="scope.row.detailedListState === '2'">已发布</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -106,7 +109,9 @@
label="清单版本" label="清单版本"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span> <span
v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -114,7 +119,9 @@
label="适用领域" label="适用领域"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span> <span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -123,7 +130,7 @@
sortable sortable
align="center"> align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -137,9 +144,12 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item> <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item> </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="'HYY8NGY2RYT3VEDRSK5V'">编辑
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@@ -147,7 +157,8 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination> <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div> </div>
</div> </div>
</template> </template>
@@ -155,7 +166,7 @@
<script> <script>
export default { export default {
name: "listOfCountries", name: "listOfCountries",
data () { data() {
return { return {
searching: false, searching: false,
total: 0, total: 0,
@@ -163,10 +174,10 @@ export default {
rows: 10, rows: 10,
// 查询相关参数 // 查询相关参数
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
countryArea: '', countryArea: "",
detailedListName: '', detailedListName: "",
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent
}, },
sarAccessListDatas: [], sarAccessListDatas: [],
sarAccessListTotal: 0, sarAccessListTotal: 0,
@@ -174,171 +185,191 @@ export default {
selectedList: [], selectedList: [],
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
country: '', country: "",
applyArctic: '', applyArctic: "",
energyKind: '', energyKind: "",
accessContent: '', accessContent: "",
region: '' region: ""
}, },
drawerPage: 1, // 当前抽屉分页的页码 drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{required: true, message: '区域不能为空', trigger: 'change'} { required: true, message: "区域不能为空", trigger: "change" }
], ],
country: [ country: [
{required: true, message: '国家不能为空', trigger: 'change'} { required: true, message: "国家不能为空", trigger: "change" }
], ],
accessContent: [ accessContent: [
{required: true, message: '表格名称不能为空', trigger: 'blur'}, { required: true, message: "表格名称不能为空", trigger: "blur" },
{type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'} { type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
] ]
}, },
countryOptions: [], countryOptions: [],
drawerCountryOptions: [], // 准入信息 国家下拉框 showModalTitle: "",
drawerCountryTwoOptions: [], // 数据搜索-多属性搜索国家下拉框
energyKindOptions: [],
categoryOptions: [],
applyArcticOptions: [],
applyAuthOptions: [], // 认证类型下拉框
// 区域
regionOptions: [
{
label: '国内',
value: 'INLAND'
},
{
label: '海外',
value: 'FOREIGN'
}
],
showModalTitle: '',
disabledFlag: false, disabledFlag: false,
showModalFlag: false, showModalFlag: false,
// 新增、编辑过程中数据搜索字段 // 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: { sarAccessInfoSearch: {
region: '', // 区域 region: "", // 区域
country: '', // 国家 country: "", // 国家
keywords: '', // 关键字 keywords: "", // 关键字
energyKind: '', // 能源种类 energyKind: "", // 能源种类
category: '', // 所属专业领域 category: "", // 所属专业领域
applyArctic: '', // 适用车型 applyArctic: "", // 适用车型
deadLine: '', // 截止时间 deadLine: "", // 截止时间
applyAuth: '' // 认证类型 applyAuth: "" // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{value: 'INLAND_STAND', label: '国内标准法规'}, { value: "INLAND_STAND", label: "国内标准法规" },
{value: 'FOREIGN_STAND', label: '海外标准法规'}, { value: "FOREIGN_STAND", label: "海外标准法规" },
{value: 'FOREIGN_LAWS', label: '国内外政策'}, { value: "FOREIGN_LAWS", label: "国内外政策" },
{value: 'BUSINESS', label: '企业标准 '} { value: "BUSINESS", label: "企业标准 " }
], ],
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
sarAccessInfoList: [], sarAccessInfoList: [],
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=', importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importmodalFlag: false, importmodalFlag: false,
saveExportType: '', saveExportType: "",
seeModalFlag: false, // 查看抽屉显示隐藏 seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: '', // 查看抽屉title seeModalTitle: "", // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false delLoading: false
} };
}, },
methods: { methods: {
// 更多 // 更多
handleCommand (command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case '查看': case "查看":
this.showTable(command[0]) this.showTable(command[0]);
break break;
case '编辑': case "编辑":
this.editTable(command[0]) this.editTable(command[0]);
break break;
case '删除': case "删除":
this.deleteSarAccess('delOne', command[0].id) this.deleteSarAccess("delOne", command[0].id);
break break;
} }
}, },
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询 //分页查询
searchSarAccess (advanceSearch) { searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
sortKey: 1,
...this.sarSarAccessEOSearch
}, {
_this: this
}, res => {
console.log(res.data.records);
this.sarAccessListDatas = res.data.records;
this.sarAccessListTotal = res.data.total
}, e => {
});
},
pageChange(page) {
this.sarSarAccessEOSearch.page = page;
this.searchSarAccess();
},
pageSizeChange(pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess();
},
clearSearch() {
this.sarSarAccessEOSearch = {
countryArea: "",
detailedListName: ""
};
this.searchSarAccess();
},
pageChange (page) {
this.sarSarAccessEOSearch.page = page
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()
}, },
// 新增相关 // 新增相关
openModal (row, optType) { openModal(row, optType) {
this.$router.push({ this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails' name: "ListOfStandardsAndRegulationsDetails"
}) });
}, },
// 删除 // 批量删除
deleteSarAccess (flag, id) { deleteSarAccess(flag, id) {
if (flag === "delOne") {
this.selectedList = [];
this.selectedList[0] = id;
}
if (!this.selectedList.length) {
this.$message.warning("请选择要删除的数据");
} else {
this.$confirm("确认删除选中数据？", "确认删除", {
confirmButtonText: "确定",
cancelButtonText: "取消",
confirmButtonClass: "common-button-primary",
roundButton: false,
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('删除成功')
}, e => {
});
}).catch(() => {
});
}
}, },
// 表格选择框 // 表格选择框
selectOne (alldata, nowdata) { selectOne(data) {
this.selectedList = [] this.selectedList = [];
for (let i = 0; i < alldata.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(alldata[i]['id']) this.selectedList.push(data[i].id);
} }
}, },
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable(item) {
sessionStorage.setItem('accessRow', JSON.stringify(item)) sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit('setDetailMap', this.$route.path) this.$store.commit("setDetailMap", this.$route.path);
this.$router.push({ this.$router.push({
name: 'AccessStandardDetails', name: "AccessStandardDetails",
params: { params: {
id: item.id id: item.id
} }
}) });
}, },
// 点击 table编辑按钮 事件 // 点击 table编辑按钮 事件
editTable (item) { editTable(item) {
sessionStorage.setItem('accessRow', JSON.stringify(item)) sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$router.push({ this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails', name: "ListOfStandardsAndRegulationsDetails",
query: { query: {
id: item.id id: item.id
} }
}) });
}, }
}, },
mounted () { mounted() {
// 分页查询数据 // 分页查询数据
this.searchSarAccess() this.searchSarAccess();
}, // 从数据库中查询各下拉框数据
this.$http.get("sys/dictype/getDicTypeListCode", "", {
_this: this
}, res => {
this.countryOptions = res.data.COUNTRY;
}, e => {
});
}
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -348,32 +379,39 @@ export default {
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
.pagination { .pagination {
position: static; position: static;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
} }
} }
} }
.el-divider{
.el-divider__text{ .el-divider {
.el-divider__text {
font-size: 16px; font-size: 16px;
color: #0c91e5; color: #0c91e5;
} }
} }
.standards-drawer-table-one{
.standards-drawer-table-one {
position: relative; position: relative;
height: 350px; height: 350px;
.pagination{
.pagination {
bottom: 0; bottom: 0;
} }
} }
.standards-drawer-table{
.standards-drawer-table {
margin-top: 10px; margin-top: 10px;
} }
.see-drawer{
.searchAngNewBtn{ .see-drawer {
.searchAngNewBtn {
float: right; float: right;
} }
.el-divider{
.el-divider {
clear: both; clear: both;
} }
} }
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOther.vue
+50 -26
View File
@@ -12,7 +12,7 @@
</el-form-item> </el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last"> <el-form-item label="清单名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.ListName" v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称" placeholder="请输入清单名称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
@@ -22,7 +22,7 @@
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
@click="searchSarAccessBtn"> @click="searchSarAccess">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -80,7 +80,7 @@
width="260px" width="260px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -88,8 +88,8 @@
label="清单状态" label="清单状态"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span> <span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span> <span v-if="scope.row.detailedListState === '2'">已发布</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -97,7 +97,7 @@
label="清单版本" label="清单版本"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span> <span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -105,7 +105,7 @@
label="适用领域" label="适用领域"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span> <span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -154,15 +154,10 @@ export default {
rows: 10, rows: 10,
// 查询相关参数 // 查询相关参数
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
ListName: '', detailedList: '',
country: '', detailedListName: '',
accessContent: '',
energyKind: '',
applyArctic: '',
region: '',
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent,
validFlag: 0
}, },
sarAccessListDatas: [], sarAccessListDatas: [],
sarAccessListTotal: 0, sarAccessListTotal: 0,
@@ -256,13 +251,18 @@ export default {
break break
} }
}, },
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询 //分页查询
searchSarAccess (advanceSearch) { searchSarAccess () {
this.$http.get('sarLawsDetailedList/sar-laws-detailed-list/getAllStand',{
...this.sarSarAccessEOSearch,
sortKey: 3,
}, {
_this: this
}, res =>{
this.sarAccessListDatas = res.data.records
this.sarAccessListTotal = res.data.total
}, e => {
})
}, },
pageChange (page) { pageChange (page) {
@@ -291,14 +291,38 @@ export default {
}, },
// 删除 // 删除
deleteSarAccess (flag, id) { deleteSarAccess (flag, id) {
}, if (flag === 'delOne') {
// 表格选择框 this.selectedList = [];
selectOne (alldata, nowdata) { this.selectedList[0] = id;
this.selectedList = [] }
for (let i = 0; i < alldata.length; i++) { if(this.selectedList.length === 0) {
this.selectedList.push(alldata[i]['id']) 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.$http.postDelete(URL, {}, res => {
this.searchSarAccess();
this.selectedList = [];
this.$message.success('删除成功')
}, e => {
});
}).catch(() => {
})
} }
}, },
// 表格选择框
selectOne(data) {
this.selectedList = []
for(let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id)
}
},
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable (item) {
sessionStorage.setItem('accessRow', JSON.stringify(item)) sessionStorage.setItem('accessRow', JSON.stringify(item))
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue
+158 -109
View File
@@ -3,7 +3,7 @@
<div id="listOfCountries" class="v-class"> <div id="listOfCountries" class="v-class">
<div class="search-area"> <div class="search-area">
<div class="left"> <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-form-item label="项目名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.projectName" v-model="sarSarAccessEOSearch.projectName"
@@ -22,7 +22,7 @@
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
@click="searchSarAccessBtn"> @click="searchSarAccess">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
@@ -30,7 +30,8 @@
<el-button <el-button
class="common-button-default" class="common-button-default"
size="small" size="small"
@click="clearSearch">清空</el-button> @click="clearSearch">清空
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -42,14 +43,16 @@
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'" v-btn-permission="'J2YEFN9MH4KWW5HMR2QH'"
><i class="iconfont">&#xe84e;</i>新增</el-button> ><i class="iconfont">&#xe84e;</i>新增
</el-button>
<el-button <el-button
class="common-button-default delete-button" class="common-button-default delete-button"
:loading="delLoading" :loading="delLoading"
size="mini" size="mini"
@click="deleteSarAccess('demore',null)" @click="deleteSarAccess('demore',null)"
v-btn-permission="'WPNW79T3DNUZPJFNMHGP'" v-btn-permission="'WPNW79T3DNUZPJFNMHGP'"
><i class="iconfont">&#xe61b;</i>批量删除</el-button> ><i class="iconfont">&#xe61b;</i>批量删除
</el-button>
</div> </div>
<div class="container"> <div class="container">
<el-table <el-table
@@ -80,7 +83,7 @@
width="260px" width="260px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.accessContent }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -88,8 +91,8 @@
label="清单状态" label="清单状态"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state === '1'">未发布</span> <span v-if="scope.row.detailedListState === '1'">未发布</span>
<span v-if="scope.row.state === '2'">已发布</span> <span v-if="scope.row.detailedListState === '2'">已发布</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -97,7 +100,9 @@
label="清单版本" label="清单版本"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">V{{ scope.row.detailedListVesion }}</span> <span
v-if="scope.row.detailedListVesion != null && scope.row.detailedListVesion !== ''">{{ scope.row.detailedListVesion
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -105,7 +110,9 @@
label="适用领域" label="适用领域"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">V{{ scope.row.applicationScope }}</span> <span
v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -114,7 +121,7 @@
sortable sortable
align="center"> align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -128,9 +135,12 @@
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看</el-dropdown-item> <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'43UVH8AWGJLFDZT9WNTZ'">查看
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'HYY8NGY2RYT3VEDRSK5V'">编辑</el-dropdown-item> </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="'HYY8NGY2RYT3VEDRSK5V'">编辑
</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'X9HP9YQL2BRKBFCDMZQT'">删除
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@@ -138,7 +148,8 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
<pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination> <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination>
</div> </div>
</div> </div>
</template> </template>
@@ -146,7 +157,7 @@
<script> <script>
export default { export default {
name: "listProject", name: "listProject",
data () { data() {
return { return {
searching: false, searching: false,
total: 0, total: 0,
@@ -154,10 +165,10 @@ export default {
rows: 10, rows: 10,
// 查询相关参数 // 查询相关参数
sarSarAccessEOSearch: { sarSarAccessEOSearch: {
projectName: '', projectName: "",
detailedListName: '', detailedListName: "",
page: 1, page: 1,
pageSize: this.$store.getters.userInfo.configContent, pageSize: this.$store.getters.userInfo.configContent
}, },
sarAccessListDatas: [], sarAccessListDatas: [],
sarAccessListTotal: 0, sarAccessListTotal: 0,
@@ -165,24 +176,24 @@ export default {
selectedList: [], selectedList: [],
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
country: '', country: "",
applyArctic: '', applyArctic: "",
energyKind: '', energyKind: "",
accessContent: '', accessContent: "",
region: '' region: ""
}, },
drawerPage: 1, // 当前抽屉分页的页码 drawerPage: 1, // 当前抽屉分页的页码
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{required: true, message: '区域不能为空', trigger: 'change'} { required: true, message: "区域不能为空", trigger: "change" }
], ],
country: [ country: [
{required: true, message: '国家不能为空', trigger: 'change'} { required: true, message: "国家不能为空", trigger: "change" }
], ],
accessContent: [ accessContent: [
{required: true, message: '表格名称不能为空', trigger: 'blur'}, { required: true, message: "表格名称不能为空", trigger: "blur" },
{type: 'string', max: 100, message: '表格名称不能超过100个字符', trigger: 'blur'} { type: "string", max: 100, message: "表格名称不能超过100个字符", trigger: "blur" }
] ]
}, },
countryOptions: [], countryOptions: [],
@@ -195,141 +206,172 @@ export default {
// 区域 // 区域
regionOptions: [ regionOptions: [
{ {
label: '国内', label: "国内",
value: 'INLAND' value: "INLAND"
}, },
{ {
label: '海外', label: "海外",
value: 'FOREIGN' value: "FOREIGN"
} }
], ],
showModalTitle: '', showModalTitle: "",
disabledFlag: false, disabledFlag: false,
showModalFlag: false, showModalFlag: false,
// 新增、编辑过程中数据搜索字段 // 新增、编辑过程中数据搜索字段
sarAccessInfoSearch: { sarAccessInfoSearch: {
region: '', // 区域 region: "", // 区域
country: '', // 国家 country: "", // 国家
keywords: '', // 关键字 keywords: "", // 关键字
energyKind: '', // 能源种类 energyKind: "", // 能源种类
category: '', // 所属专业领域 category: "", // 所属专业领域
applyArctic: '', // 适用车型 applyArctic: "", // 适用车型
deadLine: '', // 截止时间 deadLine: "", // 截止时间
applyAuth: '' // 认证类型 applyAuth: "" // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{value: 'INLAND_STAND', label: '国内标准法规'}, { value: "INLAND_STAND", label: "国内标准法规" },
{value: 'FOREIGN_STAND', label: '海外标准法规'}, { value: "FOREIGN_STAND", label: "海外标准法规" },
{value: 'FOREIGN_LAWS', label: '国内外政策'}, { value: "FOREIGN_LAWS", label: "国内外政策" },
{value: 'BUSINESS', label: '企业标准 '} { value: "BUSINESS", label: "企业标准 " }
], ],
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
selectedAccInfoSearchList: [], selectedAccInfoSearchList: [],
sarAccessInfoListArry: [], sarAccessInfoListArry: [],
sarAccessInfoList: [], sarAccessInfoList: [],
importExcelUrl: '/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=', importExcelUrl: "/api/lawss/sarSarAccessInfo/importSarAccessInfo?accessId=",
importmodalFlag: false, importmodalFlag: false,
saveExportType: '', saveExportType: "",
seeModalFlag: false, // 查看抽屉显示隐藏 seeModalFlag: false, // 查看抽屉显示隐藏
seeModalTitle: '', // 查看抽屉title seeModalTitle: "", // 查看抽屉title
seeSarAccessInfoList: [], // 查看抽屉内 table seeSarAccessInfoList: [], // 查看抽屉内 table
delLoading: false delLoading: false
} };
}, },
methods: { methods: {
// 更多 // 更多
handleCommand (command) { handleCommand(command) {
switch (command[1]) { switch (command[1]) {
case '查看': case "查看":
this.showTable(command[0]) this.showTable(command[0]);
break break;
case '编辑': case "编辑":
this.editTable(command[0]) this.editTable(command[0]);
break break;
case '删除': case "删除":
this.deleteSarAccess('delOne', command[0].id) this.deleteSarAccess("delOne", command[0].id);
break break;
} }
}, },
// 搜索
searchSarAccessBtn () {
this.page = 1
this.searchSarAccess()
},
//分页查询 //分页查询
searchSarAccess (advanceSearch) { searchSarAccess() {
this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
...this.sarSarAccessEOSearch,
sortKey: 2
}, {
_this: this
}, res => {
this.sarAccessListDatas = res.data.records;
this.sarAccessListTotal = res.data.total
}, e => {
});
}, },
pageChange (page) { pageChange(page) {
this.sarSarAccessEOSearch.page = page this.sarSarAccessEOSearch.page = page;
this.searchSarAccess() this.searchSarAccess();
}, },
pageSizeChange (pageSize) { pageSizeChange(pageSize) {
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent;
this.searchSarAccess() this.searchSarAccess();
}, },
clearSearch (search = true) { //清空
// search 字段是为了处理高级查询时清空字段用的 clearSearch() {
this.sarSarAccessEOSearch.country = '' this.sarSarAccessEOSearch = {
this.sarSarAccessEOSearch.accessContent = '' projectName: "",
this.sarSarAccessEOSearch.applyArctic = '' detailedListName: "",
this.sarSarAccessEOSearch.energyKind = '' };
this.sarSarAccessEOSearch.type = '' this.searchSarAccess();
this.sarSarAccessEOSearch.page = 1
search && this.searchSarAccess()
}, },
// 新增相关 // 新增相关
openModal (row, optType) { openModal(row, optType) {
this.$router.push({ this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails' name: "ListOfStandardsAndRegulationsDetails"
}) });
}, },
// 删除 // 删除
deleteSarAccess (flag, id) { deleteSarAccess(flag, id) {
if (flag === 'delOne') {
this.selectedList = [];
this.selectedList[0] = id;
}
if (this.selectedList === 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.$http.postDelete(URL, {}, res => {
this.searchSarAccess();
this.selectedList = [];
this.$message.success('删除成功')
}, e => {
});
}).catch(() => {
})
}
}, },
// 表格选择框 // 表格选择框
selectOne (alldata, nowdata) { selectOne(data) {
this.selectedList = [] this.selectedList = [];
for (let i = 0; i < alldata.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(alldata[i]['id']) this.selectedList.push(data[i].id);
} }
}, },
// 点击 table查看按钮 事件 // 点击 table查看按钮 事件
showTable (item) { showTable(item) {
sessionStorage.setItem('accessRow', JSON.stringify(item)) sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$store.commit('setDetailMap', this.$route.path) this.$store.commit("setDetailMap", this.$route.path);
this.$router.push({ this.$router.push({
name: 'AccessStandardDetails', name: "AccessStandardDetails",
params: { params: {
id: item.id id: item.id
} }
}) });
}, },
// 点击 table编辑按钮 事件 // 点击 table编辑按钮 事件
editTable (item) { editTable(item) {
sessionStorage.setItem('accessRow', JSON.stringify(item)) sessionStorage.setItem("accessRow", JSON.stringify(item));
this.$router.push({ this.$router.push({
name: 'ListOfStandardsAndRegulationsDetails', name: "ListOfStandardsAndRegulationsDetails",
query: { query: {
id: item.id id: item.id
} }
}) });
}, }
}, },
mounted () { mounted() {
// 分页查询数据 // 分页查询数据
this.searchSarAccess() this.searchSarAccess();
}, }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
#listOfCountries { #listOfCountries {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -339,32 +381,39 @@ export default {
//height: calc(~'100% - 105px - 56px') !important; //height: calc(~'100% - 105px - 56px') !important;
.pagination { .pagination {
position: static; position: static;
/deep/ .pagination-slot { /deep/ .pagination-slot {
padding: 0; padding: 0;
} }
} }
} }
.el-divider{
.el-divider__text{ .el-divider {
.el-divider__text {
font-size: 16px; font-size: 16px;
color: #0c91e5; color: #0c91e5;
} }
} }
.standards-drawer-table-one{
.standards-drawer-table-one {
position: relative; position: relative;
height: 350px; height: 350px;
.pagination{
.pagination {
bottom: 0; bottom: 0;
} }
} }
.standards-drawer-table{
.standards-drawer-table {
margin-top: 10px; margin-top: 10px;
} }
.see-drawer{
.searchAngNewBtn{ .see-drawer {
.searchAngNewBtn {
float: right; float: right;
} }
.el-divider{
.el-divider {
clear: both; clear: both;
} }
} }
src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/addEdit.vue
+3 -4
View File
@@ -53,7 +53,7 @@
:on-success="uploadBackSuccess" :on-success="uploadBackSuccess"
:before-upload="beforeUpload" :before-upload="beforeUpload"
> >
<el-button class="common-button-default"> <el-button class="common-button-default" size="mini">
点击上传 点击上传
</el-button> </el-button>
</el-upload> </el-upload>
@@ -140,19 +140,18 @@
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
icon="el-icon-search"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
@click="searchLawsStands"> @click="searchLawsStands">
查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
class="common-button-default" class="common-button-default"
icon="el-icon-refresh-left"
size="small" size="small"
@click="clearSearchLaws"></el-button> @click="clearSearchLaws">清空</el-button>
</el-form-item> </el-form-item>
<!-- 多属性搜索，暂时不需要，已添加高级检索--> <!-- 多属性搜索，暂时不需要，已添加高级检索-->
<!-- <el-form-item class="search-item" v-if="moreSearchBtn"> <!-- <el-form-item class="search-item" v-if="moreSearchBtn">
src/pages/regulatoryRepository/accessStandardsAndRegulations/pages/details.vue
+333 -1537
View File
File diff suppressed because it is too large Load Diff