'更新202111302029'

src/views/siteManage/addGroupCom.vue

@@ -1,34 +1,35 @@
 <template>
-    <el-dialog
-      :title="dialogTitle"
-      v-model="dialogVisible"
-      width="400px"
-      @close="closeDialog(0)"
-       @open="open"
+  <el-dialog
+    :title="dialogTitle"
+    v-model="dialogVisible"
+    width="400px"
+    @close="closeDialog(0)"
+    @open="open"
+  >
+    <el-form
+      ref="formInfo"
+      :model="form"
+      class="demo-form-inline"
+      label-width="100px"
+      :rules="rules"
     >
-      <el-form
-        ref="formInfo"
-        :model="form"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="分组名称：" prop="groupingName">
-          <el-input v-model="form.groupingName"  ></el-input>
-        </el-form-item>
-      
-        <div style="text-align: right">
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
+      <el-form-item label="分组名称：" prop="groupingName">
+        <el-input v-model="form.groupingName"></el-input>
+      </el-form-item>
+
+      <div style="text-align: right">
+        <el-button type="primary" @click="submitForm('formInfo')">
+          保存
+        </el-button>
+      </div>
+    </el-form>
+  </el-dialog>
 </template>
 <script>
 import { defineComponent, ref, watchEffect } from 'vue'
 import * as api from '@/api/siteManage/index'
 import { ElMessage } from 'element-plus'
+import { useStore } from 'vuex'
 
 export default defineComponent({
   name: 'AddGroupCom',
@@ -39,6 +40,7 @@ export default defineComponent({
     itemInfo: Object,
   },
   setup(props, context) {
+    const store = useStore()
     context
 
     const dialogVisible = ref(false)
@@ -48,10 +50,9 @@ export default defineComponent({
 
     // open(): Dialog弹窗打开之前做的事
     const open = () => {
+      store.state.basicInfoConst = 1
       form.value = props.itemInfo.value
-
     }
-    
 
     // 关闭弹框
     const closeDialog = () => {
@@ -79,17 +80,16 @@ export default defineComponent({
       formInfo.value.validate((valid) => {
         if (valid) {
           api.siteGroupingAdd(form.value).then((requset) => {
-              if (requset.status === 'SUCCESS') {
-                ElMessage.success({
-                  message: '新增成功',
-                  type: 'success',
-                })
-                closeDialog()
-              } else {
-                ElMessage.error(requset.msg)
-              }
-            })
-
+            if (requset.status === 'SUCCESS') {
+              ElMessage.success({
+                message: '新增成功',
+                type: 'success',
+              })
+              closeDialog()
+            } else {
+              ElMessage.error(requset.msg)
+            }
+          })
         } else {
           console.log('error submit!!')
           return false
@@ -108,22 +108,19 @@ export default defineComponent({
       rules: {
         groupingName: [
           // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入分组名称", trigger: "blur" },
+          { required: true, message: '请输入分组名称', trigger: 'blur' },
           {
             min: 3,
             max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
+            message: '用户名长度在 3 到 6 个字符',
+            trigger: 'blur',
           },
         ],
       },
     }
   },
-
 })
 </script>
  
 <style scoped lang="scss">
-
-
 </style>