seaUse.vue
3.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<template>
<div class="seaUse itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="100px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="ZHDM">
<span slot="label">
宗海代码： <br />
<p class="label-detail">（ZHDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.ZHDM" placeholder="宗海代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHFS">
<span slot="label">
用海方式： <br />
<p class="label-detail">（YHFS）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YHFS" placeholder="用海方式">
<el-option v-for="item in dicData['A51']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YHMJ" :rules="{ type: 'number' }">
<span slot="label">
用海面积： <br />
<p class="label-detail">（YHMJ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.YHMJ" type="number"
v-only-number="{ max: 999999, min: 1, precision: 2 }" placeholder="用海面积"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="JTYT">
<span slot="label">
具体用途： <br />
<p class="label-detail">（JTYT）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.JTYT" placeholder="具体用途"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="SYJES" :rules="{ type: 'number' }">
<span slot="label">
使用金额数： <br />
<p class="label-detail">（SYJES）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model.number="ruleForm.SYJES" type="number"
v-only-number="{ max: 999999, min: 0, precision: 2 }" placeholder="使用金额数"></el-input>
</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 business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
dataTable: {
type: String,
default: ''
}
},
data () {
return {
ruleForm: {
ZHDM: '',
YHFS: '',
YHMJ: '',
JTYT: '',
SYJES: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getKtfZhYhzkById(this.bsmSjsb)
this.ruleForm = res
this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve) => {
try {
let res = await business.updateKtfZhYhzk(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>