972 lines
30 KiB
Vue
972 lines
30 KiB
Vue
<!-- 标准法规库 - 动态&资料 -->
|
|
<template>
|
|
<div id="dynamicInformation" class="dynamic-information v-class">
|
|
<div class="dynamic-content">
|
|
<!-- 实施预警 -->
|
|
<div class="dynamic" style="overflow-y: auto;">
|
|
<div class="container" >
|
|
<!-- <el-tabs v-model="activeName" @tab-click="handleClick">-->
|
|
<!-- <el-tab-pane label="标准预警" name="STANDARD">-->
|
|
<div class="dynamic-content">
|
|
<!-- <div>-->
|
|
<!-- <h5 style="font-size: 20px">实施预警</h5>-->
|
|
<!-- </div>-->
|
|
<div class="more">
|
|
<el-form :inline="true" :model="dynamic" class="demo-form-inline">
|
|
<el-row :gutter="24">
|
|
<el-col>
|
|
<el-form-item label="标准编号">
|
|
<el-input clearable size="mini"
|
|
v-model="dynamic.standCode"
|
|
placeholder="根据标准编号查找">
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="标准名称">
|
|
<el-input clearable size="mini"
|
|
v-model="dynamic.standName"
|
|
placeholder="根据标准名称查找">
|
|
</el-input>
|
|
</el-form-item>
|
|
<!-- 适用车型-->
|
|
<el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
|
|
<el-select v-model="dynamic.applyType" size="mini"
|
|
:placeholder="$t('m.searchAccordingToThApplicableModel')" clearable>
|
|
<el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
|
|
:key="opt.value" :label="opt.label">{{ opt.label }}
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="适用车型">-->
|
|
<!-- <el-input clearable size="mini"-->
|
|
<!-- v-model="dynamic.applyType"-->
|
|
<!-- placeholder="根据适用车型查找">-->
|
|
<!-- </el-input>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item label="发布日期" style="margin-right: 10px" class="choose-time-area">
|
|
<el-date-picker
|
|
size="mini"
|
|
clearable
|
|
v-model="dynamic.putTime"
|
|
value-format="yyyy-MM-dd"
|
|
type="daterange"
|
|
range-separator="-"
|
|
start-placeholder="开始日期"
|
|
end-placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="24">
|
|
<el-col>
|
|
<el-form-item label="实施日期" style="margin-right: 10px" class="choose-time-area">
|
|
<el-date-picker
|
|
size="mini"
|
|
clearable
|
|
v-model="dynamic.SSRQ"
|
|
value-format="yyyy-MM-dd"
|
|
type="daterange"
|
|
range-separator="-"
|
|
start-placeholder="开始日期"
|
|
end-placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="新车型实施日期" style="margin-right: 10px" class="choose-time-area">
|
|
<el-date-picker
|
|
size="mini"
|
|
clearable
|
|
v-model="dynamic.XCXSSRQ"
|
|
value-format="yyyy-MM-dd"
|
|
type="daterange"
|
|
range-separator="-"
|
|
start-placeholder="开始日期"
|
|
end-placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="在产车实施日期" style="margin-right: 10px" class="choose-time-area">
|
|
<el-date-picker
|
|
size="mini"
|
|
clearable
|
|
v-model="dynamic.ZCCSSRQ"
|
|
value-format="yyyy-MM-dd"
|
|
type="daterange"
|
|
range-separator="-"
|
|
start-placeholder="开始日期"
|
|
end-placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-button
|
|
style="margin: 6px 8px 0 0"
|
|
type="primary"
|
|
size="mini"
|
|
@click="searchBtnClick"
|
|
class="common-button-primary">
|
|
查询
|
|
</el-button>
|
|
<el-button
|
|
style="margin: 6px 0 0 0"
|
|
size="mini"
|
|
@click="clearBtnClick"
|
|
class="common-button-primary">
|
|
清空
|
|
</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
<div class="content">
|
|
<!-- <el-divider content-position="left" class="dynamic-child-title">实施日期预警</el-divider>-->
|
|
<el-table
|
|
:data="warningTableDatas"
|
|
style="overflow-y: auto;"
|
|
height="100%"
|
|
border
|
|
:resizable="false"
|
|
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
|
v-loading="warningTableLoading"
|
|
>
|
|
<el-table-column prop="standType" label="类型" width="100" align="center">
|
|
<template slot-scope="scope">
|
|
<div v-if="scope.row.sortName === 'BUSINESS_STAND'">企业标准</div>
|
|
<div v-if="scope.row.standType === 'FOREIGN'">海外标准法规</div>
|
|
<div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
|
|
<div v-if="scope.row.sortName === 'INLAND_LAWS'">国内政策</div>
|
|
<div v-if="scope.row.sortName === 'FOREIGN_LAWS'">国外政策</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="standCode" label="标准编号" width="200" align="center">
|
|
<template slot-scope="scope">
|
|
<a @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="standName" width="320" label="标准名称" align="center">
|
|
<template slot-scope="scope">
|
|
<a @click="handlePreview(scope.row)">{{ scope.row.standName }}</a>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="itemsNum" label="条款编号" width="200" align="center">
|
|
<template slot-scope="scope">
|
|
<a @click="handlePreview(scope.row)">{{ scope.row.itemsNum }}</a>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="itemsName" width="320" label="条款名称" align="center">
|
|
<template slot-scope="scope">
|
|
<a @click="handlePreview(scope.row)">{{ scope.row.itemsName }}</a>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="putTime" label="发布日期" width="120" align="center" sortable>
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.putTime ? scope.row.putTime.substring(0, 10) : '' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="ssrq" label="实施日期" width="120" align="center" sortable>
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.ssrq ? scope.row.ssrq.substring(0,10) : '' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="xcxssrq" label="新车型实施日期" width="150" align="center" sortable>
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.xcxssrq ? scope.row.xcxssrq.substring(0,10) : '' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="zccssrq" label="在产车实施日期" width="150" align="center" sortable>
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.zccssrq ? scope.row.zccssrq.substring(0,10) : '' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="applyType" label="适用车型" align="center">
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="100" align="center" v-if="isShowBtn" fixed="right">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
size="mini"
|
|
type="danger"
|
|
@click="cancelWarning(scope.$index, scope.row)">取消预警
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
style="position: static;"
|
|
:page="pageConfig.page"
|
|
:pageSize="pageConfig.pageSize"
|
|
:total="pageConfig.total"
|
|
autoSize
|
|
@pageChange="page => handlePageChange('page', page)"
|
|
@pageSizeChange="pageSize => handlePageSizeChange('pageSize', pageSize)"></pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<adc-back-top scroll-bind="dynamicInformation"></adc-back-top>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapMutations} from "vuex";
|
|
|
|
export default {
|
|
name: "standardWarning",
|
|
data() {
|
|
return {
|
|
//
|
|
warningTableDatas:[],
|
|
warningTableHeight: '',
|
|
applyArcticOptions: [], // 适用车型下拉框
|
|
isShowBtn: true,
|
|
activeName: "STANDARD", //tab 默认选中值
|
|
// 头部搜索框
|
|
dynamic: {
|
|
//标准编号
|
|
standCode: "",
|
|
//标准名称
|
|
standName: "",
|
|
//发布日期
|
|
putTime: [],
|
|
//实施日期
|
|
SSRQ: [],
|
|
//新车型实施日期
|
|
XCXSSRQ: [],
|
|
//在产车实施日期
|
|
ZCCSSRQ: [],
|
|
//适用车型
|
|
applyType: "",
|
|
},
|
|
height: null,
|
|
energyKindOptions: [], //存放适用车型数据
|
|
zrgcs: [], //责任工程师
|
|
// 新车型实施日期预警
|
|
newItems: [],
|
|
//政策新车型实施日期预警
|
|
newPolicy: [],
|
|
// 新车型条款预警
|
|
newStand: [],
|
|
// 在产车实施日期预警
|
|
oldItems: [],
|
|
// 在产车条款预警
|
|
oldStand: [],
|
|
//政策在产车实施日期预警
|
|
oldPolicy: [],
|
|
tableHeight: 0,
|
|
pageConfig: {
|
|
page: 1,
|
|
pageSize: 10,
|
|
total: 0,
|
|
},
|
|
warningTableLoading: false,
|
|
// 记录当前分页器是哪个预警信息触发
|
|
field: ''
|
|
};
|
|
},
|
|
methods: {
|
|
// 获取标准预警数据 (type用于区别分页器切换)
|
|
getEarlyDate() {
|
|
this.warningTableLoading = true
|
|
this.$http.get('sys/EarlyWarning/getStandWarning', {
|
|
applyType: '',
|
|
...this.pageConfig
|
|
}, {
|
|
_this: this
|
|
}, res => {
|
|
const result = res.data[0]
|
|
for (const field in result) {
|
|
this[field] = result[field].records
|
|
this[field].forEach(item => {
|
|
// 适用车型转换
|
|
if (item.applyType !== null) {
|
|
let k = (item.applyType || "").split(",");
|
|
for (let i in this.energyKindOptions) {
|
|
for (let m = 0; m < k.length; m++) {
|
|
if (this.energyKindOptions[i].value === k[m]) {
|
|
k[m] = this.energyKindOptions[i].label;
|
|
}
|
|
item.applyType = k.join(",");
|
|
}
|
|
}
|
|
}
|
|
// 责任工程师转换
|
|
if (item.dutyEngineer !== null) {
|
|
let k = (item.dutyEngineer || "").split(",");
|
|
for (let i in this.zrgcs) {
|
|
for (let m = 0; m < k.length; m++) {
|
|
if (this.zrgcs[i].value === k[m]) {
|
|
k[m] = this.zrgcs[i].label;
|
|
}
|
|
item.dutyEngineer = k.join(",");
|
|
}
|
|
}
|
|
}
|
|
})
|
|
let arr = result.newItems.records
|
|
arr.forEach(item => {
|
|
// 适用车型转换
|
|
if (item.applyType !== null) {
|
|
let k = (item.applyType || "").split(",");
|
|
for (let i in this.energyKindOptions) {
|
|
for (let m = 0; m < k.length; m++) {
|
|
if (this.energyKindOptions[i].value === k[m]) {
|
|
k[m] = this.energyKindOptions[i].label;
|
|
}
|
|
item.applyType = k.join(",");
|
|
}
|
|
}
|
|
}
|
|
// 责任工程师转换
|
|
if (item.dutyEngineer !== null) {
|
|
let k = (item.dutyEngineer || "").split(",");
|
|
for (let i in this.zrgcs) {
|
|
for (let m = 0; m < k.length; m++) {
|
|
if (this.zrgcs[i].value === k[m]) {
|
|
k[m] = this.zrgcs[i].label;
|
|
}
|
|
item.dutyEngineer = k.join(",");
|
|
}
|
|
}
|
|
}
|
|
})
|
|
this.newItems = arr
|
|
//可能还需要调整一下条款或标准的顺序（zyh）
|
|
switch (field) {
|
|
case 'newItems':
|
|
this.pageConfig.count1 = result.newItems.total
|
|
break
|
|
case 'oldItems':
|
|
this.pageConfig.count2 = result.oldItems.total
|
|
break
|
|
case 'newStand':
|
|
this.pageConfig.count3 = result.newStand.total
|
|
break
|
|
case 'oldStand':
|
|
this.pageConfig.count4 = result.oldStand.total
|
|
break
|
|
}
|
|
}
|
|
this.warningTableLoading = false
|
|
}, e => {
|
|
});
|
|
},
|
|
//点击查看详情
|
|
handlePreview(item) {
|
|
let routeUrl = this.$router.resolve({
|
|
name: 'OtherStandardDetails',
|
|
params: {
|
|
id: item.standId,
|
|
pageType: item.standType + '_STAND'
|
|
}
|
|
})
|
|
window.open(routeUrl.href, '_blank')
|
|
},
|
|
//获取政策预警数据(type用于区别分页器切换)
|
|
getPolicyDate() {
|
|
this.loading[this.field] = true
|
|
this.$http.get('sys/EarlyWarning/PolicyWarning', {
|
|
applyType: '',
|
|
...this.pageConfig
|
|
}, {
|
|
_this: this
|
|
}, res => {
|
|
const policys = res.data[0]
|
|
for (const field in policys) {
|
|
this[field] = policys[field].records
|
|
switch (field) {
|
|
case 'newPolicy':
|
|
this.pageConfig.count5 = policys.newPolicy.total
|
|
break
|
|
case 'oldPolicy':
|
|
this.pageConfig.count6 = policys.oldPolicy.total
|
|
break
|
|
}
|
|
}
|
|
for (const loading in this.loading) {
|
|
this.loading[loading] = false
|
|
}
|
|
}, e => {
|
|
});
|
|
},
|
|
// 切换tab
|
|
handleClick(tab, event) {
|
|
this.getPolicyDate();
|
|
switch (tab.name) {
|
|
case "POLICY":
|
|
const computedHeight = () => {
|
|
this.tableHeight = $(".content-group").find(".table-wrap").height();
|
|
}
|
|
this.$nextTick(() => {
|
|
computedHeight()
|
|
window.addEventListener('resize', computedHeight)
|
|
this.$once('hook:beforeDestroy', () => {
|
|
window.removeEventListener('resize', computedHeight)
|
|
})
|
|
});
|
|
}
|
|
},
|
|
//查找适用车型
|
|
searchBtnClick() {
|
|
this.warningTableLoading = true
|
|
this.$http.get('sys/EarlyWarning/getStandWarning', {
|
|
...this.pageConfig,
|
|
//标准编号
|
|
standCode: this.dynamic.standCode,
|
|
//标准名称
|
|
standName: this.dynamic.standName,
|
|
//发布日期
|
|
startPutTime: this.dynamic.putTime[0],
|
|
endPutTime: this.dynamic.putTime[1],
|
|
//实施日期
|
|
startSSRQ: this.dynamic.SSRQ[0],
|
|
endSSRQ: this.dynamic.SSRQ[1],
|
|
//新车型实施日期
|
|
startXCXSSRQ: this.dynamic.XCXSSRQ[0],
|
|
endXCXSSRQ: this.dynamic.XCXSSRQ[1],
|
|
//在产车实施日期
|
|
startZCCSSRQ: this.dynamic.ZCCSSRQ[0],
|
|
endZCCSSRQ: this.dynamic.ZCCSSRQ[1],
|
|
//适用车型
|
|
applyType: this.dynamic.applyType
|
|
}, {
|
|
_this: this,
|
|
}, res => {
|
|
console.log('608',res)
|
|
// 适用车型转换
|
|
for (let a = 0; a < res.data.records.length; a++) {
|
|
if (res.data.records[a].applyType !== null) {
|
|
let k = (res.data.records[a].applyType || "").split(",");
|
|
for (let i in this.energyKindOptions) {
|
|
for (let m = 0; m < k.length; m++) {
|
|
if (this.energyKindOptions[i].value === k[m]) {
|
|
k[m] = this.energyKindOptions[i].label;
|
|
}
|
|
res.data.records[a].applyType = k.join(",");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.warningTableDatas = res.data.records
|
|
this.pageConfig.page = res.data.current
|
|
if ((this.warningTableDatas.length === 0 || this.warningTableDatas === []) && this.pageConfig.page !== 1) {
|
|
this.warningTableLoading = true
|
|
this.handlePageChange('page', 1)
|
|
}else {
|
|
this.warningTableLoading = false
|
|
}
|
|
this.pageConfig.pageSize = res.data.size
|
|
this.pageConfig.total = res.data.total
|
|
// this.warningTableLoading = false
|
|
}, e => {
|
|
})
|
|
},
|
|
clearBtnClick() {
|
|
this.dynamic = {
|
|
//标准编号
|
|
standCode: "",
|
|
//标准名称
|
|
standName: "",
|
|
//发布日期
|
|
putTime: [],
|
|
//实施日期
|
|
SSRQ: [],
|
|
//新车型实施日期
|
|
XCXSSRQ: [],
|
|
//在产车实施日期
|
|
ZCCSSRQ: [],
|
|
//适用车型
|
|
applyType: "",
|
|
}
|
|
this.searchBtnClick()
|
|
},
|
|
//取消预警
|
|
cancelWarning(index, row) {
|
|
this.$confirm('确认取消预警？', '提示', {
|
|
confirmButtonText: '确定',
|
|
confirmButtonClass: 'common-button-primary',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
roundButton: false
|
|
}).then(() => {
|
|
this.$http.get('sys/EarlyWarning/ChangePermissions', {
|
|
id: row.id,
|
|
}, {}, res => {
|
|
this.pageConfig.page = 1
|
|
this.pageConfig.newPolicyPage = 1
|
|
this.pageConfig.oldPolicyPage = 1
|
|
this.searchBtnClick()
|
|
this.getEarlyDate()
|
|
}
|
|
)
|
|
}).catch(() => {
|
|
this.$message.warning('取消事件')
|
|
})
|
|
},
|
|
showStandDetails(item) {
|
|
let getStandId = item.sarId;
|
|
let getStandType = item.sortName;
|
|
// this.$http.get("lawss/sarMenu/judgeSarMenuByRole", {
|
|
// sarId: getStandId,
|
|
// sarType: getStandType,
|
|
// isExit: "1"
|
|
// }, {
|
|
// _this: this
|
|
// }, res => {
|
|
// if (res.ok) {
|
|
// let pageTpe = "";
|
|
// let id = "";
|
|
// let routename = "";
|
|
// if (getStandType === "INLAND_STAND" || getStandType === "FOREIGN_STAND") {
|
|
// if (this.$hasPermission("SSA6WR4HV8")) {
|
|
// pageTpe = getStandType;
|
|
// id = getStandId;
|
|
// routename = "OtherStandardDetails";
|
|
// } else {
|
|
// this.$message.error("无权访问");
|
|
// }
|
|
// } else if (getStandType === "INLAND_LAWS" || getStandType === "FOREIGN_LAWS") {
|
|
// if (this.$hasPermission("A2HDHMEA6W")) {
|
|
// pageTpe = getStandType;
|
|
// id = getStandId;
|
|
// routename = "OtherLawsDetails";
|
|
// } else {
|
|
// this.$message.error("无权访问");
|
|
// }
|
|
// } else if (getStandType === "BUSSIONESS_STAND") {
|
|
// if (this.$hasPermission("YJUHC32R7G")) {
|
|
// pageTpe = "BUSINESS_STAND";
|
|
// id = getStandId;
|
|
// routename = "OtherBussStandardDetails";
|
|
// } else {
|
|
// this.$message.error("无权访问");
|
|
// }
|
|
// }
|
|
// if (routename !== "") {
|
|
// let routeUrl = this.$router.resolve({
|
|
// name: routename,
|
|
// params: {
|
|
// id: id,
|
|
// pageType: pageTpe
|
|
// }
|
|
// });
|
|
// window.open(routeUrl.href, "_blank");
|
|
// }
|
|
// } else {
|
|
// this.$message.error(res.message);
|
|
// }
|
|
// }, e => {
|
|
// });
|
|
},
|
|
/**
|
|
* @description: 日期转换
|
|
* @author: chenxiaoxi
|
|
* @date: 2018/11/01 10:20:12
|
|
*/
|
|
dateFormat(date) {
|
|
let year = new Date(date).getFullYear();
|
|
let month = new Date(date).getMonth() + 1;
|
|
let day = new Date(date).getDate();
|
|
return year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
|
|
},
|
|
getDate(date) {
|
|
return date !== undefined && date != null ? date.split(" ")[0] : "";
|
|
},
|
|
handlePageChange(field, page) {
|
|
this.pageConfig.page = page
|
|
this.searchBtnClick()
|
|
console.log('735',this.warningTableDatas)
|
|
this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
|
|
this.field = field
|
|
},
|
|
//分页每页显示数改变后方法
|
|
handlePageSizeChange(field, pageSize) {
|
|
// const _pageSize = field + 'PageSize'
|
|
// this.pageConfig[_pageSize] = pageSize
|
|
this.pageConfig.pageSize = pageSize
|
|
this.searchBtnClick()
|
|
console.log('771',this.warningTableDatas)
|
|
// this.activeName === 'STANDARD' ? this.getEarlyDate() : this.getPolicyDate()
|
|
// this.field = field
|
|
},
|
|
...mapMutations(["setDetailMap"])
|
|
},
|
|
props: {
|
|
reload: {
|
|
type: Boolean
|
|
}
|
|
},
|
|
computed: {
|
|
containerStyle() {
|
|
this.$nextTick(() => {
|
|
return this.activeName === 'POLICY' ? {
|
|
height: '100%'
|
|
} : {}
|
|
})
|
|
}
|
|
},
|
|
watch: {},
|
|
mounted() {
|
|
this.warningTableLoading = true
|
|
// this.$nextTick(() => {
|
|
// this.warningTableHeight = $(window).height()*0.54
|
|
// window.onresize = () => {
|
|
// this.warningTableHeight = $(window).height()*0.54;
|
|
// };
|
|
// })
|
|
// alert(this.warningTableHeight)
|
|
// this.height = $(".content").height();
|
|
// window.onresize = () => {
|
|
// this.height = $(".content").height();
|
|
// };
|
|
//从数据库中查询下拉框数据
|
|
this.$http.get("sys/dictype/getDicTypeListCode", {}, {
|
|
_this: this
|
|
}, res => {
|
|
this.energyKindOptions = res.data.ENERGYTYPES; // 文本状态
|
|
this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
|
|
this.zrgcs = res.data.ZRGCSCLASS;
|
|
this.warningTableLoading = true
|
|
this.$http.get('sys/EarlyWarning/getStandWarning', {
|
|
applyType: '',
|
|
...this.pageConfig
|
|
}, {
|
|
_this: this
|
|
}, res => {
|
|
console.log('805',res)
|
|
this.warningTableDatas = res.data.records
|
|
this.pageConfig.page = res.data.current
|
|
this.pageConfig.pageSize = res.data.size
|
|
this.pageConfig.total = res.data.total
|
|
this.getEarlyDate();
|
|
this.warningTableLoading = false
|
|
}, e => {
|
|
});
|
|
|
|
});
|
|
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
@import "~@/assets/styles/style";
|
|
@import "~@/assets/styles/mixins";
|
|
|
|
#dynamicInformation {
|
|
background: #fff;
|
|
padding-top: 10px;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.dynamic-header {
|
|
height: 300px;
|
|
background: @homeSectionBgColor;
|
|
|
|
.dynamic-header-left {
|
|
width: 750px;
|
|
height: 100%;
|
|
border-right: 1px solid #ddd;
|
|
float: left;
|
|
background: #eee;
|
|
|
|
.wrapper {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
max-width: 750px;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
background: #eee;
|
|
cursor: pointer;
|
|
border: 1px solid #eee;
|
|
border-right: none;
|
|
|
|
.swiper-pagination {
|
|
.swiper-pagination-bullet {
|
|
width: 10px;
|
|
height: 10px;
|
|
outline: none;
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&.swiper-pagination-bullet-active {
|
|
background: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.swiper-container {
|
|
height: 100%;
|
|
|
|
.swiper-img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dynamic-header-right {
|
|
padding: 10px;
|
|
float: left;
|
|
.flex();
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: calc(~"100% - 750px");
|
|
height: 100%;
|
|
|
|
.dynamic-search {
|
|
width: 300px;
|
|
|
|
.dynamic-search-line {
|
|
width: 100%;
|
|
height: 4px;
|
|
background: @boxBgColor;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.dynamic-search-center {
|
|
.search-btn {
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 32px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
h5 {
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dynamic-label-input-form {
|
|
.el-form-item {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1920px) {
|
|
.dynamic-header-left {
|
|
width: 1200px;
|
|
}
|
|
|
|
.dynamic-header-right {
|
|
width: calc(~"100% - 1200px");
|
|
}
|
|
}
|
|
}
|
|
|
|
.container {
|
|
height: calc(100% - 139px);
|
|
/deep/ .el-tabs__header {
|
|
height: 50px;
|
|
}
|
|
}
|
|
|
|
.dynamic-content {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
.dynamic {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.dynamic-content {
|
|
h5 {
|
|
margin-left: 20px;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dynamic-line {
|
|
width: 100%;
|
|
height: 4px;
|
|
background: @boxBgColor;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.more {
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
/deep/ .el-input__inner {
|
|
width: 185px;
|
|
}
|
|
|
|
.choose-time-area {
|
|
/deep/ .el-input__inner {
|
|
width: 210px;
|
|
}
|
|
}
|
|
|
|
//cursor: pointer;
|
|
color: #12508e;
|
|
//position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 100;
|
|
//padding: 5px 10px;
|
|
// &:hover {
|
|
// color: #fff;
|
|
// background: #12508e;
|
|
// transition: all 0.2s linear;
|
|
// }
|
|
}
|
|
|
|
.content {
|
|
padding-bottom: 10px;
|
|
height: calc(~'100% - 40px');
|
|
|
|
/deep/ .el-button--mini {
|
|
padding: 5px 7px;
|
|
font-size: 8px;
|
|
}
|
|
|
|
}
|
|
|
|
.dynamic-loop-container {
|
|
position: relative;
|
|
min-height: 160px;
|
|
|
|
.dynamic-loop {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
padding: 5px 18px;
|
|
|
|
&:hover {
|
|
.domestic-loop-header {
|
|
color: @baseColor;
|
|
}
|
|
|
|
.loop-content-left {
|
|
text-decoration: underline;
|
|
color: @baseColor;
|
|
}
|
|
}
|
|
|
|
.domestic-loop-header {
|
|
font-size: 15px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
.flex();
|
|
align-items: center;
|
|
|
|
.domestic-title {
|
|
max-width: 80%;
|
|
.ellipsis();
|
|
}
|
|
}
|
|
|
|
.newInformation {
|
|
color: #e4393c;
|
|
}
|
|
|
|
.time {
|
|
position: absolute;
|
|
right: 0.1rem;
|
|
//top: 0;
|
|
}
|
|
|
|
.newI {
|
|
font-style: italic;
|
|
color: #e4393c;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.domestic-loop-content {
|
|
width: 100%;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
.flex();
|
|
|
|
.loop-content-left {
|
|
padding-left: 30px;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
|
|
.left-content {
|
|
width: 100%;
|
|
|
|
p {
|
|
.ellipsis();
|
|
}
|
|
}
|
|
}
|
|
|
|
.loop-content-right {
|
|
width: 150px;
|
|
.flex();
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
::v-deep {
|
|
.el-tabs {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.el-tabs__content {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
|
|
.el-tab-pane {
|
|
&:last-child {
|
|
height: 100%;
|
|
|
|
.dynamic-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.content {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.content-group {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.table-wrap {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dynamic-child-title {
|
|
color: #515a6e;
|
|
margin: 24px 0;
|
|
}
|
|
}
|
|
}
|
|
</style>
|