From 1c1fa5a677f37926839de595539618cf71e9cc2d Mon Sep 17 00:00:00 2001
From: zhang_li <2235006734@qqq.com>
Date: Thu, 23 Nov 2023 08:44:08 +0800
Subject: [PATCH] =?UTF-8?q?form=E6=8F=92=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BasicForm/src/BasicForm.vue    | 131 ++++++++++++------
 .../countManage/count/countPlanMain/index.vue |  57 ++++++--
 2 files changed, 130 insertions(+), 58 deletions(-)

diff --git a/src/components/BasicForm/src/BasicForm.vue b/src/components/BasicForm/src/BasicForm.vue
index bdc79ae0e..2173cf19e 100644
--- a/src/components/BasicForm/src/BasicForm.vue
+++ b/src/components/BasicForm/src/BasicForm.vue
@@ -1,25 +1,36 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible" :width="isBusiness?'60%':'40%'">
-    <Form 
-      ref="formRef" 
-      v-loading="formLoading" 
-      :rules="rules" 
-      :schema="formSchema" 
+  <Dialog :title="dialogTitle" v-model="dialogVisible" :width="isBusiness ? '60%' : '40%'">
+    <Form
+      ref="formRef"
+      v-loading="formLoading"
+      :rules="rules"
+      :schema="formSchema"
       :is-col="true"
       @opensearchTable="opensearchTable"
     >
-    <template #crontab="formSchema">
-      <crontab v-model="formSchema.crontab" />
-    </template>
+      <template #crontab="formSchema">
+        <crontab v-model="formSchema.crontab" />
+      </template>
+      <template #type="formSchema">
+        <el-select v-model="formSchema.type" placeholder="选择盘点类型" @change="selectChange('type',$event)">
+          <el-option
+            v-for="dict in getStrDictOptions(DICT_TYPE.COUNT_TYPE)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </template>
     </Form>
     <div class="table" v-if="isBusiness && formType == 'create'">
-      <TableForm ref="tableFormRef" 
-        class="w-[100%]" 
+      <TableForm
+        ref="tableFormRef"
+        class="w-[100%]"
         :tableFields="tableAllSchemas.tableFormColumns"
-        :tableData="tableData" 
+        :tableData="tableData"
         :tableFormRules="tableFormRules"
         :isShowButton="isShowButton"
-        @handleAddTable="handleAddTable" 
+        @handleAddTable="handleAddTable"
         @handleDeleteTable="handleDeleteTable"
         @tableSelectionChange="tableSelectionChange"
         @extendedButtonsClick="extendedButtonsClick"
@@ -27,7 +38,8 @@
         @tableSortChange="tableSortChange"
         @selectCallback="selectCallback"
         @handleTableSelect="handleTableSelect"
-        @inpuFocus="inpuFocus"/>
+        @inpuFocus="inpuFocus"
+      />
     </div>
     <template #footer>
       <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" />
@@ -36,18 +48,19 @@
   <SearchTable ref="searchTableRef" @searchTableSuccess="searchTableSuccess" />
 </template>
 <script setup lang="ts">
-import { SearchTable } from '@/components/SearchTable';
+import { SearchTable } from '@/components/SearchTable'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import ButtonBase from '@/components/XButton/src/ButtonBase.vue'
 import TableForm from '@/components/TableForm/src/TableForm.vue'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 
 const props = defineProps({
   // 是否显示TableForm 新增/删除按钮
   isShowButton: {
     type: Boolean,
-    default: true,
+    default: true
   },
-  // 校验rules 
+  // 校验rules
   rules: {
     type: Object,
     required: true,
@@ -66,7 +79,7 @@ const props = defineProps({
     default: null
   },
   // 列表数据
-  tableData:{
+  tableData: {
     type: Array,
     required: true,
     default: null
@@ -107,7 +120,7 @@ const props = defineProps({
     default: true
   },
   // 表单form
-  form:{
+  form: {
     type: Object,
     required: true,
     default: null
@@ -139,20 +152,34 @@ const formSchema = ref(props.formAllSchemas?.formSchema)
 
 /** 弹层操作 */
 // formField form表单中的字段
-// searchField 查询列表中的字段 
-// type 发起事件位置 type=tableForm 是明细中发起的 否则 为主表发起的 
+// searchField 查询列表中的字段
+// type 发起事件位置 type=tableForm 是明细中发起的 否则 为主表发起的
 // searchCondition 查询条件
 const searchTableRef = ref()
-const opensearchTable = (formField, searchField, searchTitle, searchAllSchemas, searchPage, searchCondition,multiple, type, row ) => {
+const opensearchTable = (
+  formField,
+  searchField,
+  searchTitle,
+  searchAllSchemas,
+  searchPage,
+  searchCondition,
+  multiple,
+  type,
+  row
+) => {
   const _searchCondition = {}
   // 判断查询条件中，是否存在指向主表的数据
   if (searchCondition && searchCondition.length > 0) {
-    searchCondition.forEach(item => {
+    searchCondition.forEach((item) => {
       // 查询条件为主表某字段，需要赋值主表数据，数据来源是详情的，赋值需要从row中获取
       if (item.isMainValue) {
-        _searchCondition[item.key] = formRef.value.formModel[item.value]?
-          formRef.value.formModel[item.value]:props.detailData?
-          props.detailData[item.value]:row[item.value]?row[item.value]:''
+        _searchCondition[item.key] = formRef.value.formModel[item.value]
+          ? formRef.value.formModel[item.value]
+          : props.detailData
+          ? props.detailData[item.value]
+          : row[item.value]
+          ? row[item.value]
+          : ''
       } else {
         _searchCondition[item.key] = item.value
       }
@@ -161,12 +188,22 @@ const opensearchTable = (formField, searchField, searchTitle, searchAllSchemas,
   const _searchTableTitle = searchTitle
   const _searchTableAllSchemas = searchAllSchemas
   const _searchTablePage = searchPage
-  searchTableRef.value.open(_searchTableTitle, _searchTableAllSchemas, _searchTablePage, formField, searchField,multiple, type, row, _searchCondition)
+  searchTableRef.value.open(
+    _searchTableTitle,
+    _searchTableAllSchemas,
+    _searchTablePage,
+    formField,
+    searchField,
+    multiple,
+    type,
+    row,
+    _searchCondition
+  )
 }
 // 弹层确定返回所选数据
 // val ： 弹层列表row 数据
-const searchTableSuccess = (formField,searchField, val, type, row) => {
-  emit('searchTableSuccess', formField, searchField, val, formRef.value, type, row )
+const searchTableSuccess = (formField, searchField, val, type, row) => {
+  emit('searchTableSuccess', formField, searchField, val, formRef.value, type, row)
 }
 
 /** 打开弹窗 */
@@ -177,8 +214,8 @@ const open = async (type: string, row?: any, masterParmas?: any) => {
   resetForm()
   // 修改时，设置数据
   // 如果是从主表的详情页面进图添加子表，需要添加masterId，number参数
-  if(masterParmas){
-    if(!row){
+  if (masterParmas) {
+    if (!row) {
       row = {
         masterId: masterParmas.masterId,
         number: masterParmas.number
@@ -196,12 +233,12 @@ const open = async (type: string, row?: any, masterParmas?: any) => {
     }
   }
 }
-defineExpose({ open , formRef, opensearchTable, dialogVisible, formLoading }) // 提供 open 方法，用于打开弹窗
+defineExpose({ open, formRef, opensearchTable, dialogVisible, formLoading }) // 提供 open 方法，用于打开弹窗
 
 /** 弹窗按钮 */
 const Butttondata = [
   defaultButtons.formSaveBtn(null), // 保存
-  defaultButtons.formCloseBtn(null), // 关闭
+  defaultButtons.formCloseBtn(null) // 关闭
 ]
 
 /** 按钮事件 */
@@ -209,7 +246,6 @@ const buttonBaseClick = (val) => {
   // 保存
   if (val == 'save') {
     submitForm()
-    
   }
   // 关闭
   else if (val == 'close') {
@@ -244,14 +280,14 @@ const submitForm = async () => {
       // 主子表——提交请求
       try {
         const data = unref(formRef)?.formModel
-        emit('submitForm', formType.value, data  )
+        emit('submitForm', formType.value, data)
       } finally {
       }
     } else {
       // 编辑
       try {
         const data = unref(formRef)?.formModel
-        emit('submitForm', formType.value, data  )
+        emit('submitForm', formType.value, data)
       } finally {
       }
     }
@@ -260,7 +296,7 @@ const submitForm = async () => {
     formLoading.value = true
     try {
       const data = unref(formRef)?.formModel
-      emit('success',formType.value,data)
+      emit('success', formType.value, data)
     } finally {
       formLoading.value = false
     }
@@ -287,6 +323,7 @@ const emit = defineEmits([
   'searchTableSuccess',
   'opensearchTable',
   'submitForm',
+  'selectChange'
 ])
 //普通下拉改变事件
 const formSelectChange = (field, val) => {
@@ -320,20 +357,24 @@ const handleAddTable = () => {
 }
 // 输入框聚焦
 const inpuFocus = (headerItem, row, index) => {
-  console.log(headerItem.tableForm.multiple);
-  
+  console.log(headerItem.tableForm.multiple)
+
   opensearchTable(
-    headerItem.field, 
-    headerItem.tableForm.searchField, 
-    headerItem.tableForm.searchTitle, 
-    headerItem.tableForm.searchAllSchemas, 
-    headerItem.tableForm.searchPage, 
+    headerItem.field,
+    headerItem.tableForm.searchField,
+    headerItem.tableForm.searchTitle,
+    headerItem.tableForm.searchAllSchemas,
+    headerItem.tableForm.searchPage,
     headerItem.tableForm.searchCondition,
     headerItem.tableForm.multiple,
     'tableForm',
-    row,
+    row
   )
 }
+// 修改盘点类型
+const selectChange=((field,val)=>{
+emit('selectChange',field,val)
+})
 </script>
 <style lang="scss" scoped>
 .table {
diff --git a/src/views/wms/countManage/count/countPlanMain/index.vue b/src/views/wms/countManage/count/countPlanMain/index.vue
index 15ffc7a3b..f5cc5b118 100644
--- a/src/views/wms/countManage/count/countPlanMain/index.vue
+++ b/src/views/wms/countManage/count/countPlanMain/index.vue
@@ -1,18 +1,22 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <Search :schema="CountPlanMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
+    <Search
+      :schema="CountPlanMain.allSchemas.searchSchema"
+      @search="setSearchParams"
+      @reset="setSearchParams"
+    />
   </ContentWrap>
 
-    <!-- 列表头部 -->
-    <TableHead
-      :HeadButttondata="HeadButttondata"
-      @button-base-click="buttonBaseClick"
-      :routeName="routeName"
-      @updataTableColumns="updataTableColumns"
-      @searchFormClick="searchFormClick"
-      :allSchemas="CountPlanMain.allSchemas"
-    />
+  <!-- 列表头部 -->
+  <TableHead
+    :HeadButttondata="HeadButttondata"
+    @button-base-click="buttonBaseClick"
+    :routeName="routeName"
+    @updataTableColumns="updataTableColumns"
+    @searchFormClick="searchFormClick"
+    :allSchemas="CountPlanMain.allSchemas"
+  />
 
   <!-- 列表 -->
   <ContentWrap>
@@ -27,13 +31,13 @@
       v-model:currentPage="tableObject.currentPage"
       v-model:sort="tableObject.sort"
     >
-      <template #number="{row}">
+      <template #number="{ row }">
         <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
           <span>{{ row.number }}</span>
         </el-button>
       </template>
       <template #action="{ row }">
-        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
+        <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, row)" />
       </template>
     </Table>
   </ContentWrap>
@@ -54,6 +58,8 @@
     @handleDeleteTable="handleDeleteTable"
     @searchTableSuccess="searchTableSuccess"
     @submitForm="submitForm"
+    @formSelectChange="formSelectChange"
+    @selectChange="selectChange"
   />
 
   <!-- 详情 -->
@@ -72,7 +78,12 @@
   />
 
   <!-- 导入 -->
-  <ImportForm ref="importFormRef" url="/wms/count-plan-main/import" :importTemplateData="importTemplateData" @success="importSuccess"/>
+  <ImportForm
+    ref="importFormRef"
+    url="/wms/count-plan-main/import"
+    :importTemplateData="importTemplateData"
+    @success="importSuccess"
+  />
 </template>
 
 <script setup lang="ts">
@@ -327,6 +338,26 @@ const searchFormClick = (searchData) => {
   }
   getList() // 刷新当前列表
 }
+// 选择盘点类型的时候针对限值的操作
+const selectChange = (field,val)=>{
+  console.log(val)
+  if(field == 'type'){
+    console.log(CountPlanMain.allSchemas.formSchema)
+    if(val =='DYNAMIC'){
+      CountPlanMain.allSchemas.formSchema[3].label = '限值（%）'
+      CountPlanMain.allSchemas.formSchema[3].componentProps.min = 0
+      CountPlanMain.allSchemas.formSchema[3].componentProps.max = 100
+      CountPlanMain.allSchemas.formSchema[3].componentProps.disabled = false
+    }else if(val =='LOW' || val =='RANDOM'){    
+      CountPlanMain.allSchemas.formSchema[3].label = '限值'
+      CountPlanMain.allSchemas.formSchema[3].componentProps.min = 0
+      CountPlanMain.allSchemas.formSchema[3].componentProps.max = Infinity
+      CountPlanMain.allSchemas.formSchema[3].componentProps.disabled = false
+    }else{
+      CountPlanMain.allSchemas.formSchema[3].componentProps.disabled = true
+    }
+  }
+}
 
 /** 初始化 **/
 onMounted(async () => {