fix:数据

web

8 天以前 6e6127068f03a7fe655f1fd504c488f20683039f

 src/views/facility/monitorList/index.vue

@@ -35,9 +35,10 @@
let tableHeader = ref({
    pointName: '监控点名称',
    pointCode: '监控点编号',
    pointType: '监控类型',
    address: '详细地址',
    createTimeView: '创建时间',
    leftMargin: '左边距',
    topMargin:'上边距',
    imageUrl: '图片',
    remark: '备注'
})
@@ -61,35 +62,38 @@
const formLabel = ({
    pointName: '监控点名称',
    pointCode: '监控点编号',
    pointType: '监控点类型',
    parentId: '父级监控点',
    address: '详细地址',
    leftMargin: '左边距',
    topMargin:'上边距',
    boxType: '弹窗位置',
    imageUrl: '图片',
    remark: '备注'
})
const rules = ref({
    pointName: [{required: true, message: `请输入${formLabel.pointName}`, trigger: "blur"}],
    pointCode: [{required: true, message: `请输入${formLabel.address}`, trigger: "blur"}],
    pointType: [{required: true, message: `请输入${formLabel.pointType}`, trigger: "blur"}],
    topMargin: [{required: true, message: `请输入${formLabel.topMargin}`, trigger: "blur"}],
    leftMargin: [{required: true, message: `请输入${formLabel.leftMargin}`, trigger: "blur"}],
    boxType: [{required: true, message: `请输入${formLabel.boxType}`, trigger: "blur"}],
});
const form = ref({
    pointName: '',
    pointCode: '',
    pointType: '',
    parentId: '',
    address: '',
    imageUrl: '',
    remark: ''
    remark: '',
    topMargin:'',
    leftMargin: '',
    boxType: ''
});
const searchParams = ref({
    keywords: '',
});

// 监控点类型
const monityTypeList = [
    {id: 1, name: '水温监测点'},
    {id: 2, name: '生态流量监测点'}
];
const positionList = [
    { label: '左侧', value: '0' },
    { label: '右侧', value: '1' }
]

/** 新增按钮操作 */
async function handleAdd() {
@@ -170,13 +174,14 @@
/** 表单重置 */
function reset() {
    form.value = {
        parentId: '',
        pointName: '',
        pointCode: '',
        pointType: '',
        address: '',
        imageUrl: '',
        remark: ''
        remark: '',
        topMargin:'',
        leftMargin: '',
        boxType: ''
    };
    proxy.resetForm("formRef");
}
@@ -227,9 +232,6 @@
                    <div v-if="key === 'imageUrl'">
                        <img :src="imgBaseUrl + scope.row.headImg" class="table-headImg" alt="" />
                    </div>
                    <div v-else-if="key === 'pointType'">
                        {{ scope.row.pointType === 1 ? '水温监测点' : '生态流量监测点' }}
                    </div>
                </template>
            </el-table-column>
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -253,21 +255,27 @@
        <!-- 添加/修改表单 -->
        <el-dialog :title="title" v-model="open" append-to-body center>
            <el-form class="form-box" ref="formRef" :model="form" :rules="rules" label-width='auto'>
                <el-form-item :label="formLabel.pointType" prop="pointType">
                    <el-select v-model="form.pointType" :placeholder="'请输入'+formLabel.pointType">
                        <el-option
                            v-for="(item,index) in monityTypeList"
                            :label="item.name"
                            :value="item.id"
                            :key="index"
                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="formLabel.pointName" prop="pointName">
                    <el-input v-model="form.pointName" :placeholder="'请输入'+formLabel.pointName"/>
                </el-form-item>
                <el-form-item :label="formLabel.pointCode" prop="pointCode">
                    <el-input v-model="form.pointCode" :placeholder="'请输入'+formLabel.pointCode"/>
                </el-form-item>
                <el-form-item :label="formLabel.leftMargin" prop="leftMargin">
                    <el-input v-model="form.leftMargin" :placeholder="'请输入'+formLabel.leftMargin"/>
                </el-form-item>
                <el-form-item :label="formLabel.topMargin" prop="topMargin">
                    <el-input v-model="form.topMargin" :placeholder="'请输入'+formLabel.topMargin"/>
                </el-form-item>
                <el-form-item :label="formLabel.boxType" prop="boxType">
                    <el-select v-model="form.boxType" :placeholder="'请输入'+formLabel.boxType">
                        <el-option
                            v-for="(item,index) in positionList"
                            :label="item.label"
                            :value="item.value"
                            :key="index"
                        ></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :label="formLabel.address" prop="address">
                    <el-input v-model="form.address" :placeholder="'请输入'+formLabel.address"/>
@@ -275,7 +283,8 @@
                <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>
                </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>