新增羊只中羊只类型改为非必填；转场转群部分搜索框去除创建时间和事件类型；三个改**页面的新增，查询，导出完善；每页条数设置；填写数字的字段数可排序

src/views/produce/manage_sheep/changeVariety/index.vue

@@ -1,17 +1,9 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-      <!-- <el-form-item label="羊只id" prop="sheepId">
-        <el-input
-          v-model="queryParams.sheepId"
-          placeholder="请输入羊只id"
-          clearable
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item> -->
-      <el-form-item label="创建日期" style="width: 308px">
-        <el-date-picker v-model="daterangeCreateTime" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
-          start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+      <el-form-item label="事件日期" style="width: 308px">
+        <el-date-picker v-model="daterangeEventDate" type="daterange" range-separator="-" start-placeholder="开始日期"
+          end-placeholder="结束日期" value-format="YYYY-MM-DD" />
       </el-form-item>
       <el-form-item label="管理耳号" prop="manageTags">
         <el-input v-model="queryParams.manageTags" placeholder="请输入管理耳号" clearable @keyup.enter="handleQuery"
@@ -60,20 +52,24 @@
 
     <el-table v-loading="loading" :data="changeVarietyList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <!-- <el-table-column label="${comment}" align="center" prop="id" />
-      <el-table-column label="羊只id" align="center" prop="sheepId" /> -->
-      <el-table-column label="创建日期" align="center" prop="createTime" width="180">
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
-        </template>
-      </el-table-column>
       <el-table-column label="管理耳号" align="center" prop="manageTags" />
       <el-table-column label="羊舍" align="center" prop="sheepfoldName" />
       <el-table-column label="事件类型" align="center" prop="eventType" width="120" />
       <el-table-column label="原品种" align="center" prop="varietyOld" />
       <el-table-column label="新品种" align="center" prop="varietyNew" />
+      <el-table-column label="事件日期" align="center" prop="eventDate">
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="技术员" align="center" prop="technician" />
       <el-table-column label="备注" align="center" prop="comment" />
       <el-table-column label="创建人" align="center" prop="createBy" />
+      <el-table-column label="创建日期" align="center" prop="createTime" width="180">
+        <template #default="scope">
+          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}') }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
@@ -85,14 +81,11 @@
     </el-table>
 
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize" @pagination="getList" />
+      v-model:limit="queryParams.pageSize" @pagination="getList" :page-sizes="[20, 50, 100, 200, 500, 1000, 2000]" />
 
     <!-- 添加或修改改品种记录对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
       <el-form ref="changeVarietyRef" :model="form" :rules="rules" label-width="80px">
-        <!-- <el-form-item label="羊只id" prop="sheepId">
-          <el-input v-model="form.sheepId" placeholder="请输入羊只id" />
-        </el-form-item> -->
         <el-form-item label="管理耳号" prop="manageTags">
           <el-input v-model="form.manageTags" placeholder="请输入管理耳号" @blur="onManageTagsBlur" :disabled="!isAdd" />
         </el-form-item>
@@ -104,6 +97,13 @@
             <el-option v-for="item in varietyOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
+        <el-form-item label="事件日期" prop="eventDate">
+          <el-date-picker v-model="form.eventDate" type="date" placeholder="请选择事件日期" value-format="YYYY-MM-DD"
+            :disabled="!isAdd" />
+        </el-form-item>
+        <el-form-item label="技术员" prop="technician">
+          <el-input v-model="form.technician" placeholder="请输入技术员" :disabled="!isAdd" />
+        </el-form-item>
         <el-form-item label="备注" prop="comment" v-if="!isAdd">
           <el-input v-model="form.comment" placeholder="请输入备注" :disabled="!isAdd" />
         </el-form-item>
@@ -138,19 +138,21 @@ const daterangeCreateTime = ref([])
 const isAdd = ref(false);
 
 const varietyOptions = ref([])
+const daterangeEventDate = ref([]);
 const data = reactive({
   form: {
     manageTags: null,
+    technician: null,
+    eventDate: null
   },
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
-    // sheepId: null,
+    pageSize: 20,
     manageTags: null,
     sheepfoldId: null,
     varietyOld: null,
     varietyNew: null,
-    createTime: null
+    createTime: null,
   },
   rules: {
     manageTags: [
@@ -162,6 +164,12 @@ const data = reactive({
     varietyNew: [
       { required: true, message: "请选择新品种", trigger: "blur" }
     ],
+    technician: [
+      { required: true, message: "请输入技术员", trigger: "blur" }
+    ],
+    eventDate: [
+      { required: true, message: "请选择事件日期", trigger: "change" }
+    ]
   }
 })
 
@@ -178,6 +186,10 @@ function getList() {
   if (queryParams.value.sheepfoldId) {
     queryParams.value.params["sheepfoldId"] = queryParams.value.sheepfoldId;
   }
+  if (daterangeEventDate.value.length > 0) {
+    queryParams.value.params["beginEventDate"] = daterangeEventDate.value[0];
+    queryParams.value.params["endEventDate"] = daterangeEventDate.value[1];
+  }
   listChangeVariety(queryParams.value).then(response => {
     changeVarietyList.value = response.rows
     total.value = response.total
@@ -240,13 +252,21 @@ function reset() {
 function handleQuery() {
   loadVarietyOptions()
   queryParams.value.pageNum = 1
+  if (daterangeEventDate.value.length > 0) {
+    queryParams.value.beginEventDate = daterangeEventDate.value[0];
+    queryParams.value.endEventDate = daterangeEventDate.value[1];
+  } else {
+    queryParams.value.beginEventDate = null;
+    queryParams.value.endEventDate = null;
+  }
   getList()
 }
 
 /** 重置按钮操作 */
 function resetQuery() {
   daterangeCreateTime.value = []
-  queryParams.value.sheepfoldId = null;
+  queryParams.value.sheepfoldId = null
+  daterangeEventDate.value = []
   proxy.resetForm("queryRef")
   handleQuery()
 }