1

src/api/system/index.js

@@ -443,3 +443,39 @@ export function GetClassPlanStatistical(data) {
   });
 }
 
+/**
+ * 获取客户阶段管理列表
+ */
+export function GetStageList(data) {
+  return request({
+    url: '/CustomerStudent/GetStageList',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 新增修改客户阶段
+ */
+export function SetStage(data) {
+  return request({
+    url: '/CustomerStudent/SetStage',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 删除客户阶段
+ */
+export function RemoveStage(data) {
+  return request({
+    url: '/CustomerStudent/RemoveStage',
+    method: 'post',
+    data
+  });
+}
+
+
+
+

src/components/system/stage-form.vue

+<template>
+  <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
+    <q-card style="width: 400px;max-width:400px;">
+      <q-card-section>
+        <div class="text-h6">{{optionTitle}}</div>
+      </q-card-section>
+      <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.StageName" ref="StageName"
+            class="col-12 q-pb-lg" label="阶段名称" :rules="[val => !!val || '请填写阶段名称']" />
+        </div>
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="5" :dense="false" v-model="objOption.No" ref="No"
+            class="col-12 q-pb-lg" label="编号" @keyup.native="checkInteger(objOption,'No')" />
+        </div>
+      </q-card-section>
+      <q-separator />
+      <q-card-actions align="right" class="bg-white">
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
+          @click="saveStage" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+<script>
+  import {
+    SetStage
+  } from '../../api/system/index'
+  export default {
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        persistent: true,
+        saveLoading: false,
+        objOption: {
+          Id: 0,
+          StageName: '', //阶段名称
+          No: 1 //编号
+        },
+        optionTitle: "",
+      }
+    },
+    mounted() {
+      this.initObj();
+    },
+    methods: {
+      //初始化表单
+      initObj() {
+        if (this.saveObj && this.saveObj.Id > 0) {
+          this.objOption.Id = this.saveObj.Id;
+          this.objOption.StageName = this.saveObj.StageName;
+          this.objOption.No = this.saveObj.No;
+          this.optionTitle = "修改客户阶段信息"
+        } else {
+          this.optionTitle = "新增客户阶段信息"
+          this.objOption.Id = 0;
+          this.objOption.StageName = '';
+          this.objOption.No = 1;
+        }
+      },
+      //关闭弹窗
+      closeSaveForm() {
+        this.$emit('close')
+      },
+      //保存菜单
+      saveStage() {
+        this.$refs.StageName.validate();
+        if (!this.$refs.StageName.hasError) {
+          this.saveLoading = true
+          SetStage(this.objOption).then(res => {
+            this.saveLoading = false;
+            if (res.Code == 1) {
+              this.$q.notify({
+                icon: 'iconfont icon-chenggong',
+                color: 'accent',
+                timeout: 2000,
+                message: '数据保存成功！',
+                position: 'top'
+              })
+              this.$emit("success")
+              this.closeSaveForm()
+            }
+          })
+        }
+      }
+    }
+  }
+
+</script>