elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

变更记录

V1.0
dai 3 years ago
parent
bf4916b4e6
commit
0f0bcbb39a
1 changed files with 165 additions and 150 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 315
      src/views/components/resiChangeRecord.vue

315
src/views/components/resiChangeRecord.vue
View File

@ -1,96 +1,114 @@
<template>
<div class="g-main">
<el-table :data="tableData"
border
:height="tableHeight"
v-loading="tableLoading"
style="width: 100%">
<el-table-column label="序号"
header-align="center"
align="center"
type="index"
width="50"></el-table-column>
<el-table-column prop="typeName"
header-align="center"
align="center"
label="变更类型"
width="80">
<el-table
:data="tableData"
border
:height="tableHeight"
v-loading="tableLoading"
style="width: 100%"
>
<el-table-column
label="序号"
header-align="center"
align="center"
type="index"
width="50"
></el-table-column>
<el-table-column
prop="typeName"
header-align="center"
align="center"
label="变更类型"
width="80"
>
</el-table-column>
<el-table-column prop="reason"
header-align="center"
align="center"
label="原因"
show-overflow-tooltip
min-width="120">
<el-table-column
prop="reason"
header-align="center"
align="center"
label="原因"
show-overflow-tooltip
min-width="120"
>
</el-table-column>
<el-table-column prop="changeTime"
header-align="center"
align="center"
label="变更时间"
width="160">
<el-table-column
prop="changeTime"
header-align="center"
align="center"
label="变更时间"
width="160"
>
</el-table-column>
<el-table-column prop="beforeChangeName"
header-align="center"
align="center"
label="变更前"
show-overflow-tooltip
width="230">
<el-table-column
prop="beforeChangeName"
header-align="center"
align="center"
label="变更前"
show-overflow-tooltip
width="230"
>
</el-table-column>
<el-table-column prop="afterChangeName"
header-align="center"
align="center"
label="变更后"
show-overflow-tooltip
min-width="230">
<el-table-column
prop="afterChangeName"
header-align="center"
align="center"
label="变更后"
show-overflow-tooltip
min-width="230"
>
</el-table-column>
<el-table-column prop="operatorName"
header-align="center"
align="center"
label="操作人"
width="80">
<el-table-column
prop="operatorName"
header-align="center"
align="center"
label="操作人"
width="80"
>
</el-table-column>
<el-table-column prop="createdTime"
header-align="center"
align="center"
label="调整时间"
width="160">
<el-table-column
prop="createdTime"
header-align="center"
align="center"
label="调整时间"
width="160"
>
</el-table-column>
<el-table-column prop="remark"
header-align="center"
align="center"
label="备注"
show-overflow-tooltip
min-width="120">
<el-table-column
prop="remark"
header-align="center"
align="center"
label="备注"
show-overflow-tooltip
min-width="120"
>
</el-table-column>
</el-table>
<div>
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[10, 20, 50]"
:page-size="pageSize"
layout="sizes, prev, pager, next, total"
:total="total">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[10, 20, 50]"
:page-size="pageSize"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</template>
<script>
import util from '@js/util.js';
import util from "@js/util.js";
import { requestPost } from "@/js/dai/request";
import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务
import { mapGetters } from "vuex";
import { Loading } from "element-ui"; // 引入Loading服务
let loading // 加载动画
let loading; // 加载动画
export default {
data () {
data() {
return {
loading: false,
total: 0,
@ -99,62 +117,53 @@ export default {
tableLoading: false,
tableData: [],
icUserId: '',
}
icUserId: "",
};
},
async mounted () {
},
async mounted() {},
methods: {
async initForm (row) {
this.icUserId = row.icResiUserId
async initForm(row) {
this.icUserId = row.resiId;
//获取数据
await this.loadTable()
await this.loadTable();
},
handleSearch () {
this.loadTable()
handleSearch() {
this.loadTable();
},
async loadTable() {
this.tableLoading = true;
async loadTable () {
this.tableLoading = true
const url = "/epmetuser/icuserchangerecord/list"
const url = "/epmetuser/icuserchangerecord/list";
let params = {
icUserId: this.icUserId,
pageSize: this.pageSize,
pageNo: this.pageNo,
};
}
const { data, code, msg } = await requestPost(url, params)
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.total = data.total
this.tableData = data.list
this.total = data.total;
this.tableData = data.list;
} else {
this.$message.error(msg)
this.$message.error(msg);
}
this.tableLoading = false
this.tableLoading = false;
},
//初始化时间
initDate () {
let yesterday = new Date((new Date).getTime() - 24 * 60 * 60 * 1000)
initDate() {
let yesterday = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
let year = yesterday.getFullYear()
let month = yesterday.getMonth() + 1 //月
let day = yesterday.getDate() //日
let year = yesterday.getFullYear();
let month = yesterday.getMonth() + 1; //月
let day = yesterday.getDate(); //日
let days = new Date(year, month, 0);
days = days.getDate(); //获取当前月的天数
@ -171,96 +180,102 @@ export default {
day2 = days2;
}
if (month2 < 10) {
month2 = '0' + month2;
month2 = "0" + month2;
}
if (month < 10) {
month = '0' + month;
month = "0" + month;
}
if (day < 10) {
day = '0' + day;
day = "0" + day;
}
if (day2 < 10) {
day2 = '0' + day2;
day2 = "0" + day2;
}
let t2 = year2 + '-' + month2 + '-' + day2;
let t1 = year + '-' + month + '-' + day;
let t2 = year2 + "-" + month2 + "-" + day2;
let t1 = year + "-" + month + "-" + day;
// let t3 = formate(t2, style);
this.formData.startTime = t2 + ' 00:00:00'
this.formData.endTime = t1 + ' 23:59:59'
this.formData.startTime = t2 + " 00:00:00";
this.formData.endTime = t1 + " 23:59:59";
this.timeRange = [t2, t1]
this.timeRange = [t2, t1];
},
handleTimeChange (time) {
handleTimeChange(time) {
if (time) {
const startTimeArray = util.dateFormatter(time[0], 'date').split('-')
const endTimeArray = util.dateFormatter(time[1], 'date').split('-')
this.formData.startTime = startTimeArray[0] + '-' + startTimeArray[1] + '-' + startTimeArray[2] + ' 00:00:00'
this.formData.endTime = endTimeArray[0] + '-' + endTimeArray[1] + '-' + endTimeArray[2] + ' 23:59:59'
const startTimeArray = util.dateFormatter(time[0], "date").split("-");
const endTimeArray = util.dateFormatter(time[1], "date").split("-");
this.formData.startTime =
startTimeArray[0] +
"-" +
startTimeArray[1] +
"-" +
startTimeArray[2] +
" 00:00:00";
this.formData.endTime =
endTimeArray[0] +
"-" +
endTimeArray[1] +
"-" +
endTimeArray[2] +
" 23:59:59";
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日'
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日'
} else {
this.formData.startTime = ''
this.formData.endTime = ''
this.formData.startTime = "";
this.formData.endTime = "";
// this.startTimeShow = ''
// this.endTimeShow = ''
}
this.loadTable()
this.loadTable();
},
handleSizeChange (val) {
this.pageSize = val
this.pageNo = 1
this.loadTable()
handleSizeChange(val) {
this.pageSize = val;
this.pageNo = 1;
this.loadTable();
},
handleCurrentChange (val) {
this.pageNo = val
this.loadTable()
handleCurrentChange(val) {
this.pageNo = val;
this.loadTable();
},
// 开启加载动画
startLoading () {
startLoading() {
loading = Loading.service({
lock: true, // 是否锁定
text: '正在加载……', // 加载中需要显示的文字
background: 'rgba(0,0,0,.7)' // 背景颜色
})
text: "正在加载……", // 加载中需要显示的文字
background: "rgba(0,0,0,.7)", // 背景颜色
});
},
// 结束加载动画
endLoading () {
endLoading() {
// clearTimeout(timer);
if (loading) {
loading.close()
loading.close();
}
}
},
},
computed: {
tableHeight () {
return (this.clientHeight - 460)
tableHeight() {
return this.clientHeight - 460;
},
rowHeight () {
return (this.clientHeight - 200) + 'px'
rowHeight() {
return this.clientHeight - 200 + "px";
},
...mapGetters(['clientHeight'])
},
watch: {
...mapGetters(["clientHeight"]),
},
watch: {},
props: {
serviceType: {
type: String,
default: ''
}
}
}
default: "",
},
},
};
</script>
<style lang="scss" scoped >
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/list-main.scss";
</style>

Write Preview
Loading…
Cancel
Save