更新页面

src/views/securityManagement/personnelManagement/practitioner/components/addPractitionerDialog.vue

@@ -18,10 +18,10 @@
 </template>
 
 <script setup>
-import { ref, computed, reactive, getCurrentInstance } from 'vue'
+import { ref, reactive, getCurrentInstance } from 'vue'
 import { qcckPost } from "@/api/qcckApi.js";
 import FormMessage from '@/components/aboutTable/FormMessage.vue'
-
+import * as rule from "@/utils/rules.js";
 const { proxy } = getCurrentInstance()
 const { D_BZ_WHCD, D_BAXX_GWLX } = proxy.$dict("D_BZ_WHCD", "D_BAXX_GWLX");
 const title = ref('新增从业人员')
@@ -35,18 +35,8 @@ const props = defineProps({
     default: false
   },
 })
-
 const emits = defineEmits(['update:modelValue', 'refresh'])
-
-const dialogVisible = computed({
-  get() {
-    return props.modelValue
-  },
-  set(val) {
-    emits('update:modelValue', val)
-  }
-})
-
+const dialogVisible = ref(false)
 const formList = reactive([
   [
     { label: "姓名", prop: "xm", type: "input" },
@@ -75,40 +65,8 @@ const formList = reactive([
 
 const rules = {
   xm: [{ required: true, message: "请输入姓名", trigger: "change" }],
-  sfzh: [
-    { required: true, message: "请输入证件号码", trigger: "change" },
-    {
-      validator: (rule, value, callback) => {
-        if (!value) {
-          callback()
-        } else {
-          const reg = /^(\d{15}|\d{17}[\dXx])$/;
-          if (!reg.test(value)) {
-            callback(new Error("请输入正确的身份证号码"))
-          } else {
-            callback()
-          }
-        }
-      }
-    }
-  ],
-  lxdh: [
-    { required: true, message: "请输入联系电话", trigger: "change" },
-    {
-      validator: (rule, value, callback) => {
-        if (!value) {
-          callback()
-        } else {
-          const reg = /^1[34578]\d{9}$/
-          if (!reg.test(value)) {
-            callback(new Error("请输入正确的手机号"))
-          } else {
-            callback()
-          }
-        }
-      }
-    }
-  ],
+  ...rule.phoneRule({ validator: true,message: "请输入联系电话",require: true }, "lxdh"), // 是否必填 是否进行校验`
+  ...rule.identityCardRule({ validator: true,message: "请输入身份证号" ,require: true}, "sfzh"), // 是否必填 是否进行校验
   jzdz: [{ required: true, message: "请输入居住地址", trigger: "change" }],
   rzsj: [{ required: true, message: "请选择入职时间", trigger: "change" }],
   zgzbh: [{ required: true, message: "请输入资格证编号", trigger: "change" }],
@@ -124,12 +82,15 @@ const formData = ref({})
 
 const close = () => {
   FormRef.value?.reset();
+  formData.value = {}
   dialogVisible.value = false
 }
 
 const open = (row = {}, type = 'add') => {
   dialogVisible.value = true
   disabled.value = false
+  row.tp = row.tp ? row.tp.split(','):[]
+  row.bazzp = row.bazzp ? row.bazzp.split(','):[]
   formData.value = { ...row }
   if (type === 'add') {
     title.value = '新增从业人员'
@@ -145,7 +106,10 @@ const save = () => {
   FormRef.value.submit(() => {
     loading.value = true;
     const url = !formData.value?.id ? `/mosty-base/baxx/cyry/add` : `/mosty-base/baxx/cyry/edit`;
-    qcckPost(formData.value, url).then(() => {
+    let params = { ...formData.value }
+    params.tp = params.tp ? params.tp.join(','):''
+    params.bazzp =params.bazzp ? params.bazzp.join(','):''
+    qcckPost(params, url).then(() => {
       loading.value = false;
       proxy.$message.success("保存成功");
       emits("refresh");

src/views/securityManagement/personnelManagement/practitioner/index.vue

@@ -80,7 +80,7 @@ const searchConfiger = ref([
 ]);
 
 const pageData = reactive({
-  tableData: [{}],
+  tableData: [],
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,