完成详情页设计，下一步对接接口数据

liuyg

2021-04-08 a6854261bbb70203d8b920d1703ab31754bfeb18

完成详情页设计，下一步对接接口数据

 src/api/dataL/axiosL.js

New file
@@ -0,0 +1,11 @@
import request from '@/router/axios';

export const getdataL = (data) => {
  return request({
    url: '/api/blade-jfpts/equipment/equipment/pageDept',
    method: 'get',
    params: {
      ...data
    }
  })
}

 src/views/dataL/dataL.vue

@@ -455,12 +455,15 @@
    </div>
</template>
<script>
import { getdataL } from '../../api/dataL/axiosL'
import axios from 'axios'
import echarts from 'echarts'
import { Form } from 'element-ui';
const cityOptions = ['未确认', '真实火警', '非真实火警', '测试/巡检', '安全隐患'];
export default {
    data(){
        return{
            myDeviceNumber: '',
            name: '婴滋诚红谷滩凤凰花园东区',
            state: '故障',
            evaluate: '优',
@@ -468,7 +471,6 @@
            smoke: '烟雾(SM-5)',
            proportion: '100.0%',
            ReportTime: '最近上报: 2021-04-06 14:34:2',
            activeName: 'first',
            contacts: '陈小兵',
            calls: '18079118423',
            labels: ['店面','楼房'],
@@ -478,6 +480,9 @@
                'https://resource-city.sensoro.com/6E0FB78DC42C35F3B8FF0F6A03472433'
            ],
            deploymentTime: '2019-08-28 11:16:14',
            
            
            activeName: 'first',
            isRecord: true,
            screens: false,
           //复选框
@@ -495,22 +500,7 @@
                dateBtn:true,
                dateDefault:true,
                menuAlign:'center',
                column:[
                    {
                    label:'姓名',
                    prop:'name'
                    },
                    {
                    label:'性别',
                    prop:'sex'
                    },{
                    label: "日期",
                    prop: "date",
                    type: "date",
                    format: "yyyy-MM-dd hh:mm:ss",
                    valueFormat: "yyyy-MM-dd hh:mm:ss",
                    }
                ]
                column: {}
            },
            eventDetails: [],//真实数据
            eventDetaill: [//原始数据
@@ -699,8 +689,14 @@
            this.eventDetails = useD;
        },
        getdata(){
            const url = 'http://localhost:1888/api/blade-jfpts/equipment/equipment/pageDept?deviceName=000000000001&current=1&size=10&pid='
            axios.get(url)
            // const url = `/api/blade-jfpts/equipment/equipment/pageDept?deviceName=${this.myDeviceNumber}&current=1&size=10&pid=`
            // axios.get(url)
            var data = {
                deviceName: this.myDeviceNumber,
                current: '1',
                size: '10'
            };
            getdataL(data)
            .then((res)=>{
                var data = res.data.data.records[0];
                this.stetDetails(data);
@@ -708,12 +704,43 @@
            })
        },
        stetDetails(d){
            this.name = d.deviceName;
            this.machineCode = d.deviceNumber;
            this.name = '无数据' && d.deviceName;
            this.state = '无数据' && d.state;
            this.evaluate = '无数据';
            this.machineCode = '无数据' && d.deviceNumber;
            this.smoke = '无数据';
            this.proportion = '无数据';
            this.ReportTime = '无数据';
            this.contacts = '无数据' && d.oneContacts;
            this.calls = '无数据' && d.onePhone;
            this.labels = '无数据';
            this.imgsl = '无数据' && [];
            this.deploymentTime = '无数据' && d.expireTime;

            this.detailsData =  {
                machineName: d.deviceName,// 设备名称
                machineNumber: d.deviceNumber,  //     
                user: d.ownership,  //     使用方
                serialNumber: d.serialNumber, //     序列号
                channel : d.channelNumber,//     通道号
                deployment : d.devicestate == 1?'布防':'撤防', //     布撤防状态:
                machineType: d.deviceType, //     设备类型
                province: ['邮编：', d.district,''], //     省份
                street: d.street,//     街道
                person : d.oneContacts, //     负责人
                call: d.onePhone, //     负责人电话
                dueDate: d.expireTime, //     到期时间
                payment: d.pay, //     缴费信息
                installation : '请选择 安装时间', //     安装时间
                heartbeat: d.heartbeat, //     心跳时间
            }

        }
    },
    created() {
        this.baseUrl = `/map/index.html?openid=SupervisoryMap`;
        this.myDeviceNumber = this.$route.query.deviceNumber;
        // console.log(this.myDeviceNumber);
        this.getdata();
    },
    mounted(){