代码生成优化

x_admin_app/pages/monitor_client/edit.vue

@@ -0,0 +1,191 @@
+<template>
+  <view class="page-content">
+    <uv-form
+      labelPosition="left"
+      :model="form"
+      :rules="formRules"
+      ref="formRef"
+    >
+      <uv-form-item label="sdk生成的客户端id" prop="clientId" borderBottom>
+        <uv-input v-model="form.clientId" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="用户id" prop="userId" borderBottom>
+        <uv-input v-model="form.userId" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="系统" prop="os" borderBottom>
+        <uv-input v-model="form.os" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="浏览器" prop="browser" borderBottom>
+        <uv-input v-model="form.browser" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="城市" prop="city" borderBottom>
+        <uv-input v-model="form.city" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="屏幕" prop="width" borderBottom>
+        <uv-input v-model="form.width" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="屏幕高度" prop="height" borderBottom>
+        <uv-input v-model="form.height" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="ua记录" prop="ua" borderBottom>
+        <uv-input v-model="form.ua" border="surround"></uv-input>
+      </uv-form-item>
+      <uv-form-item label="更新时间" prop="clientTime" borderBottom>
+        <x-date v-model:time="form.clientTime"></x-date>
+      </uv-form-item>
+
+      <uv-button
+        type="primary"
+        text="提交"
+        customStyle="margin: 40rpx 0"
+        @click="submit"
+      ></uv-button>
+    </uv-form>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import {
+  monitor_client_detail,
+  monitor_client_edit,
+  monitor_client_add,
+} from "@/api/monitor_client";
+import type { type_monitor_client_edit } from "@/api/monitor_client";
+
+import { toast, alert } from "@/utils/utils";
+import { useDictData } from "@/hooks/useDictOptions";
+
+let formRef = ref();
+let form = ref<type_monitor_client_edit>({
+  id: null,
+  clientId: "",
+  userId: "",
+  os: "",
+  browser: "",
+  city: "",
+  width: null,
+  height: null,
+  ua: "",
+  clientTime: "",
+});
+const formRules = {
+  clientId: [
+    {
+      required: true,
+      message: "请输入sdk生成的客户端id",
+      trigger: ["blur"],
+    },
+  ],
+  userId: [
+    {
+      required: true,
+      message: "请输入用户id",
+      trigger: ["blur"],
+    },
+  ],
+  os: [
+    {
+      required: true,
+      message: "请输入系统",
+      trigger: ["blur"],
+    },
+  ],
+  browser: [
+    {
+      required: true,
+      message: "请输入浏览器",
+      trigger: ["blur"],
+    },
+  ],
+  city: [
+    {
+      required: true,
+      message: "请输入城市",
+      trigger: ["blur"],
+    },
+  ],
+  width: [
+    {
+      required: true,
+      message: "请输入屏幕",
+      trigger: ["blur"],
+    },
+  ],
+  height: [
+    {
+      required: true,
+      message: "请输入屏幕高度",
+      trigger: ["blur"],
+    },
+  ],
+  ua: [
+    {
+      required: true,
+      message: "请输入ua记录",
+      trigger: ["blur"],
+    },
+  ],
+  clientTime: [
+    {
+      required: true,
+      message: "请选择更新时间",
+      trigger: ["blur"],
+    },
+  ],
+};
+onLoad((e) => {
+  console.log("onLoad", e);
+  if (e.id) {
+    getDetails(e.id);
+  }
+});
+
+function getDetails(id) {
+  monitor_client_detail(id)
+    .then((res) => {
+      if (res.code == 200) {
+        if (res?.data) {
+          form.value = res?.data;
+        }
+      } else {
+        toast(res.message);
+      }
+    })
+    .catch((err) => {
+      toast(err.message || "网络错误");
+    });
+}
+
+function submit() {
+  console.log("submit", form.value);
+  formRef.value.validate().then(() => {
+    if (form.value.id) {
+      monitor_client_edit(form.value).then((res) => {
+        if (res.code == 200) {
+          toast("编辑成功");
+          getDetails(form.value?.id);
+        } else {
+          toast(res.message);
+        }
+      });
+    } else {
+      monitor_client_add(form.value).then((res) => {
+        if (res.code == 200) {
+          toast("添加成功");
+          uni.navigateBack();
+        } else {
+          toast(res.message);
+        }
+      });
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.page-content {
+  padding: 10rpx 20rpx 300rpx;
+}
+</style>