From 46f46a3ea84dac4cd0e6ff8b038e2d7b9e97380e Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 28 十一月 2022 16:13:13 +0800
Subject: [PATCH] 店铺管理优化
---
src/views/systemSetting/device/bayonet/create/index.vue | 126 ++++++++++++++++++++++++++++++++----------
1 files changed, 96 insertions(+), 30 deletions(-)
diff --git a/src/views/systemSetting/device/bayonet/create/index.vue b/src/views/systemSetting/device/bayonet/create/index.vue
index a97553f..921e3b4 100644
--- a/src/views/systemSetting/device/bayonet/create/index.vue
+++ b/src/views/systemSetting/device/bayonet/create/index.vue
@@ -1,11 +1,11 @@
<template>
<div class="create">
- <el-form ref="device" label-position="right" label-width="120px" :model="bayonet" :rule="rules">
+ <el-form ref="device" label-position="right" label-width="120px" :model="bayonet" :rules="rules">
<!-- 鍗″彛鍚嶇О -->
<div class="device-item">
<div class="item-left">
- <el-form-item label="鍗″彛鍚嶇О:" prop="name">
- <el-input v-model="bayonet.name" placeholder="璇峰～鍐欏崱鍙ｅ悕绉�"></el-input>
+ <el-form-item label="鍗″彛鍚嶇О:" prop="bayonetName">
+ <el-input v-model="bayonet.bayonetName" placeholder="璇峰～鍐欏崱鍙ｅ悕绉�"></el-input>
</el-form-item>
</div>
<div class="item-right"></div>
@@ -25,8 +25,8 @@
<!-- 鎵�灞炲尯鍩� -->
<div class="device-item">
<div class="item-left">
- <el-form-item label="鎵�灞炲尯鍩�:" prop="area">
- <el-input v-model="bayonet.area" placeholder="璇峰～鍐欏尯鍩熷悕绉�"></el-input>
+ <el-form-item label="鎵�灞炲尯鍩�:" prop="belongArea">
+ <el-input v-model="bayonet.belongArea" placeholder="璇峰～鍐欏尯鍩熷悕绉�"></el-input>
</el-form-item>
</div>
<div class="item-right"></div>
@@ -34,8 +34,8 @@
<!-- 鍩熷悕/ip -->
<div class="device-item">
<div class="item-left">
- <el-form-item label="鍩熷悕/IP:" prop="domainName">
- <el-input v-model="bayonet.domainName" placeholder="璇峰～鍐欏煙鍚嶆垨鑰匢P"></el-input>
+ <el-form-item label="鍩熷悕/IP:" prop="ipAddress">
+ <el-input v-model="bayonet.ipAddress" placeholder="璇峰～鍐欏煙鍚嶆垨鑰匢P"></el-input>
</el-form-item>
</div>
<div class="item-right"></div>
@@ -52,8 +52,8 @@
<!-- 鍓嶇绫诲瀷 -->
<div class="device-item">
<div class="item-left">
- <el-form-item label="鍓嶇绫诲瀷:" prop="webType">
- <el-input v-model="bayonet.webType" placeholder="璇疯緭鍏ュ墠绔被鍨�"></el-input>
+ <el-form-item label="鍓嶇绫诲瀷:" prop="frontEndType">
+ <el-input v-model="bayonet.frontEndType" placeholder="璇疯緭鍏ュ墠绔被鍨�"></el-input>
</el-form-item>
</div>
<div class="item-right"></div>
@@ -61,8 +61,8 @@
<!-- 鍑哄叆鍩庣被鍨� -->
<div class="device-item">
<div class="item-left">
- <el-form-item label="鍑哄叆鍩庣被鍨�:" prop="cityType">
- <el-input v-model="bayonet.cityType" placeholder="鍑哄煄/鍏ュ煄"></el-input>
+ <el-form-item label="鍑哄叆鍩庣被鍨�:" prop="inOutCityType">
+ <el-input v-model="bayonet.inOutCityType" placeholder="鍑哄煄/鍏ュ煄"></el-input>
</el-form-item>
</div>
<div class="item-right"></div>
@@ -78,32 +78,98 @@
</div>
<!-- 鎸夐挳 -->
<div class="device-btn">
- <el-button>杩斿洖</el-button>
- <el-button type="primary">纭畾</el-button>
+ <el-button @click="closeDialog">杩斿洖</el-button>
+ <el-button type="primary" @click="onSubmit">纭畾</el-button>
</div>
</el-form>
</div>
</template>
<script>
-export default {
- data() {
- return {
- bayonet: {
- bayonetName: '',
- latitude: '',
- longitude: '',
- area: '',
- ipAddress: '',
- port: '',
- frontEndType: '',
- inOutCityType: '',
- description: '',
- },
- rules: {
+import bayonet from "@/api/system/bayonet";
+import { deepClone } from "@/utils/helper";
- }
- }
+export default {
+ props: {
+ originalBayonet: {
+ type: Object,
+ default: () => {}
},
+ isEdit: {
+ type: Boolean,
+ default: () => false
+ }
+ },
+
+ data() {
+ return {
+ bayonet: {
+ bayonetName: '',
+ latitude: '',
+ longitude: '',
+ belongArea: '',
+ ipAddress: '',
+ port: '',
+ frontEndType: '',
+ inOutCityType: '',
+ description: ''
+ },
+ rules: {
+ bayonetName: [{ required: true, trigger: 'blur', message: '璇峰～鍐欏崱鍙ｅ悕绉�' }],
+ latitude: [{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欑含搴︿綅缃�' }],
+ longitude: [{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欑粡搴︿綅缃�' }],
+ belongArea: [{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欏尯鍩熷悕绉�' }],
+ ipAddress: [{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欏煙鍚嶆垨鑰匢P' }],
+ port: [{ required: true, trigger: ['blur', 'change'], message: '璇疯緭鍏ョ鍙ｅ彿' }],
+ frontEndType: [{ required: true, trigger: ['blur', 'change'], message: '璇疯緭鍏ュ墠绔被鍨�' }],
+ inOutCityType: [{ required: true, trigger: ['blur', 'change'], message: '璇峰～鍐欏嚭鍩�/鍏ュ煄' }],
+ description: [{ required: true, trigger: ['blur', 'change'], message: '璇疯緭鍏ユ弿杩板唴瀹�' }]
+ }
+ }
+ },
+
+ created() {
+ this.bayonet = deepClone(this.originalBayonet);
+ },
+
+ methods: {
+ onSubmit() {
+ this.$refs.device.validate(valid => {
+ if (valid) {
+ this.bayonet.longitude = Number(this.bayonet.longitude);
+ this.bayonet.latitude = Number(this.bayonet.latitude);
+ this.bayonet.inOutCityType = Number(this.bayonet.inOutCityType);
+ this.bayonet.belongArea = Number(this.bayonet.belongArea);
+ const copyBayonet = deepClone(this.bayonet);
+ delete copyBayonet.id;
+ if (!this.isEdit) {
+ bayonet.addBayonet(this.bayonet)
+ .then(() => {
+ this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+ this.$emit('closeDialog');
+ })
+ .catch(err => {
+ this.$message({ type: 'error', message: err });
+ })
+ } else {
+ bayonet.updateBayonet(copyBayonet)
+ .then(() => {
+ this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+ this.$emit('closeDialog');
+ })
+ .catch(err => {
+ this.$message({ type: 'error', message: err });
+ })
+ }
+ } else {
+ this.$message({ type: 'warning', message: '璇锋鏌ュ繀濉」' });
+ }
+ });
+ },
+
+ closeDialog() {
+ this.$emit('closeDialog');
+ }
+ }
}
</script>
--
Gitblit v1.8.0