Skip to content

C
cgAI
提交 cfa883b9 authored 作者: mmz's avatar mmz
浏览文件
操作

test

上级 d347e3b6
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 1581 行增加 和 5 行删除
cgAI.zip 0 → 100644
浏览文件 @ cfa883b9
File added
config.js
浏览文件 @ cfa883b9
...@@ -6,7 +6,15 @@ ...@@ -6,7 +6,15 @@
*/ */
// 服务地址 // 服务地址
let https = ""; //打包 let https = ""; //打包
<<<<<<< HEAD
// let https = "http://192.168.102.170:8990/"; //陈兆奇 // let https = "http://192.168.102.170:8990/"; //陈兆奇
=======
// let https = "http://192.168.102.133:9090"; //李童
// let https = "http://192.168.102.105:8990"; //陈兆奇
// let https = "http://192.168.102.209:8990"; //黄家富
// let https = "http://120.27.238.48:8990/"; //线上
// let https = "http://192.168.102.170:8990/"; //陈 兆奇
>>>>>>> 0887611 (test)
// 请求目标服务器域名配置 // 请求目标服务器域名配置
const DOMAIN_NAME = { const DOMAIN_NAME = {
default: https, default: https,
......
public/index.html
浏览文件 @ cfa883b9
...@@ -5,7 +5,11 @@ ...@@ -5,7 +5,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" /> <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<<<<<<< HEAD
<title>人工智能</title> <title>人工智能</title>
=======
<title>城管AI结案处理系统</title>
>>>>>>> 0887611 (test)
</head> </head>
<body> <body>
<noscript> <noscript>
......
src/App.vue
浏览文件 @ cfa883b9
<template> <template>
<div id="app"> <div id="app">
<router-view /> <router-view v-show='!timeOut'/>
<Maintain v-show="timeOut"></Maintain>
</div> </div>
</template> </template>
<script> <script>
import Maintain from "./components/maintain.vue";
var formatNum = function(num){
return num
}
export default { export default {
created() {}, data() {
return {
timeOut: false,
timeDate: new Date(),
};
},
created() {
// 页面创建判断当前时间
if (formatNum(this.timeDate.getHours()) >= 20 || formatNum(this.timeDate.getHours()) < 7) {
this.timeOut = true;
}
else {
this.timeOut = false;
}
},
beforeDestroy() {
// 销毁计时
if (this.timer) {
clearInterval(this.timer);
}
},
mounted() {
// 实时-时间-计时
var that = this;
var timer = setInterval(function () {
that.timeDate = new Date();
}, 1000);
},
watch: {
timeDate: {
handler(newVal, oldVal) {
if (formatNum(newVal.getHours()) >= 20 || formatNum(newVal.getHours()) < 7) {
this.timeOut = true;
}
else if (formatNum(newVal.getHours()) < 20 || formatNum(newVal.getHours()) >= 7) {
this.timeOut = false;
}
}
}
},
components: { Maintain }
}; };
</script> </script>
<style lang="less"> <style lang="less">
* { * {
box-sizing: border-box; box-sizing: border-box;
<<<<<<< HEAD
=======
}
@font-face {
font-family: "Regular";
src: url("./assets/font/SourceHanSansCN-Regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Medium";
src: url("./assets/font/SourceHanSansCN-Medium.otf");
font-weight: normal;
font-style: normal;
}
html,
body {
// height: 1080px;
height: 100%;
width: 100%;
>>>>>>> 0887611 (test)
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
...@@ -31,7 +97,16 @@ export default { ...@@ -31,7 +97,16 @@ export default {
html, html,
body, body,
#app { #app {
<<<<<<< HEAD
width: 100%; width: 100%;
=======
font-family: Source Han Sans CN-Regular, Source Han Sans CN, Helvetica, Arial,
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
// text-align: center;
color: #2c3e50;
>>>>>>> 0887611 (test)
height: 100%; height: 100%;
} }
</style> </style>
src/assets/less/icon.less 0 → 100644
浏览文件 @ cfa883b9
.caseManagement_icon {
display:inline-block;
width: 20px;
height: 20px;
line-height: 20px;
background: url('../../assets/img/caseMa1.png') center center no-repeat;
background-size: 20px 20px;
margin-right: 8px;
}
.caseManagementshow_icon {
display:inline-block;
width: 20px;
height: 20px;
line-height: 20px;
background: url('../../assets/img/caseMa2.png') center center no-repeat;
background-size: 20px 20px;
margin-right: 8px;
}
.dropdown_icon {
display:inline-block;
width: 14px;
height: 6px;
background: url('../../assets/img/dropDown.png') center center no-repeat;
background-size: 14px 6px;
}
.calendar_icon{
display:inline-block;
width: 18px;
height: 18px;
background: url('../../assets/img/calendar.png') center center no-repeat;
background-size: 18px 18px;
margin-top: 15px;
position: absolute;
right: -182px;
}
.calendarshow_icon{
display:inline-block;
width: 18px;
height: 18px;
background: url('../../assets/img/calendarshow.png') center center no-repeat;
background-size: 18px 18px;
margin-top: 15px;
position: absolute;
right: -182px;
}
.bread_icon{
display:inline-block;
width: 4px;
height: 20px;
line-height: 20px;
background: url('../../assets/img/bread.png') center center no-repeat;
background-size: 4px 20px;
// position: absolute;
margin-right: 10px;
}
.caseManagement_icon:before,
.caseManagementshow_icon:before,
.bread_icon:before {
content: '替';
font-size: 20px;
// display:inline-block;
// width: 20px;
// height: 20px;
// line-height: 20px;
visibility: hidden;
vertical-align: middle;
}
src/assets/less/reset.less 0 → 100644
浏览文件 @ cfa883b9
* {
box-sizing: border-box;
// scrollbar-color: #e5e5e5 #f7f7f9;
// scrollbar-width: none;
}
.el-table {
font-size: 16px !important;
font-weight: 400 !important;
font-family: Source Han Sans CN-Regular;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
}
.el-table__cell {
text-align: center !important;
}
// 表头行样式
th.el-table__cell {
background-color: #E1E3E6 !important;
// text-align: center !important;
border: 0 !important;
padding: 0 !important;
padding-left: 14px !important;
height: 52px !important;
color: #6E7173 !important;
font-family: Source Han Sans CN-Regular;
font-weight: normal;
// height: 22px !important;
}
td.el-table__cell {
// text-align: center !important;
// padding-left: 14px !important;
// height: 52px !important;
padding: 11px 0 11px 14px !important;
// color: #B3B3B3 ;
}
.el-table__row{
height: 52px !important;
padding: 11px 0 11px 14px !important;
color: #B3B3B3 ;
}
// 表头文字颜色
thead {
color: #0c1b2b !important;
}
// .el-table__body tr:hover {
// position: relative;
// z-index: 2;
// background: #ffffff !important;
// box-shadow: 0px 2px 12px 0px rgba(51, 88, 195, 0.22);
// }
.el-table tbody tr:hover>td {
background-color: transparent !important;
}
.el-table::before {
background-color: transparent !important;
}
.el-input__inner {
// padding: 15px 20px 15px 28px !important;
border-radius: 4px;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
border: 0 !important;
// height: 48px !important;
// color: #1B53EE !important;
}
.el-input--mini .el-input__inner {
height: 32px !important;
color: #B3B3B3;
}
// 分页样式
.el-pagination {
font-weight: 400 !important;
padding: 0 !important;
// line-height: 32px !important;
display: flex;
// align-items: center;
}
.el-pagination .btn-prev ,.el-pagination .btn-next{
width: 32px;
height: 32px;
border-radius: 4px;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
margin: 0 12px !important;
color: #B3B3B3 ;
}
// .el-pager, .el-pager li {
// width: 32px;
// height: 32px;
// }
.el-pager li {
width: 32px !important;
height: 32px !important;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
margin-right:8px !important;
border-radius: 4px !important;
line-height: 32px !important;
color: #B3B3B3 ;
}
.el-pager li.active {
background: #1B53EE !important;
color: #ffffff !important;
}
.el-pager li:last-child {
margin: 0 !important;
}
.el-pagination__jump {
margin: 0 !important;
color:#B3B3B3 !important;
font-size: 14px !important;
}
.el-input__suffix {
width: 25px;
// background: #000;
}
.el-radio__inner {
display: none !important;
}
.el-radio.is-bordered+.el-radio.is-bordered .is-checked {
background: #000 !important;
}
.el-radio.is-bordered+.el-radio.is-bordered {
// margin: 0 !important;
// margin-right: 18px;
margin: 0 18px 0 0 !important;
// padding: 16px 20px 16px 28px;
}
.el-radio__label {
font-size: 16px !important;
padding-left: 0 !important;
}
.is-checked {
background: #1B53EE !important;
.el-radio__input.is-checked+.el-radio__label {
color: #fff !important;
}
}
// .el-icon-time:before {
// display: none;
// }
.el-button {
border-radius: 4px;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
}
.el-breadcrumb__separator {
color: #070F18 !important;
}
.el-descriptions{
font-size: 16px !important;
white-space: nowrap;
}
.el-descriptions-item__label.has-colon::after {
top: 0 !important;
left: 3px;
}
.el-button+.el-button {
// margin-left: 0 !important;
}
.el-button--text {
margin-right: 0.625rem !important;
padding: 7px 15px !important;
}
.el-carousel__mask {
background: none !important;
}
\ No newline at end of file
src/components/breadCrumb.vue 0 → 100644
浏览文件 @ cfa883b9
<!--
* @Description:
* @Version: 2.0
* @Autor: lwq
* @Date: 2022-04-07 15:51:46
-->
<template>
<div class="breadcrumb">
<i class="bread_icon"></i>
<el-breadcrumb separator=">">
<el-breadcrumb-item
v-if="item.meta.title"
v-for="item in breadcrumb"
:key="item.path"
@click="showRoute"
:to="item.path"
>{{ item.meta.title }}</el-breadcrumb-item
>
</el-breadcrumb>
</div>
</template>
<script>
export default {
name: "breadCrumb",
data() {
return {
breadcrumb: [],
};
},
methods: {
showRoute() {
console.log($route);
},
},
watch: {
$route: {
handler(newV, oldV) {
if (newV) {
this.breadcrumb = this.$route.matched;
}
},
deep: true,
},
},
components: {},
mounted() {
// console.log(123, this.$route.matched);
this.breadcrumb = this.$route.matched;
},
};
</script>
<style scoped lang="less">
.breadcrumb {
width: 100%;
// display: flex;
box-sizing: border-box;
// align-items: center;
padding: 40px;
// height: 100px;
// background-color: #fff;
display: flex;
align-items: center;
.el-breadcrumb {
.el-breadcrumb__item:last-child {
display: inline-block;
:first-child {
color: #070f18 !important;
font-weight: 800;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
// background-color: red;
}
}
// color: black;
}
/deep/.el-breadcrumb__inner {
display: inline-block;
height: 100%;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-size: 20px;
line-height: 20px;
// color: #8f9398;
// font-weight: bold;
}
/deep/.el-breadcrumb__separator {
font-size: 20px;
line-height: 20px;
}
}
</style>
src/components/headerCom.vue 0 → 100644
浏览文件 @ cfa883b9
<!--
* @Description:
* @Version: 2.0
* @Autor: lwq
* @Date: 2022-04-08 15:56:44
-->
<template>
 
<div class="header">
<div class="header_left">
<div class="logo"></div>
<div class="title">城管AI结案处理系统</div>
</div>
<div class="header_right">
<div class="header_icon">
<div class="header_drop">
<el-dropdown @command="handleCommand">
<div>
<img src="../assets/comImg/users.png" />
<span v-if="userMange"> {{ userMange.name }}</span>
</div>
<i class="dropdown_icon"></i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">修改密码</el-dropdown-item>
<el-dropdown-item command="2">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</div>
</div>
</template>
<script>
import Axios from "axios";
export default {
name: "headerCom",
data() {
return {
// repatPassword: '',
userForm: {
id: "",
},
userMange: "",
};
},
components: {},
methods: {
handleCommand() {},
},
};
</script>
<style lang="less" scoped>
.header {
box-sizing: border-box;
// background-image: url("../assets/comImg/header.png");
height: 70px;
width: 100%;
background-color: #b3c0d1;
display: flex;
// justify-content: space-between;
align-items: center;
.header_left {
display: flex;
align-items: center;
.logo {
width: 48px;
height: 48px;
border-radius: 50%;
// background: #fff;
margin-right: 18px;
background-image: url(../assets/img/logo.png);
background-size: cover;
}
.title {
font-size: 26px;
line-height: 26px;
color: #ffffff;
// color: #b3c0d1d;
}
}
.header_right {
width: 570px;
display: flex;
flex-direction: row;
justify-content: right;
align-items: center;
.router_title {
width: 118px;
height: 36px;
display: flex;
align-items: center;
font-size: 18px;
line-height: 18px;
cursor: pointer;
font-family: SourceHanSansCN-Regular;
justify-content: space-between;
color: rgba(229, 241, 255, 0.65);
position: relative;
box-sizing: border-box;
padding-left: 8px;
text-align: center;
// left: -20px;
.Bar {
width: 2px;
height: 16px;
background-color: rgba(246, 250, 255, 0.16);
position: absolute;
right: -15px;
top: 10px;
}
}
.t_router_active {
color: #ffffff;
background-color: rgba(229, 241, 255, 0.16);
}
.header_icon {
width: 124px;
height: 50px;
display: flex;
justify-content: right;
align-items: center;
flex-direction: row;
cursor: pointer;
:first-child {
display: flex;
color: #ffffff;
justify-content: center;
align-items: center;
flex-direction: row;
}
img {
// border-radius: 50%;
width: 48px;
margin-right: 8px;
}
}
}
}
</style>
src/components/maintain.vue 0 → 100644
浏览文件 @ cfa883b9
<template>
<div class="container">
<div class="box">
<img src="../assets/img/main.png" alt="">
<h1>为进一步优化完善网站，我们正在实施网站系统升级维护，<br>
维护时间为每天晚上20:00至早上07:00，因升级维护给您造成的不便，敬请谅解。</h1></div>
</div>
</template>
<script>
export default {
}
</script>
<style lang="less" scoped>
.container{
width: 100%;
height: 100%;
padding-top: 150px;
}
.box{
width:580px;
margin:0 auto;
text-align: center;
img{
width: 128px;
margin-bottom: 20px;
}
}
h1{
font-size:20px;
text-align:center;
font-weight:normal;
}
</style>
\ No newline at end of file
src/components/picturePreview.vue 0 → 100644
浏览文件 @ cfa883b9
<template>
<div class="aLargerPreview">
<!-- 图片左 -->
<div class="pic-Big">
<!-- 上方小图 -->
<div class="above_picture">
<!-- 左箭头 -->
<div class="left-arrow">
<i class="el-icon-caret-left" @click="prePic"></i>
</div>
<div class="pic-item-box" ref="scrollBox">
<div
v-for="(item, index) in srcListTemp"
:key="index"
class="pic-item"
@click="checkSrc(item, index)"
:style="item == largePictureTemp ? 'border:1px solid red' : ''"
ref="imgItem"
>
<img class="item-img" :src="BaseUrl.default + item.picUrl" alt="" />
</div>
</div>
<!-- 右箭头 -->
<div class="right-arrow">
<i class="el-icon-caret-right" @click="nextPic"></i>
</div>
</div>
<!-- 下方大图 -->
<div class="big_picture">
<!-- 图片信息 -->
<div
style="color: #fff"
class="pictureInformation"
:title="
largePictureTemp.conf
? '可信度' + ':' + largePictureTemp.conf
: '暂无参数'
"
>
{{ largePictureTemp.des ? largePictureTemp.des : "暂无" }}
</div>
<div class="picture-box">
<img
class="big-img"
:src="BaseUrl.default + largePictureTemp.picUrl"
ref="img"
:style="{
transform: 'rotate(' + angle + 'deg) scale(' + step + ')',
boxShadow: ischeck ? '0 0 16px rgba(255,255,255,0.8)' : '',
}"
@click="check"
/>
</div>
</div>
<!-- 文字 -->
<p class="case-type-text">{{ text }}</p>
</div>
<!-- 操作按钮 -->
<div class="operation">
<i class="el-icon-zoom-in" @click="enlargePicture"></i>
<i class="el-icon-zoom-out" @click="zoomOutPicture"></i>
<i class="el-icon-refresh-right" @click="rotatePicture"></i>
</div>
</div>
</template>
<script>
export default {
props: {
//父组件传来的值需定义一下
srcList: {
type: Array, //类型
},
largePicture: {
type: Object, //类型
},
text: {
type: null, //类型
},
},
data() {
return {
srcListTemp: this.srcList,
largePictureTemp: this.largePicture, //
picNumber: 0, //图片索引值
step: 1, //图片大小的倍数
angle: 0, //旋转角度
ischeck: false, //是否选中
};
},
watch: {
// 监听是否选中大图
ischeck(newValue, oldValue) {
if (newValue == true) {
this.scalePic();
this.movePic();
} else {
document.onmousewheel = function () {};
document.onmousemove = function () {};
}
},
},
created() {},
methods: {
// 移动大图
movePic() {
var isDown = false;
var x, y;
var l;
var t;
let img = this.$refs.img;
img.onmousedown = function (e) {
e.preventDefault();
x = e.clientX;
y = e.clientY;
l = img.offsetLeft;
t = img.offsetTop;
isDown = true;
};
document.onmousemove = function (e) {
if (isDown == false) {
return;
} else {
var nx = e.clientX;
var ny = e.clientY;
//计算移动后的左偏移量和顶部的偏移量
var nl = nx - (x - l);
var nt = ny - (y - t);
img.style.left = nl + "px";
img.style.top = nt + "px";
}
};
img.onmouseup = function () {
// img.style.cursor = "default"
isDown = false;
};
},
// 是否选中大图
check() {
this.ischeck = !this.ischeck;
},
// 点击放大图片
enlargePicture() {
if (this.step >= 1.6) return;
this.step += 0.1;
},
// 点击缩小图片
zoomOutPicture() {
if (this.step <= 0.7) return;
this.step -= 0.1;
},
// 点击旋转图片
rotatePicture() {
this.angle += 90;
},
checkSrc(v, i) {
// 点击小图切换大图
this.largePictureTemp = v;
this.picNumber = i;
this.clearStyle();
},
prePic() {
//上一张图片
if (this.picNumber == 0) {
this.picNumber = this.srcListTemp.length - 1;
// return;
} else {
this.picNumber -= 1;
}
this.$refs.scrollBox.scrollLeft =
this.$refs.imgItem[this.picNumber].offsetLeft - 50; //滚动条定位到当前图片位置
this.clearStyle();
this.largePictureTemp = this.srcListTemp[this.picNumber];
},
nextPic() {
//下一张图片
if (this.picNumber == this.srcListTemp.length - 1) {
this.picNumber = 0;
// return;
} else {
this.picNumber += 1;
}
this.$refs.scrollBox.scrollLeft =
this.$refs.imgItem[this.picNumber].offsetLeft - 50; //滚动条定位到当前图片位置
this.clearStyle();
this.largePictureTemp = this.srcListTemp[this.picNumber];
},
scalePic() {
//监听鼠标滚轮事件放大缩小大图
let img = this.$refs.img;
var that = this;
document.onmousewheel = function (e) {
var isbig = e.wheelDelta;
if (isbig >= 0) {
if (that.step >= 1.6) {
} else {
that.step += 0.1;
img.style.transform = "scale(" + that.step + ") ";
}
} else {
if (that.step <= 0.7) {
} else {
that.step -= 0.1;
img.style.transform = "scale(" + that.step + ") ";
}
}
};
},
clearStyle() {
//清除所有变化样式
(this.step = 1),
(this.angle = 0),
this.$refs.img.style.removeProperty("transform");
},
},
};
</script>
<style lang="less" scoped>
// 最外层
.aLargerPreview {
width: 50%;
height: 100%;
// background: red;
position: relative;
// margin-top: 40px;
// 互动操作区域
.operation {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
i {
font-size: 25px;
cursor: pointer;
color: #fff;
&:nth-child(2) {
margin: 0 30px;
}
}
}
.pic-Big {
width: 50%;
height: 100%;
// background: red;
// border: 1px solid white;
position: fixed;
top: 0;
.case-type-text {
// display: inline-block;
position: absolute;
// text-align: center;
left: 50%;
bottom: 3%;
transform: translateX(-50%);
font-size: 24px;
color: #1b53ee;
z-index: 50;
}
.pictureInformation {
position: absolute;
left: 50%;
transform: translateX(-50%);
// margin-bottom: 20px;
top: 240px;
// bottom: 0;
cursor: default;
z-index: 100;
}
}
// 上方小图区域
.above_picture {
width: 100%;
height: 182px;
// background: #000;
// border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 60px;
.left-arrow,
.right-arrow {
cursor: pointer;
font-size: 50px;
color: #fff;
}
// 每张小图片
.pic-item-box {
// flex: 1;
width: 90%;
// border: 1px solid red;
height: 100%;
display: flex;
align-items: center;
overflow: auto;
transition: 0.3s;
box-sizing: border-box;
// justify-content: center;
// text-align: center;
.pic-item {
height: 150px;
width: 150px;
margin-right: 20px;
flex-shrink: 0;
cursor: pointer;
// display: inline-block;
.item-img {
width: 100%;
height: 100%;
}
}
.pic-item:last-child {
margin-right: 0;
}
}
}
// 下方大图区域
.big_picture {
height: calc(100% - 340px);
// border: 1px solid black;
padding-top: 20px;
// 限定大图的框
.picture-box {
width: 600px;
height: 90%;
margin: 0 auto;
// position: relative;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
// border: 1px solid #fff;
.big-img {
max-height: calc(100% - 400px);
max-width: 600px;
position: absolute;
// margin: auto;
z-index: 50;
cursor: move;
// transform-origin: center;
}
}
}
}
</style>
\ No newline at end of file
src/components/pictureView.vue 0 → 100644
浏览文件 @ cfa883b9
<template>
<div class="aLarger-preview">
<!-- 图片左 -->
<div class="pic-Big">
<!-- 上方小图 -->
<div class="above-picture">
<el-carousel
class="pic-box"
:interval="4000"
type="card"
height="182px"
indicator-position="none"
:autoplay="false"
@change="change"
>
<el-carousel-item v-for="(item, index) in srcListTemp" :key="index">
<el-image
style="width: 182px; height: 182px"
:src="item"
></el-image>
</el-carousel-item>
</el-carousel>
</div>
<!-- 下方大图 -->
<div class="big-picture">
<div class="picture-box">
<img
class="big-img"
:src="largePictureTemp"
ref="img"
:style="{
transform: 'rotate(' + angle + 'deg) scale(' + step + ')',
boxShadow: ischeck ? '0 0 16px rgba(255,255,255,0.8)' : '',
}"
@click="check"
/>
</div>
</div>
<!-- 文字 -->
<p class="case-type-text">{{ text }}</p>
</div>
<!-- 操作按钮 -->
<div class="operation">
<i class="el-icon-zoom-in" @click="enlargePicture"></i>
<i class="el-icon-zoom-out" @click="zoomOutPicture"></i>
<i class="el-icon-refresh-right" @click="rotatePicture"></i>
</div>
</div>
</template>
<script>
export default {
props: {
//父组件传来的值需定义一下
srcList: {
type: Array, //类型
},
largePicture: {
type: String, //类型
},
text: {
type: null, //类型
},
},
data() {
return {
picNumber: 0, //图片的索引值
srcListTemp: this.srcList, //图片列表
largePictureTemp: this.largePicture, //大图地址值
step: 1, //缩放原始大小
angle: 0, //旋转角度
ischeck: false, //是否选中
};
},
watch: {
ischeck(newValue, oldValue) {
if (newValue == true) {
this.scalePic();
this.movePic();
} else {
document.onmousewheel = function () {};
document.onmousemove = function () {};
}
},
},
methods: {
// 移动大图
movePic() {
var isDown = false;
var x, y;
var l;
var t;
let img = this.$refs.img;
img.onmousedown = function (e) {
e.preventDefault();
img.style.cursor = "move";
x = e.clientX;
y = e.clientY;
l = img.offsetLeft;
t = img.offsetTop;
isDown = true;
};
document.onmousemove = function (e) {
if (isDown == false) {
return;
} else {
var nx = e.clientX;
var ny = e.clientY;
//计算移动后的左偏移量和顶部的偏移量
var nl = nx - (x - l);
var nt = ny - (y - t);
img.style.left = nl + "px";
img.style.top = nt + "px";
}
};
img.onmouseup = function () {
isDown = false;
};
},
check() {
this.ischeck = !this.ischeck;
},
enlargePicture() {
if (this.step >= 1.6) return;
this.step += 0.1;
},
zoomOutPicture() {
if (this.step <= 0.7) return;
this.step -= 0.1;
},
rotatePicture() {
this.angle += 90;
},
change(val) {
// console.log(val);
this.picNumber = val;
this.clearStyle();
this.largePictureTemp = this.srcListTemp[this.picNumber];
},
scalePic() {
//监听鼠标滚轮事件放大缩小大图
let img = this.$refs.img;
var that = this;
document.onmousewheel = function (e) {
var isbig = e.wheelDelta;
if (isbig >= 0) {
if (that.step >= 1.6) {
} else {
that.step += 0.1;
img.style.transform = "scale(" + that.step + ") ";
}
} else {
if (that.step <= 0.7) {
} else {
that.step -= 0.1;
img.style.transform = "scale(" + that.step + ") ";
}
}
};
},
clearStyle() {
//清除所有变化样式
(this.step = 1),
(this.angle = 0),
this.$refs.img.style.removeProperty("transform");
},
},
};
</script>
<style lang="less" scoped>
.aLarger-preview {
width: 50%;
height: 100%;
// background: red;
position: relative;
.operation {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
z-index: 50;
i {
font-size: 25px;
cursor: pointer;
color: #fff;
&:nth-child(2) {
margin: 0 30px;
}
}
}
.pic-Big {
width: 50%;
height: 100%;
position: fixed;
top: 0;
.case-type-text {
// display: inline-block;
position: absolute;
// text-align: center;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
color: #fff;
z-index: 50;
}
}
.above-picture {
width: 100%;
height: 182px;
// background: #000;
// border: 1px solid black;
display: flex;
// align-items: center;
justify-content: center;
margin-top: 40px;
.pic-box {
// text-align: center !important;
// justify-content: center;
width: 80%;
}
.el-carousel__item {
// width: 182px;
// height: 182px;
text-align: center;
}
}
.big-picture {
height: calc(100% - 340px);
.picture-box {
width: 600px;
height: 100%;
margin: 0 auto;
// position: relative;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
// position: relative;
.big-img {
max-height: calc(100% - 340px);
max-width: 600px;
position: absolute;
// margin: auto;
z-index: 50;
cursor: move;
// transform-origin: center;
}
}
}
}
</style>
\ No newline at end of file
src/components/silder.vue 0 → 100644
浏览文件 @ cfa883b9
<!--
* @Description:
* @Version: 2.0
* @Autor: lwq
* @Date: 2022-04-08 16:00:35
-->
<template>
<div class="left_nav">
<router-link
class="router_nav"
active-class="router_active"
tag="div"
v-for="i in routerList"
:key="i.path"
:to="i.path"
>
<i :class="setrouter_active_icon(i)"></i>
{{ i.title }}
</router-link>
</div>
</template>
<script>
export default {
name: "silder",
data() {
return {
routerList: [
{
title: "案件管理",
path: "/dragger/caseManagement",
icon_path: "caseManagement_icon",
icon_path_show: "caseManagementshow_icon",
},
],
};
},
components: {},
created() {
// console.log(this.$route);
},
methods: {
setrouter_active_icon(val) {
// console.log(val);
let icon = val.icon_path;
this.$route.matched.map((v) => {
if (val.path == v.path) {
icon = val.icon_path_show;
}
});
return icon;
},
},
};
</script>
<style lang="less" scoped>
.left_nav {
width: 272px;
// border: 1px solid black;
height: 100%;
background-color: #ffffff;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
.router_nav {
cursor: pointer;
user-select: none;
box-sizing: border-box;
padding-left: 60px;
color: #070f18;
font-size: 20px;
cursor: pointer;
font-family: SourceHanSansCN-Regular;
height: 50px;
text-align: left;
line-height: 50px;
}
.router_active {
padding-left: 59px;
height: 50px;
// border-left: 9px solid #3a72ff;
// background-image: linear-gradient(to right, #2e56ed);
background: rgba(27, 83, 238, 0.1);
background-image: url("../assets/img/left_jian.png");
background-repeat: no-repeat;
background-position: 90%;
color: #1b53ee;
font-weight: 500;
border: 1px solid #1b53ee;
}
}
</style>
src/main.js
浏览文件 @ cfa883b9
...@@ -7,6 +7,10 @@ import baseUrl from "../config"; ...@@ -7,6 +7,10 @@ import baseUrl from "../config";
import ElementUI from "element-ui"; import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css"; import "element-ui/lib/theme-chalk/index.css";
// import "./assets/css/global.less"; // import "./assets/css/global.less";
<<<<<<< HEAD
=======
import "./assets/less/icon.less";
>>>>>>> 0887611 (test)
import "./util/rem"; import "./util/rem";
......
src/router/index.js
浏览文件 @ cfa883b9
...@@ -12,6 +12,44 @@ const routes = [ ...@@ -12,6 +12,44 @@ const routes = [
{ {
path: "/home", path: "/home",
component: Home, component: Home,
<<<<<<< HEAD
=======
redirect: "/dragger",
children: [
{
path: "/dragger",
name: "dragger",
component: Index,
redirect: "/dragger/caseManagement",
children: [
{
path: "caseManagement",
component: () => import("../views/router_view.vue"),
meta: {
title: "案件管理",
},
// redirect: "/dragger/ctrldevice",
children: [
{
path: "/",
component: () =>
import("../views/CaseManagement/caseManagement.vue"),
},
{
path: "detailsOfCase",
component: () =>
import("../views/CaseManagement/detailsOfCase.vue"),
meta: {
title: "案件详情",
},
},
],
},
],
},
],
>>>>>>> 0887611 (test)
}, },
]; ];
......
src/serve/axios.js
浏览文件 @ cfa883b9
...@@ -53,11 +53,11 @@ export default function ( ...@@ -53,11 +53,11 @@ export default function (
{ {
// 不传时，默认参数 // 不传时，默认参数
method = "get", method = "get",
timeout = 180000, timeout = 1800000,
data = {}, data = {},
params = {}, params = {},
headers = { "Content-Type": "application/json" }, // application/x-www-form-urlencoded;charset=UTF-8; headers = { "Content-Type": "application/json" }, // application/x-www-form-urlencoded;charset=UTF-8;
dataType = "json" dataType = "json",
} }
) { ) {
const config = { const config = {
...@@ -68,7 +68,7 @@ export default function ( ...@@ -68,7 +68,7 @@ export default function (
data: data, data: data,
params: params, params: params,
headers: headers, headers: headers,
dataType: dataType dataType: dataType,
}; };
return axios(config); return axios(config);
} }
src/serve/server.js
浏览文件 @ cfa883b9
...@@ -10,6 +10,7 @@ import axios from "./axios"; ...@@ -10,6 +10,7 @@ import axios from "./axios";
*/ */
const server = { const server = {
/*******************城管AI--案件管理***************** */ /*******************城管AI--案件管理***************** */
<<<<<<< HEAD
getDataLast() { getDataLast() {
// 获取数据 // 获取数据
return axios("/getDataLast", { return axios("/getDataLast", {
...@@ -21,6 +22,54 @@ const server = { ...@@ -21,6 +22,54 @@ const server = {
return axios("/saveDataLast", { return axios("/saveDataLast", {
method: "post", method: "post",
data, data,
=======
getCaseList(data, page) {
// 设备案件列表数据
return axios(`/getData/${page}`, {
method: "post",
data,
});
},
aiClose() {
// ai结案
return axios("/ai", {
method: "get",
});
},
getAiResults() {
// 获取ai结案结果
return axios("/getResults", {
method: "get",
>>>>>>> 0887611 (test)
});
},
uploadPic(id, data, phase) {
// 下载图片
return axios(`/pic/${id}/${phase}`, {
method: "post",
data,
});
},
emptyData() {
// 点击重置
return axios("/emptyData", {
method: "get",
});
},
/*******************城管AI--案件详情***************** */
closeCase(data) {
// 结案
return axios("/close", {
method: "post",
data,
});
},
noCase(id) {
// 不可结案
return axios(`/noClose/${id}`, {
method: "GET",
}); });
}, },
}; };
......
src/views/CaseManagement/CaseManagement.vue 0 → 100644
浏览文件 @ cfa883b9
差异被折叠。
src/views/CaseManagement/detailsOfCase ccc.vue 0 → 100644
浏览文件 @ cfa883b9
差异被折叠。
src/views/CaseManagement/detailsOfCase.vue 0 → 100644
浏览文件 @ cfa883b9
差异被折叠。
src/views/index.vue 0 → 100644
浏览文件 @ cfa883b9
<!--
* @Description:
* @Version: 2.0
* @Autor: lwq
* @Date: 2022-03-11 10:35:57
-->
<template>
<div class="backstage">
<headerCom />
<div class="content">
<leftSilder />
<div class="right_main">
<breadCrumb :routeMsg="routeMsg" />
<div class="right_content">
<router-view></router-view>
</div>
</div>
</div>
</div>
</template>
<script>
import breadCrumb from "../components/breadCrumb.vue";
import headerCom from "../components/headerCom.vue";
import leftSilder from "../components/silder.vue";
export default {
name: "backstage",
data() {
return {
routeMsg: {},
userMange: null,
};
},
components: {
breadCrumb,
headerCom,
leftSilder,
},
};
</script>
<style lang="less" scoped>
.backstage {
width: 100%;
padding: 0;
margin: 0;
box-sizing: border-box;
height: 100%;
display: flex;
flex-direction: column;
background-color: #f7f9fe;
.header {
box-sizing: border-box;
// background-image: url("../assets/img/header.png");
background-size: 100% 100%;
background-repeat: no-repeat;
// padding: 15px 26px 15px 20px;
padding: 0 26px 0 46px;
height: 70px;
width: 100%;
background-color: #1b53ee;
display: flex;
justify-content: space-between;
.title {
font-size: 36px;
line-height: 36px;
font-family: YouSheBiaoTiHei;
color: #ffffff;
// color: #b3c0d1d;
}
.header_right {
width: 570px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.router_title {
width: 118px;
height: 36px;
display: flex;
align-items: center;
font-size: 18px;
line-height: 18px;
cursor: pointer;
font-family: SourceHanSansCN-Regular;
justify-content: space-between;
color: rgba(229, 241, 255, 0.65);
position: relative;
box-sizing: border-box;
padding-left: 8px;
text-align: center;
// left: -20px;
.Bar {
width: 2px;
height: 16px;
background-color: rgba(246, 250, 255, 0.16);
position: absolute;
right: -15px;
top: 10px;
}
}
.t_router_active {
color: #ffffff;
background-color: rgba(229, 241, 255, 0.16);
}
.header_icon {
width: 124px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
:first-child {
display: flex;
color: #ffffff;
justify-content: center;
align-items: center;
flex-direction: row;
}
img {
// border-radius: 50%;
width: 48px;
margin-right: 8px;
}
}
}
}
.content {
width: 100%;
height: calc(100% - 66px);
display: flex;
justify-content: space-between;
.left_nav {
width: 272px;
height: 100%;
background-color: #ffffff;
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.16);
z-index: 10;
.router_nav {
cursor: pointer;
user-select: none;
box-sizing: border-box;
// padding-left: 45px;
color: #070f18;
text-align: center;
cursor: pointer;
font-family: SourceHanSansCN-Regular;
height: 50px;
// text-align: left;
line-height: 50px;
}
.router_active {
height: 50px;
background-image: linear-gradient(to right, #2e56ed);
background: rgba(56, 83, 226, 0.65);
// background-image: url("../assets/img/left_jian.png");
// background-repeat: no-repeat;
font-weight: 500;
background-position: 90%;
color: #1b53ee;
}
}
.right_main {
width: calc(100% - 272px);
background-color: #f4f5f7;
.right_content {
height: calc(100% - 101px);
padding: 0 40px 40px 40px;
}
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论