Skip to content

F
founder_vue
Commit 6b1f3567 by 张超军
Options

1.人员/案件指纹编辑增加备注/中心点/左三角/右三角。2.案件指纹编辑增加标号功能。

parent 2f2104eb
Showing with 375 additions and 6 deletions
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/img/zcedit/beizhu.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1658915706010" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2298" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M170.666667 914.773333c-6.826667 0-10.24 0-13.653334-3.413333-13.653333-6.826667-20.48-20.48-20.48-30.72l3.413334-116.053333c0-17.066667 17.066667-34.133333 34.133333-34.133334 20.48 0 34.133333 17.066667 34.133333 34.133334v40.96l105.813334-85.333334L204.8 665.6c-34.133333-17.066667-44.373333-58.026667-27.306667-92.16l208.213334-392.533333c17.066667-30.72 44.373333-54.613333 81.92-68.266667 34.133333-10.24 71.68-6.826667 102.4 10.24 64.853333 34.133333 92.16 119.466667 58.026666 184.32l-160.426666 300.373333c-10.24 17.066667-30.72 23.893333-47.786667 13.653334-17.066667-10.24-23.893333-30.72-13.653333-47.786667L566.613333 273.066667c17.066667-34.133333 3.413333-75.093333-27.306666-92.16-17.066667-10.24-34.133333-10.24-51.2-3.413334-17.066667 6.826667-30.72 17.066667-40.96 34.133334L238.933333 607.573333l105.813334 54.613334c20.48 10.24 34.133333 30.72 37.546666 54.613333 3.413333 23.893333-6.826667 44.373333-23.893333 58.026667l-160.426667 129.706666c-13.653333 6.826667-20.48 10.24-27.306666 10.24z m744.106666-34.133333c0-20.48-13.653333-34.133333-34.133333-34.133333h-512c-20.48 0-34.133333 13.653333-34.133333 34.133333s13.653333 34.133333 34.133333 34.133333h512c20.48 0 34.133333-17.066667 34.133333-34.133333z" fill="#3E2AD1" p-id="2299"></path></svg>
\ No newline at end of file
src/assets/img/zcedit/centerPoint.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 64 (93537) - https://sketch.com -->
<title>编组 106</title>
<desc>Created with Sketch.</desc>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="编组-106" transform="translate(-8.000000, -6.000000)">
<g id="特征点备份" fill="#FFFF00" fill-opacity="0">
<rect id="矩形" x="0" y="0" width="34" height="34"></rect>
</g>
<g id="编组-13备份-6" transform="translate(5.000000, 3.000000)">
<path d="M17.1923882,8.19238816 C17.6753728,8.19238816 18.0894509,8.45085089 18.1763881,8.80687611 L18.1923882,8.9417637 L18.1923882,26.1923882 C18.1923882,26.1923882 16.1923882,26.1923882 16.1923882,26.1923882 L16.1923882,8.9417637 C16.1923882,8.52789504 16.6401034,8.19238816 17.1923882,8.19238816 Z" id="形状" fill="#FF0000" fill-rule="nonzero" transform="translate(17.192388, 17.192388) rotate(-45.000000) translate(-17.192388, -17.192388) "></path>
<circle id="椭圆形" fill="#FF0000" transform="translate(23.556349, 23.556349) rotate(-45.000000) translate(-23.556349, -23.556349) " cx="23.5563492" cy="23.5563492" r="1"></circle>
<path d="M3,8 C3,10.7614238 5.23857625,13 8,13 C10.7614237,13 13,10.7614238 13,8 C13,6.21367208 12.0470054,4.56303697 10.5,3.66987299 C8.95299463,2.776709 7.04700537,2.776709 5.5,3.66987299 C3.95299458,4.56303697 3,6.21367208 3,8 Z" id="路径" fill="#FF0000" fill-rule="nonzero" transform="translate(8.000000, 8.000000) rotate(-45.000000) translate(-8.000000, -8.000000) "></path>
<path d="M6.36396103,5.86396103 C6.36396103,6.69238816 7.03553391,7.36396103 7.86396103,7.36396103 C8.69238816,7.36396103 9.36396103,6.69238816 9.36396103,5.86396103 C9.36396103,5.03553391 8.69238816,4.36396103 7.86396103,4.36396103 C7.03553391,4.36396103 6.36396103,5.03553391 6.36396103,5.86396103 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero" transform="translate(7.863961, 5.863961) rotate(-45.000000) translate(-7.863961, -5.863961) "></path>
</g>
</g>
</g>
</svg>
src/assets/img/zcedit/lefttrigle.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1658988095162" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1708" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M795.02336 141.85472a25.6 25.6 0 0 0-35.15392-8.6528L213.35552 463.81568a56.32 56.32 0 0 0-19.03616 19.03616c-16.1024 26.61376-7.5776 61.24032 19.03616 77.34272l546.51392 330.60864a25.6 25.6 0 0 0 38.85056-21.90336V155.10528a25.6 25.6 0 0 0-3.69664-13.25056zM849.92 868.89984c0 42.4192-34.38592 76.8-76.8 76.8a76.8 76.8 0 0 1-39.75168-11.0848L186.8544 604.00128c-50.81088-30.73536-67.08224-96.8448-36.34688-147.65056a107.52 107.52 0 0 1 36.34688-36.34176l546.5088-330.61376c36.3008-21.95456 83.51232-10.33216 105.472 25.9584A76.8 76.8 0 0 1 849.92 155.10528v713.79456z" fill="#0000ff" p-id="1709"></path></svg>
\ No newline at end of file
src/assets/img/zcedit/righttrigle.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1658988234372" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3005" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M228.97664 141.85472A25.6 25.6 0 0 0 225.28 155.10528v713.79456a25.6 25.6 0 0 0 38.85056 21.90336l546.51392-330.60864c26.61376-16.1024 35.13856-50.72896 19.03616-77.34272a56.32 56.32 0 0 0-19.03616-19.03616L264.13056 133.20192a25.6 25.6 0 0 0-35.15392 8.6528zM174.08 868.89984V155.10528a76.8 76.8 0 0 1 11.08992-39.75168c21.95456-36.29056 69.1712-47.91296 105.46176-25.9584l546.51392 330.61376a107.52 107.52 0 0 1 36.34688 36.34176c30.73536 50.80576 14.464 116.9152-36.34688 147.65056l-546.5088 330.61376A76.8 76.8 0 0 1 250.88 945.69984c-42.41408 0-76.8-34.3808-76.8-76.8z" fill="#0e932e" p-id="3006"></path></svg>
\ No newline at end of file
src/views/Editor/modules/imageEd.scss
......@@ -1067,6 +1067,24 @@ $previewHeight: var(--previewHeight, 100%);
z-index: 9999;
// transform-origin: $transOrigin;
// background-color: #999;
.showBz {
position: absolute;
pointer-events: none;
background-color: rgba(11, 108, 217, 0.8);
max-width: 200px;
font-size: 18px;
font-family: HarmonyOS_Sans_SC;
color: #FFFFFF;
z-index: -1;
user-select: none;
word-wrap: break-word;
}
.triangle {
position: absolute;
//pointer-events: none;
width: 50px;
height: 60px;
}
}
.tzdDrawing_2 {
width: 780px;
......@@ -1355,6 +1373,9 @@ $previewHeight: var(--previewHeight, 100%);
color: #ffffff;
}
}
.tzd.bz {
margin-left: 10px;
}
// .tzd-d {
// position: relative;
......@@ -1862,6 +1883,136 @@ $previewHeight: var(--previewHeight, 100%);
}
}
}
.bzBox {
z-index: 10;
position: absolute;
top: 50px;
left: 16px;
width: 286px;
height: 200px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.blcbtn-head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e6e6e8;
height: 50px;
padding: 0 24px;
.head-title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.head-close {
cursor: pointer;
color: #b1b6c2;
font-size: 20px;
}
}
.blcbtn-content {
padding: 24px;
.kd-mix {
display: flex;
align-items: center;
.kd {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.kd-select {
width: 188px;
height: 40px;
background: #ffffff;
border-radius: 4px;
}
}
.sz-mix {
display: flex;
align-items: center;
.sz {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.sznum {
width: 178px;
height: 40px;
}
///deep/.el-input-number .el-input__inner {
// text-align: left !important;
//}
}
}
.blc-btns {
display: flex;
align-items: center;
justify-content: space-between;
width: 168px;
margin-left: 60px;
.confirm {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
&:hover {
border: 1px solid #055fe7;
}
&:active {
border: 1px solid #044cb9;
}
}
.cancel {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 72px;
height: 40px;
background: #055fe7;
border-radius: 4px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
&:hover {
background: #377fec;
color: #ffffff;
}
&:active {
background: #044cb9;
color: #ffffff;
}
}
}
}
input[type="range"] {
display: block;
-webkit-appearance: none;
......
src/views/Editor/modules/imageEdAJ.scss
......@@ -1071,6 +1071,25 @@ $previewHeight: var(--previewHeight, 100%);
z-index: 9999;
// transform-origin: $transOrigin;
// background-color: #999;
user-select: none;
.showBz {
position: absolute;
pointer-events: none;
background-color: rgba(11, 108, 217, 0.8);
max-width: 200px;
font-size: 18px;
font-family: HarmonyOS_Sans_SC;
color: #FFFFFF;
z-index: -1;
user-select: none;
word-wrap: break-word;
}
.triangle {
position: absolute;
//pointer-events: none;
width: 50px;
height: 60px;
}
.auto_tzdDom,
.tzdDom {
transform-origin: 4px center;
......@@ -2216,7 +2235,7 @@ $previewHeight: var(--previewHeight, 100%);
z-index: 1 !important;
margin-top: 10px;
width: 336px;
height: 175px;
height: 227px;
background: #f6f8fa;
box-shadow: 0px -1px 2px 0px rgba(5, 95, 231, 0.25);
border-radius: 4px;
......@@ -2235,6 +2254,47 @@ $previewHeight: var(--previewHeight, 100%);
border-radius: 4px;
}
.TibetAdd {
display: flex;
align-items: center;
margin-top: 10px;
.tzd {
// margin-left: 24px;
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
background: #ffffff;
box-shadow: 0px 2px 4px 0px rgba(5, 95, 231, 0.3),
0px 0px 4px 0px rgba(5, 95, 231, 0.15);
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
img {
width: 25px;
height: 25px;
cursor: pointer;
}
.number {
position: absolute;
top: -12px;
right: -17px;
background: #ff4949;
border-radius: 11px;
border: 1px solid #ffffff;
padding: 0 6px;
font-size: 12px;
font-family: Helvetica-Bold, Helvetica;
font-weight: bold;
color: #ffffff;
}
}
.tzd.bz {
margin-left: 10px;
}
}
.center-title {
position: relative;
width: 336px;
......@@ -3292,7 +3352,7 @@ $previewHeight: var(--previewHeight, 100%);
position: relative;
margin-top: 10px;
width: 336px;
height: 302px;
height: 250px;
background: #f6f8fa;
box-shadow: 0px -1px 2px 0px rgba(5, 95, 231, 0.25);
border-radius: 4px;
......@@ -3328,7 +3388,7 @@ $previewHeight: var(--previewHeight, 100%);
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 24px 16px 0 16px;
padding: 10px 16px 0 16px;
.btn {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
......@@ -3344,7 +3404,7 @@ $previewHeight: var(--previewHeight, 100%);
-4px -4px 4px 0px #ffffff;
border-radius: 4px;
margin-right: 12px;
margin-bottom: 16px;
margin-bottom: 10px;
&:active {
background: #055fe7;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8),
......@@ -3566,6 +3626,136 @@ $previewHeight: var(--previewHeight, 100%);
}
}
.bzBox {
z-index: 10;
position: absolute;
top: 50px;
left: 16px;
width: 286px;
height: 200px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.blcbtn-head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e6e6e8;
height: 50px;
padding: 0 24px;
.head-title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.head-close {
cursor: pointer;
color: #b1b6c2;
font-size: 20px;
}
}
.blcbtn-content {
padding: 24px;
.kd-mix {
display: flex;
align-items: center;
.kd {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.kd-select {
width: 188px;
height: 40px;
background: #ffffff;
border-radius: 4px;
}
}
.sz-mix {
display: flex;
align-items: center;
.sz {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.sznum {
width: 178px;
height: 40px;
}
///deep/.el-input-number .el-input__inner {
// text-align: left !important;
//}
}
}
.blc-btns {
display: flex;
align-items: center;
justify-content: space-between;
width: 168px;
margin-left: 60px;
.confirm {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #2e3846;
&:hover {
border: 1px solid #055fe7;
}
&:active {
border: 1px solid #044cb9;
}
}
.cancel {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 72px;
height: 40px;
background: #055fe7;
border-radius: 4px;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
&:hover {
background: #377fec;
color: #ffffff;
}
&:active {
background: #044cb9;
color: #ffffff;
}
}
}
}
input[type="range"] {
display: block;
-webkit-appearance: none;
......
src/views/Editor/modules/imageEdAJ.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
vue.config.js
/*
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2022-06-06 17:56:32
* @LastEditors: error: git config user.name && git config user.email & please set dead value or install git
* @LastEditTime: 2022-07-30 23:08:09
* @LastEditors: zhangchaojun 893499851@qq.com
* @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js
*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment