This commit is contained in:
宋伟佳
2021-10-21 14:57:24 +08:00
parent 858f215e53
commit ec3b397e65
6 changed files with 209 additions and 161 deletions
@@ -337,7 +337,7 @@
label="项目分类" label="项目分类"
/> />
<el-table-column <el-table-column
prop="projectManager" prop="uname"
align="center" align="center"
label="项目经理" label="项目经理"
/> />
@@ -13,7 +13,7 @@
</div> </div>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<div v-show="heightShow" class="transition-box"> <div v-show="heightShow" class="transition-box">
<p class="transition-box-p" v-if="sarAccessEO.sortKey === '1'"> <p class="transition-box-p" v-if="sarAccessEO.sortKey === '1'">
<label class="transition-box-label">国家/地区</label> <label class="transition-box-label">国家/地区</label>
<span class="transition-box-span"> <span class="transition-box-span">
{{ sarAccessEO.countryAreaShow }} {{ sarAccessEO.countryAreaShow }}
@@ -71,11 +71,14 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="" class="search-item btn-box"> <el-form-item label="" class="search-item btn-box">
<el-button v-btn-permission="'670dd74a8469a6232a0762c69b575775'" class="common-button-primary" type="primary" size="small" @click="selectProductBtn">查询 <el-button v-btn-permission="'670dd74a8469a6232a0762c69b575775'" class="common-button-primary"
type="primary" size="small" @click="selectProductBtn">查询
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item label="" class="search-item btn-box"> <el-form-item label="" class="search-item btn-box">
<el-button v-btn-permission="'d55e2eb884449f04ecdb30f0523d965d'" class="common-button-default" @click="resetSelect" size="small">清空</el-button> <el-button v-btn-permission="'d55e2eb884449f04ecdb30f0523d965d'" class="common-button-default"
@click="resetSelect" size="small">清空
</el-button>
</el-form-item> </el-form-item>
<el-button class="common-button-default export-button" <el-button class="common-button-default export-button"
@@ -110,11 +113,11 @@
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="序号" label="序号"
align="center" align="center"
width="55" width="55"
fixed="left" fixed="left"
type="index" type="index"
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -286,80 +289,80 @@
:wrapperClosable="false" :wrapperClosable="false"
:visible.sync="isAdvancedSearch"> :visible.sync="isAdvancedSearch">
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<el-form :model="standardFormList" class="labelForm" label-position="right" label-width="100px"> <el-form :model="standardFormList" class="labelForm" label-position="right" label-width="100px">
<el-form-item label="中文名称" > <el-form-item label="中文名称">
<el-input <el-input
class="showBox" class="showBox"
v-model="standardFormList.standName" v-model="standardFormList.standName"
placeholder="请输入" placeholder="请输入"
:maxlength="100" :maxlength="100"
size="small" size="small"
/> />
</el-form-item> </el-form-item>
<el-form-item label="适用车型" > <el-form-item label="适用车型">
<el-select <el-select
class="showBox" class="showBox"
v-model="standardFormList.typeApplicable" v-model="standardFormList.typeApplicable"
placeholder="请选择" placeholder="请选择"
filterable filterable
size="small" size="small"
> >
<el-option <el-option
v-for="item in applyArcticOptions" v-for="item in applyArcticOptions"
:value="item.value" :value="item.value"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="能源类型" > <el-form-item label="能源类型">
<el-select <el-select
class="showBox" class="showBox"
v-model="standardFormList.nylx" v-model="standardFormList.nylx"
placeholder="请选择" placeholder="请选择"
filterable filterable
size="small" size="small"
> >
<el-option <el-option
v-for="item in categoryOptions" v-for="item in categoryOptions"
:value="item.value" :value="item.value"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="责任部门" > <el-form-item label="责任部门">
<el-select <el-select
class="showBox" class="showBox"
v-model="standardFormList.zrbm" v-model="standardFormList.zrbm"
placeholder="请选择" placeholder="请选择"
filterable filterable
size="small" size="small"
> >
<el-option <el-option
v-for="item in zrbmOptions" v-for="item in zrbmOptions"
:value="item.value" :value="item.value"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="适用产品线" > <el-form-item label="适用产品线">
<el-select <el-select
class="showBox" class="showBox"
v-model="standardFormList.sycpx" v-model="standardFormList.sycpx"
placeholder="请选择" placeholder="请选择"
filterable filterable
size="small" size="small"
> >
<el-option <el-option
v-for="item in sycpxOptions" v-for="item in sycpxOptions"
:value="item.value" :value="item.value"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="demo-drawer-footer"> <div class="demo-drawer-footer">
@@ -367,11 +370,13 @@
size="small" size="small"
icon="el-icon-check" icon="el-icon-check"
type="primary" type="primary"
@click="queryInfo">搜索</el-button> @click="queryInfo">搜索
</el-button>
<el-button <el-button
size="small" size="small"
icon="el-icon-close" icon="el-icon-close"
@click="backInfo">取消</el-button> @click="backInfo">取消
</el-button>
</div> </div>
</el-drawer> </el-drawer>
@@ -381,6 +386,7 @@
<script> <script>
import { interfaceUrl } from "@/sysConfig"; import { interfaceUrl } from "@/sysConfig";
export default { export default {
name: "AccessStandardDetails", name: "AccessStandardDetails",
data() { data() {
@@ -410,7 +416,7 @@ export default {
heightShow: true, heightShow: true,
dataLoading: false, dataLoading: false,
standardForm: { standardForm: {
zrbm: '', zrbm: "",
standNumber: "", standNumber: "",
standName: "", standName: "",
responseUnit: "", responseUnit: "",
@@ -418,13 +424,13 @@ export default {
Size: this.$store.getters.userInfo.configContent Size: this.$store.getters.userInfo.configContent
}, },
standardFormList: { standardFormList: {
zrbm: '', zrbm: "",
typeApplicable: '', typeApplicable: "",
nylx: '', nylx: "",
sycpx: '', sycpx: "",
standNumber: '', standNumber: "",
standName: '', standName: "",
responseUnit: '', responseUnit: "",
page: 1, page: 1,
Size: this.$store.getters.userInfo.configContent Size: this.$store.getters.userInfo.configContent
}, },
@@ -441,18 +447,18 @@ export default {
loading: false, loading: false,
accessSarType: "", accessSarType: "",
selectedList: [], selectedList: [],
pageId: '', pageId: "",
// 导出文件模态框控制,和文件名称 // 导出文件模态框控制,和文件名称
saveExportType: "", saveExportType: "",
depNode: [], // 部门树 depNode: [], // 部门树
sarAccessEO: {}, sarAccessEO: {},
sarAccessEOInfo: '', sarAccessEOInfo: "",
fileInfoList: [], fileInfoList: [],
// 改变颜色 // 改变颜色
dialogColor: false, dialogColor: false,
dialogType: "", dialogType: "",
color: "", color: "",
isShow: false, isShow: false
}; };
}, },
methods: { methods: {
@@ -495,44 +501,73 @@ export default {
this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", { this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
...this.standardFormList, ...this.standardFormList,
...this.standardForm, ...this.standardForm,
id: this.pageId, id: this.pageId
}, { }, {
_this: this _this: this
}, res => { }, res => {
console.log(res.data.records);
res.data.records.forEach(item => {
if (item.nylx === "[]") {
item.nylx = null;
}
if (item.typeApplicable === "[]") {
item.typeApplicable = null;
}
if (item.sycpx === "[]") {
item.sycpx = null;
}
if(item.zrbm === "[]"){
item.zrbm = null
}
});
this.standinfoList = res.data.records; this.standinfoList = res.data.records;
this.standardFormTotal = res.data.total this.standardFormTotal = res.data.total;
this.standinfoList.forEach(item => { this.standinfoList.forEach(item => {
if (item.standYear === null) { if (item.standYear === null) {
item.standNumber = item.standSortShow + ' ' + item.standNumber item.standNumber = item.standSortShow + " " + item.standNumber;
} else { } else {
item.standNumber = item.standSortShow + ' ' + item.standNumber + '-' + item.standYear item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
} }
}) });
}, e => { }, e => {
}); });
}, },
selectInfoMore() { selectInfoMore() {
this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", { this.$http.get("sarLawsAttrDetailedList/sar-laws-attr-detailed-list/selectLawsById", {
...this.standardFormList, ...this.standardFormList,
id: this.pageId, id: this.pageId
}, { }, {
_this: this _this: this
}, res => { }, res => {
res.data.records.forEach(item => {
if (item.nylx === "[]") {
item.nylx = null;
}
if (item.typeApplicable === "[]") {
item.typeApplicable = null;
}
if (item.sycpx === "[]") {
item.sycpx = null;
}
if(item.zrbm === "[]"){
item.zrbm = null
}
});
this.standinfoList = res.data.records; this.standinfoList = res.data.records;
this.standardFormTotal = res.data.total this.standardFormTotal = res.data.total;
this.standinfoList.forEach(item => { this.standinfoList.forEach(item => {
if (item.standYear === null) { if (item.standYear === null) {
item.standNumber = item.standSortShow + ' ' + item.standNumber item.standNumber = item.standSortShow + " " + item.standNumber;
} else { } else {
item.standNumber = item.standSortShow + ' ' + item.standNumber + '-' + item.standYear item.standNumber = item.standSortShow + " " + item.standNumber + "-" + item.standYear;
} }
}) });
}, e => { }, e => {
}); });
}, },
back() { back() {
this.$router.push({name: 'AccessStandardsAndRegulations'}) this.$router.push({ name: "AccessStandardsAndRegulations" });
// this.$router.push(this.$store.state.detailMap) // this.$router.push(this.$store.state.detailMap)
// this.$store.commit('setDetailMap', '') // this.$store.commit('setDetailMap', '')
}, },
@@ -544,11 +579,11 @@ export default {
}, },
// 重置搜索 // 重置搜索
resetSelect() { resetSelect() {
this.standardForm.zrbm = '' this.standardForm.zrbm = "";
this.standardForm.standName = '' this.standardForm.standName = "";
this.standardForm.responseUnit = '' this.standardForm.responseUnit = "";
this.selectInfobyAccid() this.selectInfobyAccid();
this.selectInfoMore() this.selectInfoMore();
}, },
exportStandard() { exportStandard() {
if (this.selectedList.length > 0) { if (this.selectedList.length > 0) {
@@ -565,22 +600,22 @@ export default {
}, },
// 导出确定功能 // 导出确定功能
//确认导出 //确认导出
exportTestItem () { exportTestItem() {
if(this.saveExportType === 'apart') { if (this.saveExportType === "apart") {
if (this.selectedList != null && this.selectedList != ''){ if (this.selectedList != null && this.selectedList != "") {
const exportURL = interfaceUrl + 'sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?' + const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
'exportType' + this.saveExportType + '&ids=' + this.selectedList.join(',') + '&exportName=' + this.exportName "exportType" + this.saveExportType + "&ids=" + this.selectedList.join(",") + "&exportName=" + this.exportName;
window.open(exportURL) window.open(exportURL);
this.$message.success('导出信息成功') this.$message.success("导出信息成功");
} }
} else if (this.saveExportType === 'all') { } else if (this.saveExportType === "all") {
const exportURL = interfaceUrl + 'sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?' + const exportURL = interfaceUrl + "sarLawsAttrDetailedList/sar-laws-attr-detailed-list/ExportLawsById?" +
'exportType' + this.saveExportType + '&id=' + this.pageId + '&exportName=' + this.exportName "exportType" + this.saveExportType + "&id=" + this.pageId + "&exportName=" + this.exportName;
window.open(exportURL) window.open(exportURL);
this.$message.success('导出信息成功') this.$message.success("导出信息成功");
} }
this.exportModelFlag = false this.exportModelFlag = false;
this.selectedList = [] this.selectedList = [];
}, },
// tab页切换 // tab页切换
handleClick(tab, event) { handleClick(tab, event) {
@@ -591,10 +626,10 @@ export default {
this.selectInfobyAccid(); this.selectInfobyAccid();
}, },
// 修改成表格样式后,选择项勾选改变 // 修改成表格样式后,选择项勾选改变
standSelectChange (data) { standSelectChange(data) {
this.selectedList = [] this.selectedList = [];
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id) this.selectedList.push(data[i].id);
} }
}, },
pageChange(page) { pageChange(page) {
@@ -655,7 +690,7 @@ export default {
}, },
// 附件下载事件 // 附件下载事件
fileDownLoad(attId) { fileDownLoad(attId) {
window.location.href = "/api/att/attFile/downloadFile?fileId=" + attId window.location.href = "/api/att/attFile/downloadFile?fileId=" + attId;
}, },
// 点击查看 // 点击查看
handlePreview(data) { handlePreview(data) {
@@ -707,30 +742,30 @@ export default {
* 高级检索 * 高级检索
*/ */
selectMoreBtn() { selectMoreBtn() {
this.isAdvancedSearch = true this.isAdvancedSearch = true;
this.standardFormList.standName = '' this.standardFormList.standName = "";
this.standardFormList.typeApplicable = '' this.standardFormList.typeApplicable = "";
this.standardFormList.nylx = '' this.standardFormList.nylx = "";
this.standardFormList.zrbm = '' this.standardFormList.zrbm = "";
this.standardFormList.sycpx = '' this.standardFormList.sycpx = "";
this.showTableFlag = false this.showTableFlag = false;
this.page = 1 this.page = 1;
this.standardForm.page = 1 this.standardForm.page = 1;
this.selectInfoMore() this.selectInfoMore();
}, },
queryInfo() { queryInfo() {
this.page = 1; this.page = 1;
this.standardForm.page = 1; this.standardForm.page = 1;
this.selectInfoMore(); this.selectInfoMore();
this.isAdvancedSearch = false this.isAdvancedSearch = false;
}, },
backInfo() { backInfo() {
this.standardFormList.standName = '' this.standardFormList.standName = "";
this.standardFormList.typeApplicable = '' this.standardFormList.typeApplicable = "";
this.standardFormList.nylx = '' this.standardFormList.nylx = "";
this.standardFormList.zrbm = '' this.standardFormList.zrbm = "";
this.standardFormList.sycpx = '' this.standardFormList.sycpx = "";
this.isAdvancedSearch = false this.isAdvancedSearch = false;
}, },
// 获取工作组信息下拉框信息 // 获取工作组信息下拉框信息
getGzzOption() { getGzzOption() {
@@ -767,16 +802,16 @@ export default {
this.$refs.skillTable && this.$refs.skillTable.doLayout(); this.$refs.skillTable && this.$refs.skillTable.doLayout();
}, },
// 将文本状态的id与name对应 // 将文本状态的id与name对应
setMap(data){ setMap(data) {
data.forEach(item => { data.forEach(item => {
this.$set(this.textStatusMap, item.value, item.label) this.$set(this.textStatusMap, item.value, item.label);
}) });
} }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
let accessRow = JSON.parse(sessionStorage.getItem("accessRow")); let accessRow = JSON.parse(sessionStorage.getItem("accessRow"));
this.pageId = accessRow.id this.pageId = accessRow.id;
this.sarAccessEO = accessRow; this.sarAccessEO = accessRow;
this.selectInfobyAccid(); this.selectInfobyAccid();
this.getOrgTreeSource(); this.getOrgTreeSource();
@@ -800,11 +835,11 @@ export default {
this.ROLELIST = res.data.ROLELIST; this.ROLELIST = res.data.ROLELIST;
this.GXHBQOptions = res.data.GXHBQXX; this.GXHBQOptions = res.data.GXHBQXX;
this.askNatureOptions = res.data.ACCESSTYPE; this.askNatureOptions = res.data.ACCESSTYPE;
this.zrbmOptions = res.data.ZRBMCLASS // 责任部门 this.zrbmOptions = res.data.ZRBMCLASS; // 责任部门
this.categoryOptions = res.data.NYLXCLASS // 能源类型 this.categoryOptions = res.data.NYLXCLASS; // 能源类型
this.textStatusOptions = res.data.WBZTCLASS this.textStatusOptions = res.data.WBZTCLASS;
this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线 this.sycpxOptions = res.data.SYCPXCLASS; // 适用产品线
this.setMap(this.textStatusOptions) this.setMap(this.textStatusOptions);
this.getGzzOption(); this.getGzzOption();
}, e => { }, e => {
}); });
@@ -935,9 +970,11 @@ export default {
} }
} }
} }
.labelForm { .labelForm {
margin-top: 20px; margin-top: 20px;
} }
/deep/ .relateClass { /deep/ .relateClass {
& > button { & > button {
height: 30px; height: 30px;
@@ -969,9 +1006,10 @@ export default {
} }
} }
/deep/.showBox{ /deep/ .showBox {
width: 300px; width: 300px;
} }
.iconClass { .iconClass {
width: 18px; width: 18px;
height: 18px; height: 18px;
@@ -995,6 +1033,7 @@ export default {
cursor: pointer cursor: pointer
} }
} }
.relateClass { .relateClass {
.el-dialog__body { .el-dialog__body {
max-height: 460px; max-height: 460px;
@@ -5202,7 +5202,10 @@ export default {
} }
.el-card { .el-card {
min-width: min-content; width: 500px;
min-width: 2000px;
max-width: 100%;
//min-width: min-content;
} }
height: 95%; height: 95%;
@@ -4159,7 +4159,10 @@ export default {
padding: 0 !important; padding: 0 !important;
} }
.el-card{ .el-card{
min-width: min-content; width: 500px;
min-width: 2000px;
max-width: 100%;
//min-width: min-content;
} }
height: 95%; height: 95%;
width: 95%; width: 95%;
@@ -4903,7 +4903,10 @@ export default {
} }
.el-card { .el-card {
min-width: min-content; width: 500px;
min-width: 2000px;
max-width: 100%;
//min-width: min-content;
} }
height: 95%; height: 95%;
@@ -185,7 +185,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="projectManager" prop="uname"
align="center" align="center"
label="项目经理"> label="项目经理">
</el-table-column> </el-table-column>