|
|
@@ -3,8 +3,6 @@ import {LibraryManagementApi} from "@/api/DeliveryWarehouse/LibraryManagement";
|
|
3
|
3
|
import {
|
|
4
|
4
|
KqxxSaveReqVO
|
|
5
|
5
|
} from "@/api/DeliveryWarehouse/DeliveryWarehouseSelect/interface/KqxxSaveReqVO";
|
|
6
|
|
-import {AdministrativeDivisionApi} from "@/api/system/administrativeDivision";
|
|
7
|
|
-
|
|
8
|
6
|
// 表单引用
|
|
9
|
7
|
const formRef2 = ref();
|
|
10
|
8
|
// 库区信息请求对象
|
|
|
@@ -41,13 +39,6 @@ const getData = async () => {
|
|
41
|
39
|
// 处理上传的库区图
|
|
42
|
40
|
data.resid = data.resid ? data.resid.split(',') : [];
|
|
43
|
41
|
kqxxReqVO.value = data;
|
|
44
|
|
- shengList.value = await getDivision()
|
|
45
|
|
- if (kqxxReqVO.value.shi) {
|
|
46
|
|
- shiList.value = await getDivision(kqxxReqVO.value.sheng)
|
|
47
|
|
- }
|
|
48
|
|
- if (kqxxReqVO.value.xian) {
|
|
49
|
|
- xianList.value = await getDivision(kqxxReqVO.value.shi)
|
|
50
|
|
- }
|
|
51
|
42
|
} else {
|
|
52
|
43
|
console.warn('获取到的数据为空');
|
|
53
|
44
|
}
|
|
|
@@ -64,56 +55,18 @@ const edit = async () => {
|
|
64
|
55
|
await LibraryManagementApi.updateKqxx(kqxxReqVO.value)
|
|
65
|
56
|
Message.success('修改成功')
|
|
66
|
57
|
await getData();
|
|
67
|
|
- }catch (err){
|
|
|
58
|
+ } catch (err) {
|
|
68
|
59
|
|
|
69
|
60
|
}
|
|
70
|
61
|
|
|
71
|
62
|
}
|
|
72
|
|
-// 行政区划数据
|
|
73
|
|
-const shengList = ref<AreaOption[]>([])
|
|
74
|
|
-const shiList = ref<AreaOption[]>([])
|
|
75
|
|
-const xianList = ref<AreaOption[]>([])
|
|
76
|
63
|
|
|
77
|
|
-/**
|
|
78
|
|
- * 获取行政区划数据
|
|
79
|
|
- */
|
|
80
|
|
-const getDivision = async (areaCode?: string): Promise<AreaOption[]> => {
|
|
81
|
|
- try {
|
|
82
|
|
- return await AdministrativeDivisionApi.getList({areaCode})
|
|
83
|
|
- } catch (err) {
|
|
84
|
|
- throw err
|
|
85
|
|
- }
|
|
86
|
|
-}
|
|
87
|
64
|
const stopWactches: (() => void)[] = []
|
|
88
|
65
|
|
|
89
|
66
|
|
|
90
|
67
|
// 组件挂载时获取库区信息
|
|
91
|
68
|
onMounted(async () => {
|
|
92
|
69
|
await getData();
|
|
93
|
|
- setTimeout(() => {
|
|
94
|
|
- stopWactches.push(
|
|
95
|
|
- watch(() => kqxxReqVO.value.sheng, async (newValue) => {
|
|
96
|
|
- kqxxReqVO.value.shi = ''
|
|
97
|
|
- kqxxReqVO.value.xian = ''
|
|
98
|
|
- if (newValue) {
|
|
99
|
|
- shiList.value = await getDivision(newValue)
|
|
100
|
|
- } else {
|
|
101
|
|
- shiList.value = []
|
|
102
|
|
- }
|
|
103
|
|
- })
|
|
104
|
|
- )
|
|
105
|
|
-// 监听器设置
|
|
106
|
|
- stopWactches.push(
|
|
107
|
|
- watch(() => kqxxReqVO.value.shi, async (newValue) => {
|
|
108
|
|
- kqxxReqVO.value.xian = ''
|
|
109
|
|
- if (newValue) {
|
|
110
|
|
- xianList.value = await getDivision(newValue)
|
|
111
|
|
- } else {
|
|
112
|
|
- xianList.value = []
|
|
113
|
|
- }
|
|
114
|
|
- })
|
|
115
|
|
- )
|
|
116
|
|
- }, 1000)
|
|
117
|
70
|
})
|
|
118
|
71
|
|
|
119
|
72
|
onBeforeUnmount(() => {
|
|
|
@@ -125,72 +78,76 @@ onBeforeUnmount(() => {
|
|
125
|
78
|
<ElCard v-loading="loading">
|
|
126
|
79
|
<template #header>
|
|
127
|
80
|
<div class="header">
|
|
128
|
|
- <div class="title text-2xl font-['黑体'] font-700">库区信息</div>
|
|
|
81
|
+ <Title title="库区信息"/>
|
|
|
82
|
+
|
|
129
|
83
|
</div>
|
|
130
|
84
|
</template>
|
|
131
|
85
|
<el-form
|
|
|
86
|
+ class="mt-30px"
|
|
132
|
87
|
ref="formRef2" :model="kqxxReqVO" :rules="formRules2"
|
|
133
|
88
|
label-width="180">
|
|
134
|
89
|
<el-row>
|
|
135
|
90
|
<el-col :span="8">
|
|
136
|
91
|
<el-form-item label="库区名称" prop="kqmc">
|
|
137
|
|
- <el-input disabled v-model="kqxxReqVO.kqmc" placeholder="请输入库区名称"/>
|
|
|
92
|
+ <el-input
|
|
|
93
|
+ v-model="kqxxReqVO.kqmc" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
94
|
+ placeholder="库区名称"/>
|
|
138
|
95
|
</el-form-item>
|
|
139
|
96
|
</el-col>
|
|
140
|
97
|
<el-col :span="8">
|
|
141
|
98
|
<el-form-item label="库区编码" prop="kqbm">
|
|
142
|
|
- <el-input v-model="kqxxReqVO.kqbm" disabled placeholder="请输入库区编码"/>
|
|
|
99
|
+ <el-input
|
|
|
100
|
+ v-model="kqxxReqVO.kqbm" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
101
|
+ placeholder="库区编码"/>
|
|
143
|
102
|
</el-form-item>
|
|
144
|
103
|
</el-col>
|
|
145
|
104
|
<el-col :span="8">
|
|
146
|
105
|
<el-form-item label="邮政编码" prop="yzbm">
|
|
147
|
|
- <el-input disabled v-model="kqxxReqVO.yzbm" placeholder="请输入邮政编码"/>
|
|
|
106
|
+ <el-input
|
|
|
107
|
+ v-model="kqxxReqVO.yzbm" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
108
|
+ placeholder="邮政编码"/>
|
|
148
|
109
|
</el-form-item>
|
|
149
|
110
|
</el-col>
|
|
150
|
111
|
<el-col :span="16">
|
|
151
|
112
|
<el-form-item label="行政区划">
|
|
152
|
|
- <div style="width:100%;display: flex;justify-content: space-around">
|
|
153
|
|
- <el-select disabled v-model="kqxxReqVO.sheng" placeholder="省">
|
|
154
|
|
- <el-option
|
|
155
|
|
- v-for="item in shengList" :key="item.areaCode" :label="item.areaName"
|
|
156
|
|
- :value="item.areaCode"/>
|
|
157
|
|
- </el-select>
|
|
158
|
|
- <el-select disabled v-model="kqxxReqVO.shi" placeholder="市区">
|
|
159
|
|
- <el-option
|
|
160
|
|
- v-for="item in shiList" :key="item.areaCode" :label="item.areaName"
|
|
161
|
|
- :value="item.areaCode"/>
|
|
162
|
|
- </el-select>
|
|
163
|
|
- <el-select disabled v-model="kqxxReqVO.xian" placeholder="区县">
|
|
164
|
|
- <el-option
|
|
165
|
|
- v-for="item in xianList" :key="item.areaCode" :label="item.areaName"
|
|
166
|
|
- :value="item.areaCode"/>
|
|
167
|
|
- </el-select>
|
|
168
|
|
- </div>
|
|
|
113
|
+ <el-input
|
|
|
114
|
+ v-model="kqxxReqVO.areaCode" class="w-[90%]! max-w-380px! min-w-240px!"
|
|
|
115
|
+ disabled placeholder="邮政编码"/>
|
|
169
|
116
|
</el-form-item>
|
|
170
|
117
|
</el-col>
|
|
171
|
118
|
<el-col :span="8">
|
|
172
|
119
|
<el-form-item label="具体地址" prop="jtdz">
|
|
173
|
|
- <el-input disabled v-model="kqxxReqVO.jtdz" placeholder="请输入具体地址"/>
|
|
|
120
|
+ <el-input
|
|
|
121
|
+ v-model="kqxxReqVO.jtdz" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
122
|
+ placeholder="具体地址"/>
|
|
174
|
123
|
</el-form-item>
|
|
175
|
124
|
</el-col>
|
|
176
|
125
|
<el-col :span="8">
|
|
177
|
126
|
<el-form-item label="库区负责人(实际产权人)" prop="kqfzr">
|
|
178
|
|
- <el-input disabled v-model="kqxxReqVO.kqfzr" placeholder="请输入库区负责人"/>
|
|
|
127
|
+ <el-input
|
|
|
128
|
+ v-model="kqxxReqVO.kqfzr" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
129
|
+ placeholder="库区负责人"/>
|
|
179
|
130
|
</el-form-item>
|
|
180
|
131
|
</el-col>
|
|
181
|
132
|
<el-col :span="8">
|
|
182
|
133
|
<el-form-item label="联系电话" prop="lxdh">
|
|
183
|
|
- <el-input v-model="kqxxReqVO.lxdh" placeholder="请输入联系电话"/>
|
|
|
134
|
+ <el-input
|
|
|
135
|
+ v-model="kqxxReqVO.lxdh" class="w-[90%]! max-w-380px! min-w-240px!"
|
|
|
136
|
+ placeholder="联系电话"/>
|
|
184
|
137
|
</el-form-item>
|
|
185
|
138
|
</el-col>
|
|
186
|
139
|
<el-col :span="8">
|
|
187
|
140
|
<el-form-item label="占地面积(m²)" prop="zdmj">
|
|
188
|
|
- <el-input disabled v-model="kqxxReqVO.zdmj" placeholder="请输入占地面积"/>
|
|
|
141
|
+ <el-input
|
|
|
142
|
+ v-model="kqxxReqVO.zdmj" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
143
|
+ placeholder="占地面积"/>
|
|
189
|
144
|
</el-form-item>
|
|
190
|
145
|
</el-col>
|
|
191
|
146
|
<el-col :span="8">
|
|
192
|
147
|
<el-form-item label="库区状态" prop="kqzt">
|
|
193
|
|
- <el-select disabled v-model="kqxxReqVO.kqzt" placeholder="请输入库区状态">
|
|
|
148
|
+ <el-select
|
|
|
149
|
+ v-model="kqxxReqVO.kqzt" class="w-[90%]! max-w-380px! min-w-240px!" disabled
|
|
|
150
|
+ placeholder="库区状态">
|
|
194
|
151
|
<el-option label="正常" value="1"/>
|
|
195
|
152
|
<el-option label="退出储备粮承储" value="2"/>
|
|
196
|
153
|
</el-select>
|
|
|
@@ -198,28 +155,34 @@ onBeforeUnmount(() => {
|
|
198
|
155
|
</el-col>
|
|
199
|
156
|
<el-col :span="8">
|
|
200
|
157
|
<el-form-item label="租仓参考价(元)" prop="zcckj">
|
|
201
|
|
- <el-input v-model="kqxxReqVO.zcckj" placeholder="租仓参考价"/>
|
|
|
158
|
+ <el-input
|
|
|
159
|
+ v-model="kqxxReqVO.zcckj" class="w-[90%]! max-w-380px! min-w-240px!"
|
|
|
160
|
+ placeholder="租仓参考价"/>
|
|
202
|
161
|
</el-form-item>
|
|
203
|
162
|
</el-col>
|
|
204
|
163
|
<el-col :span="8">
|
|
205
|
164
|
<el-form-item label="委托保管参考价" prop="wtbgckj">
|
|
206
|
|
- <el-input v-model="kqxxReqVO.wtbgckj" placeholder="委托保管参考价"/>
|
|
|
165
|
+ <el-input
|
|
|
166
|
+ v-model="kqxxReqVO.wtbgckj" class="w-[90%]! max-w-380px! min-w-240px!"
|
|
|
167
|
+ placeholder="委托保管参考价"/>
|
|
207
|
168
|
</el-form-item>
|
|
208
|
169
|
</el-col>
|
|
209
|
170
|
<el-col :span="8">
|
|
210
|
171
|
<el-form-item label="经纬度" prop="jd">
|
|
211
|
|
- <div style="display: flex;justify-content: space-around">
|
|
212
|
|
- <el-input disabled v-model="kqxxReqVO.jd" placeholder="经度"/>
|
|
|
172
|
+ <div
|
|
|
173
|
+ class="w-[90%]! max-w-380px! min-w-240px!"
|
|
|
174
|
+ style="display: flex;justify-content: space-around">
|
|
|
175
|
+ <el-input v-model="kqxxReqVO.jd" disabled placeholder="经度"/>
|
|
213
|
176
|
<div>
|
|
214
|
177
|
-
|
|
215
|
178
|
</div>
|
|
216
|
|
- <el-input disabled v-model="kqxxReqVO.wd" placeholder="纬度"/>
|
|
|
179
|
+ <el-input v-model="kqxxReqVO.wd" disabled placeholder="纬度"/>
|
|
217
|
180
|
</div>
|
|
218
|
181
|
</el-form-item>
|
|
219
|
182
|
</el-col>
|
|
220
|
183
|
<el-col :span="16">
|
|
221
|
184
|
<el-form-item label="上传库区图" prop="resid">
|
|
222
|
|
- <UploadImgs :disabled="true" v-model="kqxxReqVO.resid" :limit="3"/>
|
|
|
185
|
+ <UploadImgs v-model="kqxxReqVO.resid" :disabled="true" :limit="3"/>
|
|
223
|
186
|
</el-form-item>
|
|
224
|
187
|
</el-col>
|
|
225
|
188
|
</el-row>
|
|
|
@@ -231,5 +194,12 @@ onBeforeUnmount(() => {
|
|
231
|
194
|
</template>
|
|
232
|
195
|
|
|
233
|
196
|
<style lang="scss" scoped>
|
|
|
197
|
+:deep(.el-col) {
|
|
|
198
|
+ margin-top: 10px;
|
|
|
199
|
+}
|
|
|
200
|
+
|
|
|
201
|
+:deep(.el-form-item__label) {
|
|
|
202
|
+ color: black;
|
|
|
203
|
+}
|
|
234
|
204
|
|
|
235
|
205
|
</style>
|