|
@@ -267,17 +267,17 @@ import {
|
|
|
getOutboundRecordList,
|
|
|
getContractProdList,
|
|
|
getSubmittedRecordList,
|
|
|
- getProduceCensus,
|
|
|
-} from "@/api/home";
|
|
|
+ getProduceCensus
|
|
|
+} from '@/api/home'
|
|
|
export default {
|
|
|
- name: "customer",
|
|
|
+ name: 'customer',
|
|
|
components: {},
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
analytics: {
|
|
|
- clients: "", // 客户数
|
|
|
- num: "", // 合同数
|
|
|
- totalAmount: "", // 合同总金额
|
|
|
+ clients: '', // 客户数
|
|
|
+ num: '', // 合同数
|
|
|
+ totalAmount: '' // 合同总金额
|
|
|
},
|
|
|
analyticsTimer: null,
|
|
|
// 合同预警列表
|
|
@@ -303,263 +303,263 @@ export default {
|
|
|
produceNum: 0, // 在制产品总数
|
|
|
completeNum: 0, // 已完成数量
|
|
|
damageNum: 0, // 损坏数量
|
|
|
- totalOutputValue: 0, // 生产总值
|
|
|
+ totalOutputValue: 0 // 生产总值
|
|
|
},
|
|
|
produceCensusTimer: null,
|
|
|
dialogFormVisible: false,
|
|
|
noticeForm: {
|
|
|
- content: "",
|
|
|
+ content: ''
|
|
|
},
|
|
|
- noticeContent: "",
|
|
|
- };
|
|
|
+ noticeContent: ''
|
|
|
+ }
|
|
|
},
|
|
|
- created() {
|
|
|
- this.getAnalytics();
|
|
|
- this.analyticsTimer = setInterval(this.getAnalytics, 1000 * 3600); // 1小时刷新
|
|
|
+ created () {
|
|
|
+ this.getAnalytics()
|
|
|
+ this.analyticsTimer = setInterval(this.getAnalytics, 1000 * 3600) // 1小时刷新
|
|
|
|
|
|
- this.getContractAlarmList();
|
|
|
+ this.getContractAlarmList()
|
|
|
this.contractAlarmListTimer = setInterval(
|
|
|
this.getContractAlarmList,
|
|
|
1000 * 60 * 10
|
|
|
- ); // 10分钟刷新
|
|
|
+ ) // 10分钟刷新
|
|
|
|
|
|
- this.getDamageList();
|
|
|
+ this.getDamageList()
|
|
|
this.customerRankListTimer = setInterval(
|
|
|
this.getDamageList,
|
|
|
1000 * 60 * 10
|
|
|
- ); // 10分钟刷新
|
|
|
+ ) // 10分钟刷新
|
|
|
|
|
|
- this.getContractProdList();
|
|
|
+ this.getContractProdList()
|
|
|
this.contractProdListTimer = setInterval(
|
|
|
this.getContractProdList,
|
|
|
1000 * 60 * 10
|
|
|
- ); // 10分钟刷新
|
|
|
+ ) // 10分钟刷新
|
|
|
|
|
|
- this.getSubmittedRecordList();
|
|
|
+ this.getSubmittedRecordList()
|
|
|
this.submittedRecordListTimer = setInterval(
|
|
|
this.getSubmittedRecordList,
|
|
|
1000 * 60 * 5
|
|
|
- ); // 5分钟刷新
|
|
|
+ ) // 5分钟刷新
|
|
|
|
|
|
- this.getProduceCensus();
|
|
|
- this.produceCensusTimer = setInterval(this.getProduceCensus, 1000 * 60 * 5); // 5分钟刷新
|
|
|
+ this.getProduceCensus()
|
|
|
+ this.produceCensusTimer = setInterval(this.getProduceCensus, 1000 * 60 * 5) // 5分钟刷新
|
|
|
|
|
|
- this.getNoticeContent();
|
|
|
+ this.getNoticeContent()
|
|
|
},
|
|
|
- mounted() {
|
|
|
- this.contractProdTableScroll();
|
|
|
- this.customerRankTableScroll();
|
|
|
- this.contractAlarmTableScroll();
|
|
|
+ mounted () {
|
|
|
+ this.contractProdTableScroll()
|
|
|
+ this.customerRankTableScroll()
|
|
|
+ this.contractAlarmTableScroll()
|
|
|
// this.outboundRecordTableScroll();
|
|
|
// this.submittedRecordTableScroll();
|
|
|
- this.damageTableScroll();
|
|
|
+ this.damageTableScroll()
|
|
|
},
|
|
|
- beforeDestroy() {
|
|
|
- clearInterval(this.analyticsTimer);
|
|
|
- clearInterval(this.contractAlarmListTimer);
|
|
|
- clearInterval(this.damageListTimer);
|
|
|
- clearInterval(this.customerRankListTimer);
|
|
|
- clearInterval(this.outboundRecordListTimer);
|
|
|
- clearInterval(this.contractProdListTimer);
|
|
|
- clearInterval(this.submittedRecordListTimer);
|
|
|
- clearInterval(this.produceCensusTimer);
|
|
|
+ beforeDestroy () {
|
|
|
+ clearInterval(this.analyticsTimer)
|
|
|
+ clearInterval(this.contractAlarmListTimer)
|
|
|
+ clearInterval(this.damageListTimer)
|
|
|
+ clearInterval(this.customerRankListTimer)
|
|
|
+ clearInterval(this.outboundRecordListTimer)
|
|
|
+ clearInterval(this.contractProdListTimer)
|
|
|
+ clearInterval(this.submittedRecordListTimer)
|
|
|
+ clearInterval(this.produceCensusTimer)
|
|
|
},
|
|
|
methods: {
|
|
|
- getNoticeContent() {
|
|
|
- let content = sessionStorage.getItem("customer-noticeContent");
|
|
|
- if (content == null || content === "") {
|
|
|
- content = "双击此处修改通知内容";
|
|
|
+ getNoticeContent () {
|
|
|
+ let content = sessionStorage.getItem('customer-noticeContent')
|
|
|
+ if (content == null || content === '') {
|
|
|
+ content = '双击此处修改通知内容'
|
|
|
}
|
|
|
|
|
|
- this.noticeContent = content;
|
|
|
+ this.noticeContent = content
|
|
|
},
|
|
|
- doubleClick() {
|
|
|
- this.dialogFormVisible = true;
|
|
|
+ doubleClick () {
|
|
|
+ this.dialogFormVisible = true
|
|
|
},
|
|
|
- dialogSubmit() {
|
|
|
- this.noticeContent = this.noticeForm.content;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- sessionStorage.setItem("customer-noticeContent", this.noticeContent);
|
|
|
+ dialogSubmit () {
|
|
|
+ this.noticeContent = this.noticeForm.content
|
|
|
+ this.dialogFormVisible = false
|
|
|
+ sessionStorage.setItem('customer-noticeContent', this.noticeContent)
|
|
|
},
|
|
|
// 合同统计
|
|
|
- getAnalytics() {
|
|
|
+ getAnalytics () {
|
|
|
getAnalytics({}).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.analytics = { ...data.data };
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.analytics = { ...data.data }
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 合同预警列表
|
|
|
- getContractAlarmList() {
|
|
|
+ getContractAlarmList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getContractAlarmList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.contractAlarmList = data.data.records;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.contractAlarmList = data.data.records
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 客户排名列表
|
|
|
- getCustomerRankList() {
|
|
|
+ getCustomerRankList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getCustomerRankList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.customerRankList = data.data;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.customerRankList = data.data
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 报损记录列表
|
|
|
- getDamageList() {
|
|
|
+ getDamageList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getDamageList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.damageList = data.data.records;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.damageList = data.data.records
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 出库记录列表
|
|
|
- getOutboundRecordList() {
|
|
|
+ getOutboundRecordList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getOutboundRecordList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.outboundRecordList = data.data.records;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.outboundRecordList = data.data.records
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 合同生产记录列表
|
|
|
- getContractProdList() {
|
|
|
+ getContractProdList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getContractProdList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.contractProdList = data.data.records;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.contractProdList = data.data.records
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 报工列表
|
|
|
- getSubmittedRecordList() {
|
|
|
+ getSubmittedRecordList () {
|
|
|
let params = {
|
|
|
current: 1,
|
|
|
- size: 20,
|
|
|
- };
|
|
|
+ size: 20
|
|
|
+ }
|
|
|
getSubmittedRecordList(params).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.submittedRecordList = data.data.records;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.submittedRecordList = data.data.records
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
// 生产统计
|
|
|
- getProduceCensus() {
|
|
|
+ getProduceCensus () {
|
|
|
getProduceCensus({}).then(({ data }) => {
|
|
|
- if (data && data.code === "200") {
|
|
|
- this.produceCensus = data.data;
|
|
|
+ if (data && data.code === '200') {
|
|
|
+ this.produceCensus = data.data
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
- contractProdTableScroll() {
|
|
|
+ contractProdTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.contractProdTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.contractProdTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
- customerRankTableScroll() {
|
|
|
+ customerRankTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.customerRankTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.customerRankTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
- contractAlarmTableScroll() {
|
|
|
+ contractAlarmTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.contractAlarmTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.contractAlarmTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
- outboundRecordTableScroll() {
|
|
|
+ outboundRecordTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.outboundRecordTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.outboundRecordTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
- submittedRecordTableScroll() {
|
|
|
+ submittedRecordTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.submittedRecordTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.submittedRecordTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
- damageTableScroll() {
|
|
|
+ damageTableScroll () {
|
|
|
this.$nextTick(() => {
|
|
|
- const divData = this.$refs.damageTable.bodyWrapper;
|
|
|
+ const divData = this.$refs.damageTable.bodyWrapper
|
|
|
setInterval(() => {
|
|
|
- divData.scrollTop += 1;
|
|
|
+ divData.scrollTop += 1
|
|
|
if (
|
|
|
divData.clientHeight + divData.scrollTop + 1 >
|
|
|
divData.scrollHeight
|
|
|
) {
|
|
|
- divData.scrollTop = 0;
|
|
|
+ divData.scrollTop = 0
|
|
|
}
|
|
|
- }, 50);
|
|
|
- });
|
|
|
+ }, 50)
|
|
|
+ })
|
|
|
},
|
|
|
// 全屏显示
|
|
|
- fullScreen() {
|
|
|
- const element = document.getElementById("customer-content");
|
|
|
- element.requestFullscreen();
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
+ fullScreen () {
|
|
|
+ const element = document.getElementById('customer-content')
|
|
|
+ element.requestFullscreen()
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style>
|