form 对接

src/views/mall/product/spu/form/InfoForm.vue

@@ -1,6 +1,6 @@
 <!-- 产品发布 - 基础设置 -->
 <template>
-  <el-form ref="formRef" :disabled="isDetail" :model="formData" :rules="rules" label-width="120px">
+  <el-form ref="formRef" :disabled="isDetail" :model="formData" :rules="rules" label-width="140px">
     <el-form-item label="产品名称" prop="name">
       <el-input
         v-model="formData.name"

src/views/member/userbusinesslicense/UserBusinessLicenseForm.vue

@@ -1,10 +1,10 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog :title="dialogTitle" top="50px" v-model="dialogVisible">
     <el-form
       ref="formRef"
       :model="formData"
       :rules="formRules"
-      label-width="100px"
+      label-width="160px"
       v-loading="formLoading"
     >
       <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
@@ -14,9 +14,7 @@
         <el-input v-model="formData.businessName" placeholder="请输入名称" />
       </el-form-item>
       <el-form-item label="类型" prop="businessType">
-        <el-select v-model="formData.businessType" placeholder="请选择类型">
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
+        <el-input v-model="formData.businessType" placeholder="请选择类型" />
       </el-form-item>
       <el-form-item label="法定代表人" prop="legalRepresentative">
         <el-input v-model="formData.legalRepresentative" placeholder="请输入法定代表人" />
@@ -28,7 +26,7 @@
         <el-date-picker
           v-model="formData.establishmentDate"
           type="date"
-          value-format="x"
+          value-format="YYYY-MM-DD"
           placeholder="选择成立日期"
         />
       </el-form-item>
@@ -45,14 +43,14 @@
         <el-date-picker
           v-model="formData.issueDate"
           type="date"
-          value-format="x"
+          value-format="YYYY-MM-DD"
           placeholder="选择发证日期"
         />
       </el-form-item>
       <el-form-item label="相关照片" prop="infoImages">
-        <el-input v-model="formData.infoImages" placeholder="请输入相关照片" />
+        <UploadImgs width="100px" height="100px" class="w-80!" v-model="formData.infoImages" />
       </el-form-item>
-      <el-form-item label="数据使用状态 0 使用 1 作废  2 异常" prop="infoStatus">
+      <el-form-item label="数据使用状态" prop="infoStatus">
         <el-radio-group v-model="formData.infoStatus">
           <el-radio
             v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"

src/views/member/userbusinesslicense/index.vue

@@ -1,164 +1,171 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
-      <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-        <el-input
-          v-model="queryParams.unifiedSocialCreditCode"
-          placeholder="请输入统一社会信用代码"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="名称" prop="businessName">
-        <el-input
-          v-model="queryParams.businessName"
-          placeholder="请输入名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="类型" prop="businessType">
-        <el-select
-          v-model="queryParams.businessType"
-          placeholder="请选择类型"
-          clearable
-          class="!w-240px"
-        >
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="法定代表人" prop="legalRepresentative">
-        <el-input
-          v-model="queryParams.legalRepresentative"
-          placeholder="请输入法定代表人"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="注册资本" prop="registeredCapital">
-        <el-input
-          v-model="queryParams.registeredCapital"
-          placeholder="请输入注册资本"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="成立日期" prop="establishmentDate">
-        <el-date-picker
-          v-model="queryParams.establishmentDate"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="住所" prop="businessAddress">
-        <el-input
-          v-model="queryParams.businessAddress"
-          placeholder="请输入住所"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="经营范围" prop="businessScope">
-        <el-input
-          v-model="queryParams.businessScope"
-          placeholder="请输入经营范围"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="登记机关" prop="registrationAuthority">
-        <el-input
-          v-model="queryParams.registrationAuthority"
-          placeholder="请输入登记机关"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="发证日期" prop="issueDate">
-        <el-date-picker
-          v-model="queryParams.issueDate"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="相关照片" prop="infoImages">
-        <el-input
-          v-model="queryParams.infoImages"
-          placeholder="请输入相关照片"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="数据使用状态 0 使用 1 作废  2 异常" prop="infoStatus">
-        <el-select
-          v-model="queryParams.infoStatus"
-          placeholder="请选择数据使用状态 0 使用 1 作废  2 异常"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['member:user-business-license:create']"
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
-        </el-button>
-        <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['member:user-business-license:export']"
-        >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
-      </el-form-item>
+    <el-form :model="queryParams" ref="queryFormRef" :inline="true">
+      <el-row :gutter="20">
+        <!-- 第一行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode" class="!w-100%">
+            <el-input
+              v-model="queryParams.unifiedSocialCreditCode"
+              placeholder="请输入统一社会信用代码"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="名称" prop="businessName" class="!w-100%">
+            <el-input
+              v-model="queryParams.businessName"
+              placeholder="请输入名称"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+            
+          <el-form-item label="类型" prop="businessType" class="!w-100%">
+            <el-input
+              v-model="queryParams.businessType"
+              placeholder="请输入类型"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="法定代表人" prop="legalRepresentative" class="!w-100%">
+            <el-input
+              v-model="queryParams.legalRepresentative"
+              placeholder="请输入法定代表人"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+
+        <!-- 第二行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="注册资本" prop="registeredCapital" class="!w-100%">
+            <el-input
+              v-model="queryParams.registeredCapital"
+              placeholder="请输入注册资本"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="成立日期" prop="establishmentDate" class="!w-100%">
+            <el-date-picker
+              v-model="queryParams.establishmentDate"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="住所" prop="businessAddress" class="!w-100%">
+            <el-input
+              v-model="queryParams.businessAddress"
+              placeholder="请输入住所"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="经营范围" prop="businessScope" class="!w-100%">
+            <el-input
+              v-model="queryParams.businessScope"
+              placeholder="请输入经营范围"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+
+        <!-- 第三行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="登记机关" prop="registrationAuthority" class="!w-100%">
+            <el-input
+              v-model="queryParams.registrationAuthority"
+              placeholder="请输入登记机关"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="发证日期" prop="issueDate" class="!w-100%">
+            <el-date-picker
+              v-model="queryParams.issueDate"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="创建时间" prop="createTime" class="!w-100%">
+            <el-date-picker
+              v-model="queryParams.createTime"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="数据使用状态" prop="infoStatus" class="!w-100%">
+            <el-select v-model="queryParams.infoStatus" placeholder="请选择数据使用状态" clearable>
+              <el-option
+                v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <!-- 操作按钮 -->
+        <el-col :span="24">
+          <el-form-item class="!w-100%">
+            <el-button @click="handleQuery"
+              ><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button
+            >
+            <el-button @click="resetQuery"
+              ><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button
+            >
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['member:user-business-license:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px" /> 新增
+            </el-button>
+            <el-button
+              type="success"
+              plain
+              @click="handleExport"
+              :loading="exportLoading"
+              v-hasPermi="['member:user-business-license:export']"
+            >
+              <Icon icon="ep:download" class="mr-5px" /> 导出
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </ContentWrap>
 
@@ -166,16 +173,21 @@
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="自增主键" align="center" prop="id" />
-      <el-table-column label="统一社会信用代码" align="center" prop="unifiedSocialCreditCode" />
+      <el-table-column
+        label="统一社会信用代码"
+        width="150"
+        align="center"
+        prop="unifiedSocialCreditCode"
+      />
       <el-table-column label="名称" align="center" prop="businessName" />
       <el-table-column label="类型" align="center" prop="businessType" />
-      <el-table-column label="法定代表人" align="center" prop="legalRepresentative" />
+      <el-table-column label="法定代表人" width="150" align="center" prop="legalRepresentative" />
       <el-table-column label="注册资本" align="center" prop="registeredCapital" />
-      <el-table-column label="成立日期" align="center" prop="establishmentDate" />
+      <el-table-column label="成立日期" width="100" align="center" prop="establishmentDate" />
       <el-table-column label="住所" align="center" prop="businessAddress" />
       <el-table-column label="经营范围" align="center" prop="businessScope" />
       <el-table-column label="登记机关" align="center" prop="registrationAuthority" />
-      <el-table-column label="发证日期" align="center" prop="issueDate" />
+      <el-table-column label="发证日期" width="100" align="center" prop="issueDate" />
       <el-table-column
         label="创建时间"
         align="center"
@@ -184,12 +196,12 @@
         width="180px"
       />
       <el-table-column label="相关照片" align="center" prop="infoImages" />
-      <el-table-column label="数据使用状态 0 使用 1 作废  2 异常" align="center" prop="infoStatus">
+      <el-table-column label="数据使用状态" width="130" align="center" prop="infoStatus">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.INFO_STATUS" :value="scope.row.infoStatus" />
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" min-width="120px">
+      <el-table-column fixed="right" label="操作" align="center" min-width="120px">
         <template #default="scope">
           <el-button
             link

src/views/member/useridcard/UserIdcardForm.vue

@@ -1,11 +1,11 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="dialogTitle">
+  <Dialog v-model="dialogVisible" top="50px" :title="dialogTitle">
     <el-form
       ref="formRef"
       v-loading="formLoading"
       :model="formData"
       :rules="formRules"
-      label-width="100px"
+      label-width="130px"
     >
       <el-form-item label="用户编号" prop="userId">
         <el-input v-model="formData.userId" placeholder="请输入用户编号" />
@@ -32,15 +32,25 @@
         <el-input v-model="formData.issuingAuthority" placeholder="请输入签发机关" />
       </el-form-item>
       <el-form-item label="有效期开始日期" prop="validityStart">
-        <el-input v-model="formData.validityStart" placeholder="请输入有效期开始日期" />
+        <el-date-picker
+          v-model="formData.validityStart"
+          placeholder="选择有效期开始日期"
+          type="date"
+        />
+        <!-- <el-input v-model="formData.validityStart" placeholder="请输入有效期开始日期" /> -->
       </el-form-item>
       <el-form-item label="有效期结束日期" prop="validityEnd">
-        <el-input v-model="formData.validityEnd" placeholder="请输入有效期结束日期" />
+        <el-date-picker
+          v-model="formData.validityEnd"
+          placeholder="选择有效期结束日期"
+          type="date"
+        />
+        <!-- <el-input v-model="formData.validityEnd" placeholder="请输入有效期结束日期" /> -->
       </el-form-item>
       <el-form-item label="相关照片" prop="infoImages">
-        <el-input v-model="formData.infoImages" placeholder="请输入相关照片" />
+        <UploadImgs width="100px" height="100px" class="w-80!" v-model="formData.infoImages" />
       </el-form-item>
-      <el-form-item label="数据使用状态 0 使用 1 作废  2 异常" prop="infoStatus">
+      <el-form-item label="数据使用状态" prop="infoStatus">
         <el-radio-group v-model="formData.infoStatus">
           <el-radio
             v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"

src/views/member/useridcard/index.vue

@@ -1,168 +1,188 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
-      <el-form-item label="用户编号" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入用户编号"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="姓名" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入姓名"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="性别" prop="gender">
-        <el-input
-          v-model="queryParams.gender"
-          placeholder="请输入性别"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="民族" prop="ethnicity">
-        <el-input
-          v-model="queryParams.ethnicity"
-          placeholder="请输入民族"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="出生日期" prop="birthDate">
-        <el-date-picker
-          v-model="queryParams.birthDate"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="住址" prop="address">
-        <el-input
-          v-model="queryParams.address"
-          placeholder="请输入住址"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="公民身份号码" prop="idCardNumber">
-        <el-input
-          v-model="queryParams.idCardNumber"
-          placeholder="请输入公民身份号码"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="签发机关" prop="issuingAuthority">
-        <el-input
-          v-model="queryParams.issuingAuthority"
-          placeholder="请输入签发机关"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="有效期开始日期" prop="validityStart">
-        <el-input
-          v-model="queryParams.validityStart"
-          placeholder="请输入有效期开始日期"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="有效期结束日期" prop="validityEnd">
-        <el-input
-          v-model="queryParams.validityEnd"
-          placeholder="请输入有效期结束日期"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="相关照片" prop="infoImages">
-        <el-input
-          v-model="queryParams.infoImages"
-          placeholder="请输入相关照片"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="数据使用状态 0 使用 1 作废  2 异常" prop="infoStatus">
-        <el-select
-          v-model="queryParams.infoStatus"
-          placeholder="请选择数据使用状态 0 使用 1 作废  2 异常"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['member:user-idcard:create']"
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
-        </el-button>
-        <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['member:user-idcard:export']"
-        >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
-      </el-form-item>
+    <el-form :model="queryParams" ref="queryFormRef" :inline="true">
+      <el-row :gutter="20">
+        <!-- 第一行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="用户编号" prop="userId" class="!w-100%">
+            <el-input
+              v-model="queryParams.userId"
+              placeholder="请输入用户编号"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="姓名" prop="name" class="!w-100%">
+            <el-input
+              v-model="queryParams.name"
+              placeholder="请输入姓名"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="性别" prop="gender" class="!w-100%">
+            <el-input
+              v-model="queryParams.gender"
+              placeholder="请输入性别"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="民族" prop="ethnicity" class="!w-100%">
+            <el-input
+              v-model="queryParams.ethnicity"
+              placeholder="请输入民族"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+
+        <!-- 第二行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="出生日期" prop="birthDate" class="!w-100%">
+            <el-date-picker
+              v-model="queryParams.birthDate"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="住址" prop="address" class="!w-100%">
+            <el-input
+              v-model="queryParams.address"
+              placeholder="请输入住址"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="公民身份号码" prop="idCardNumber" class="!w-100%">
+            <el-input
+              v-model="queryParams.idCardNumber"
+              placeholder="请输入公民身份号码"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="签发机关" prop="issuingAuthority" class="!w-100%">
+            <el-input
+              v-model="queryParams.issuingAuthority"
+              placeholder="请输入签发机关"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+
+        <!-- 第三行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="有效期开始日期" prop="validityStart" class="!w-100%">
+            <el-input
+              v-model="queryParams.validityStart"
+              placeholder="请输入有效期开始日期"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="有效期结束日期" prop="validityEnd" class="!w-100%">
+            <el-input
+              v-model="queryParams.validityEnd"
+              placeholder="请输入有效期结束日期"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="创建时间" prop="createTime" class="!w-100%">
+            <el-date-picker
+              v-model="queryParams.createTime"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="相关照片" prop="infoImages" class="!w-100%">
+            <el-input
+              v-model="queryParams.infoImages"
+              placeholder="请输入相关照片"
+              clearable
+              @keyup.enter="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+
+        <!-- 第四行 -->
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="数据使用状态" prop="infoStatus" class="!w-100%">
+            <el-select v-model="queryParams.infoStatus" placeholder="请选择数据使用状态" clearable>
+              <el-option
+                v-for="dict in getStrDictOptions(DICT_TYPE.INFO_STATUS)"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <!-- 操作按钮 -->
+        <el-col :span="24">
+          <el-form-item class="!w-100%">
+            <el-button @click="handleQuery"
+              ><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button
+            >
+            <el-button @click="resetQuery"
+              ><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button
+            >
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['member:user-idcard:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px" /> 新增
+            </el-button>
+            <el-button
+              type="success"
+              plain
+              @click="handleExport"
+              :loading="exportLoading"
+              v-hasPermi="['member:user-idcard:export']"
+            >
+              <Icon icon="ep:download" class="mr-5px" /> 导出
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </ContentWrap>
 
   <!-- 列表 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="自增主键" align="center" prop="id" />
+      <!-- <el-table-column label="自增主键" align="center" prop="id" /> -->
       <el-table-column label="用户编号" align="center" prop="userId" />
       <el-table-column label="姓名" align="center" prop="name" />
       <el-table-column label="性别" align="center" prop="gender" />
@@ -181,7 +201,7 @@
         width="180px"
       />
       <el-table-column label="相关照片" align="center" prop="infoImages" />
-      <el-table-column label="数据使用状态 0 使用 1 作废  2 异常" align="center" prop="infoStatus">
+      <el-table-column label="数据使用状态" align="center" prop="infoStatus">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.INFO_STATUS" :value="scope.row.infoStatus" />
         </template>

src/views/member/userinformation/index.vue

@@ -1,108 +1,126 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
-      <el-form-item label="用户编号" prop="userId">
-        <el-input
-          v-model="queryParams.userId"
-          placeholder="请输入用户编号"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="个人征信信息" prop="creditInformation">
-        <el-input
-          v-model="queryParams.creditInformation"
-          placeholder="请输入个人征信信息"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="个人身份证信息" prop="idCardInformation">
-        <el-input
-          v-model="queryParams.idCardInformation"
-          placeholder="请输入个人身份证信息"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="个人营业执照信息" prop="businessLicenseInformation">
-        <el-input
-          v-model="queryParams.businessLicenseInformation"
-          placeholder="请输入个人营业执照信息"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
-      </el-form-item>
-      <el-form-item label="征信id" prop="creditId">
-        <el-input
-          v-model="queryParams.creditId"
-          placeholder="请输入征信id"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="身份证ID" prop="idCardId">
-        <el-input
-          v-model="queryParams.idCardId"
-          placeholder="请输入身份证ID"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="营业执照id" prop="businessLicenseId">
-        <el-input
-          v-model="queryParams.businessLicenseId"
-          placeholder="请输入营业执照id"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['member:user-information:create']"
-        >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
-        </el-button>
-        <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['member:user-information:export']"
-        >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
-      </el-form-item>
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true">
+      <el-row :gutter="16">
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="用户编号" prop="userId">
+            <el-input
+              v-model="queryParams.userId"
+              placeholder="请输入用户编号"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="个人征信信息" prop="creditInformation">
+            <el-input
+              v-model="queryParams.creditInformation"
+              placeholder="请输入个人征信信息"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="个人身份证信息" prop="idCardInformation">
+            <el-input
+              v-model="queryParams.idCardInformation"
+              placeholder="请输入个人身份证信息"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="个人营业执照信息" prop="businessLicenseInformation">
+            <el-input
+              v-model="queryParams.businessLicenseInformation"
+              placeholder="请输入个人营业执照信息"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="创建时间" prop="createTime">
+            <el-date-picker
+              v-model="queryParams.createTime"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+              class="!w-220px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="征信id" prop="creditId">
+            <el-input
+              v-model="queryParams.creditId"
+              placeholder="请输入征信id"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="身份证ID" prop="idCardId">
+            <el-input
+              v-model="queryParams.idCardId"
+              placeholder="请输入身份证ID"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="12" :md="8" :lg="6">
+          <el-form-item label="营业执照id" prop="businessLicenseId">
+            <el-input
+              v-model="queryParams.businessLicenseId"
+              placeholder="请输入营业执照id"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24">
+          <el-form-item>
+            <el-button @click="handleQuery"
+              ><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button
+            >
+            <el-button @click="resetQuery"
+              ><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button
+            >
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['member:user-information:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px" /> 新增
+            </el-button>
+            <el-button
+              type="success"
+              plain
+              @click="handleExport"
+              :loading="exportLoading"
+              v-hasPermi="['member:user-information:export']"
+            >
+              <Icon icon="ep:download" class="mr-5px" /> 导出
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </ContentWrap>