<template> <div class="islandCoordinates itemForm"> <el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key"> <el-row> <el-col :span="8"> <el-form-item prop="ZHHDDM"> <span slot="label"> 宗海/海岛代码: <br /> <p class="label-detail">(ZHHDDM)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHHDDM" maxlength="19" placeholder="宗海/海岛代码"></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="XH" :rules="{ type: 'number' }"> <span slot="label"> 序号: <br /> <p class="label-detail">(XH)</p> </span> <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.XH" type="number" v-only-number="{ max: 999999, min: 0, precision: 0 }" placeholder="序号"></el-input-number> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="BW" :rules="{ type: 'number' }"> <span slot="label"> 北纬: <br /> <p class="label-detail">(BW)</p> </span> <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.BW" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="北纬"></el-input-number> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="8"> <el-form-item prop="DJ" :rules="{ type: 'number' }"> <span slot="label"> 东经: <br /> <p class="label-detail">(DJ)</p> </span> <el-input-number controls-position="right" :disabled="$store.state.business.Edit" v-model.number="ruleForm.DJ" type="number" v-only-number="{ max: 999999999999999, min: 0, precision: 8 }" placeholder="东经"></el-input-number> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="QXDM"> <span slot="label"> 区县代码: <br /> <p class="label-detail">(QXDM)</p> </span> <el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input> </el-form-item> </el-col> </el-row> </el-form> <message-tips ref="msg" /> </div> </template> <script> // 用海、用岛坐标 import ktfZhYhydzb from '@/api/ktfZhYhydzb' import ruleMixin from '@/mixins/ruleMixin.js' export default { mixins: [ruleMixin], props: { bsmSjsb: { type: String, default: '' }, bsmYwsjb: { type: String, default: '' } }, data () { return { ruleForm: { ZHHDDM: '', XH: '', BW: '', DJ: '', QXDM: '' } } }, methods: { async featchData () { try { let { result: res } = await ktfZhYhydzb.getKtfZhYhydzbById(this.bsmSjsb) this.ruleForm = res //this.featchRule() } catch (error) { this.$refs.msg.messageShow() } }, handleUpdateForm () { return new Promise(async (resolve, reject) => { try { let res = await ktfZhYhydzb.updateKtfZhYhydzb(this.ruleForm) // this.$refs['formList'].resetFields(); resolve(res.code) } catch (error) { this.$refs.msg.messageShow() } }) } } } </script> <style scoped lang="scss"> @import "./css/itemForm.scss"; </style>