web
8 天以前 2f0fa3545b539e8b6f952ea82a1ca2350c64a0e8
src/views/facility/monitorList/index.vue
@@ -13,6 +13,7 @@
const route = useRoute();
const {proxy} = getCurrentInstance();
const imgBaseUrl = import.meta.env.VITE_APP_IMG_BASEURL //图片前缀
/**
 * 搜索相关
@@ -43,6 +44,7 @@
    pointName: '监控点名称',
    pointCode: '监控点编号',
    pointType: '监控类型',
    waterWidth: '水面宽度',
    address: '详细地址',
    createTimeView: '创建时间',
    imageUrl: '图片',
@@ -70,6 +72,7 @@
    pointCode: '监控点编号',
    pointType: '监控点类型',
    parentId: '父级监控点',
    waterWidth: '水面宽度',
    address: '详细地址',
    imageUrl: '图片',
    remark: '备注'
@@ -84,6 +87,7 @@
    pointCode: '',
    pointType: '',
    parentId: '',
    waterWidth: '',
    address: '',
    imageUrl: '',
    remark: ''
@@ -148,7 +152,7 @@
//上传文件,添加图片地址信息
const uploadData = (data) => {
    form.value.imageUrl = data.toString();
    form.value.imageUrl = imgBaseUrl + data.toString();
}
/** 提交按钮 */
@@ -191,6 +195,7 @@
        pointName: '',
        pointCode: '',
        pointType: '',
        waterWidth: '',
        address: '',
        imageUrl: '',
        remark: ''
@@ -243,7 +248,7 @@
            >
                <template #default="scope">
                    <div v-if="key === 'imageUrl'">
                        <img :src="scope.row.headImg" class="table-headImg"/>
                        <img :src="imgBaseUrl + scope.row.headImg" class="table-headImg" alt="" />
                    </div>
                    <div v-else-if="key === 'pointType'">
                        {{ scope.row.pointType === 1 ? '水温监测点' : '生态流量监测点' }}
@@ -296,7 +301,10 @@
                <el-form-item :label="formLabel.remark" prop="address">
                    <el-input v-model="form.remark" :placeholder="'请输入'+formLabel.remark"/>
                </el-form-item>
                <!--        <el-form-item></el-form-item>-->
                <el-form-item :label="formLabel.waterWidth" prop="waterWidth">
                    <el-input v-model="form.waterWidth" :placeholder="'请输入'+formLabel.waterWidth"/>
                </el-form-item>
                <el-form-item></el-form-item>
                <el-form-item label="图片" prop="imageUrl" style="flex: 1">
                    <upload-icons @uploadData="uploadData" :imageList="form.imageUrl" :limit="1"></upload-icons>
                    <span style="display: block;">(请上传1张设备图片)</span>