bill 1 年之前
父节点
当前提交
942f538e8d

+ 1 - 0
index.html

@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" type="image/ico" href="/favicon.ico" id="app-icon" />
   <title></title>
 </head>
 

+ 1 - 1
package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && npm run build-quisk",
-    "build-quisk": "vite build ./ fire && vite build ./ criminal && vite build ./ xmfire",
+    "build-quisk": "vite build ./ fire && vite build ./ criminal && vite build ./ xmfire && vite build ./ police",
     "preview": "vite preview"
   },
   "dependencies": {

+ 10 - 0
src/app/index.ts

@@ -18,6 +18,12 @@ import {
   menuRouteNames as xmfirelMenuRouteNames,
 } from "./xmfire/routeConfig";
 
+import { appConstant as policeConstant } from "./police/constant";
+import {
+  routes as policeRoutes,
+  menuRouteNames as policeMenuRouteNames,
+} from "./police/routeConfig";
+
 export type AppConstant = {
   title: string;
   ico: string;
@@ -45,4 +51,8 @@ if (VITE_APP_APP === "fire") {
   appRoutes = xmfireRoutes;
   menuRouteNames = xmfirelMenuRouteNames;
   appConstant = xmfireConstant;
+} else if (VITE_APP_APP === "police") {
+  appRoutes = policeRoutes;
+  menuRouteNames = policeMenuRouteNames;
+  appConstant = policeConstant;
 }

+ 19 - 0
src/app/police/constant.ts

@@ -0,0 +1,19 @@
+import { AppConstant } from "../";
+import banner from "@/assets/image/policeBanner.png";
+import ico from "@/assets/image/police.ico";
+import linkIco from "@/assets/image/police-32.png";
+import { policeDeptId } from "@/constant/appDeptId";
+
+export const appConstant: AppConstant = {
+  title: "多尺度融合的现场3D数字化重建系统",
+  desc: "",
+  ico,
+
+  banner,
+  name: "criminal",
+  loginComponent: () => import("./view/login/index.vue"),
+  deptId: policeDeptId,
+};
+
+const link = document.querySelector<HTMLLinkElement>("#app-icon")!;
+link.setAttribute("href", linkIco);

+ 26 - 0
src/app/police/routeConfig.ts

@@ -0,0 +1,26 @@
+import { RouteName } from "@/router/routeName";
+import { Routes } from "@/router/config";
+
+export const CriminalRouteName = {
+  ...RouteName,
+  example: "example",
+} as const;
+
+export const menuRouteNames = [
+  // CriminalRouteName.home,
+  CriminalRouteName.vrmodel,
+  CriminalRouteName.camera,
+  CriminalRouteName.example,
+  CriminalRouteName.organization,
+  CriminalRouteName.role,
+  CriminalRouteName.user,
+];
+
+export const routes: Routes = [
+  {
+    name: CriminalRouteName.example,
+    path: "example",
+    component: () => import("@/app/criminal/view/example/index.vue"),
+    meta: { title: "案件管理", icon: "iconfire_management" },
+  },
+];

+ 24 - 0
src/app/police/store/example.ts

@@ -0,0 +1,24 @@
+import {
+  PaggingReq,
+  PaggingRes,
+  axios,
+  exampleList,
+  deleteExample,
+  setExample as setExampleUrl,
+} from "@/request";
+import { Case } from "@/store/case";
+
+export type Example = Case;
+
+export const getExamplePagging = async (
+  params: PaggingReq<Pick<Case, "caseTitle">>
+) => (await axios.get(exampleList, { params })).data as PaggingRes<Example>;
+
+export const delExample = (example: Example) =>
+  axios.post(deleteExample, { caseId: example.caseId });
+
+export const addExample = (caseTitle: string) =>
+  axios.post(setExampleUrl, { caseTitle });
+
+export const setExample = (caseTitle: string, id: number) =>
+  axios.post(setExampleUrl, { caseTitle, caseId: id });

+ 21 - 0
src/app/police/useStyle.scss

@@ -0,0 +1,21 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss'with ($colors: ('primary': ('base': #26559B, )),
+  $common-component-size: ('default': 40px));
+
+.delBtn {
+  color   : #26559B;
+  // color: rgb(250, 85, 85);
+}
+
+body {
+
+
+  .home-content h1,
+  .info h1 {
+    color: rgba(0, 0, 0, 0.85);
+  }
+
+  .home-content p,
+  .info p {
+    color: rgba(0, 0, 0, 0.45);
+  }
+}

+ 33 - 0
src/app/police/view/example/edit.vue

@@ -0,0 +1,33 @@
+<template>
+  <el-form ref="form" label-width="84px">
+    <el-form-item label="案件名称">
+      <el-input
+        v-model="bindExample.caseTitle"
+        maxlength="50"
+        placeholder="请输入案件名称"
+      />
+    </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 { QuiskExpose } from "@/helper/mount";
+
+const props = defineProps<{ example?: Example }>();
+const bindExample = ref<Example>(props.example ? { ...props.example } : ({} as Example));
+
+defineExpose<QuiskExpose>({
+  async submit() {
+    if (!bindExample.value.caseTitle || !bindExample.value.caseTitle.trim()) {
+      ElMessage.error("案件名称不能为空");
+      throw "案件名称不能为空";
+    }
+    await (bindExample.value.caseId
+      ? setExample(bindExample.value.caseTitle, bindExample.value.caseId)
+      : addExample(bindExample.value.caseTitle));
+  },
+});
+</script>

+ 108 - 0
src/app/police/view/example/index.vue

@@ -0,0 +1,108 @@
+<template>
+  <com-head :options="[{ name: '案件管理', value: '2' }]">
+    <el-form label-width="84px" inline>
+      <el-form-item label="标题:">
+        <el-input v-model="state.query.caseTitle" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="承办单位:">
+        <com-company v-model="state.query.deptId" />
+      </el-form-item>
+      <el-form-item class="searh-btns" style="grid-area: 1 / 4 / 2 / 6">
+        <el-button type="primary" @click="refresh">查询</el-button>
+        <el-button type="primary" plain @click="queryReset">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </com-head>
+
+  <div class="body-layer">
+    <div class="body-head">
+      <h3 style="visibility: hidden">案件列表</h3>
+      <div class="table-ctrl-right">
+        <el-button type="primary" @click="addHandler" v-pdpath="['add']">
+          新增案件
+        </el-button>
+      </div>
+    </div>
+
+    <el-table
+      :data="state.table.rows"
+      id="multipleTable"
+      style="width: 100%"
+      class="table"
+      size="large"
+    >
+      <el-table-column label="序号" width="70" v-slot:default="{ $index }">
+        <div style="text-align: center">
+          {{ state.pag.size * (state.pag.currentPage - 1) + $index + 1 }}
+        </div>
+      </el-table-column>
+      <el-table-column label="标题" prop="caseTitle"></el-table-column>
+      <el-table-column label="承办单位" prop="deptName"></el-table-column>
+      <el-table-column label="创建时间" prop="createTime"></el-table-column>
+      <el-table-column
+        label="操作"
+        v-slot:default="{ row }: { row: Example }"
+        :width="240"
+      >
+        <CaseEditMenu
+          :caseId="row.caseId"
+          :prevMenu="[
+            { key: 'info', label: '编辑案件', onClick: () => editHandler(row) },
+          ]"
+          v-if="row.caseId"
+        />
+        <span class="oper-span" @click="gotoQuery(row.caseId)" v-pdpath="['view']"
+          >查看</span
+        >
+        <span
+          class="oper-span"
+          @click="del(row)"
+          style="color: var(--primaryColor)"
+          v-pdpath="['del']"
+        >
+          删除
+        </span>
+      </el-table-column>
+    </el-table>
+
+    <com-pagination
+      @size-change="changPageSize"
+      @current-change="changPageCurrent"
+      :current-page="state.pag.currentPage"
+      :page-size="state.pag.size"
+      :total="state.pag.total"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import comHead from "@/components/head/index.vue";
+import comCompany from "@/components/company-select/index.vue";
+import comPagination from "@/components/pagination/index.vue";
+import { usePagging } from "@/hook/pagging";
+import { Example, delExample, getExamplePagging } from "@/app/criminal/store/example";
+import CaseEditMenu from "@/view/case/editMenu.vue";
+import { gotoQuery } from "@/view/case/help";
+import { addExample, editExample } from "./quisk";
+
+const { state, refresh, queryReset, del, changPageSize, changPageCurrent } = usePagging({
+  get: getExamplePagging,
+  del: delExample,
+  mapper: {
+    delMsg: "删除案件,相关档案也会一并删除,确定要删除吗?",
+  },
+  paramsTemlate: { caseTitle: "", deptId: "" },
+});
+
+const addHandler = async () => {
+  if (await addExample({})) {
+    refresh();
+  }
+};
+
+const editHandler = async (example: Example) => {
+  if (await editExample({ example })) {
+    refresh();
+  }
+};
+</script>

+ 12 - 0
src/app/police/view/example/quisk.ts

@@ -0,0 +1,12 @@
+import Edit from "./edit.vue";
+import { quiskMountFactory } from "@/helper/mount";
+
+export const addExample = quiskMountFactory(Edit, {
+  title: "新增案件",
+  width: 500,
+});
+
+export const editExample = quiskMountFactory(Edit, {
+  title: "编辑案件",
+  width: 500,
+});

+ 293 - 0
src/app/police/view/login/index.vue

@@ -0,0 +1,293 @@
+<template>
+  <div class="login-layer">
+    <div class="content">
+      <div class="info">
+        <img src="@/assets/image/police.ico" alt="" />
+        <h1>{{ appConstant.title }}</h1>
+      </div>
+      <el-form class="panel login" :model="form" @submit.stop>
+        <h2>欢 迎 登 录</h2>
+        <el-form-item class="panel-form-item">
+          <p class="err-info">{{ verification.phone }}</p>
+          <el-input
+            :maxlength="11"
+            v-model.trim="form.phone"
+            placeholder="手机号"
+            @keydown.enter="submitClick"
+          ></el-input>
+        </el-form-item>
+        <el-form-item class="panel-form-item">
+          <p class="err-info">{{ verification.psw }}</p>
+          <el-input
+            v-model="form.psw"
+            :maxlength="16"
+            placeholder="密码"
+            :type="flag ? 'password' : 'text'"
+            @keydown.enter="submitClick"
+          >
+            <template v-slot:suffix>
+              <img
+                v-if="flag"
+                @click="flag = !flag"
+                style="width: 20px; margin: 10px 15px"
+                src="@/assets/image/pasword.png"
+                alt=""
+              />
+              <el-icon :size="20" @click="flag = !flag" class="icon-style" v-else>
+                <View />
+              </el-icon>
+            </template>
+          </el-input>
+        </el-form-item>
+
+        <el-form-item class="panel-form-item code-form-item">
+          <p class="err-info">{{ verification.code }}</p>
+          <el-input
+            v-model="form.code"
+            placeholder="验证码"
+            @keydown.enter="submitClick"
+            class="code-input"
+          >
+            <template v-slot:append>
+              <img :src="codeImg" class="code-img" @click="refer" />
+            </template>
+          </el-input>
+        </el-form-item>
+
+        <el-form-item class="panel-form-item" style="margin-top: 18px">
+          <el-button type="primary" class="fill" @click="submitClick">登录</el-button>
+        </el-form-item>
+
+        <div class="more">
+          <a @click="$router.push({ name: 'forget' })">忘记密码</a>
+        </div>
+      </el-form>
+    </div>
+
+    <p class="desc">
+      公安部鉴定中心 & 珠海市四维时代网络科技有限公司 |
+      公安部科技强警基础工作计划(2022JC13)
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, watch, ref, computed } from "vue";
+import { openErrorMsg, baseURL, getCode } from "@/request";
+import { PHONE } from "@/constant/REG";
+import { guid, strToParams } from "@/util";
+import { RouteName, router } from "@/router";
+import { login } from "@/store/system";
+import { appConstant } from "@/app";
+import { user } from "@/store/user";
+
+// 是否显示明文密码
+const flag = ref(true);
+// 表单
+const form = reactive({
+  phone: localStorage.getItem("userName") || "",
+  psw: localStorage.getItem("password") || "",
+  code: "",
+  remember: import.meta.env.DEV || localStorage.getItem("remember") === "1",
+});
+const verification = reactive({ phone: "", psw: "", code: "" });
+// 验证
+watch(
+  form,
+  () => {
+    console.log("form", form);
+    if (!form.phone) {
+      verification.phone = "请输入手机号";
+    } else if (form.phone == "88888888888") {
+      verification.phone = "";
+    } else {
+      verification.phone = PHONE.REG.test(form.phone) ? "" : PHONE.tip;
+    }
+    if (!form.psw) {
+      verification.psw = "请输入密码";
+    } else {
+      verification.psw = "";
+    }
+    if (!form.code.trim()) {
+      verification.code = "请输入验证码";
+    } else {
+      verification.code = "";
+    }
+  },
+  { immediate: true }
+);
+
+// 图片验证码
+const imgKey = ref(guid());
+const refer = () => (imgKey.value = guid());
+const codeImg = computed(() => baseURL + getCode + "?key=" + imgKey.value);
+
+// 表单提交
+const submitClick = async () => {
+  if (verification.phone && verification.phone !== "88888888888") {
+    return openErrorMsg(verification.phone);
+  }
+  if (verification.psw) return openErrorMsg(verification.psw);
+  if (verification.code) return openErrorMsg(verification.code);
+
+  try {
+    await login({ phoneNum: form.phone, code: form.code, password: form.psw });
+
+    if (form.remember) {
+      localStorage.setItem("userName", form.phone);
+      localStorage.setItem("password", form.psw);
+      localStorage.setItem("remember", "1");
+    } else {
+      localStorage.setItem("userName", "");
+      localStorage.setItem("password", "");
+      localStorage.setItem("remember", "0");
+    }
+
+    const params = strToParams(window.location.search);
+    if ("redirect" in params) {
+      const url = new URL(unescape(params.redirect));
+      url.searchParams.delete("token");
+      url.searchParams.append("token", user.value.token);
+      window.location.replace(url);
+    } else {
+      router.replace({ name: RouteName.scene });
+    }
+  } catch (e) {
+    console.error(e);
+    return refer();
+  }
+};
+</script>
+
+<style lang="sass">
+@import "./style.scss"
+</style>
+
+<style lang="scss" scoped>
+.login-layer {
+  width: 100%;
+  height: 100%;
+  background: #eceff2 url("@/assets/image/policeBanner.png") no-repeat center center;
+  background-size: cover;
+  position: inherit;
+
+  .desc {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 30px;
+    font-size: 14px;
+    color: #999999;
+    line-height: 30px;
+    letter-spacing: 1px;
+  }
+}
+.content {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  height: 100%;
+}
+.info {
+  color: #fff;
+  margin-right: 143px;
+  padding-top: 40px;
+  padding-left: 44px;
+  flex: none;
+  text-align: left;
+  display: flex;
+  align-items: center;
+
+  img {
+    width: 40px;
+    height: 40px;
+    margin-right: 20px;
+  }
+  h1 {
+    font-size: 2.2rem;
+  }
+}
+
+.login {
+  width: 400px;
+  margin-right: 12.5%;
+  position: relative;
+  display: inline-block;
+  background: none;
+  box-shadow: none;
+  align-self: center;
+
+  h2 {
+    padding-left: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+    margin-bottom: 2.14rem;
+    text-align: center;
+    font-weight: bold;
+    font-size: 36px;
+
+    span {
+      color: #646566;
+      font-size: 1.33rem;
+      margin-top: 0.71rem;
+      display: block;
+    }
+  }
+
+  .panel-form-item {
+    padding-left: 0;
+    padding-right: 0;
+    .icon-style {
+      margin-right: 14px;
+      font-size: 20px;
+      line-height: 50px;
+    }
+  }
+
+  .more a:first-child::after {
+    content: "";
+    position: absolute;
+    right: -5px;
+    width: 1px;
+    height: 8px;
+    background: #dcdee0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.code-img {
+  height: 40px;
+}
+</style>
+
+<style>
+.login-layer .el-input {
+  --el-input-bg-color: #f6f8fb;
+  /* var(--el-fill-color-blank) */
+}
+.login .code-form-item .el-input {
+  display: flex;
+}
+
+.login .code-form-item .el-input-group__append {
+  flex: none;
+  margin-left: 10px;
+  width: 95px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
+.login .code-form-item .el-input__inner {
+  flex: 1;
+}
+.login .code-form-item .el-input-group__append,
+.login .code-form-item .el-input__inner {
+  border-radius: 4px;
+}
+input[type="password"]::-ms-reveal {
+  display: none;
+}
+</style>

+ 75 - 0
src/app/police/view/login/style.scss

@@ -0,0 +1,75 @@
+.panel {
+  background   : rgba(255, 255, 255, 0.7);
+  box-shadow   : 0px 2px 20px 0px rgba(5, 38, 38, 0.15);
+  border-radius: 10px;
+  width        : 600px;
+  padding      : 30px 0 40px;
+  text-align   : initial;
+
+  h2 {
+    color         : #323233;
+    font-size     : 1.85rem;
+    margin-bottom : 2.14rem;
+    font-weight   : normal;
+    padding-left  : 60px;
+    padding-bottom: 20px;
+    border-bottom : 1px solid #E9E9E9;
+  }
+
+  .panel-form-item {
+    position      : relative;
+    padding-bottom: 2.14rem;
+    margin        : 0;
+    padding-left  : 90px;
+    padding-right : 90px;
+
+    &.remember {
+      padding: 0;
+    }
+
+    .err-info {
+      position   : absolute;
+      top        : 100%;
+      left       : 20px;
+      font-size  : 1rem;
+      line-height: 2.14rem;
+      color      : #FA5555;
+    }
+
+  }
+
+  .more {
+    text-align: center;
+
+    a {
+      color          : #323233;
+      line-height    : 21px;
+      font-size      : 16px;
+      margin         : 0 5px;
+      position       : relative;
+      text-decoration: none;
+      cursor         : pointer;
+    }
+  }
+}
+
+
+.panel-form-item .el-select {
+  width: 100%;
+}
+
+.panel-form-item .el-button,
+.panel-form-item .el-input__inner {
+  height   : 40px;
+  font-size: 1.14rem;
+}
+
+.panel-form-item .el-button {
+  line-height: 26px;
+  font-weight: bold;
+  font-size  : 16px;
+}
+
+.panel-form-item .el-form-item__label {
+  line-height: 40px;
+}

二进制
src/assets/image/police-32.png


二进制
src/assets/image/police.ico


二进制
src/assets/image/policeBanner.png


+ 7 - 1
src/constant/appDeptId.ts

@@ -1,5 +1,11 @@
 export const fireDeptId = 1;
 export const criminalDeptId = 2;
 export const xmfireDeptId = 3;
+export const policeDeptId = 4;
 
-export const topDeptIds = [fireDeptId, criminalDeptId, xmfireDeptId];
+export const topDeptIds = [
+  fireDeptId,
+  criminalDeptId,
+  xmfireDeptId,
+  policeDeptId,
+];

+ 7 - 1
src/view/system/forget.vue

@@ -1,5 +1,11 @@
 <template>
-  <el-form class="panel" :model="form" @submit.stop label-width="70px">
+  <el-form
+    class="panel"
+    style="background: rgba(255, 255, 255, 1)"
+    :model="form"
+    @submit.stop
+    label-width="70px"
+  >
     <div class="stop-psw">
       <input type="text" />
       <input type="password" name="" id="" />

+ 7 - 3
vite.config.ts

@@ -3,7 +3,7 @@ import vue from "@vitejs/plugin-vue";
 import { resolve } from "path";
 import ElementPlus from "unplugin-element-plus/vite";
 
-let app = "criminal";
+let app = "police";
 if (process.argv.length > 3) {
   app = process.argv[process.argv.length - 1].trim();
 }
@@ -43,12 +43,16 @@ export default defineConfig({
     port: 5173,
     proxy: {
       "/api": {
-        target: dev ? "http://test-mix3d.4dkankan.com" : "mix3d.4dkankan.com",
+        target: dev
+          ? "http://test-mix3d.4dkankan.com"
+          : "https://mix3d.4dkankan.com",
         changeOrigin: true,
         rewrite: (path) => path.replace(new RegExp(`^/api`), ""),
       },
       "/fusion": {
-        target: dev ? "https://test-mix3d.4dkankan.com" : "mix3d.4dkankan.com",
+        target: dev
+          ? "https://test-mix3d.4dkankan.com"
+          : "https://mix3d.4dkankan.com",
         changeOrigin: true,
         rewrite: (path) => path.replace(new RegExp(`^/api`), "/fusion"),
       },