feat: 修改保存

src/app/criminal/view/example/criminalType.ts

@@ -1,10 +1,3 @@
 
-// 杀人、爆炸、放火、强奸、绑架、投毒、破坏、伤害致死、入室抢劫、入室盗窃、抢劫、抢夺、盗窃类、接触性诈骗
-// export const criminalType = {
 
-// }
-enum criminalType {
-    // ,
-    // True,
-    // Unknown
-}
+export const criminalType = ['杀人', '爆炸', '放火', '强奸', '绑架', '投毒', '破坏', '伤害致死', '入室抢劫', '入室盗窃', '抢劫', '抢夺', '盗窃类', '接触性诈骗']

src/app/criminal/view/example/edit.vue

@@ -17,43 +17,68 @@
     </el-form-item>
 
     <el-form-item label="案件类别">
-      <el-input
+      <!-- <el-input
         v-model="bindExample.caseCategory"
         maxlength="300"
         placeholder="请输入案件类别"
-      />
+      /> -->
+      <el-select
+        v-model="bindExample.caseCategory"
+        placeholder="请输入案件类别"
+        style="width: 60%"
+      >
+        <el-option v-for="item in criminalType" :label="item" :value="item" />
+      </el-select>
     </el-form-item>
 
     <el-form-item label="案件区域">
-      <el-input
+      <!-- <el-input
         v-model="bindExample.caseRegion"
         maxlength="300"
         placeholder="案件区域"
-      />
+      /> -->
+      <el-cascader
+        size="large"
+        style="width: 60%"
+        :options="(pcaTextArr as any as CascaderOption[])"
+        v-model="bindExample.caseRegion"
+      ></el-cascader>
     </el-form-item>
-
     <el-form-item label="案件地点">
       <el-input
+        v-model="bindExample.mapUrl"
+        placeholder="输入名称搜索"
+        clearable
+        disabled
+      >
+        <template #append>
+          <el-button :icon="Search" @click="searchAMapAddress" />
+        </template>
+      </el-input>
+    </el-form-item>
+
+    <!-- <el-form-item label="案件地点">
+      <el-input
         v-model="bindExample.caseAddress"
         maxlength="300"
         placeholder="案件地点"
       />
-    </el-form-item>
+    </el-form-item> -->
     <!-- class="mandatory" -->
     <div class="el-form-item">
       <el-col :span="12">
         <el-form-item label="是否命案">
           <el-radio-group v-model="bindExample.homicideCase">
-            <el-radio-button :value="1">是</el-radio-button>
-            <el-radio-button :value="0">否</el-radio-button>
+            <el-radio :value="1">是</el-radio>
+            <el-radio :value="0">否</el-radio>
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12">
         <el-form-item label="是否刑案">
           <el-radio-group v-model="bindExample.criminalCase">
-            <el-radio-button :value="1">是</el-radio-button>
-            <el-radio-button :value="0">否</el-radio-button>
+            <el-radio :value="1">是</el-radio>
+            <el-radio :value="0">否</el-radio>
           </el-radio-group>
         </el-form-item>
       </el-col>
@@ -66,29 +91,18 @@
         placeholder="经纬度"
       />
     </el-form-item>
-
-    <el-form-item label="详细地址">
-      <el-input
-        v-model="bindExample.mapUrl"
-        placeholder="输入名称搜索"
-        clearable
-        disabled
-      >
-        <template #append>
-          <el-button :icon="Search" @click="searchAMapAddress" />
-        </template>
-      </el-input>
-    </el-form-item>
   </el-form>
 </template>
 
 <script setup lang="ts">
 import { ref } from "vue";
 import { Example, setExample, addExample } from "@/app/criminal/store/example";
-import { ElMessage } from "element-plus";
+import { ElMessage, CascaderOption } from "element-plus";
 import { QuiskExpose } from "@/helper/mount";
 import { Search } from "@element-plus/icons-vue";
 import { selectMapImage } from "@/view/case/quisk";
+import { pcaTextArr } from "element-china-area-data";
+import { criminalType } from "./criminalType";
 
 interface CriminalExample extends Example {
   caseNum: string; //案件编号

src/view/media/index.vue

@@ -147,7 +147,6 @@ watch(currentTypeId, async (nVal, oVal) => {
       subTabName.value = secondList[0].value;
       subOptions.value = secondList;
     }
-
     //  const data = await getCaseFileTypesQuery("library");
   }
 });