|
|
@@ -7,7 +7,7 @@
|
|
|
@close="handleClose"
|
|
|
width="1200px"
|
|
|
>
|
|
|
- <h3>淮河社区居民委员会机井(6544425)</h3>
|
|
|
+ <h3>{{ realDtaile.waterName }}</h3>
|
|
|
<el-row style="margin-bottom: 20px;">
|
|
|
<el-col :span="6">
|
|
|
<el-image :src="LeftImg"/>
|
|
|
@@ -16,16 +16,16 @@
|
|
|
<el-row class="right_content">
|
|
|
<el-col :span="6">
|
|
|
<label>设备状态：</label>
|
|
|
- <span>在线</span>
|
|
|
+ <span>{{ realDtaile.tmnstatusRunstatusContent || '-' }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<label>水泵：</label>
|
|
|
- <span>开</span>
|
|
|
+ <span>{{ tmnstatusRunstatus }}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div class="right_content">
|
|
|
<label>详细地址：</label>
|
|
|
- <span>河南省/郑州市/二七区/淮河路街道/淮河社区居民委员会</span>
|
|
|
+ <span>{{ realDtaile.waterAddresss || '-' }}</span>
|
|
|
</div>
|
|
|
<el-row class="right_content">
|
|
|
<el-col :span="6">
|
|
|
@@ -34,12 +34,12 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<label>水泵功率：</label>
|
|
|
- <span>3W</span>
|
|
|
+ <span>-</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<div class="right_content" style="margin:0">
|
|
|
<label>灌溉面积：</label>
|
|
|
- <span>125亩</span>
|
|
|
+ <span>-</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -50,40 +50,10 @@
|
|
|
:data="loadData"
|
|
|
:columns="columns"
|
|
|
isShowIndex
|
|
|
- :showPagination="false"
|
|
|
>
|
|
|
- <template #styleImg="scope">
|
|
|
- <el-image
|
|
|
- :src="scope.row.imgPreview"
|
|
|
- :preview-src-list="[scope.row.imgPreview]"
|
|
|
- slot="error"
|
|
|
- class="image-slot"
|
|
|
- style="width: 100px; height: 50px"
|
|
|
- >
|
|
|
- <div slot="error" class="image-slot"></div>
|
|
|
- </el-image>
|
|
|
- </template>
|
|
|
- <template #codeNo="scope">
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="goDetail(scope.row)"
|
|
|
- >{{ scope.row.traceCodeApplyConcat }}</el-link
|
|
|
- >
|
|
|
+ <template #pump_status="scope">
|
|
|
+ {{ scope.row.pump_status == 0 ? '关': '开' }}
|
|
|
</template>
|
|
|
- <template #status="scope">
|
|
|
- <span style="display:flex;align-items:center;justify-content:center">
|
|
|
- <span class="status"></span>
|
|
|
- {{ scope.row.name }}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <template #useNumber="scope">
|
|
|
- {{ scope.row.useNumber + '/' + scope.row.totalNumber }}
|
|
|
- </template>
|
|
|
- <template #finishGoodName="scope">
|
|
|
- {{ scope.row.finishGoodName&&scope.row.finishgoodNo?scope.row.finishGoodName + '-' + scope.row.finishgoodNo:'' }}
|
|
|
- </template>
|
|
|
-
|
|
|
<template #operate="scope">
|
|
|
<el-link
|
|
|
size="small"
|
|
|
@@ -103,45 +73,35 @@
|
|
|
>
|
|
|
</template>
|
|
|
</b-table>
|
|
|
-
|
|
|
- <div style="text-align: right;margin-top:20px">
|
|
|
- <el-button type="info" plain @click="resetForm('baseForm')"
|
|
|
- >取消</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- style="margin-left:16px;"
|
|
|
- @click="submitForm('baseForm')"
|
|
|
- :disabled="dialogSubmitLoading"
|
|
|
- :loading="dialogSubmitLoading"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
+ <div style="text-align: right;margin-top:20px">
|
|
|
+
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import dayjs from 'dayjs'
|
|
|
import { assign, omit } from 'lodash-es';
|
|
|
-import { UPLOAD_TYPE_MAP } from '@/utils/constants';
|
|
|
import LeftImg from '../assets/img.svg'
|
|
|
import BTable from '@/components/Table'
|
|
|
+import { getDataInfo } from '@/api/card/index.js'
|
|
|
export default {
|
|
|
name: 'realTimeMonitor',
|
|
|
props: {
|
|
|
- data: {
|
|
|
- default() {
|
|
|
- return {};
|
|
|
- }
|
|
|
- },
|
|
|
visible: {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
+ },
|
|
|
+ realDtaile: {
|
|
|
+ type: Object,
|
|
|
+ default: () => { }
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
LeftImg: LeftImg,
|
|
|
- imageUploadType: UPLOAD_TYPE_MAP.FARMING_RECORD,
|
|
|
+ query: '',
|
|
|
+ tmnstatusRunstatus: '关',
|
|
|
columns: [
|
|
|
{
|
|
|
label: '农户姓名',
|
|
|
@@ -151,39 +111,39 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
label: '手机号',
|
|
|
- prop: 'area',
|
|
|
+ prop: 'phone',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
label: '瞬时流量( m³/s)',
|
|
|
- prop: 'name',
|
|
|
+ prop: 'cur_flow',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
},
|
|
|
{
|
|
|
label: '累计流量(m³)',
|
|
|
- prop: 'phone',
|
|
|
+ prop: 'sum_water',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
},{
|
|
|
label: '电压(v)',
|
|
|
- prop: 'phone',
|
|
|
+ prop: 'voltage',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
},{
|
|
|
label: '水位(m)',
|
|
|
- prop: 'phone',
|
|
|
+ prop: 'liu_deep',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
},{
|
|
|
label: '状态',
|
|
|
- prop: 'phone',
|
|
|
- customRender: '',
|
|
|
+ prop: 'pump_status',
|
|
|
+ customRender: 'pump_status',
|
|
|
align: 'center'
|
|
|
},{
|
|
|
label: '上传时间',
|
|
|
- prop: 'phone',
|
|
|
+ prop: 'timer',
|
|
|
customRender: '',
|
|
|
align: 'center'
|
|
|
}
|
|
|
@@ -200,28 +160,6 @@ export default {
|
|
|
supplierId: '',
|
|
|
imageArr2: []
|
|
|
},
|
|
|
- productList: [],
|
|
|
- syinfoList: [],
|
|
|
- processList: [],
|
|
|
- hasFetched: false,
|
|
|
- landList: [], //基地列表
|
|
|
- rules: {
|
|
|
- stockAmount: [
|
|
|
- { required: true, message: '请选择负责人', trigger: 'blur' }
|
|
|
- ],
|
|
|
- sourceinfoId: [
|
|
|
- { required: true, message: '请选择管辖范围', trigger: 'blur' }
|
|
|
- ],
|
|
|
- productName: [
|
|
|
- { required: true, message: '请输入协会名称', trigger: 'blur' }
|
|
|
- ],
|
|
|
- supplierId: [
|
|
|
- { required: false, message: '请输入协会介绍', trigger: 'blur' }
|
|
|
- ],
|
|
|
- goodsSpecValue: [
|
|
|
- { required: true, message: '请选择规格', trigger: 'blur' }
|
|
|
- ]
|
|
|
- }
|
|
|
};
|
|
|
},
|
|
|
components:{
|
|
|
@@ -231,118 +169,55 @@ export default {
|
|
|
visible(val) {
|
|
|
if (val !== this.dialogVisible) {
|
|
|
this.dialogVisible = val;
|
|
|
- if (val) {
|
|
|
- assign(this.baseForm, this.data);
|
|
|
- if (!this.hasFetched) {
|
|
|
- this.getProductList();
|
|
|
- this.getSyinfoList();
|
|
|
- this.getProcessList();
|
|
|
- this.hasFetched = true;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
},
|
|
|
- data: {
|
|
|
- deep: true,
|
|
|
+ realDtaile: {
|
|
|
handler(val) {
|
|
|
- // console.log(val)
|
|
|
- assign(this.baseForm, val);
|
|
|
- // console.log(this.baseForm)
|
|
|
- }
|
|
|
+ this.query = val?.tmnId
|
|
|
+ this.handleSearch()
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
}
|
|
|
},
|
|
|
- created() {},
|
|
|
- mounted() {},
|
|
|
methods: {
|
|
|
- loadData(parameter) {
|
|
|
- const queryform = this.form;
|
|
|
- const payload = omit(assign({}, parameter, queryform, {orderByColumn:'tarcecodeapplyCreateddate',isAsc:'desc'}), []);
|
|
|
- return this.getTableData(payload);
|
|
|
- },
|
|
|
- getTableData(payload) {
|
|
|
- return Promise.resolve({
|
|
|
- data: [{
|
|
|
- person:"王大虎",
|
|
|
- area: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- phone: 1588888888,
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- person:"王大虎",
|
|
|
- area: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- phone: 1588888888,
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
- }, {
|
|
|
- person:"王大虎",
|
|
|
- area: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- phone: 1588888888,
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
- }, {
|
|
|
- person:"王大虎",
|
|
|
- area: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- phone: 1588888888,
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
- }]
|
|
|
- })
|
|
|
- },
|
|
|
- getProductList() {
|
|
|
- },
|
|
|
- getSyinfoList() {
|
|
|
- },
|
|
|
- getProcessList() {
|
|
|
- },
|
|
|
- goProductsPage() {
|
|
|
- this.handleClose();
|
|
|
- this.$router.push({
|
|
|
- path: '/Products',
|
|
|
- query: {}
|
|
|
- });
|
|
|
- },
|
|
|
- goSourceInfoPage() {
|
|
|
- this.handleClose();
|
|
|
- this.$router.push({
|
|
|
- path: '/sourceInfo',
|
|
|
- query: {
|
|
|
- type: 'add'
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- goProcessPage() {
|
|
|
- this.handleClose();
|
|
|
- this.$router.push({
|
|
|
- path: '/basicsettings/process',
|
|
|
- query: {}
|
|
|
- });
|
|
|
- },
|
|
|
resetForm(formName) {
|
|
|
this.dialogVisible = false;
|
|
|
},
|
|
|
- resetFormData() {
|
|
|
- this.baseForm = {};
|
|
|
+ loadData(parameter) {
|
|
|
+ const payload = omit(assign({}, parameter), []);
|
|
|
+ return this.getTableData(payload);
|
|
|
},
|
|
|
- submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- console.log(valid)
|
|
|
- })
|
|
|
+ handleSearch() {
|
|
|
+ this.$refs.tableRef && this.$refs.tableRef.refresh(true);
|
|
|
},
|
|
|
-
|
|
|
- handleClose() {
|
|
|
- this.$emit('update:visible', false);
|
|
|
- this.resetForm('baseForm');
|
|
|
+ async getTableData() {
|
|
|
+ const res = await getDataInfo(this.query)
|
|
|
+ const resData = res?.data
|
|
|
+ const list = resData?.valve
|
|
|
+ const list2 = resData?.nowData
|
|
|
+ const resList = {}
|
|
|
+ resList.person = '-'
|
|
|
+ resList.phone = '-'
|
|
|
+ resList.voltage = '-'
|
|
|
+ resList.timer = dayjs().format('YYYY-MM-DD')
|
|
|
+ resList.pump_status = list?.pump_status?.value
|
|
|
+ this.tmnstatusRunstatus = resList.pump_status == 0 ? '关':'开'
|
|
|
+ resList.sum_ele = list?.sum_ele?.value
|
|
|
+ resList.sum_water = list?.sum_water?.value
|
|
|
+ resList.cur_flow = list2?.cur_flow?.value
|
|
|
+ resList.line_press = list2?.line_press?.value
|
|
|
+ resList.liu_deep = list2?.liu_deep?.value
|
|
|
+ const params = {
|
|
|
+ data: [resList],
|
|
|
+ total: 1
|
|
|
+ }
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ resolve(params)
|
|
|
+ })
|
|
|
},
|
|
|
- handleSuccess() {
|
|
|
- this.resetForm('baseForm');
|
|
|
+ handleClose() {
|
|
|
this.$emit('update:visible', false);
|
|
|
- this.$emit('success');
|
|
|
},
|
|
|
- handleKeyUp(target, key) {
|
|
|
- target[key] = target[key].match(/\d+(\.\d{0,2})?/)
|
|
|
- ? target[key].match(/\d+(\.\d{0,2})?/)[0]
|
|
|
- : '';
|
|
|
- }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
