|
@@ -10,7 +10,13 @@ import WellSelector from "@/components/NewWorkPage/WellSelector.vue";
|
10
|
10
|
export default {
|
11
|
11
|
name: "DvhCompareDialog",
|
12
|
12
|
components: {WellSelector, DvhCardTimePicker},
|
13
|
|
- props: ["visible", "dvhCardId", "wellId"],
|
|
13
|
+ props: [
|
|
14
|
+ //是否显示
|
|
15
|
+ "visible",
|
|
16
|
+ "dvhCardId",
|
|
17
|
+ "wellId",
|
|
18
|
+ //默认开始日期
|
|
19
|
+ "time"],
|
14
|
20
|
emits: ["update:visible"],
|
15
|
21
|
data() {
|
16
|
22
|
return {
|
|
@@ -21,6 +27,7 @@ export default {
|
21
|
27
|
cardId: '',
|
22
|
28
|
wellId: '',
|
23
|
29
|
cardTime: '',
|
|
30
|
+ defaultSearchTime: '',
|
24
|
31
|
leftChartOption: {
|
25
|
32
|
title: {
|
26
|
33
|
text: '',
|
|
@@ -246,15 +253,18 @@ export default {
|
246
|
253
|
}
|
247
|
254
|
},
|
248
|
255
|
mounted() {
|
249
|
|
- this.dvhCardCheck.visible = this.visible
|
250
|
|
- this.dvhCardCheck.cardId = this.dvhCardId
|
251
|
|
- this.dvhCardCheck.wellId = this.wellId
|
252
|
|
- this.initView()
|
|
256
|
+ // this.initView()
|
253
|
257
|
},
|
254
|
258
|
watch: {
|
255
|
259
|
visible: {
|
256
|
260
|
handler(val) {
|
257
|
261
|
this.dvhCardCheck.visible = val
|
|
262
|
+ if (val) this.initView()
|
|
263
|
+ }
|
|
264
|
+ },
|
|
265
|
+ wellId: {
|
|
266
|
+ handler(val) {
|
|
267
|
+ this.initView()
|
258
|
268
|
}
|
259
|
269
|
}
|
260
|
270
|
},
|
|
@@ -263,11 +273,31 @@ export default {
|
263
|
273
|
this.$emit("update:visible", false);
|
264
|
274
|
},
|
265
|
275
|
initView() {
|
|
276
|
+
|
|
277
|
+ this.dvhCardCheck.visible = this.visible
|
|
278
|
+ this.dvhCardCheck.cardId = ''
|
|
279
|
+ this.dvhCardCheck.wellId = ''
|
|
280
|
+ this.dvhCardCheck.defaultSearchTime = ''
|
|
281
|
+
|
|
282
|
+ this.dvhCardCheck.visible = this.visible
|
|
283
|
+ this.dvhCardCheck.cardId = this.dvhCardId
|
|
284
|
+ this.dvhCardCheck.wellId = this.wellId
|
|
285
|
+ this.dvhCardCheck.defaultSearchTime = this.time
|
266
|
286
|
this.setLeftCard()
|
267
|
287
|
},
|
268
|
288
|
//根据数据id查询对应功图显示
|
269
|
289
|
setLeftCard() {
|
270
|
290
|
let params = {}
|
|
291
|
+ this.setLeftCardData({
|
|
292
|
+ sgt: [],
|
|
293
|
+ wellId: '',
|
|
294
|
+ prodDate: '',
|
|
295
|
+ minL: 65,
|
|
296
|
+ maxL: 95,
|
|
297
|
+ s: 8,
|
|
298
|
+ n: 7,
|
|
299
|
+ zhc: 26
|
|
300
|
+ })
|
271
|
301
|
if (this.dvhCardCheck.cardId) params = {
|
272
|
302
|
wellId: this.dvhCardCheck.cardId.split(' ')[0],
|
273
|
303
|
prodDate: this.dvhCardCheck.cardId.split(' ')[1] + ' ' + this.dvhCardCheck.cardId.split(' ')[2]
|
|
@@ -285,6 +315,7 @@ export default {
|
285
|
315
|
})
|
286
|
316
|
},
|
287
|
317
|
setLeftCardData(baseData) {
|
|
318
|
+ this.dvhCardCheck.leftChartOption.title.text = baseData.wellId + '\n' + baseData.prodDate.replace('T', ' ')
|
288
|
319
|
this.dvhCardCheck.leftChartOption.series[0].data = baseData.sgt
|
289
|
320
|
this.dvhCardCheck.leftChartOption.series[1].data = [[0, baseData.minL], [baseData.s, baseData.minL]]
|
290
|
321
|
this.dvhCardCheck.leftChartOption.series[2].data = [[0, baseData.maxL], [baseData.s, baseData.maxL]]
|
|
@@ -383,13 +414,17 @@ export default {
|
383
|
414
|
</script>
|
384
|
415
|
|
385
|
416
|
<template>
|
386
|
|
- <el-dialog title="功图校核" :visible.sync="dvhCardCheck.visible" v-on:close="closeDialog" width="1200px">
|
|
417
|
+ <el-dialog title="功图校核"
|
|
418
|
+ :modal="false"
|
|
419
|
+
|
|
420
|
+ :visible.sync="dvhCardCheck.visible" v-on:close="closeDialog" width="1200px">
|
387
|
421
|
<div class="flex-row min200">
|
388
|
422
|
<div class="col-in-row flex-col dvh-original">
|
389
|
423
|
<div class="f-height-30">
|
390
|
424
|
<well-selector :selected.sync="dvhCardCheck.wellId"></well-selector>
|
391
|
425
|
<dvh-card-time-picker :well-id="dvhCardCheck.wellId"
|
392
|
426
|
:time.sync="dvhCardCheck.cardTime"
|
|
427
|
+ :default-date="dvhCardCheck.defaultSearchTime"
|
393
|
428
|
v-on:change="setLeftCard"></dvh-card-time-picker>
|
394
|
429
|
</div>
|
395
|
430
|
<div class="row-in-col">
|