判读审核 违法用地 图斑详情对接图斑标签功能

src/components/Audit/InfoModal/index.vue

@@ -22,7 +22,21 @@
       <div class="item" style="flex:2">
         <div class="label">图斑详情：</div>
         <div class="item-value" style="flex:3">
-          <a-input v-model:value="props.infoData.case_description"
+          <a-select 
+            v-if="props.type == '违法用地'"
+            style="width: 50%"
+            v-model:value="caseDescription[0]"
+            :options="tubanbiaoqian1Options"
+            placeholder="请选择图斑详情"
+            :disabled="!props.control"/>
+          <a-select 
+            v-if="props.type == '违法用地'"
+            style="width: 50%"
+            v-model:value="caseDescription[1]"
+            :options="tubanbiaoqian2Options"
+            placeholder="请选择图斑详情"
+            :disabled="!props.control"/>
+          <a-input v-else v-model:value="props.infoData.case_description"
           :disabled="!props.control"/>
         </div>
       </div>
@@ -247,6 +261,7 @@ import MapboxMap from '@/components/MapboxMaps/MapComponent.vue';
 import { getGeom } from '@/api/sys/layerManagement';
 import { typenameKey } from '@/views/demo/audit/util'
 import axios from "axios";
+import { tubanbiaoqian1Options, tubanbiaoqian2Options } from './util'
 
 const props = defineProps(['infoData','control','type','modalLoading'])
 const emits = defineEmits(['handleOk','closeModal','closeCase','reSubmit','changeLoading'])
@@ -265,8 +280,15 @@ const yesOrNoOptions = ref([
   { label: '是', value: 1 },
   { label: '否', value: 0 },
 ])
+const caseDescription = ref(["",""])
 
 onMounted(() => {
+  if(props.type == '违法用地'){
+    if(props.infoData.case_description){
+      caseDescription.value = props.infoData.case_description.split('-')
+      console.log('caseDescription1.value',caseDescription.value)
+    }
+  }
   getLoad({code: typenameKey[props.type]}).then(res => {
     typenameOptions.value = res.map(item => {
       return {
@@ -363,6 +385,9 @@ const submitApi = () => {
     okText: '确认',
     cancelText: '取消',
     onOk: () => {
+      if(props.type == '违法用地'){
+        props.infoData.case_description = caseDescription.value.join('-')
+      }
       let params = {
         ...props.infoData,
         subject: props.type,

src/components/Audit/InfoModal/util.ts

@@ -0,0 +1,3 @@
+import { asyncGetOptions } from '@/utils/global'
+export const tubanbiaoqian1Options = await asyncGetOptions('tubanbiaoqian1');
+export const tubanbiaoqian2Options = await asyncGetOptions('tubanbiaoqian2');