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

Write Preview
Loading…
Cancel
Save