|
@@ -14,7 +14,7 @@
|
|
|
</template>
|
|
|
<template slot="searchItem2">
|
|
|
<span class="label">操作时间</span>
|
|
|
- <el-date-picker
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="modifyTimeRange"
|
|
|
type="datetimerange"
|
|
|
format="yyyy-MM-dd HH:mm:ss"
|
|
@@ -23,11 +23,30 @@
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
>
|
|
|
+ </el-date-picker> -->
|
|
|
+ <el-date-picker
|
|
|
+ v-model="searchParams.modifyTimeStart"
|
|
|
+ type="date"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="开始日期"
|
|
|
+ class="dateRangeInput"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ <span class="dateSeparator">至</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="searchParams.modifyTimeEnd"
|
|
|
+ type="date"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="结束日期"
|
|
|
+ class="dateRangeInput"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
<template slot="searchItem3">
|
|
|
<span class="label">到期时间</span>
|
|
|
- <el-date-picker
|
|
|
+ <!-- <el-date-picker
|
|
|
v-model="dueTimeRange"
|
|
|
type="daterange"
|
|
|
format="yyyy-MM-dd"
|
|
@@ -36,6 +55,25 @@
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
>
|
|
|
+ </el-date-picker> -->
|
|
|
+ <el-date-picker
|
|
|
+ v-model="searchParams.dueTimeStart"
|
|
|
+ type="date"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="开始日期"
|
|
|
+ class="dateRangeInput"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ <span class="dateSeparator">至</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="searchParams.dueTimeEnd"
|
|
|
+ type="date"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="结束日期"
|
|
|
+ class="dateRangeInput"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
<template slot="searchBtn1">
|
|
@@ -56,11 +94,17 @@
|
|
|
</div>-->
|
|
|
|
|
|
<div style="border-top: none; margin: 30px 40px 10px 40px">
|
|
|
- <span>仿真软件已分配未到期节点数量:{{totalSimulation}}
|
|
|
- <span v-if = " totalSimulationAll && totalSimulationAll >= 0"> / {{totalSimulationAll}}</span>
|
|
|
+ <span
|
|
|
+ >仿真软件已分配未到期节点数量:{{ totalSimulation }}
|
|
|
+ <span v-if="totalSimulationAll && totalSimulationAll >= 0">
|
|
|
+ / {{ totalSimulationAll }}</span
|
|
|
+ >
|
|
|
</span>
|
|
|
- <span style="margin-left: 20%">动力学软件已分配未到期节点数量:{{totalDynamic}}
|
|
|
- <span v-if = " totalDynamicAll && totalDynamicAll >= 0"> / {{totalDynamicAll}}</span>
|
|
|
+ <span style="margin-left: 20%"
|
|
|
+ >动力学软件已分配未到期节点数量:{{ totalDynamic }}
|
|
|
+ <span v-if="totalDynamicAll && totalDynamicAll >= 0">
|
|
|
+ / {{ totalDynamicAll }}</span
|
|
|
+ >
|
|
|
</span>
|
|
|
</div>
|
|
|
<tableList
|
|
@@ -95,7 +139,7 @@ import searchLayout from "@/components/grid/searchLayout";
|
|
|
import tableList from "@/components/grid/TableList";
|
|
|
|
|
|
export default {
|
|
|
- name: "clusteringManagement", // 账户管理
|
|
|
+ name: "clusteringManagement", // 集群管理
|
|
|
components: { searchLayout, tableList },
|
|
|
data() {
|
|
|
return {
|
|
@@ -105,16 +149,16 @@ export default {
|
|
|
dueTimeStart: "",
|
|
|
dueTimeEnd: "",
|
|
|
modifyTimeStart: "",
|
|
|
- modifyTimeEnd: ""
|
|
|
+ modifyTimeEnd: "",
|
|
|
},
|
|
|
- modifyTimeRange:[],
|
|
|
- dueTimeRange:[],
|
|
|
+ modifyTimeRange: [],
|
|
|
+ dueTimeRange: [],
|
|
|
list: [],
|
|
|
- totalSimulation:0,
|
|
|
- totalSimulationAll:-1,
|
|
|
- totalDynamic:0,
|
|
|
- totalDynamicAll:-1,
|
|
|
- useTypeList:[],
|
|
|
+ totalSimulation: 0,
|
|
|
+ totalSimulationAll: -1,
|
|
|
+ totalDynamic: 0,
|
|
|
+ totalDynamicAll: -1,
|
|
|
+ useTypeList: [],
|
|
|
columns: [
|
|
|
//表格列
|
|
|
{
|
|
@@ -133,9 +177,11 @@ export default {
|
|
|
{
|
|
|
label: "到期时间",
|
|
|
prop: "dateSimulationLicense",
|
|
|
- formatter:(data)=>{
|
|
|
- return data.dateSimulationLicense?data.dateSimulationLicense.slice(0,10):''
|
|
|
- }
|
|
|
+ formatter: (data) => {
|
|
|
+ return data.dateSimulationLicense
|
|
|
+ ? data.dateSimulationLicense.slice(0, 10)
|
|
|
+ : "";
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
label: "动力学软件license",
|
|
@@ -144,11 +190,13 @@ export default {
|
|
|
{
|
|
|
label: "到期时间",
|
|
|
prop: "dateDynamicLicense",
|
|
|
- formatter:(data)=>{
|
|
|
- return data.dateDynamicLicense?data.dateDynamicLicense.slice(0,10):''
|
|
|
- }
|
|
|
+ formatter: (data) => {
|
|
|
+ return data.dateDynamicLicense
|
|
|
+ ? data.dateDynamicLicense.slice(0, 10)
|
|
|
+ : "";
|
|
|
+ },
|
|
|
},
|
|
|
- {
|
|
|
+ {
|
|
|
label: "操作时间",
|
|
|
prop: "modifyTime",
|
|
|
},
|
|
@@ -174,45 +222,88 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
- created(){
|
|
|
+ created() {
|
|
|
//获取未到期已分配节点数量
|
|
|
this.$axios({
|
|
|
- method:'POST',
|
|
|
- url:this.$api.systemManagement.getClusterNum,
|
|
|
- data:{}
|
|
|
- }).then(res=>{
|
|
|
- if(res.code=='200'){
|
|
|
- this.totalSimulation=res.info.totalSimulation;
|
|
|
- this.totalSimulationAll=res.info.totalSimulationAll;
|
|
|
- this.totalDynamic=res.info.totalDynamic;
|
|
|
- this.totalDynamicAll=res.info.totalDynamicAll;
|
|
|
+ method: "POST",
|
|
|
+ url: this.$api.systemManagement.getClusterNum,
|
|
|
+ data: {},
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == "200") {
|
|
|
+ this.totalSimulation = res.info.totalSimulation;
|
|
|
+ this.totalSimulationAll = res.info.totalSimulationAll;
|
|
|
+ this.totalDynamic = res.info.totalDynamic;
|
|
|
+ this.totalDynamicAll = res.info.totalDynamicAll;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
- async mounted(){
|
|
|
+ async mounted() {
|
|
|
await this.$dicsListsInit({
|
|
|
- useTypeList: "useType"
|
|
|
+ useTypeList: "useType",
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
- doSearch(){
|
|
|
- this.searchParams.modifyTimeStart=this.modifyTimeRange[0]||''
|
|
|
- this.searchParams.modifyTimeEnd=this.modifyTimeRange[1]||''
|
|
|
- this.searchParams.dueTimeStart=this.dueTimeRange[0]||''
|
|
|
- this.searchParams.dueTimeEnd=this.dueTimeRange[1]||''
|
|
|
- this.refreshList(this.searchParams)
|
|
|
+ doSearch() {
|
|
|
+ // this.searchParams.modifyTimeStart = this.modifyTimeRange[0] || "";
|
|
|
+ // this.searchParams.modifyTimeEnd = this.modifyTimeRange[1] || "";
|
|
|
+ // this.searchParams.dueTimeStart = this.dueTimeRange[0] || "";
|
|
|
+ // this.searchParams.dueTimeEnd = this.dueTimeRange[1] || "";
|
|
|
+ // this.refreshList(this.searchParams);
|
|
|
+
|
|
|
+ let modifyTimeStart = "";
|
|
|
+ if (this.searchParams.modifyTimeStart) {
|
|
|
+ modifyTimeStart = `${this.searchParams.modifyTimeStart} 00:00:00`;
|
|
|
+ }
|
|
|
+
|
|
|
+ let modifyTimeEnd = "";
|
|
|
+ if (this.searchParams.modifyTimeEnd) {
|
|
|
+ modifyTimeEnd = `${this.searchParams.modifyTimeEnd} 23:59:59`;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (
|
|
|
+ modifyTimeStart &&
|
|
|
+ modifyTimeEnd &&
|
|
|
+ modifyTimeStart > modifyTimeEnd
|
|
|
+ ) {
|
|
|
+ this.$message.error("结束时间不能早于开始时间");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let dueTimeStart = "";
|
|
|
+ if (this.searchParams.dueTimeStart) {
|
|
|
+ dueTimeStart = `${this.searchParams.dueTimeStart} 00:00:00`;
|
|
|
+ }
|
|
|
+
|
|
|
+ let dueTimeEnd = "";
|
|
|
+ if (this.searchParams.dueTimeEnd) {
|
|
|
+ dueTimeEnd = `${this.searchParams.dueTimeEnd} 23:59:59`;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (dueTimeStart && dueTimeEnd && dueTimeStart > dueTimeEnd) {
|
|
|
+ this.$message.error("结束时间不能早于开始时间");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let pageMap = {
|
|
|
+ username: this.searchParams.username,
|
|
|
+ modifyTimeStart,
|
|
|
+ modifyTimeEnd,
|
|
|
+ dueTimeStart,
|
|
|
+ dueTimeEnd,
|
|
|
+ };
|
|
|
+ this.refreshList(pageMap);
|
|
|
},
|
|
|
- reset(){
|
|
|
+ reset() {
|
|
|
this.searchParams = {
|
|
|
userName: "",
|
|
|
dueTimeStart: "",
|
|
|
dueTimeEnd: "",
|
|
|
modifyTimeStart: "",
|
|
|
- modifyTimeEnd: ""
|
|
|
- }
|
|
|
- this.modifyTimeRange=[]
|
|
|
- this.dueTimeRange=[]
|
|
|
- this.refreshList(this.searchParams)
|
|
|
+ modifyTimeEnd: "",
|
|
|
+ };
|
|
|
+ this.modifyTimeRange = [];
|
|
|
+ this.dueTimeRange = [];
|
|
|
+ this.refreshList(this.searchParams);
|
|
|
},
|
|
|
refreshList(param) {
|
|
|
param
|
|
@@ -221,15 +312,15 @@ export default {
|
|
|
},
|
|
|
addConfig() {
|
|
|
this.$router.push({
|
|
|
- path:'/clusteringDetail'
|
|
|
- })
|
|
|
+ path: "/clusteringDetail",
|
|
|
+ });
|
|
|
},
|
|
|
addMarkDia(row) {
|
|
|
- let query = {...row}
|
|
|
+ let query = { ...row };
|
|
|
this.$router.push({
|
|
|
- path:'/clusteringDetail',
|
|
|
- query
|
|
|
- })
|
|
|
+ path: "/clusteringDetail",
|
|
|
+ query,
|
|
|
+ });
|
|
|
},
|
|
|
},
|
|
|
};
|