From 5feae67e1710141f19c6bfad2ddabde206701508 Mon Sep 17 00:00:00 2001
From: "30830569@qq.com" <>
Date: Tue, 15 Nov 2022 09:48:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=86=9C=E4=BD=9C=E7=89=A9?=
 =?UTF-8?q?=E4=BA=A7=E9=87=8F----=E5=9F=BA=E5=9C=B0=E9=9C=80=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../crop-yields/base-yields/BaseDrawer.vue    | 95 ++++++++++++++++++-
 .../base/crop-yields/base-yields/base.data.ts | 82 ++++++++--------
 2 files changed, 136 insertions(+), 41 deletions(-)

diff --git a/src/views/base/crop-yields/base-yields/BaseDrawer.vue b/src/views/base/crop-yields/base-yields/BaseDrawer.vue
index 4370af8b..f168cb56 100644
--- a/src/views/base/crop-yields/base-yields/BaseDrawer.vue
+++ b/src/views/base/crop-yields/base-yields/BaseDrawer.vue
@@ -11,26 +11,63 @@
       <template #crop="{ model, field }">
         <TreeSelect
           v-model:value="model[field]"
+          @select="select"
           :tree-data="treeData"
           placeholder="请选择"
           :fieldNames="{ children: 'children', label: 'name', value: 'id' }"
         ></TreeSelect>
       </template>
+      <!-- 产量 -->
+      <template #yield="{ model, field }">
+        <Input v-model:value="model[field]" :suffix="company" placeholder="请输入"></Input>
+      </template>
+      <!-- 扩展 -->
+      <template #extends="{ model, field }">
+        <Space
+          v-for="(sight, index) in model[field]"
+          :key="index"
+          style="width: 100%"
+          align="baseline"
+        >
+          <FormItem
+            class="w-full"
+            :label="sight.name"
+            :name="['extends', index, 'value']"
+            :rules="{
+              required: true,
+              message: '请输入',
+              trigger: 'change',
+            }"
+            :label-col="{ span: 6 }"
+          >
+            <Input
+              v-model:value="sight.value"
+              placeholder="请输入"
+              :suffix="sight.unit"
+              class="w-full"
+              type="number"
+            ></Input>
+          </FormItem>
+        </Space>
+      </template>
     </BasicForm>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
-  import { getTreeData } from '/@/utils/index'
+  import { getTreeData, jsonString } from '/@/utils/index'
   import dayjs from 'dayjs'
   import { ref, computed, unref } from 'vue'
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { accountFormSchema } from './base.data'
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer'
-  import { addCropYields, editCropYields, getcrops } from '/@/api/sys/user'
-  import { TreeSelect } from 'ant-design-vue'
+  import { addCropYields, editCropYields, getcrops, getCropYieldsInfo } from '/@/api/sys/user'
+  import { TreeSelect, Input, Space, FormItem } from 'ant-design-vue'
   const emits = defineEmits(['success', 'register'])
   const isUpdate = ref(false)
   const treeData = ref([])
+  const cropslist = ref<any>([])
+  //单位
+  const company = ref('')
   const getTitle = computed(() => (!isUpdate.value ? '新增产量' : '编辑产量'))
   const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
     labelWidth: 120,
@@ -40,13 +77,18 @@
   })
   const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
     resetFields()
+    company.value = ''
     setDrawerProps({ confirmLoading: false })
     if (unref(treeData).length === 0) {
       const res = await getcrops({ type: 'all', crop_type: 1 })
+      cropslist.value = res.data
       treeData.value = getTreeData(res.data, 0, 'parent_id', 'id', 'children', 'key')
     }
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {
+      company.value = cropslist?.value?.find((e) => e.id === data.crop_id)?.unit ?? ''
+      const my_extends = cropslist?.value?.find((e) => e.id === data.crop_id)?.extends ?? null
+      const res = await getCropYieldsInfo(data.id)
       await setFieldsValue({
         id: data.id,
         quarter: data.quarter.toString(),
@@ -56,13 +98,32 @@
         output: data.output,
         crop_id: data.crop_id,
         cultivated: data.cultivated,
+        extends: formatDataByObject(my_extends, res.extends),
+      })
+    } else {
+      setFieldsValue({
+        extends: [],
       })
     }
   })
 
+  const select = (e: number, node: any) => {
+    console.log(e)
+    company.value = node.unit
+    setFieldsValue({
+      extends: jsonString(node.extends) ? JSON.parse(node.extends) : node.extends,
+    })
+  }
+
   const handleSubmit = async () => {
     try {
       const values = await validate()
+      if (values.extends) {
+        values.extends = values.extends.reduce(
+          (obj, item) => ((obj[item.name] = item.value), obj),
+          {},
+        )
+      }
       values.time_year = dayjs(values.time_year.toString()).format('YYYY')
       values.type = 1
       setDrawerProps({ confirmLoading: true })
@@ -79,6 +140,34 @@
       setDrawerProps({ confirmLoading: false })
     }
   }
+  const formatDataByObject = (e, v) => {
+    let arr: any = []
+    const arr1 = jsonString(e) ? JSON.parse(e) : e
+    if (!!arr1) {
+      if (!!v) {
+        arr1.forEach((e) => {
+          Object.keys(v).forEach((eve) => {
+            if (e.name === eve) {
+              arr.push({
+                name: e.name,
+                value: v[eve],
+                unit: e.unit,
+              })
+            }
+          })
+        })
+      } else {
+        arr = arr1.map((s) => {
+          return {
+            name: s.name,
+            value: '',
+            unit: s.unit,
+          }
+        })
+      }
+    }
+    return arr
+  }
 </script>
 <style lang="less" scoped>
   :deep(.ant-picker) {
diff --git a/src/views/base/crop-yields/base-yields/base.data.ts b/src/views/base/crop-yields/base-yields/base.data.ts
index 04420d7f..93c25f38 100644
--- a/src/views/base/crop-yields/base-yields/base.data.ts
+++ b/src/views/base/crop-yields/base-yields/base.data.ts
@@ -94,6 +94,27 @@ export const accountFormSchema: FormSchema[] = [
       return !!values.id
     },
   },
+  {
+    label: '农作物',
+    field: 'crop_id',
+    slot: 'crop',
+    component: 'TreeSelect',
+    required: true,
+  },
+  {
+    field: 'base_id',
+    label: '区域',
+    component: 'ApiSelect',
+    required: true,
+    componentProps: {
+      api: async () => {
+        const res = await getTownAgriculturalBasic({ type: 2, page: 1, per_page: 99999 })
+        return res.data
+      },
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
   {
     field: 'time_year',
     label: '年份',
@@ -119,57 +140,42 @@ export const accountFormSchema: FormSchema[] = [
     },
   },
 
-  {
-    field: 'base_id',
-    label: '区域',
-    component: 'ApiSelect',
-    required: true,
-    componentProps: {
-      api: async () => {
-        const { data } = await getTownAgriculturalBasic({ type: 1, page: 1, per_page: 99999 })
-        return data
-      },
-      labelField: 'name',
-      valueField: 'id',
-    },
-  },
   {
     field: 'yield',
     label: '产量',
     required: true,
-    component: 'InputNumber',
+    component: 'Input',
+    slot: 'yield',
   },
   {
     field: 'output',
     label: '产值',
     required: true,
-    component: 'InputNumber',
-  },
-  // {
-  //   field: 'crop_id',
-  //   label: '农作物',
-  //   component: 'TreeSelect',
-  //   required: true,
-  //   componentProps: {
-  //     api: async () => {
-  //       const res = await getcrops({ type: 'all', crop_type: 2 })
-  //       return res.filter((e) => e.is_end == 1)
-  //     },
-  //     labelField: 'name',
-  //     valueField: 'id',
-  //   },
-  // },
-  {
-    label: '农作物',
-    field: 'crop_id',
-    slot: 'crop',
-    component: 'TreeSelect',
-    required: true,
+    component: 'Input',
+    componentProps: {
+      suffix: '元',
+      type: 'number',
+    },
   },
+
   {
     field: 'cultivated',
     label: '耕种面积',
     required: true,
-    component: 'InputNumber',
+    component: 'Input',
+    componentProps: {
+      suffix: '亩',
+      type: 'number',
+    },
+  },
+  {
+    field: 'extends',
+    label: '',
+    required: false,
+    component: 'Input',
+    slot: 'extends',
+    ifShow: ({ values }) => {
+      return values?.extends?.length > 0
+    },
   },
 ]