档案

src/api/modules/web/archive.ts

@@ -0,0 +1,34 @@
+import { handle } from '../../index'
+
+const suffix = 'sww-api'
+
+// 分页获取船舶档案
+export const shipArchiveList = (params: any) => handle({
+  url: `/${suffix}/ship/archive/list`,
+  method: 'post',
+  params
+})
+// 新增船舶档案
+export const shipArchiveAdd = (params: any) => handle({
+  url: `/${suffix}/ship/archive/add`,
+  method: 'post',
+  params
+})
+// 编辑船舶档案
+export const shipArchiveEdit = (params: any) => handle({
+  url: `/${suffix}/ship/archive/edit`,
+  method: 'post',
+  params
+})
+// 删除船舶档案
+export const shipArchiveDelete = (params: any) => handle({
+  url: `/${suffix}/ship/archive/delete`,
+  method: 'post',
+  params
+})
+// 详情船舶档案
+export const shipArchiveDetail = (params: any) => handle({
+  url: `/${suffix}/ship/archive/detail`,
+  method: 'get',
+  params
+})

src/stores/dictionary.ts

@@ -14,20 +14,50 @@ export const useDictionaryStore = defineStore('dictionary', {
 	state: () => ({
 		...dictionary,
 		...dictionaryOther,
-		typeLevelList: [
-			{dictLabel: '1级', dictValue: 1},
-			{dictLabel: '2级', dictValue: 2},
-			{dictLabel: '3级', dictValue: 3},
-			{dictLabel: '4级', dictValue: 4},
+		areaConfigList: [
+			{dictLabel: '不可配置', dictValue: '0'},
+			{dictLabel: '可选配置', dictValue: '1'},
+			{dictLabel: '必选配置', dictValue: '2'},
+		],
+		warningLevelList: [
+			{dictLabel: '高', dictValue: '1'},
+			{dictLabel: '中', dictValue: '2'},
+			{dictLabel: '低', dictValue: '3'},
+		],
+		warningRuleList: [
+			{dictLabel: '预警区域', dictValue: '1'},
+			{dictLabel: '白名单区域', dictValue: '2'},
+		],
+		shipTypeList: [
+			{dictLabel: '渔船', dictValue: '1'},
+			{dictLabel: '加油船舶', dictValue: '2'},
+			{dictLabel: '游艇', dictValue: '3'},
+			{dictLabel: '渔业捕捞船', dictValue: '4'},
+			{dictLabel: '渔业辅助船', dictValue: '5'},
+			{dictLabel: '货船', dictValue: '6'},
+			{dictLabel: '客船', dictValue: '7'},
+			{dictLabel: '文体船', dictValue: '8'},
+			{dictLabel: '加冰加水船', dictValue: '9'},
+			{dictLabel: '其他船舶', dictValue: '10'},
+		],
+		certTypeList: [
+			{dictLabel: '持证船舶', dictValue: '1'},
+			{dictLabel: '不持证船舶', dictValue: '2'},
+		],
+		importantList: [
+			{dictLabel: '是', dictValue: true},
+			{dictLabel: '否', dictValue: false},
 		],
-		dictStateList: [
-			{dictLabel: '启用', dictValue: '0'},
-			{dictLabel: '停用', dictValue: '1'},
-		]
 	}),
 	getters: {
-		dictStateMap() {
-			return listToMap(this.dictStateList)
+		shipTypeMap() {
+			return listToMap(this.shipTypeList)
+		},
+		certTypeMap() {
+			return listToMap(this.certTypeList)
+		},
+		importantMap() {
+			return listToMap(this.importantList)
 		},
 	},
 	actions: {

src/views/web/archive/detail.vue

@@ -13,30 +13,30 @@
         <CusFormColumn
           :span="12"
           required
-          label="船舶名称"
-          v-model:param="state.form.indexNameShort"
+          label="船名号"
+          v-model:param="state.form.name"
         />
         <CusFormColumn
           :span="12"
           required
           label="船舶类型"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.type"
           link="select"
-          :options="[]"
+          :options="DictionaryStore.shipTypeList"
         />
         <CusFormColumn
           :span="12"
           required
           label="持证类型"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.certType"
           link="select"
-          :options="[]"
+          :options="DictionaryStore.certTypeList"
         />
         <CusFormColumn
           :span="12"
           required
           label="最大航速"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.maxSpeed"
           link="number"
           unit="节"
           :decimal="2"
@@ -45,7 +45,7 @@
           :span="12"
           required
           label="船长"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.length"
           link="number"
           unit="米"
           :decimal="2"
@@ -54,7 +54,7 @@
           :span="12"
           required
           label="船宽"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.width"
           link="number"
           unit="米"
           :decimal="2"
@@ -62,19 +62,19 @@
         <CusFormColumn
           :span="12"
           label="北斗终端号"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.beidouId"
         />
         <CusFormColumn
           :span="12"
           label="MMSI"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.mmsi"
         />
         <CusFormColumn
           :span="12"
           label="重点船舶"
-          v-model:param="state.form.indexNameShort"
+          v-model:param="state.form.important"
           link="radio"
-          :options="[{dictLabel: '是', dictValue: '1'},{dictLabel: '否', dictValue: '0'}]"
+          :options="DictionaryStore.importantList"
         />
         <CusFormColumn
           :span="12"
@@ -96,6 +96,7 @@
 import {computed, getCurrentInstance, nextTick, reactive, ref, watch} from "vue";
 import {useDictionaryStore} from "@/stores";
 import {ElMessage, ElMessageBox} from "element-plus";
+import {shipArchiveAdd, shipArchiveDetail, shipArchiveEdit} from "@/api/modules/web/archive";
 
 const emit = defineEmits(['update:show', 'refresh'])
 const {proxy} = getCurrentInstance()
@@ -129,14 +130,25 @@ const onSubmit = () => {
     } as any).then(() => {
       state.loading = true
       const params = {...state.form}
-      // sysThemeIndexAdd(params).then(res => {
-      //   ElMessage.success('新增成功！')
-      //   emit('update:show', false)
-      //   emit('refresh')
-      //   state.loading = false
-      // }).catch(() => {
-      //   state.loading = false
-      // })
+      if (props.transfer.mode === 'add') {
+        shipArchiveAdd(params).then(res => {
+          ElMessage.success('新增成功！')
+          emit('update:show', false)
+          emit('refresh')
+          state.loading = false
+        }).catch(() => {
+          state.loading = false
+        })
+      } else {
+        shipArchiveEdit(params).then(res => {
+          ElMessage.success('编辑成功！')
+          emit('update:show', false)
+          emit('refresh')
+          state.loading = false
+        }).catch(() => {
+          state.loading = false
+        })
+      }
     }).catch(() => {})
   }).catch((e) => {
     ElMessage({
@@ -148,14 +160,10 @@ const onSubmit = () => {
 }
 const initDetail = () => {
   state.loading = true
-  // sysThemeIndexFindById(props.transfer.id).then(res => {
-  //   state.form = res.data
-  //   state.form.indexUrl = state.form.indexUrl ? [{url: state.form.indexUrl, name: state.form.indexUrl}] : []
-  //   state.conditionTable.data = state.form.indexCondition ? JSON.parse(state.form.indexCondition) : []
-  //   state.sortTable.data = state.form.indexOrder ? JSON.parse(state.form.indexOrder) : []
-  //   initText(state.form.indexId)
-  //   state.loading = false
-  // })
+  shipArchiveDetail({id: props.transfer.id}).then(res => {
+    state.form = Object.assign(res.data, {indexUrl: []})
+    state.loading = false
+  })
 }
 watch(() => props.show, (n) => {
   if (n) {
@@ -165,6 +173,8 @@ watch(() => props.show, (n) => {
       state.form = {
         indexUrl: []
       }
+    } else {
+      initDetail()
     }
     nextTick(() => {
       ref_form.value.reset()

src/views/web/archive/index.vue

@@ -14,30 +14,30 @@
         <CusForm labelWidth="100px" @handleEnter="onSearch">
           <CusFormColumn
             :span="6"
-            label="船舶名称"
-            v-model:param="state.query.form.keyword"/>
+            label="船名号"
+            v-model:param="state.query.form.name"/>
           <CusFormColumn
             :span="6"
             label="船舶类型"
-            v-model:param="state.query.form.keyword"
+            v-model:param="state.query.form.type"
             link="select"
-            :options="[]"
+            :options="DictionaryStore.shipTypeList"
           />
           <CusFormColumn
             :span="6"
             label="持证类型"
-            v-model:param="state.query.form.keyword"
+            v-model:param="state.query.form.certType"
             link="select"
-            :options="[]"
+            :options="DictionaryStore.certTypeList"
           />
           <CusFormColumn
             :span="6"
             label="北斗终端号"
-            v-model:param="state.query.form.keyword"/>
+            v-model:param="state.query.form.beidouId"/>
           <CusFormColumn
             :span="6"
             label="MMSI"
-            v-model:param="state.query.form.keyword"/>
+            v-model:param="state.query.form.mmsi"/>
           <CusSearchButtons
             @handleReset="onReset"
             @handleSearch="onSearch"
@@ -48,7 +48,7 @@
         <CusButton type="main" title="新增" style="margin-left: auto;" @click="onAdd"/>
         <CusButton type="del" title="批量删除"/>
       </div>
-      <div class="table">
+      <div class="table" v-loading="state.query.loading">
         <CusTable
           :page-num="state.query.page.pageNum"
           :page-size="state.query.page.pageSize"
@@ -57,17 +57,14 @@
           :table-head="state.query.tableHead"
           @handlePage="onPage"
         >
-          <template #shareMethod-column-value="{scope}">
-            {{DictionaryStore.gxMethodMap.get(scope.row.shareMethod)}}
+          <template #type-column-value="{scope}">
+            {{DictionaryStore.shipTypeMap.get(String(scope.row.type))}}
           </template>
-          <template #shareCycle-column-value="{scope}">
-            {{DictionaryStore.gxCycleMap.get(scope.row.shareCycle)}}
+          <template #certType-column-value="{scope}">
+            {{DictionaryStore.certTypeMap.get(String(scope.row.certType))}}
           </template>
-          <template #themeMode-column-value="{scope}">
-            {{DictionaryStore.themeModeMap.get(scope.row.themeMode)}}
-          </template>
-          <template #isCreateEsIndex-column-value="{scope}">
-            {{DictionaryStore.trueFalseMap.get(scope.row.isCreateEsIndex)}}
+          <template #important-column-value="{scope}">
+            {{DictionaryStore.importantMap.get(scope.row.important)}}
           </template>
           <template #do-column-value="{scope}">
             <CusButton type="table-edit" @click="onEdit(scope.row)"/>
@@ -75,7 +72,7 @@
           </template>
         </CusTable>
       </div>
-      <detail v-model:show="state.detail.show" :transfer="state.detail.transfer"/>
+      <detail v-model:show="state.detail.show" :transfer="state.detail.transfer" @refresh="onSearch"/>
     </div>
   </CusDialog>
 </template>
@@ -85,6 +82,8 @@ import {computed, getCurrentInstance, nextTick, onMounted, reactive, ref, watch}
 import {useDictionaryStore} from "@/stores";
 import {ElMessage, ElMessageBox} from "element-plus";
 import detail from './detail.vue'
+import {shipArchiveDelete, shipArchiveList} from "@/api/modules/web/archive";
+import {warnAreaDelete} from "@/api/modules/web/area";
 
 const emit = defineEmits(['update:show', 'refresh'])
 const {proxy} = getCurrentInstance()
@@ -101,22 +100,22 @@ const state: any = reactive({
       pageSize: 10
     },
     tableHead: [
-      {value: 'userName', label: '船名号', width: 200},
-      {value: 'nickName', label: '最大航速', width: 200},
-      {value: 'nickName', label: '船长', width: 200},
-      {value: 'nickName', label: '船宽', width: 200},
-      {value: 'nickName', label: '北斗终端号', width: 200},
-      {value: 'nickName', label: 'MMSI', width: 200},
-      {value: 'nickName', label: '船舶类型', width: 200},
-      {value: 'nickName', label: '持证类型', width: 200},
-      {value: 'nickName', label: '是否重点船舶', width: 200},
+      {value: 'name', label: '船名号', width: 200},
+      {value: 'maxSpeed', label: '最大航速', width: 200},
+      {value: 'length', label: '船长', width: 200},
+      {value: 'width', label: '船宽', width: 200},
+      {value: 'beidouId', label: '北斗终端号', width: 200},
+      {value: 'mmsi', label: 'MMSI', width: 200},
+      {value: 'type', label: '船舶类型', width: 200},
+      {value: 'certType', label: '持证类型', width: 200},
+      {value: 'important', label: '是否重点船舶', width: 200},
       {value: "do", label: "操作", width: 160, fixed: 'right'},
     ],
     form: {},
     formReal: {},
     result: {
       total: 0,
-      data: [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},]
+      data: []
     }
   },
   detail: {
@@ -128,6 +127,7 @@ watch(() => props.show, (n) => {
   if (n) {
     state.loading = false
     initDictionary()
+    onSearch()
   }
 })
 const initDictionary = () => {
@@ -139,8 +139,8 @@ const onPage = (pageNum, pageSize) => {
     pageSize: pageSize
   }
   const params = {
-    page: state.query.page.pageNum,
-    size: state.query.page.pageSize,
+    pageNum: state.query.page.pageNum,
+    pageSize: state.query.page.pageSize,
   }
   //  添加表单参数
   for (const [k, v] of Object.entries(state.query.formReal)) {
@@ -149,11 +149,11 @@ const onPage = (pageNum, pageSize) => {
     }
   }
   state.query.loading = true
-  // sysIndexFindIndexByPage(proxy.$util.formatGetParam(params)).then(res => {
-  //   state.query.result.total = res.data.totalElements
-  //   state.query.result.data = res.data.content
-  //   state.query.loading = false
-  // })
+  shipArchiveList(params).then(res => {
+    state.query.result.total = res.total
+    state.query.result.data = res.rows
+    state.query.loading = false
+  })
 }
 const onSearch = () => {
   state.query.formReal = JSON.parse(JSON.stringify(state.query.form))
@@ -173,6 +173,27 @@ const onAdd = () => {
   }
   state.detail.show = true
 }
+const onEdit = (row) => {
+  state.detail.transfer = {
+    mode: 'edit',
+    id: row.id
+  }
+  state.detail.show = true
+}
+const onDel = (row) => {
+  ElMessageBox.confirm(`请确认是否删除${row.name}?`, "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  } as any).then(() => {
+    state.loading = true
+    shipArchiveDelete({id: row.id}).then(res => {
+      ElMessage.success('删除成功！')
+      state.loading = false
+      onSearch()
+    })
+  }).catch(() => {})
+}
 </script>
 
 <style lang="scss" scoped>