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

commit

Browse Source
This commit is contained in:
宋伟佳
2021-09-09 11:17:32 +08:00
parent a82d08d3aa
commit 6307c6270b
2 changed files with 108 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listOfCountries.vue
+100 -100
View File
@@ -6,42 +6,42 @@
<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"
placeholder="请选择" placeholder="请选择"
filterable filterable
> >
<el-option <el-option
v-for="item in countryOptions" v-for="item in countryOptions"
:value="item.value" :value="item.value"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
> >
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="清单名称" class="search-item search-item-last"> <el-form-item label="清单名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedListName" v-model="sarSarAccessEOSearch.detailedListName"
placeholder="请输入清单名称" placeholder="请输入清单名称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
:loading="searching" :loading="searching"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="small" size="small"
v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'" v-btn-permission="'072efe80c5459dd47fedd2d14f59ff7f'"
@click="searchSarAccess"> @click="searchSarAccess">
查询 查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
class="common-button-default" class="common-button-default"
size="small" size="small"
v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'" v-btn-permission="'3480a13964a18e000196e4d5bc6ef117'"
@click="clearSearch">清空 @click="clearSearch">清空
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -49,59 +49,59 @@
</div> </div>
<div class="action-bar"> <div class="action-bar">
<el-button <el-button
type="primary" type="primary"
class="common-button-primary add-button" class="common-button-primary add-button"
size="mini" size="mini"
@click="openModal(null,'addOpt')" @click="openModal(null,'addOpt')"
v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'" v-btn-permission="'7aaf236bdf6b1657c615380f7f34b8a8'"
><i class="iconfont">&#xe84e;</i>新增 ><i class="iconfont">&#xe84e;</i>新增
</el-button> </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="'562e58cc3a960096cf3321e631293dc9'" v-btn-permission="'562e58cc3a960096cf3321e631293dc9'"
><i class="iconfont">&#xe61b;</i>批量删除 ><i class="iconfont">&#xe61b;</i>批量删除
</el-button> </el-button>
</div> </div>
<div class="container"> <div class="container">
<loading :loading="tableLoading">数据获取中</loading> <loading :loading="tableLoading">数据获取中</loading>
<el-table <el-table
:data="sarAccessListDatas" :data="sarAccessListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
height="100%" height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="selectOne" @selection-change="selectOne"
ref="selection" ref="selection"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="countryAreaShow" prop="countryAreaShow"
label="国家/地区" label="国家/地区"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="detailedListName" prop="detailedListName"
label="清单名称" label="清单名称"
align="center" align="center"
width="260px" width="260px"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</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
prop="detailedListState" prop="detailedListState"
label="清单状态" label="清单状态"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.detailedListState === '0'">未发布</span> <span v-if="scope.row.detailedListState === '0'">未发布</span>
<span v-if="scope.row.detailedListState === '1'">已发布</span> <span v-if="scope.row.detailedListState === '1'">已发布</span>
@@ -109,31 +109,31 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="detailedListVision" prop="detailedListVision"
label="清单版本" label="清单版本"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{ v-if="scope.row.detailedListVision != null && scope.row.detailedListVision !== ''">{{
scope.row.detailedListVision scope.row.detailedListVision
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updateTime" prop="updateTime"
label="更新时间" label="更新时间"
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ <div>{{
scope.row.updateTime ? $moment(scope.row.updateTime).format('YYYY-MM-DD') : scope.row.updateTime scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD") : scope.row.updateTime
}} }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="updatePeople" prop="updatePeople"
label="更新人" label="更新人"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="50" fixed="right"> <el-table-column label="操作" align="center" width="50" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
@@ -186,7 +186,7 @@ export default {
selectedList: [], selectedList: [],
// 新增、编辑 准入信息字段 // 新增、编辑 准入信息字段
sarAccessEO: { sarAccessEO: {
relateFile: '', relateFile: "",
country: "", country: "",
applyArctic: "", applyArctic: "",
energyKind: "", energyKind: "",
@@ -197,14 +197,14 @@ export default {
drawerTotal: 0, // 抽屉分页的总条数 drawerTotal: 0, // 抽屉分页的总条数
sarAccessEORules: { sarAccessEORules: {
region: [ region: [
{required: true, message: "区域不能为空", trigger: "change"} { required: true, message: "区域不能为空", trigger: "change" }
], ],
country: [ country: [
{required: true, message: "国家不能为空", trigger: "change"} { required: true, message: "国家不能为空", trigger: "change" }
], ],
detailedListName: [ detailedListName: [
{required: true, message: "清单名称不能为空", trigger: "blur"}, { required: true, message: "清单名称不能为空", trigger: "blur" },
{type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur"} { type: "string", max: 100, message: "清单名称不能超过100个字符", trigger: "blur" }
] ]
}, },
countryOptions: [], countryOptions: [],
@@ -223,10 +223,10 @@ export default {
applyAuth: "" // 认证类型 applyAuth: "" // 认证类型
}, },
dataSourceOptions: [ dataSourceOptions: [
{value: "INLAND_STAND", label: "国内标准法规"}, { value: "INLAND_STAND", label: "国内标准法规" },
{value: "FOREIGN_STAND", label: "海外标准法规"}, { value: "FOREIGN_STAND", label: "海外标准法规" },
{value: "FOREIGN_LAWS", label: "国内外政策"}, { value: "FOREIGN_LAWS", label: "国内外政策" },
{value: "BUSINESS", label: "企业标准 "} { value: "BUSINESS", label: "企业标准 " }
], ],
tableLoading: true, tableLoading: true,
sarAccessInfoSearchList: [], sarAccessInfoSearchList: [],
@@ -263,29 +263,29 @@ export default {
sortKey: 1, sortKey: 1,
page: 1, page: 1,
pageSize: 10, pageSize: 10,
...this.sarSarAccessEOSearch, ...this.sarSarAccessEOSearch
}, { }, {
_this: this _this: this
}, res => { }, res => {
let arr = res.data.records; let arr = res.data.records;
let map = new Map();
this.countryOptions.forEach(item => {
map.set(item.value, item.label);
});
arr.forEach(item => { arr.forEach(item => {
// 国家地区转换 // 国家地区转换
if (item.countryArea !== null || item.countryArea !== "") { if (item.countryArea !== null || item.countryArea !== "") {
let k = (item.countryArea || "").split(',') let k = (item.countryArea || "").split(",");
for (let i in this.countryOptions) { for (let m = 0; m < k.length; m++) {
for (let m = 0; m < k.length; m++) { k[m] = map.get(k[m]);
if (this.countryOptions[i].value === k[m]) { item.countryAreaShow = k.join(",");
k[m] = this.countryOptions[i].label
}
item.countryAreaShow = k.join(',')
}
} }
} }
}) });
this.sarAccessListDatas = arr this.tableLoading = false;
this.tableLoading = false this.sarAccessListDatas = arr;
this.sarSarAccessEOSearch.page = 1 this.sarSarAccessEOSearch.page = 1;
this.sarAccessListTotal = res.data.total this.sarAccessListTotal = res.data.total;
}, e => { }, e => {
}); });
@@ -299,8 +299,8 @@ export default {
// this.searchSarAccess(); // this.searchSarAccess();
}, },
clearSearch() { clearSearch() {
this.sarSarAccessEOSearch.countryArea = '' this.sarSarAccessEOSearch.countryArea = "";
this.sarSarAccessEOSearch.detailedListName = '' this.sarSarAccessEOSearch.detailedListName = "";
// this.searchSarAccess(); // this.searchSarAccess();
}, },
// 新增相关 // 新增相关
@@ -311,29 +311,29 @@ export default {
}, },
// 批量删除 // 批量删除
deleteSarAccess(flag, id) { deleteSarAccess(flag, id) {
if (flag === 'delOne') { if (flag === "delOne") {
this.selectedList = []; this.selectedList = [];
this.selectedList[0] = id; this.selectedList[0] = id;
} }
if (this.selectedList.length === 0) { if (this.selectedList.length === 0) {
this.$message.warning('请选择要删除的数据') this.$message.warning("请选择要删除的数据");
} else { } else {
this.$confirm('确定删除这些数据？', '提示', { this.$confirm("确定删除这些数据？", "提示", {
confirmButtonText: '确定', confirmButtonText: "确定",
confirmButtonClass: 'common-button-primary', confirmButtonClass: "common-button-primary",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning', type: "warning"
}).then(() => { }).then(() => {
const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(',')}` const URL = `sarLawsDetailedList/sar-laws-detailed-list/deleteListAll?idList=${this.selectedList.join(",")}`;
this.$http.postDelete(URL, {}, res => { this.$http.postDelete(URL, {}, res => {
this.searchSarAccess(); this.searchSarAccess();
this.selectedList = []; this.selectedList = [];
this.$message.success('删除成功') this.$message.success("删除成功");
}, e => { }, e => {
}); });
}).catch(() => { }).catch(() => {
}) });
} }
}, },
// 表格选择框 // 表格选择框
@@ -356,7 +356,7 @@ export default {
}, },
// 点击 table编辑按钮 事件 // 点击 table编辑按钮 事件
editTable(item) { editTable(item) {
this.$store.commit('SET_ACCESS_STAND_REG_ROW', item) this.$store.commit("SET_ACCESS_STAND_REG_ROW", item);
this.$router.push({ this.$router.push({
name: "ListOfStandardsAndRegulationsDetails", name: "ListOfStandardsAndRegulationsDetails",
query: { query: {
@@ -370,8 +370,8 @@ export default {
// 将文本状态的id与name对应 // 将文本状态的id与name对应
setMap(data) { setMap(data) {
data.forEach(item => { data.forEach(item => {
this.$set(this.countryAreaMap, item.value, item.label) this.$set(this.countryAreaMap, item.value, item.label);
}) });
} }
}, },
created() { created() {
@@ -385,7 +385,7 @@ export default {
_this: this _this: this
}, res => { }, res => {
this.countryOptions = res.data.COUNTRY; this.countryOptions = res.data.COUNTRY;
this.setMap(this.countryOptions) this.setMap(this.countryOptions);
}, e => { }, e => {
}); });
} }
src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+8 -3
View File
@@ -24,8 +24,7 @@
@mouseleave="mouseleave(data)"> @mouseleave="mouseleave(data)">
<span <span
:class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
<span v-if="node.label.length<15"> {{ node.label}} </span> <span class="node-font" > {{ node.label }} </span>
<span v-else> {{ node.label.substring(0,15)+'...'}} </span>
<span> <span>
<el-button <el-button
type="text" type="text"
@@ -5050,7 +5049,7 @@ export default {
} }
</style> </style>
<style lang="less" scoped> <style lang="less" >
@import '~@/assets/styles/mixins'; @import '~@/assets/styles/mixins';
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
@@ -5069,6 +5068,12 @@ export default {
width: calc(~'100% - 15px'); width: calc(~'100% - 15px');
position: absolute; position: absolute;
left: 0; left: 0;
.node-font{
display: inline-block;
width: 120px;
text-overflow:ellipsis;
overflow: hidden;
}
} }
.tree-collapse { .tree-collapse {