From b8198734a140076cd392b1ce194aa9aee2aaa0db Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 03 十一月 2022 17:46:32 +0800
Subject: [PATCH] 图片管理 视频管理 右上角个人中心 驾驶舱管理
---
src/views/systemSetting/platform/cockpitManage/createUser/index.vue | 423 +++++++
src/views/systemSetting/device/point/index.vue | 16
src/views/operate/video/detailInterface/index.vue | 23
src/views/layout/components/Header/updatePassword/index.vue | 183 +++
src/views/layout/components/Header/index.vue | 100 +
src/views/systemSetting/platform/cockpitManage/updateUser/index.vue | 343 ++++++
src/views/systemSetting/platform/cockpitManage/index.vue | 721 ++++++++++++
src/router/index.js | 733 ++++++------
src/views/operate/images/updateUser/index.vue | 29
src/views/operate/video/updateInterface/index.vue | 24
src/views/operate/images/index.vue | 15
src/views/systemSetting/platform/cockpitManage/detailUser/index.vue | 322 +++++
src/views/operate/images/detailUser/index.vue | 322 +++++
src/views/operate/video/index.vue | 65
14 files changed, 2,879 insertions(+), 440 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 0ae2794..0daf632 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,399 +2,404 @@
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [{
- path: "/",
- name: 'index',
- redirect: '/home'
+ path: "/",
+ name: 'index',
+ redirect: '/home'
+},
+{
+ path: '/home',
+ name: 'home',
+ component: () => import('@/views/layout'),
+ meta: {
+ needLogin: true,
},
- {
- path: '/home',
- name: 'home',
- component: () => import('@/views/layout'),
- meta: {
- needLogin: true,
- },
+ children: [{
+ path: 'system',
+ name: 'system',
+ component: () => import('@/views/systemSetting'),
children: [{
- path: 'system',
- name: 'system',
- component: () => import('@/views/systemSetting'),
- children: [{
- path: 'userSetting',
- name: 'userSetting',
- component: () => import('@/views/systemSetting/baseSetting'),
- children: [{
- path: "user",
- name: "user",
- component: () => import('@/views/systemSetting/baseSetting/user')
- },
- {
- path: 'role',
- name: 'role',
- component: () => import('@/views/systemSetting/baseSetting/role')
- },
- {
- path: 'department',
- name: 'department',
- component: () => import('@/views/systemSetting/baseSetting/department')
- },
-
- ]
- },
- {
- path: 'platform',
- name: 'platform',
- component: () => import('@/views/systemSetting/platform'),
- children: [{
- path: 'portalSetting',
- name: 'portalSetting',
- component: () => import('@/views/systemSetting/platform/portalSetting')
- },
- {
- path: 'otherInterface',
- name: 'otherInterface',
- component: () => import('@/views/systemSetting/platform/otherInterface')
- },
- {
- path: 'mySetting',
- name: 'mySetting',
- component: () => import('@/views/systemSetting/platform/mySetting')
- }
- ]
- },
- {
- path: 'device',
- name: 'device',
- component: () => import('@/views/systemSetting/device'),
- children: [{
- path: 'bayonet',
- name: 'bayonet',
- component: () => import('@/views/systemSetting/device/bayonet')
- },
- {
- path: 'grid',
- name: 'grid',
- component: () => import('@/views/systemSetting/device/grid'),
- },
- {
- path: 'point',
- name: 'point',
- component: () => import('@/views/systemSetting/device/point'),
- },
- {
- path: 'handheldTerminal',
- name: 'handheldTerminal',
- component: () => import('@/views/systemSetting/device/handheldTerminal'),
- },
- {
- path: 'loudspeaker',
- name: 'loudspeaker',
- component: () => import('@/views/systemSetting/device/loudspeaker'),
- }
- ]
- }
- ]
+ path: 'userSetting',
+ name: 'userSetting',
+ component: () => import('@/views/systemSetting/baseSetting'),
+ children: [{
+ path: "user",
+ name: "user",
+ component: () => import('@/views/systemSetting/baseSetting/user')
},
{
- path: "operate",
- name: 'operate',
- component: () => import('@/views/operate'),
- children: [{
- path: 'baseSetting',
- name: 'baseSetting',
- component: () => import('@/views/operate/baseSetting'),
- children: [{
- path: "violation",
- name: 'violation',
- component: () => import('@/views/operate/baseSetting/violation'),
- },
- {
- path: "illegalBuild",
- name: 'illegalBuild',
- component: () => import('@/views/operate/baseSetting/illegalBuild'),
- },
- ]
- },
- {
- path: 'casepool',
- name: 'casepool',
- component: () => import('@/views/operate/disposal'),
- children: [{
- path: 'pool',
- name: 'pool',
- component: () => import('@/views/operate/disposal/casepool/pool'),
- },
- {
- path: 'escalation',
- name: 'escalation',
- component: () => import('@/views/operate/disposal/casepool/escalation'),
- },
- {
- path: 'dispatch',
- name: 'dispatch',
- component: () => import('@/views/operate/disposal/casepool/dispatch'),
- },
- {
- path: 'notDeal',
- name: 'notDeal',
- component: () => import('@/views/operate/disposal/casepool/notDeal'),
- },
- {
- path: 'learn',
- name: 'learn',
- component: () => import('@/views/operate/disposal/casepool/learn'),
- },
- ]
- },
- {
- path: "fivepack",
- name: 'fivepack',
- component: () => import('@/views/operate/fivepack'),
- children: [{
- path: "shop",
- name: 'shop',
- component: () => import('@/views/operate/fivepack/shop'),
- },
- {
- path: "threepackage",
- name: 'threepackage',
- component: () => import('@/views/operate/fivepack/threepack'),
- }
- ]
- },
- {
- path: 'myWait',
- name: 'myWait',
- component: () => import('@/views/operate/myWait'),
- },
- {
- path: 'images',
- name: 'images',
- component: () => import('@/views/operate/images'),
- },
- {
- path: 'viewEvent',
- name: 'viewEvent',
- component: () => import('@/views/operate/viewEvent'),
- },
- {
- path: 'rectification',
- name: 'rectification',
- component: () => import('@/views/operate/rectification'),
- children: [{
- path: "taskList",
- name: 'taskList',
- component: () => import('@/views/operate/rectification/taskList'),
- },
- {
- path: "surveyList",
- name: 'surveyList',
- component: () => import('@/views/operate/rectification/surveyList'),
- },
- {
- path: "renovationList",
- name: 'renovationList',
- component: () => import('@/views/operate/rectification/renovationList'),
- }
- ]
- },
- {
- path: 'lawEnforcement',
- name: 'lawEnforcement',
- component: () => import('@/views/operate/lawEnforcement')
- },
- {
- path: 'management',
- name: 'management',
- component: () => import('@/views/operate/management'),
- redirect: '/home/operate/management/myIndex',
- children: [{
- path: 'myIndex',
- name: 'myIndex',
- component: () => import('@/views/operate/management/myIndex'),
- },
- {
- path: 'managementMessage',
- name: 'managementMessage',
- component: () => import('@/views/operate/management/message'),
- },
- ]
- },
- {
- path: 'car',
- name: 'car',
- component: () => import('@/views/operate/car'),
- children: [{
- path: 'carIndex',
- name: 'carIndex',
- component: () => import('@/views/operate/car/myIndex'),
- },
- {
- path: 'lawTrajectory',
- name: 'lawTrajectory',
- component: () => import('@/views/operate/car/lawCar'),
- },
- {
- path: 'soilTrajectory',
- name: 'soilTrajectory',
- component: () => import('@/views/operate/car/soilCar'),
- }
- ]
- },
- {
- path: 'message',
- name: 'message',
- component: () => import('@/views/operate/message'),
- children: [{
- path: 'messageIndex',
- name: 'messageIndex',
- component: () => import('@/views/operate/message/myIndex'),
- },
- {
- path: 'mycontrol',
- name: 'mycontrol',
- component: () => import('@/views/operate/message/mycontrol'),
- },
- ]
- },
- {
- path: 'log',
- name: 'log',
- component: () => import('@/views/operate/log'),
- },
- {
- path:'sms',
- name:'sms',
- component:() => import('@/views/operate/sms'),
- children: [
- {
- path: 'smsIndex',
- name: 'smsIndex',
- component: () => import('@/views/operate/sms/smsIndex'),
- },
- {
- path: 'smsTemplate',
- name: 'smsTemplate',
- component: () => import('@/views/operate/sms/smsTemplate'),
- },
- ]
- },
- {
- path: "videoControl",
- name: 'videoControl',
- component: () => import('@/views/operate/video')
- },
- {
- path: 'viewEvent',
- name: 'viewEvent',
- component: () => import('@/views/operate/viewEvent'),
- },
- {
- path: 'images',
- name: 'images',
- component: () => import('@/views/operate/images'),
- }
- ]
- },
-
- {
- path: "video",
- name: 'video',
- component: () => import('@/views/video')
- },
-
- {
- path: "lampblack",
- name: 'lampblack',
- component: () => import('@/views/lampblack')
+ path: 'role',
+ name: 'role',
+ component: () => import('@/views/systemSetting/baseSetting/role')
},
{
- path: "law",
- name: 'law',
- component: () => import('@/views/law')
- },
- {
- path: "intellect",
- name: 'intellect',
- component: () => import('@/views/intellect')
- },
- {
- path: "info",
- name: 'info',
- component: () => import('@/views/info')
+ path: 'department',
+ name: 'department',
+ component: () => import('@/views/systemSetting/baseSetting/department')
},
- // 鏅鸿兘宸℃煡
- {
- path: 'studyJudge', // 棰勮鐮斿垽
- name: 'studyJudge',
- component: () => import('@/views/intelligentPatrol/studyJudge'),
+ ]
+ },
+ {
+ path: 'platform',
+ name: 'platform',
+ component: () => import('@/views/systemSetting/platform'),
+ children: [{
+ path: 'portalSetting',
+ name: 'portalSetting',
+ component: () => import('@/views/systemSetting/platform/portalSetting')
},
{
- path: 'illegalSearch', // 杩濊妫�绱�
- name: 'illegalSearch',
- component: () => import('@/views/intelligentPatrol/illegalSearch'),
+ path: 'otherInterface',
+ name: 'otherInterface',
+ component: () => import('@/views/systemSetting/platform/otherInterface')
},
{
- path: 'trendAnalysis', // 瓒嬪娍鍒嗘瀽
- name: 'trendAnalysis',
- component: () => import('@/views/intelligentPatrol/trendAnalysis'),
- },
- // 杩濇硶缁熻
- {
- path: 'typeStatistics', // 鎸夎繚瑙勭被鍨嬬粺璁�
- name: 'typeStatistics',
- component: () => import('@/views/intelligentPatrol/statistics/unlawful/type'),
+ path: 'mySetting',
+ name: 'mySetting',
+ component: () => import('@/views/systemSetting/platform/mySetting')
},
{
- path: 'pointStatistics', //鎸夌偣浣嶇粺璁�
- name: 'pointStatistics',
- component: () => import('@/views/intelligentPatrol/statistics/unlawful/point'),
- },
- {
- path: 'timeStatistics', //鎸夋椂闂寸粺璁�
- name: 'timeStatistics',
- component: () => import('@/views/intelligentPatrol/statistics/unlawful/time'),
- },
- {
- path: 'areaStatistics', //鎸夊尯鍩熺粺璁�
- name: 'areaStatistics',
- component: () => import('@/views/intelligentPatrol/statistics/unlawful/area'),
- },
- {
- path: 'shopStatistics', //闂ㄥ墠涓夊寘缁熻
- name: 'shopStatistics',
- component: () => import('@/views/intelligentPatrol/statistics/unlawful/shop'),
+ path: 'cockpitManage',
+ name: 'cockpitManage',
+ component: () => import('@/views/systemSetting/platform/cockpitManage')
}
+ ]
+ },
+ {
+ path: 'device',
+ name: 'device',
+ component: () => import('@/views/systemSetting/device'),
+ children: [{
+ path: 'bayonet',
+ name: 'bayonet',
+ component: () => import('@/views/systemSetting/device/bayonet')
+ },
+ {
+ path: 'grid',
+ name: 'grid',
+ component: () => import('@/views/systemSetting/device/grid'),
+ },
+ {
+ path: 'point',
+ name: 'point',
+ component: () => import('@/views/systemSetting/device/point'),
+ },
+ {
+ path: 'handheldTerminal',
+ name: 'handheldTerminal',
+ component: () => import('@/views/systemSetting/device/handheldTerminal'),
+ },
+ {
+ path: 'loudspeaker',
+ name: 'loudspeaker',
+ component: () => import('@/views/systemSetting/device/loudspeaker'),
+ }
+ ]
+ }
]
},
{
- path: '/login',
- name: 'login',
- component: () => import('@/views/login')
+ path: "operate",
+ name: 'operate',
+ component: () => import('@/views/operate'),
+ children: [{
+ path: 'baseSetting',
+ name: 'baseSetting',
+ component: () => import('@/views/operate/baseSetting'),
+ children: [{
+ path: "violation",
+ name: 'violation',
+ component: () => import('@/views/operate/baseSetting/violation'),
+ },
+ {
+ path: "illegalBuild",
+ name: 'illegalBuild',
+ component: () => import('@/views/operate/baseSetting/illegalBuild'),
+ },
+ ]
+ },
+ {
+ path: 'casepool',
+ name: 'casepool',
+ component: () => import('@/views/operate/disposal'),
+ children: [{
+ path: 'pool',
+ name: 'pool',
+ component: () => import('@/views/operate/disposal/casepool/pool'),
+ },
+ {
+ path: 'escalation',
+ name: 'escalation',
+ component: () => import('@/views/operate/disposal/casepool/escalation'),
+ },
+ {
+ path: 'dispatch',
+ name: 'dispatch',
+ component: () => import('@/views/operate/disposal/casepool/dispatch'),
+ },
+ {
+ path: 'notDeal',
+ name: 'notDeal',
+ component: () => import('@/views/operate/disposal/casepool/notDeal'),
+ },
+ {
+ path: 'learn',
+ name: 'learn',
+ component: () => import('@/views/operate/disposal/casepool/learn'),
+ },
+ ]
+ },
+ {
+ path: "fivepack",
+ name: 'fivepack',
+ component: () => import('@/views/operate/fivepack'),
+ children: [{
+ path: "shop",
+ name: 'shop',
+ component: () => import('@/views/operate/fivepack/shop'),
+ },
+ {
+ path: "threepackage",
+ name: 'threepackage',
+ component: () => import('@/views/operate/fivepack/threepack'),
+ }
+ ]
+ },
+ {
+ path: 'myWait',
+ name: 'myWait',
+ component: () => import('@/views/operate/myWait'),
+ },
+ {
+ path: 'images',
+ name: 'images',
+ component: () => import('@/views/operate/images'),
+ },
+ {
+ path: 'viewEvent',
+ name: 'viewEvent',
+ component: () => import('@/views/operate/viewEvent'),
+ },
+ {
+ path: 'rectification',
+ name: 'rectification',
+ component: () => import('@/views/operate/rectification'),
+ children: [{
+ path: "taskList",
+ name: 'taskList',
+ component: () => import('@/views/operate/rectification/taskList'),
+ },
+ {
+ path: "surveyList",
+ name: 'surveyList',
+ component: () => import('@/views/operate/rectification/surveyList'),
+ },
+ {
+ path: "renovationList",
+ name: 'renovationList',
+ component: () => import('@/views/operate/rectification/renovationList'),
+ }
+ ]
+ },
+ {
+ path: 'lawEnforcement',
+ name: 'lawEnforcement',
+ component: () => import('@/views/operate/lawEnforcement')
+ },
+ {
+ path: 'management',
+ name: 'management',
+ component: () => import('@/views/operate/management'),
+ redirect: '/home/operate/management/myIndex',
+ children: [{
+ path: 'myIndex',
+ name: 'myIndex',
+ component: () => import('@/views/operate/management/myIndex'),
+ },
+ {
+ path: 'managementMessage',
+ name: 'managementMessage',
+ component: () => import('@/views/operate/management/message'),
+ },
+ ]
+ },
+ {
+ path: 'car',
+ name: 'car',
+ component: () => import('@/views/operate/car'),
+ children: [{
+ path: 'carIndex',
+ name: 'carIndex',
+ component: () => import('@/views/operate/car/myIndex'),
+ },
+ {
+ path: 'lawTrajectory',
+ name: 'lawTrajectory',
+ component: () => import('@/views/operate/car/lawCar'),
+ },
+ {
+ path: 'soilTrajectory',
+ name: 'soilTrajectory',
+ component: () => import('@/views/operate/car/soilCar'),
+ }
+ ]
+ },
+ {
+ path: 'message',
+ name: 'message',
+ component: () => import('@/views/operate/message'),
+ children: [{
+ path: 'messageIndex',
+ name: 'messageIndex',
+ component: () => import('@/views/operate/message/myIndex'),
+ },
+ {
+ path: 'mycontrol',
+ name: 'mycontrol',
+ component: () => import('@/views/operate/message/mycontrol'),
+ },
+ ]
+ },
+ {
+ path: 'log',
+ name: 'log',
+ component: () => import('@/views/operate/log'),
+ },
+ {
+ path: 'sms',
+ name: 'sms',
+ component: () => import('@/views/operate/sms'),
+ children: [
+ {
+ path: 'smsIndex',
+ name: 'smsIndex',
+ component: () => import('@/views/operate/sms/smsIndex'),
+ },
+ {
+ path: 'smsTemplate',
+ name: 'smsTemplate',
+ component: () => import('@/views/operate/sms/smsTemplate'),
+ },
+ ]
+ },
+ {
+ path: "videoControl",
+ name: 'videoControl',
+ component: () => import('@/views/operate/video')
+ },
+ {
+ path: 'viewEvent',
+ name: 'viewEvent',
+ component: () => import('@/views/operate/viewEvent'),
+ },
+ {
+ path: 'images',
+ name: 'images',
+ component: () => import('@/views/operate/images'),
+ }
+ ]
+ },
+
+ {
+ path: "video",
+ name: 'video',
+ component: () => import('@/views/video')
+ },
+
+ {
+ path: "lampblack",
+ name: 'lampblack',
+ component: () => import('@/views/lampblack')
},
{
- path: '/screen',
- name: 'screen',
- component: () => import('@/views/screen')
+ path: "law",
+ name: 'law',
+ component: () => import('@/views/law')
},
{
- path: '/404',
- name: "404",
- component: () => import('@/views/info/NotFound'),
+ path: "intellect",
+ name: 'intellect',
+ component: () => import('@/views/intellect')
},
{
- path: '/fail',
- name: "/fail",
- component: () => import('@/views/info/Fail'),
+ path: "info",
+ name: 'info',
+ component: () => import('@/views/info')
+ },
+
+ // 鏅鸿兘宸℃煡
+ {
+ path: 'studyJudge', // 棰勮鐮斿垽
+ name: 'studyJudge',
+ component: () => import('@/views/intelligentPatrol/studyJudge'),
},
{
- path: '/success',
- name: "/success",
- component: () => import('@/views/info/Success'),
+ path: 'illegalSearch', // 杩濊妫�绱�
+ name: 'illegalSearch',
+ component: () => import('@/views/intelligentPatrol/illegalSearch'),
},
{
- path: '*',
- redirect: '/404'
+ path: 'trendAnalysis', // 瓒嬪娍鍒嗘瀽
+ name: 'trendAnalysis',
+ component: () => import('@/views/intelligentPatrol/trendAnalysis'),
+ },
+ // 杩濇硶缁熻
+ {
+ path: 'typeStatistics', // 鎸夎繚瑙勭被鍨嬬粺璁�
+ name: 'typeStatistics',
+ component: () => import('@/views/intelligentPatrol/statistics/unlawful/type'),
+ },
+ {
+ path: 'pointStatistics', //鎸夌偣浣嶇粺璁�
+ name: 'pointStatistics',
+ component: () => import('@/views/intelligentPatrol/statistics/unlawful/point'),
+ },
+ {
+ path: 'timeStatistics', //鎸夋椂闂寸粺璁�
+ name: 'timeStatistics',
+ component: () => import('@/views/intelligentPatrol/statistics/unlawful/time'),
+ },
+ {
+ path: 'areaStatistics', //鎸夊尯鍩熺粺璁�
+ name: 'areaStatistics',
+ component: () => import('@/views/intelligentPatrol/statistics/unlawful/area'),
+ },
+ {
+ path: 'shopStatistics', //闂ㄥ墠涓夊寘缁熻
+ name: 'shopStatistics',
+ component: () => import('@/views/intelligentPatrol/statistics/unlawful/shop'),
}
+ ]
+},
+{
+ path: '/login',
+ name: 'login',
+ component: () => import('@/views/login')
+},
+{
+ path: '/screen',
+ name: 'screen',
+ component: () => import('@/views/screen')
+},
+{
+ path: '/404',
+ name: "404",
+ component: () => import('@/views/info/NotFound'),
+},
+{
+ path: '/fail',
+ name: "/fail",
+ component: () => import('@/views/info/Fail'),
+},
+{
+ path: '/success',
+ name: "/success",
+ component: () => import('@/views/info/Success'),
+},
+{
+ path: '*',
+ redirect: '/404'
+}
]
const router = new VueRouter({
diff --git a/src/views/layout/components/Header/index.vue b/src/views/layout/components/Header/index.vue
index 60dbf0b..840e9af 100644
--- a/src/views/layout/components/Header/index.vue
+++ b/src/views/layout/components/Header/index.vue
@@ -3,8 +3,8 @@
<el-header>
<!-- 宸︿晶鑿滃崟 -->
<div class="header-left">
- <div class="menu-left__item" v-for="(item,index) in menuLeftList" :key="item.id" @click="changeActive(index)">
- <span :class="item.checked ? 'my-active':''">{{item.label}}</span>
+ <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)">
+ <span :class="item.checked ? 'my-active' : ''">{{ item.label }}</span>
</div>
</div>
<!-- 鍙充晶鑿滃崟 -->
@@ -14,61 +14,100 @@
<el-input suffix-icon="el-icon-search" v-model="keyword" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"></el-input>
</div>
<!-- 鐧诲綍鐢ㄦ埛 -->
- <div class="menu-right__item user" @mousemove="flag.user=true" @mouseleave="flag.user=false">
+ <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false">
<el-avatar :size="20" :src="user.icon" v-if="user.icon"></el-avatar>
<el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" v-else>
</el-avatar>
- <span style="padding: 0 5px;">{{user.username? user.username:'Admin'}}</span>
+ <span style="padding: 0 5px;">{{ user.username}}</span>
<i class="el-icon-arrow-down"></i>
<!-- 鐢ㄦ埛鎿嶄綔 -->
<div class="user-card" v-if="flag.user" @mouseleave="flag.user = false">
<el-card class="box-card">
- <div class="user-card__item">淇敼瀵嗙爜</div>
- <div style="margin-top: 10px;" class="user-card__item">鍩烘湰淇℃伅</div>
+ <div class="user-card__item" @click="updatePassword()">淇敼瀵嗙爜</div>
+ <div style="margin-top: 10px;" class="user-card__item" @click="baseInfo()">鍩烘湰淇℃伅</div>
</el-card>
</div>
</div>
<!-- 娑堟伅 -->
- <div class="menu-right__item btn" @mousemove="flag.message = true" @mouseleave=" flag.message = false ">
+ <div class="menu-right__item btn" @mousemove="flag.message = true" @mouseleave="flag.message = false">
<el-tooltip effect="dark" content="娑堟伅涓績" placement="bottom-end" :hide-after="600">
<el-badge :value="50" :max="99" class="item">
<i class="el-icon-message-solid"></i>
</el-badge>
</el-tooltip>
<!-- 娑堟伅鎿嶄綔 -->
- <div class="message-card" v-if="flag.message" @mouseleave=" flag.message = false ">
+ <div class="message-card" v-if="flag.message" @mouseleave="flag.message = false">
<el-card class="box-card">
<div class="card-header">
<span>娑堟伅涓績</span>
<el-button type="text">鎺ユ敹璁剧疆</el-button>
</div>
<div v-for="item in menuMessageList" :key="item.id" class="message-card__item">
- <span class="label">{{item.label}}</span>
- <span>({{item.num}})</span>
+ <router-link to='/home/operate/message/messageIndex'>
+ <span @click="" class="label">{{ item.label }}</span>
+ </router-link>
+ <span>({{ item.num }})</span>
</div>
</el-card>
</div>
</div>
<!-- 璁剧疆 -->
- <div class="menu-right__item btn">
+ <!-- <div class="menu-right__item btn">
<el-tooltip effect="dark" content="璐︽埛璁剧疆" placement="bottom-end" :hide-after="1000">
<i class="el-icon-s-tools"></i>
</el-tooltip>
- </div>
+ </div> -->
<!-- 閫�鍑虹櫥褰� -->
<div class="menu-right__item btn" @click="loginout">
<el-tooltip effect="dark" content="閫�鍑虹櫥褰�" placement="bottom-end" :hide-after="1000">
<i class="el-icon-switch-button"></i>
</el-tooltip>
</div>
+ <el-dialog :visible.sync="updatePasswordDialog" width="40%" title="淇敼瀵嗙爜" v-if="updatePasswordDialog"
+ :before-close="handleClose">
+ <updatePassword />
+ </el-dialog>
+ <el-dialog :visible.sync="baseInformationVisible" width="35%" title="鍩烘湰淇℃伅" v-if="baseInformationVisible"
+ :before-close="handleClose">
+ <el-form :model="user" class="info" label-width="6vw">
+ <el-form-item label="鐢ㄦ埛ID" min-width="6">
+ <el-input v-model="user.id"></el-input>
+ </el-form-item>
+ <el-form-item prop="nickName" label="鐢ㄦ埛鍚嶇О" min-width="10">
+ <el-input v-model="user.nickName"></el-input>
+ </el-form-item>
+ <el-form-item prop="nickName" label="鎵�灞炲鍚�" min-width="8">
+ <el-input v-model="user.username"></el-input>
+ </el-form-item>
+ <el-form-item prop="mobile" label="鑱旂郴鏂瑰紡" min-width="7">
+ <el-input v-model="user.mobile"></el-input>
+ </el-form-item>
+ <!-- <el-form-item prop="departName" label="鎵�灞為儴闂�" min-width="8">
+ <el-input v-model="user.mobile"></el-input>
+ </el-form-item> -->
+ <el-form-item prop="jobTitle" label="鎵�灞炶亴鍔�" min-width="8">
+ <el-input v-model="user.jobTitle"></el-input>
+ </el-form-item>
+ <el-form-item prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
+ <el-input v-model="user.createTime"></el-input>
+ </el-form-item>
+ </el-form>
+
+ </el-dialog>
</div>
</el-header>
</template>
<script>
+import updatePassword from "./updatePassword";
export default {
+ components: {
+ updatePassword
+ },
data() {
return {
+ baseInformationVisible: false,
+ updatePasswordDialog: false,
menuLeftList: [
{
label: '椹鹃┒鑸�',
@@ -123,6 +162,31 @@
this.getLoginInfo();
},
methods: {
+ baseInfo() {
+ this.baseInformationVisible = true;
+ const name = sessionStorage.getItem('name');
+ this.$axios({
+ method: 'get',
+ url: 'sccg/admin/info?name=' + name,
+ })
+ .then(res => {
+ sessionStorage.setItem('user', JSON.stringify(res.data));
+ this.user = res.data.user;
+ })
+ },
+ handleClose(done) {
+ this.$confirm("纭鍏抽棴锛�")
+ .then((_) => {
+ this.dialogUpload = false;
+ // this.dialogUpdate = false;
+ done();
+ })
+ .catch((_) => { });
+ },
+ //淇敼瀵嗙爜
+ updatePassword() {
+ this.updatePasswordDialog = true;
+ },
// 閫�鍑哄姛鑳�
loginout() {
this.$confirm('閫�鍑虹郴缁熺‘璁�', '纭鎻愮ず', {
@@ -150,7 +214,7 @@
getLoginInfo() {
const info = JSON.parse(sessionStorage.getItem('user'));
if (info) {
- this.user = info;
+ this.user = info;
} else {
const name = sessionStorage.getItem('name');
this.$axios({
@@ -159,7 +223,7 @@
})
.then(res => {
sessionStorage.setItem('user', JSON.stringify(res.data));
- this.user = res.data;
+ this.user = res.data.user;
})
}
}
@@ -168,6 +232,12 @@
</script>
<style lang="scss" scoped>
+ ::v-deep .el-form{
+ padding: 3vh 5vw;
+ .el-form-item__label{
+ color: #4b9bb7;
+ }
+}
.el-header {
background-color: #071a38;
color: #333;
@@ -240,6 +310,7 @@
top: 60px;
width: 120px;
z-index: 3000;
+
.user-card__item {
padding: 5px 0;
@@ -273,6 +344,7 @@
width: 180px;
left: -50px;
z-index: 3000;
+
:deep(.el-card__body) {
padding: 0;
}
diff --git a/src/views/layout/components/Header/updatePassword/index.vue b/src/views/layout/components/Header/updatePassword/index.vue
new file mode 100644
index 0000000..60f4736
--- /dev/null
+++ b/src/views/layout/components/Header/updatePassword/index.vue
@@ -0,0 +1,183 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
+ label-position="right">
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="褰撳墠瀵嗙爜:" prop="carNumber">
+ <el-input v-model="car.carNumber" placeholder="璇峰～鍐欏綋鍓嶅瘑鐮�" disabled></el-input>
+ </el-form-item>
+ <!-- 鎵�灞為儴闂� -->
+ <el-form-item class="optionItems" label="鏂板瘑鐮�:" prop="depart">
+ <el-input v-model="car.depart" placeholder="璇峰～鍐欐柊瀵嗙爜" disabled></el-input>
+ </el-form-item>
+ <!-- 鎵�灞炲ぇ闃� -->
+ <el-form-item class="optionItems" label="纭畾鏂板瘑鐮�:" prop="belong">
+ <el-input v-model="car.belong" placeholder="璇蜂簩娆″～鍐欐柊瀵嗙爜" disabled></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import {validateCarNum,validatePhone,validateName} from '@/utils/validate'
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if(validateCarNum(value)){
+ callback()
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�'));
+ }
+ } else {
+ callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback()
+ }else{
+ callback(new Error('璇锋纭緭鍏ヨ溅涓诲鍚�'));
+ }
+ } else {
+ callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
+ }
+ }
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback()
+ }else{
+ callback(new Error('璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�'));
+ }
+ } else {
+ callback(new Error('杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if(validatePhone(value)){
+ callback()
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'));
+ }
+ } else {
+ callback(new Error('鎵嬫満鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ return {
+ car: {
+ },
+ createCarRules: {
+ carNumber: [
+ {
+ required: true, trigger:'blur', validator: checkCarNum
+ }
+ ],
+ contact: [
+ {
+ required: true,trigger:'blur', validator: checkPhone
+ }
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,trigger:'blur', validator: checkName
+ }
+ ],
+ vehicleUser: [
+ {
+ required: true,trigger:'blur', validator: checkUser
+ }
+ ]
+ },
+ teamList: [
+ {
+ label: '澶ч槦涓�',
+ value: 1,
+ },
+ {
+ label: '澶ч槦浜�',
+ value: 2,
+ },
+ ]
+ }
+ },
+ created() {
+ // console.log(this.info);
+ // this.car = JSON.parse(JSON.stringify(this.info));
+ },
+ methods: {
+ },
+ // props: ['info']
+}
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/operate/images/detailUser/index.vue b/src/views/operate/images/detailUser/index.vue
new file mode 100644
index 0000000..cde5599
--- /dev/null
+++ b/src/views/operate/images/detailUser/index.vue
@@ -0,0 +1,322 @@
+<template>
+ <div class="updateUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" style="width: 100%;">
+ <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�">
+ <el-input v-model="imagedata.code"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="澶х被鍚嶇О">
+ <el-input v-model="imagedata.questionType"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="灏忕被鍚嶇О">
+ <el-input v-model="imagedata.bigType"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="鍥剧墖Id">
+ <el-input v-model="imagedata.imagesId"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="涓婁紶鏃堕棿">
+ <el-input v-model="imagedata.uploadTime"></el-input>
+ </el-form-item>
+ <el-form-item prop="questionType" label="鍥剧墖:" min-width="8">
+ <img style="width: 180px;height: 120px;" :src=imagedata.imageUrl>
+ </el-form-item>
+ <!-- <el-form-item prop="questionType" label="闂绫诲瀷" min-width="8" v-model="imagedata.questionType">
+ </el-form-item>
+ <el-form-item prop="bigType" label="澶х被鍚嶇О" min-width="8" v-model="imagedata.bigType">
+ </el-form-item>
+ <el-form-item prop="smallType" label="灏忕被鍚嶇О" min-width="8" v-model="imagedata.smallType">
+ </el-form-item>
+ <el-form-item prop="imagesId" label="鍥剧墖Id" min-width="8" v-model="imagedata.imagesId">
+ </el-form-item>
+ <el-form-item prop="uploadTime" label="涓婁紶鏃堕棿" min-width="15" v-model="imagedata.uploadTime"> -->
+ <!-- </el-form-item> -->
+ <!-- <el-form-item v-if="updateFlag"> -->
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦
+ </el-button>
+ </div>
+ <!-- </el-form-item> -->
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import { getTypeList } from "@/utils/helper";
+export default {
+ data() {
+
+ return {
+
+ imagedata: {
+ code: "SJ202211010001",
+ questionType: "杩濊",
+ bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
+ imagesId: "1",
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.fabao365.xuanfa.cn%2Fimage%2F202107%2F130f9d19f204302f.jpg&refer=http%3A%2F%2Fimg.fabao365.xuanfa.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670034077&t=974b018f9e27023a01d2d8ad3c7c44f2"
+ },
+ }
+ },
+ created() {
+ // const that = this;
+ // this.user = JSON.parse(JSON.stringify(that.userInfo));
+ // console.log(this.user);
+ // this.user.parentId = this.user.parentId === 0 ? '鏆傛棤涓婄骇閮ㄩ棬' : this.user.parentId;
+ // this.checkedList = this.user.userInfoDTOS;
+ // this.checkedList.forEach((e) => {
+ // this.checkedUser.push(e.userId);
+ // });
+ // console.log(this.checkedUser)
+ // this.$axios({
+ // method: "get",
+ // url: "sccg/depart/tree",
+ // }).then((res) => {
+ // that.departList = res.data;
+ // });
+ // this.getUserList(this.user.id);
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // this.getDepartType();
+ },
+ methods: {
+ // handleUser() {
+ // this.$refs["user"].validate((valid) => {
+ // if (valid) {
+ // const { user, checkedList } = this;
+ // const arr = [];
+ // checkedList.forEach((item) => {
+ // arr.push({ leader: item.leader, userId: item.id ? item.id : item.userId });
+ // });
+ // if (arr.length === 0) {
+ // this.$message({
+ // type: 'warning',
+ // message: '璇烽�夋嫨閮ㄩ棬浜哄憳',
+ // })
+ // } else {
+ // this.$axios
+ // .post("sccg/depart/update", {
+ // id: user.id,
+ // departName: user.departName,
+ // parentId: user.parentId === '鏆傛棤涓婄骇閮ㄩ棬' ? 0 : user.parentId,
+ // departDes: user.departDes,
+ // departManagerList: arr,
+ // })
+ // .then((res) => {
+ // this.$message({
+ // message: res.message,
+ // type: res.code === 200 ? "success" : "warning",
+ // });
+ // this.$emit("changeDialog", { flag: false });
+ // this.getDepartList();
+ // });
+ // }
+ // } else {
+ // return false;
+ // }
+ // });
+ // },
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // async getDepartType() {
+ // this.typeList = await getTypeList(1, "08");
+ // },
+
+ // // 璁剧疆棰嗗
+ // setLeader(idx) {
+ // if (this.updateFlag) {
+ // this.checkedList.forEach((item, index) => {
+ // item.leader = index === idx;
+ // });
+ // }
+ // },
+
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ // getUserList(id) {
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ // this.$axios.get(`/sccg/depart/query_surplus_exist_user?id=`+id).then((res) => {
+ // if (res.code === 200) {
+ // this.userList = res.data;
+ // }
+ // });
+ // },
+ // addUser() {
+ // this.checkedList = [];
+ // this.userList.forEach((item) => {
+ // this.checkedUser.forEach((child) => {
+ // if (item.id == child) {
+ // this.checkedList.push({
+ // id: item.id,
+ // username: item.username,
+ // leader: false,
+ // });
+ // }
+ // });
+ // });
+ // this.checkedList[0].leader = true;
+ // console.log(this.checkedList);
+ // this.openUser = false;
+ // },
+ // },
+ // props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"],
+ },
+ props: ['updateFlag']
+};
+</script>
+<style lang="scss" scoped>
+.updateUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ // .mainTitle {
+ // color: #4b9bb7;
+ // font-weight: 600;
+ // line-height: 100px;
+ // font-size: 14px;
+ // }
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+ justify-content: center;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+ }
+ }
+}
+
+.updateUser::v-deep .el-form-item__label {
+ color: #4b9bb7;
+}
+
+.updateUser::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+}
+
+.addPerson {
+ display: flex;
+ list-style: none;
+ padding: 0;
+ flex-wrap: wrap;
+ max-width: 280px;
+
+ li {
+ color: #fff;
+ text-align: center;
+ font-size: 30px;
+ margin-left: 10px;
+ }
+}
+
+.li-icon {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ margin: 0 auto;
+}
+
+.li-btn {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+}
+
+.card {
+ position: absolute;
+ z-index: 2000;
+ right: 0;
+
+ .box-card {
+ min-height: 240px;
+ max-height: 260px;
+ overflow: hidden;
+ background-color: #09152f;
+ position: relative;
+ max-width: 220px;
+
+ .scrollWrap {
+ overflow: scroll;
+ height: 180px;
+ position: relative;
+ color: #4b9bb7;
+
+ .el-checkbox-group {
+ display: flex;
+ flex-direction: column;
+
+ .el-checkbox {
+ line-height: 20px;
+ }
+ }
+ }
+
+ .myclear {
+ width: 100%;
+ line-height: 20px;
+ color: #4b9bb7;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .hidebar {
+ position: absolute;
+ top: 77px;
+ right: 20px;
+ width: 20px;
+ height: 180px;
+ background-color: #09152f;
+ }
+
+ .item {
+ line-height: 40px;
+ }
+ }
+}
+
+.leader {
+ color: red;
+}
+
+.el-input {
+ width: 280px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/operate/images/index.vue b/src/views/operate/images/index.vue
index c0d8ecd..dd18d97 100644
--- a/src/views/operate/images/index.vue
+++ b/src/views/operate/images/index.vue
@@ -5,7 +5,7 @@
<div class="search">
<span>绫诲瀷鏌ヨ:</span>
<div class="option">
- <el-input v-model="info.type" placeholder="璇疯緭鍏ラ棶棰樻煡璇�"></el-input>
+ <el-input v-model="info.type" placeholder="璇疯緭鍏ラ棶棰樼被鍨�"></el-input>
</div>
<span>涓婁紶鏃堕棿:</span>
<div class="option">
@@ -92,7 +92,7 @@
v-if="dialogcheck"
:before-close="handleClose"
>
- <updateUser
+ <detailUser
/>
<!-- :updateFlag="updateFlag"
:userInfo="userInfo"
@@ -147,11 +147,12 @@
// import uploadIll from "./updateUser/uploadResult/ill"
import createUser from "./createUser";
import updateUser from "./updateUser";
+import detailUser from "./detailUser";
export default {
components: {
// updateUser,
// uploadVio, uploadIll,
- updateUser, createUser
+ updateUser, createUser,detailUser
},
data() {
return {
@@ -159,7 +160,7 @@
dialogcheck:false,
tableData: [
{
- code: "SJ202211010001",
+ code: "IMG202211010001",
questionType: "杩濊",
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
@@ -167,7 +168,7 @@
uploadTime: "2022-10-31 20:20:01"
},
{
- code: "SJ202211010001",
+ code: "IMG202211010002",
questionType: "杩濊",
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
@@ -175,7 +176,7 @@
uploadTime: "2022-10-31 20:20:01"
},
{
- code: "SJ202211010001",
+ code: "IMG202211010003",
questionType: "杩濊",
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
@@ -183,7 +184,7 @@
uploadTime: "2022-10-31 20:20:01"
},
{
- code: "SJ202211010001",
+ code: "IMG202211010004",
questionType: "杩濊",
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
diff --git a/src/views/operate/images/updateUser/index.vue b/src/views/operate/images/updateUser/index.vue
index c25a5e3..3a844dc 100644
--- a/src/views/operate/images/updateUser/index.vue
+++ b/src/views/operate/images/updateUser/index.vue
@@ -3,31 +3,32 @@
<main>
<div class="mainContent">
<el-form ref="user" style="width: 100%;">
- <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�" >
+ <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�">
<el-input v-model="imagedata.code"></el-input>
</el-form-item>
- <el-form-item prop="code" label="澶х被鍚嶇О" >
+ <el-form-item prop="code" label="澶х被鍚嶇О">
<el-input v-model="imagedata.questionType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="灏忕被鍚嶇О" >
+ <el-form-item prop="code" label="灏忕被鍚嶇О">
<el-input v-model="imagedata.bigType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="鍥剧墖Id" >
+ <el-form-item prop="code" label="鍥剧墖Id">
<el-input v-model="imagedata.imagesId"></el-input>
</el-form-item>
- <el-form-item prop="code" label="涓婁紶鏃堕棿" >
+ <el-form-item prop="code" label="涓婁紶鏃堕棿">
<el-input v-model="imagedata.uploadTime"></el-input>
</el-form-item>
- <!-- <el-form-item prop="questionType" label="闂绫诲瀷" min-width="8" v-model="imagedata.questionType">
+ <el-form-item prop="questionType" label="鍥剧墖:" min-width="8">
+ <img style="width: 180px;height: 120px;" :src=imagedata.imageUrl>
</el-form-item>
- <el-form-item prop="bigType" label="澶х被鍚嶇О" min-width="8" v-model="imagedata.bigType">
+ <!-- <el-form-item prop="bigType" label="澶х被鍚嶇О" min-width="8" v-model="imagedata.bigType">
</el-form-item>
<el-form-item prop="smallType" label="灏忕被鍚嶇О" min-width="8" v-model="imagedata.smallType">
</el-form-item>
- <el-form-item prop="imagesId" label="鍥剧墖Id" min-width="8" v-model="imagedata.imagesId">
- </el-form-item>
- <el-form-item prop="uploadTime" label="涓婁紶鏃堕棿" min-width="15" v-model="imagedata.uploadTime"> -->
- </el-form-item>
+ <el-form-item prop="imagesId" label="鍥剧墖Id" min-width="8" v-model="imagedata.imagesId"> -->
+ <!-- </el-form-item>
+ <el-form-item prop="uploadTime" label="涓婁紶鏃堕棿" min-width="15" v-model="imagedata.uploadTime">
+ </el-form-item> -->
<!-- <el-form-item v-if="updateFlag"> -->
<div class="optionBtn">
<el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦
@@ -52,7 +53,8 @@
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
imagesId: "1",
- uploadTime: "2022-10-31 20:20:01"
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.fabao365.xuanfa.cn%2Fimage%2F202107%2F130f9d19f204302f.jpg&refer=http%3A%2F%2Fimg.fabao365.xuanfa.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670034077&t=974b018f9e27023a01d2d8ad3c7c44f2"
},
}
},
@@ -156,7 +158,7 @@
// },
// props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"],
},
- props:['updateFlag']
+ props: ['updateFlag']
};
</script>
<style lang="scss" scoped>
@@ -208,6 +210,7 @@
display: flex;
margin-top: 20px;
justify-content: center;
+
.btn {
padding: 12px 50px;
}
diff --git a/src/views/operate/video/detailInterface/index.vue b/src/views/operate/video/detailInterface/index.vue
index b0ea2f9..3f49033 100644
--- a/src/views/operate/video/detailInterface/index.vue
+++ b/src/views/operate/video/detailInterface/index.vue
@@ -3,21 +3,28 @@
<main>
<div class="mainContent">
<el-form ref="user" style="width: 100%;">
- <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�" >
+ <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�">
<el-input v-model="imagedata.code"></el-input>
</el-form-item>
- <el-form-item prop="code" label="澶х被鍚嶇О" >
+ <el-form-item prop="code" label="澶х被鍚嶇О">
<el-input v-model="imagedata.questionType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="灏忕被鍚嶇О" >
+ <el-form-item prop="code" label="灏忕被鍚嶇О">
<el-input v-model="imagedata.bigType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="瑙嗛Id" >
+ <el-form-item prop="code" label="瑙嗛Id">
<el-input v-model="imagedata.videoId"></el-input>
</el-form-item>
- <el-form-item prop="code" label="涓婁紶鏃堕棿" >
+ <el-form-item prop="code" label="涓婁紶鏃堕棿">
<el-input v-model="imagedata.uploadTime"></el-input>
</el-form-item>
+ <el-form-item prop="code" label="瑙嗛锛�">
+ <video id="my-video" class="video-js" controls preload="auto" width="210px" height="150px"
+ :poster="imagedata.imageUrl" data-setup="{}">
+ <source :src="imagedata.videoUrl" type="video/mp4" />
+ </video>
+ </el-form-item>
+
<!-- <el-form-item v-if="updateFlag"> -->
<!-- </el-form-item> -->
</el-form>
@@ -25,6 +32,7 @@
</main>
</div>
</template>
+<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
import { getTypeList } from "@/utils/helper";
export default {
@@ -38,7 +46,9 @@
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
videoId: "1",
- uploadTime: "2022-10-31 20:20:01"
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
}
},
@@ -194,6 +204,7 @@
display: flex;
margin-top: 20px;
justify-content: center;
+
.btn {
padding: 12px 50px;
}
diff --git a/src/views/operate/video/index.vue b/src/views/operate/video/index.vue
index f0e044e..8974f3b 100644
--- a/src/views/operate/video/index.vue
+++ b/src/views/operate/video/index.vue
@@ -3,11 +3,11 @@
<header>
<div class="headerContent">
<div class="search">
- <span>绫诲瀷鏌ヨ:</span>
+ <span>绛涢�夋潯浠�:</span>
<div class="option">
<el-input
v-model="info.type"
- placeholder="璇疯緭鍏ラ棶棰樼被鍨嬫煡璇�"
+ placeholder="璇疯緭鍏ュ唴瀹�"
></el-input>
</div>
<span>涓婁紶鏃堕棿:</span>
@@ -191,6 +191,7 @@
</main>
</div>
</template>
+<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
import createInterface from "./createInterface";
import updateInterface from "./updateInterface";
@@ -207,41 +208,63 @@
dialogcheck: false,
tableData: [
{
- code: "SJ202211010001",
+ code: "VID202210010001",
questionType: "杩濊",
- bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ bigType: "鍩庡競缁垮寲",
smallType:
- "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
- videoId: "1",
+ "鎺掓斁娌圭儫鐨勯楗湇鍔′笟缁忚惀鑰呮湭瀹夎娌圭儫鍑�鍖栬鏂姐�佷笉姝ｅ父浣跨敤娌圭儫鍑�鍖栬鏂�",
+ videoId: "12010",
uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
- code: "SJ202211010001",
+ code: "VID202210010002",
questionType: "杩濊",
- bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ bigType: "鍩庡競缁垮寲",
smallType:
- "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
- videoId: "1",
+ "鎺掓斁娌圭儫鐨勯楗湇鍔′笟缁忚惀鑰呮湭瀹夎娌圭儫鍑�鍖栬鏂姐�佷笉姝ｅ父浣跨敤娌圭儫鍑�鍖栬鏂�",
+ videoId: "12010",
uploadTime: "2022-10-31 20:20:01",
- },
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
+ }
+ ,
{
- code: "SJ202211010001",
+ code: "VID202210010003",
questionType: "杩濊",
- bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ bigType: "鍩庡競缁垮寲",
smallType:
- "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
- videoId: "1",
+ "鎺掓斁娌圭儫鐨勯楗湇鍔′笟缁忚惀鑰呮湭瀹夎娌圭儫鍑�鍖栬鏂姐�佷笉姝ｅ父浣跨敤娌圭儫鍑�鍖栬鏂�",
+ videoId: "12010",
uploadTime: "2022-10-31 20:20:01",
- },
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
+ }
+ ,
{
- code: "SJ202211010001",
+ code: "VID202210010004",
questionType: "杩濊",
- bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ bigType: "鍩庡競缁垮寲",
smallType:
- "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
- videoId: "1",
+ "鎺掓斁娌圭儫鐨勯楗湇鍔′笟缁忚惀鑰呮湭瀹夎娌圭儫鍑�鍖栬鏂姐�佷笉姝ｅ父浣跨敤娌圭儫鍑�鍖栬鏂�",
+ videoId: "12010",
uploadTime: "2022-10-31 20:20:01",
- },
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
+ }
+ ,
+ {
+ code: "VID202210010005",
+ questionType: "杩濊",
+ bigType: "鍩庡競缁垮寲",
+ smallType:
+ "鎺掓斁娌圭儫鐨勯楗湇鍔′笟缁忚惀鑰呮湭瀹夎娌圭儫鍑�鍖栬鏂姐�佷笉姝ｅ父浣跨敤娌圭儫鍑�鍖栬鏂�",
+ videoId: "12010",
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
+ }
],
context: "",
dialogUpload: false,
diff --git a/src/views/operate/video/updateInterface/index.vue b/src/views/operate/video/updateInterface/index.vue
index a3758a6..63f233f 100644
--- a/src/views/operate/video/updateInterface/index.vue
+++ b/src/views/operate/video/updateInterface/index.vue
@@ -3,20 +3,26 @@
<main>
<div class="mainContent">
<el-form ref="user" style="width: 100%;">
- <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�" >
+ <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�">
<el-input v-model="imagedata.code"></el-input>
</el-form-item>
- <el-form-item prop="code" label="澶х被鍚嶇О" >
+ <el-form-item prop="code" label="澶х被鍚嶇О">
<el-input v-model="imagedata.questionType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="灏忕被鍚嶇О" >
+ <el-form-item prop="code" label="灏忕被鍚嶇О">
<el-input v-model="imagedata.bigType"></el-input>
</el-form-item>
- <el-form-item prop="code" label="瑙嗛Id" >
+ <el-form-item prop="code" label="瑙嗛Id">
<el-input v-model="imagedata.videoId"></el-input>
</el-form-item>
- <el-form-item prop="code" label="涓婁紶鏃堕棿" >
+ <el-form-item prop="code" label="涓婁紶鏃堕棿">
<el-input v-model="imagedata.uploadTime"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="瑙嗛锛�">
+ <video id="my-video" class="video-js" controls preload="auto" width="210px" height="150px"
+ :poster="imagedata.imageUrl" data-setup="{}">
+ <source :src="imagedata.videoUrl" type="video/mp4" />
+ </video>
</el-form-item>
<!-- <el-form-item v-if="updateFlag"> -->
<div class="optionBtn">
@@ -29,6 +35,7 @@
</main>
</div>
</template>
+<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
import { getTypeList } from "@/utils/helper";
export default {
@@ -42,7 +49,9 @@
bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
videoId: "1",
- uploadTime: "2022-10-31 20:20:01"
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://img0.baidu.com/it/u=1063261925,3306857657&fm=253&fmt=auto&app=138&f=JPEG?w=669&h=500",
+ videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
}
},
@@ -146,7 +155,7 @@
// },
// props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"],
},
- props:['updateFlag']
+ props: ['updateFlag']
};
</script>
<style lang="scss" scoped>
@@ -198,6 +207,7 @@
display: flex;
margin-top: 20px;
justify-content: center;
+
.btn {
padding: 12px 50px;
}
diff --git a/src/views/systemSetting/device/point/index.vue b/src/views/systemSetting/device/point/index.vue
index afa0752..8d4dac3 100644
--- a/src/views/systemSetting/device/point/index.vue
+++ b/src/views/systemSetting/device/point/index.vue
@@ -164,21 +164,21 @@
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
}
,
@@ -186,14 +186,14 @@
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
}
,
@@ -201,21 +201,21 @@
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
},
{
id:12,
steert:"xx琛楅亾",
community:"xxx绀惧尯",
- imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2Fv2-f596f7046869736314107eed4003ce88_r.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669953324&t=319eaeb3617f2bd98a0d5b845b35a537",
+ imageUrl:"https://img2.baidu.com/it/u=2526846893,15288996&fm=253&fmt=auto&app=138&f=JPG?w=738&h=500",
videoUrl:"http://vali-g1.cp31.ott.cibntv.net/youku/65730720cb94e7220271a3c96/0300080100632D30A3E43019FD116537F5162F-1035-48AC-BE1B-602DF0E92893.mp4?sid=166729534400010004780_00_Bda935cf9a33346c593fc27da8e694df3&sign=db39289573d143cf6e1ad8d8dff36682&ctype=50&si=183&psid=c732c4364319e7ef4685d8f1a568015941346"
}
],
diff --git a/src/views/systemSetting/platform/cockpitManage/createUser/index.vue b/src/views/systemSetting/platform/cockpitManage/createUser/index.vue
new file mode 100644
index 0000000..f92cbeb
--- /dev/null
+++ b/src/views/systemSetting/platform/cockpitManage/createUser/index.vue
@@ -0,0 +1,423 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form
+ ref="user"
+ label-width="140px"
+ autoComplete="on"
+ :model="depart"
+ :rules="createDepartRules"
+ label-position="right"
+ >
+ <!-- 閮ㄩ棬鍚嶇О -->
+ <span style="heght:18px;display:block;line-height: 14px;">
+ 鎵ф硶浜哄憳缁撴瀯
+ </span>
+ <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�"></el-input>
+ </el-form-item>
+ <!-- 涓婄骇閮ㄩ棬 -->
+ <el-form-item class="optionItem" label="閮ㄩ棬浜烘暟:" prop="departName">
+ <el-input v-model="depart.departNumber" placeholder="璇疯緭鍏ラ儴闂ㄤ汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杈栧尯绠＄悊:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ緰鍖虹鐞�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鏈瀛﹀巻浠ヤ笂浜烘暟:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湰绉戝鍘嗕互涓婁汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鎸佽瘉浜哄憳鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔璇佷汉鍛樻暟"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="45宀佷互涓嬩汉鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏�45宀佷互涓嬩汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鎸佹硶寰嬭亴涓氳祫鏍艰瘉涔︿汉鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔娉曞緥鑱屼笟璧勬牸璇佷功浜烘暟"></el-input>
+ </el-form-item>
+ <span>
+ 浣滈绾緥
+ </span>
+ <el-form-item class="optionItem" label="閫氭姤鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ�氭姤鏁伴噺"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杩濈邯琛屼负鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚绾涓烘暟閲�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杩濇硶鐘姜琛屼负鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚娉曠姱缃涓烘暟閲�"></el-input>
+ </el-form-item>
+ <span>妗堜欢鍔炵悊</span>
+ <el-form-item class="optionItem" label="姣忔湀妗堜欢鍔炵悊閲�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ瘡鏈堟浠跺姙鐞嗛噺"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鏈秴鏃舵浠堕噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湭瓒呮椂妗堜欢閲�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="澶嶈鎴栬瘔璁兼暟:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ュ璁垨璇夎鏁�"></el-input>
+ </el-form-item>
+
+ </el-form>
+ </div>
+ </main>
+ <footer>
+ <div class="optionBtn">
+ <el-button @click="handleClose">鍙栨秷</el-button>
+ <el-button type="primary" class="btn submit" @click="handleUser"
+ >纭畾</el-button
+ >
+ </div>
+ </footer>
+ </div>
+</template>
+<script>
+import { getTypeList } from "@/utils/helper";
+export default {
+ data() {
+ const validateNickname = (rule, value, callback) => {
+ if (!value) {
+ callback(new Error("璇峰～鍐欓儴闂ㄥ悕绉�"));
+ } else {
+ callback();
+ }
+ };
+ const validatePass = (rule, value, callback) => {
+ if (!value) {
+ callback();
+ } else {
+ callback();
+ }
+ };
+ const validatePhone = (rule, value, callback) => {
+ if (!value) {
+ callback();
+ } else {
+ callback();
+ }
+ };
+ return {
+ depart: {
+ departName: "",
+ parentId: "",
+ departType: "",
+ departDes: "",
+ },
+ createDepartRules: {
+ departName: [
+ { required: true, trigger: "blur", validator: validateNickname },
+ ],
+ parentId: [
+ { required: false, trigger: "blur", validator: validatePass },
+ ],
+ departType: [
+ { required: false, trigger: "blur", validator: validatePhone },
+ ],
+ departDes: [{ required: false, trigger: "blur" }],
+ },
+ userList: [],
+ departList: [],
+ checkedUser: [],
+ checkedList: [],
+ openUser: false,
+ departTypeList: [],
+ selectOrg: {
+ orgsid: [],
+ },
+ mylabel: "",
+ defaultProps: {
+ children: "children",
+ label: "departName",
+ },
+ };
+ },
+ created() {
+ const that = this;
+ // 鑾峰彇閮ㄩ棬鏍戝舰缁撴瀯鍥�
+ this.getDepartTree();
+ // 鑾峰彇鐢ㄦ埛鍒楄〃
+ this.getUserList();
+ // 鑾峰彇閮ㄩ棬绫诲瀷鍒楄〃
+ this.getDepartTypeList();
+ },
+ methods: {
+ handleUser() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { depart, checkedList, selectOrg } = this;
+ const arr = [];
+ checkedList.forEach((item) => {
+ arr.push({ leader: item.leader, userId: item.id });
+ });
+ console.log(arr);
+ this.$axios({
+ method: "post",
+ url: "/sccg/depart/create",
+ data: {
+ departName: depart.departName,
+ parentId: selectOrg.orgsid[0],
+ departType: depart.departType,
+ departDes: depart.departDes,
+ departManagerList: arr,
+ },
+ }).then((res) => {
+ if (res.code === 200) {
+ this.$message({
+ message: res.message,
+ type: "success",
+ });
+ this.refresh();
+ } else if (res.code === 2001) {
+ this.$message({
+ message: res.message,
+ type: "error",
+ });
+ this.refresh();
+ }
+ });
+ } else {
+ return false;
+ }
+ });
+ },
+ // 鑾峰彇閮ㄩ棬鏍戝舰缁撴瀯鍥�
+ getDepartTree() {
+ this.$axios({
+ method: "get",
+ url: "sccg/depart/tree",
+ }).then((res) => {
+ // console.log(res);
+ // res.data.unshift({ id: 0, departName: "椤剁骇鑿滃崟" });
+ this.departList = res.data;
+ });
+ },
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ getUserList() {
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ this.$axios.get(`/sccg/depart/query_surplus_user`).then((res) => {
+ if (res.code === 200) {
+ this.userList = res.data;
+ }
+ });
+ },
+ addUser() {
+ console.log(this.checkedUser);
+ console.log(this.userList);
+ this.checkedList = [];
+ this.userList.forEach((item) => {
+ this.checkedUser.forEach((child) => {
+ if (item.id == child) {
+ this.checkedList.push({
+ id: item.id,
+ username: item.username,
+ leader: false,
+ });
+ }
+ });
+ });
+ this.checkedList[0].leader = true;
+ this.openUser = false;
+ },
+ handleClose() {
+ this.$emit("changMyDialog", { flag: false });
+ },
+ // 鑾峰彇閮ㄩ棬绫诲瀷
+ async getDepartTypeList() {
+ this.departTypeList = await getTypeList(1, "08");
+ },
+ handleCheck(data, checked) {
+ this.depart.parentId = data.departName;
+ // 鑾峰彇褰撳墠閫夋嫨鐨刬d鍦ㄦ暟缁勪腑鐨勭储寮�
+ const indexs = this.selectOrg.orgsid.indexOf(data.id);
+ // 濡傛灉涓嶅瓨鍦ㄦ暟缁勪腑锛屽苟涓旀暟缁勪腑宸茬粡鏈変竴涓猧d骞朵笖checked涓簍rue鐨勬椂鍊欙紝浠ｈ〃涓嶈兘鍐嶆閫夋嫨銆�
+ if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
+ this.$message({
+ message: "鍙兘閫夋嫨涓�涓儴闂紒",
+ type: "warning",
+ showClose: true,
+ });
+ // 璁剧疆宸查�夋嫨鐨勮妭鐐逛负false 寰堥噸瑕�
+ this.$refs.tree.setChecked(data, false);
+ } else if (this.selectOrg.orgsid.length === 0 && checked) {
+ // 鍙戠幇鏁扮粍涓虹┖ 骞朵笖鏄凡閫夋嫨
+ // 闃叉鏁扮粍鏈夊�硷紝棣栧厛娓呯┖锛屽啀push
+ this.selectOrg.orgsid = [];
+ this.selectOrg.orgsid.push(data.id);
+ } else if (
+ indexs >= 0 &&
+ this.selectOrg.orgsid.length === 1 &&
+ !checked
+ ) {
+ // 鍐嶆鐩存帴杩涜璧嬪�间负绌烘搷浣�
+ this.selectOrg.orgsid = [];
+ this.depart.parentId = "";
+ }
+ },
+ // 璁剧疆棰嗗
+ setLeader(idx) {
+ this.checkedList.forEach((item, index) => {
+ item.leader = index === idx;
+ });
+ },
+ },
+ props: ["refresh", "changMyDialog"],
+};
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+ line-height: 40px;
+
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ .addPerson {
+ display: flex;
+ list-style: none;
+ padding: 0;
+ flex-wrap: wrap;
+ max-width: 280px;
+ li {
+ color: #fff;
+ text-align: center;
+ font-size: 30px;
+ margin-left: 10px;
+ }
+ }
+ .li-icon {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ margin: 0 auto;
+ }
+ .li-btn {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ }
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+ }
+
+ .add {
+ position: relative;
+
+ .card {
+ position: absolute;
+ z-index: 2000;
+ right: 0;
+
+ .box-card {
+ min-height: 240px;
+ max-height: 260px;
+ overflow: hidden;
+ background-color: #09152f;
+ position: relative;
+ max-width: 220px;
+
+ .scrollWrap {
+ overflow: scroll;
+ height: 180px;
+ position: relative;
+ color: #4b9bb7;
+
+ .el-checkbox-group {
+ display: flex;
+ flex-direction: column;
+
+ .el-checkbox {
+ line-height: 20px;
+ }
+ }
+ }
+
+ .myclear {
+ width: 100%;
+ line-height: 20px;
+ color: #4b9bb7;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .hidebar {
+ position: absolute;
+ top: 77px;
+ right: 20px;
+ width: 20px;
+ height: 180px;
+ background-color: #09152f;
+ }
+
+ .item {
+ line-height: 40px;
+ }
+ }
+ }
+ }
+ }
+
+ .li-item {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .leader {
+ color: red;
+ }
+ .el-input {
+ width: 280px !important;
+ }
+ footer {
+ border-top: 1px solid #fff;
+ height: 80px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding-right: 20px;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/systemSetting/platform/cockpitManage/detailUser/index.vue b/src/views/systemSetting/platform/cockpitManage/detailUser/index.vue
new file mode 100644
index 0000000..cde5599
--- /dev/null
+++ b/src/views/systemSetting/platform/cockpitManage/detailUser/index.vue
@@ -0,0 +1,322 @@
+<template>
+ <div class="updateUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" style="width: 100%;">
+ <el-form-item prop="code" label="鎵�灞炰簨浠剁紪鍙�">
+ <el-input v-model="imagedata.code"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="澶х被鍚嶇О">
+ <el-input v-model="imagedata.questionType"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="灏忕被鍚嶇О">
+ <el-input v-model="imagedata.bigType"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="鍥剧墖Id">
+ <el-input v-model="imagedata.imagesId"></el-input>
+ </el-form-item>
+ <el-form-item prop="code" label="涓婁紶鏃堕棿">
+ <el-input v-model="imagedata.uploadTime"></el-input>
+ </el-form-item>
+ <el-form-item prop="questionType" label="鍥剧墖:" min-width="8">
+ <img style="width: 180px;height: 120px;" :src=imagedata.imageUrl>
+ </el-form-item>
+ <!-- <el-form-item prop="questionType" label="闂绫诲瀷" min-width="8" v-model="imagedata.questionType">
+ </el-form-item>
+ <el-form-item prop="bigType" label="澶х被鍚嶇О" min-width="8" v-model="imagedata.bigType">
+ </el-form-item>
+ <el-form-item prop="smallType" label="灏忕被鍚嶇О" min-width="8" v-model="imagedata.smallType">
+ </el-form-item>
+ <el-form-item prop="imagesId" label="鍥剧墖Id" min-width="8" v-model="imagedata.imagesId">
+ </el-form-item>
+ <el-form-item prop="uploadTime" label="涓婁紶鏃堕棿" min-width="15" v-model="imagedata.uploadTime"> -->
+ <!-- </el-form-item> -->
+ <!-- <el-form-item v-if="updateFlag"> -->
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦
+ </el-button>
+ </div>
+ <!-- </el-form-item> -->
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import { getTypeList } from "@/utils/helper";
+export default {
+ data() {
+
+ return {
+
+ imagedata: {
+ code: "SJ202211010001",
+ questionType: "杩濊",
+ bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
+ imagesId: "1",
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.fabao365.xuanfa.cn%2Fimage%2F202107%2F130f9d19f204302f.jpg&refer=http%3A%2F%2Fimg.fabao365.xuanfa.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670034077&t=974b018f9e27023a01d2d8ad3c7c44f2"
+ },
+ }
+ },
+ created() {
+ // const that = this;
+ // this.user = JSON.parse(JSON.stringify(that.userInfo));
+ // console.log(this.user);
+ // this.user.parentId = this.user.parentId === 0 ? '鏆傛棤涓婄骇閮ㄩ棬' : this.user.parentId;
+ // this.checkedList = this.user.userInfoDTOS;
+ // this.checkedList.forEach((e) => {
+ // this.checkedUser.push(e.userId);
+ // });
+ // console.log(this.checkedUser)
+ // this.$axios({
+ // method: "get",
+ // url: "sccg/depart/tree",
+ // }).then((res) => {
+ // that.departList = res.data;
+ // });
+ // this.getUserList(this.user.id);
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // this.getDepartType();
+ },
+ methods: {
+ // handleUser() {
+ // this.$refs["user"].validate((valid) => {
+ // if (valid) {
+ // const { user, checkedList } = this;
+ // const arr = [];
+ // checkedList.forEach((item) => {
+ // arr.push({ leader: item.leader, userId: item.id ? item.id : item.userId });
+ // });
+ // if (arr.length === 0) {
+ // this.$message({
+ // type: 'warning',
+ // message: '璇烽�夋嫨閮ㄩ棬浜哄憳',
+ // })
+ // } else {
+ // this.$axios
+ // .post("sccg/depart/update", {
+ // id: user.id,
+ // departName: user.departName,
+ // parentId: user.parentId === '鏆傛棤涓婄骇閮ㄩ棬' ? 0 : user.parentId,
+ // departDes: user.departDes,
+ // departManagerList: arr,
+ // })
+ // .then((res) => {
+ // this.$message({
+ // message: res.message,
+ // type: res.code === 200 ? "success" : "warning",
+ // });
+ // this.$emit("changeDialog", { flag: false });
+ // this.getDepartList();
+ // });
+ // }
+ // } else {
+ // return false;
+ // }
+ // });
+ // },
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // async getDepartType() {
+ // this.typeList = await getTypeList(1, "08");
+ // },
+
+ // // 璁剧疆棰嗗
+ // setLeader(idx) {
+ // if (this.updateFlag) {
+ // this.checkedList.forEach((item, index) => {
+ // item.leader = index === idx;
+ // });
+ // }
+ // },
+
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ // getUserList(id) {
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ // this.$axios.get(`/sccg/depart/query_surplus_exist_user?id=`+id).then((res) => {
+ // if (res.code === 200) {
+ // this.userList = res.data;
+ // }
+ // });
+ // },
+ // addUser() {
+ // this.checkedList = [];
+ // this.userList.forEach((item) => {
+ // this.checkedUser.forEach((child) => {
+ // if (item.id == child) {
+ // this.checkedList.push({
+ // id: item.id,
+ // username: item.username,
+ // leader: false,
+ // });
+ // }
+ // });
+ // });
+ // this.checkedList[0].leader = true;
+ // console.log(this.checkedList);
+ // this.openUser = false;
+ // },
+ // },
+ // props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"],
+ },
+ props: ['updateFlag']
+};
+</script>
+<style lang="scss" scoped>
+.updateUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ // .mainTitle {
+ // color: #4b9bb7;
+ // font-weight: 600;
+ // line-height: 100px;
+ // font-size: 14px;
+ // }
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+ justify-content: center;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+ }
+ }
+}
+
+.updateUser::v-deep .el-form-item__label {
+ color: #4b9bb7;
+}
+
+.updateUser::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+}
+
+.addPerson {
+ display: flex;
+ list-style: none;
+ padding: 0;
+ flex-wrap: wrap;
+ max-width: 280px;
+
+ li {
+ color: #fff;
+ text-align: center;
+ font-size: 30px;
+ margin-left: 10px;
+ }
+}
+
+.li-icon {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ margin: 0 auto;
+}
+
+.li-btn {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+}
+
+.card {
+ position: absolute;
+ z-index: 2000;
+ right: 0;
+
+ .box-card {
+ min-height: 240px;
+ max-height: 260px;
+ overflow: hidden;
+ background-color: #09152f;
+ position: relative;
+ max-width: 220px;
+
+ .scrollWrap {
+ overflow: scroll;
+ height: 180px;
+ position: relative;
+ color: #4b9bb7;
+
+ .el-checkbox-group {
+ display: flex;
+ flex-direction: column;
+
+ .el-checkbox {
+ line-height: 20px;
+ }
+ }
+ }
+
+ .myclear {
+ width: 100%;
+ line-height: 20px;
+ color: #4b9bb7;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .hidebar {
+ position: absolute;
+ top: 77px;
+ right: 20px;
+ width: 20px;
+ height: 180px;
+ background-color: #09152f;
+ }
+
+ .item {
+ line-height: 40px;
+ }
+ }
+}
+
+.leader {
+ color: red;
+}
+
+.el-input {
+ width: 280px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/systemSetting/platform/cockpitManage/index.vue b/src/views/systemSetting/platform/cockpitManage/index.vue
new file mode 100644
index 0000000..86e4e2f
--- /dev/null
+++ b/src/views/systemSetting/platform/cockpitManage/index.vue
@@ -0,0 +1,721 @@
+<template>
+ <div class="userList">
+ <header>
+ <div class="headerContent">
+ <div class="search">
+ <div class="search-item">
+ <span>閮ㄩ棬鍚嶇О:</span>
+ <div class="option">
+ <el-input v-model="info.type" placeholder="璇疯緭鍏ラ儴闂�"></el-input>
+ </div>
+ </div>
+ <div class="search-item">
+ <span>鐘舵��:</span>
+ <div class="option">
+ <el-input v-model="info.startTime" placeholder="閫夋嫨鐘舵��"></el-input>
+ </div>
+ </div>
+ <div class="findBtn">
+ <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
+ </div>
+ </div>
+ </div>
+ </header>
+ <main>
+ <div class="mainContent">
+ <div class="type-nav">
+ <el-button type="primary">瀵煎叆</el-button>
+ <el-button type="primary">瀵煎嚭</el-button>
+ <el-button type="primary" @click="addImages">娣诲姞</el-button>
+ </div>
+ <!-- 鏁版嵁灞曠ず -->
+ <el-table ref="multipleTable"
+ :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
+ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
+ @selection-change="tableChange">
+ <!-- <el-table-column type="selection" min-width="5">
+ </el-table-column> -->
+ <el-table-column prop="code" label="閮ㄩ棬鍚嶇О" min-width="8">
+ </el-table-column>
+ <el-table-column prop="questionType" label="閮ㄩ棬浜烘暟" min-width="10">
+ </el-table-column>
+ <el-table-column prop="bigType" label="鏈瀛﹀巻鍙婁互涓婁汉鏁�" min-width="15">
+ </el-table-column>
+ <el-table-column prop="smallType" label="鎸佽瘉浜哄憳鏁�" min-width="8">
+ </el-table-column>
+ <el-table-column prop="imagesId" label="45鏁颁互涓嬩汉鏁�" min-width="8">
+ </el-table-column>
+ <el-table-column prop="uploadTime" label="鎸佹硶寰嬭亴涓氳祫鏍艰瘉浜烘暟" min-width="15" v-if="mystatus === 1">
+ </el-table-column>
+ <el-table-column prop="imagesId" label="閫氭姤鏁伴噺" min-width="8">
+ </el-table-column>
+ <el-table-column prop="breakRuleActiveNumber" label="杩濈邯琛屼负鏁伴噺" min-width="15" v-if="mystatus === 1">
+ </el-table-column>
+ <el-table-column prop="crimeActiveNumber" label="杩濇硶鐘姜琛屼负鏁伴噺" min-width="8">
+ </el-table-column>
+ <el-table-column prop="monthCaseNumber" label="姣忔湀妗堜欢妗�" min-width="15" v-if="mystatus === 1">
+ </el-table-column>
+ <el-table-column prop="noTimeoutCaseNumber" label="鏈秴鏃舵浠堕噺" min-width="8">
+ </el-table-column>
+ <el-table-column prop="reViewNumber" label="澶嶈鎴栬瘔璁兼暟" min-width="15" v-if="mystatus === 1">
+ </el-table-column>
+ <el-table-column prop="status" label="鐘舵��" min-width="15" v-if="mystatus === 1">
+ </el-table-column>
+ <el-table-column prop="operation" label="鎿嶄綔" min-width="15">
+ <template slot-scope="scope">
+ <div class="operation">
+ <!-- <span @click="handleFind(scope.row)">鏌ョ湅</span>
+ <span class="line">|</span> -->
+ <span @click="handleUpdate(scope.row)">淇敼</span>
+ <span class="line">|</span>
+ <span @click="handleDelete(scope.row)">鍒犻櫎</span>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 璇︽儏椤靛睍绀� -->
+ <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView"
+ :before-close="handleClose">
+ <MyDetail :info=info v-if="mystatus == 1 ? true : false"></MyDetail>
+ <MyIllDetail :info=info v-else></MyIllDetail>
+ </el-dialog>
+ <!-- 涓婁紶椤甸潰 -->
+ <!-- <el-dialog :visible.sync="dialogUpload" width="80%" title="涓婁紶澶勭疆缁撴灉" v-if="dialogUpload"
+ :before-close="handleClose"> -->
+ <!-- <uploadVio v-if="mystatus === 1" :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog"></uploadVio>
+ <uploadIll v-else :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog"></uploadIll> -->
+ <!-- </el-dialog> -->
+ <!-- tools -->
+ <!-- 鏌ョ湅淇敼椤甸潰 -->
+ <el-dialog :visible.sync="dialogUpdate" width="40%" title="淇敼閮ㄩ棬" v-if="dialogUpdate"
+ :before-close="handleClose">
+ <updateUser />
+ <!-- :updateFlag="updateFlag"
+ :userInfo="userInfo"
+ :getDepartList="context === '' ? getUserList : search"
+ @changeDialog="changMyDialog" -->
+ </el-dialog>
+ <el-dialog :visible.sync="dialogcheck" width="40%" title="鏌ョ湅" v-if="dialogcheck"
+ :before-close="handleClose">
+ <detailUser />
+ <!-- :updateFlag="updateFlag"
+ :userInfo="userInfo"
+ :getDepartList="context === '' ? getUserList : search"
+ @changeDialog="changMyDialog" -->
+ </el-dialog>
+
+ <el-dialog :visible.sync="dialogAdd" width="40%" title="娣诲姞閮ㄩ棬" v-if="dialogAdd"
+ :before-close="handleClose">
+ <createUser />
+ <!-- :updateFlag="updateFlag"
+ :userInfo="userInfo"
+ :getDepartList="context === '' ? getUserList : search"
+ @changeDialog="changMyDialog" -->
+ </el-dialog>
+
+ <div class="tools">
+ <div class="funs">
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
+ </div>
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
+ </div>
+ <div class="funsItem">
+ <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange" disabled>
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
+ :value="item.value" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ <div class="pagination">
+ <el-pagination background :current-page="currentPage" layout="prev, pager, next"
+ :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
+ @prev-click="handlePrev" @next-click="handleNext">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+// import uploadVio from './updateUser/uploadResult/vio'
+// import uploadIll from "./updateUser/uploadResult/ill"
+import createUser from "./createUser";
+import updateUser from "./updateUser";
+import detailUser from "./detailUser";
+export default {
+ components: {
+ // updateUser,
+ // uploadVio, uploadIll,
+ updateUser, createUser, detailUser
+ },
+ data() {
+ return {
+ dialogUpdate: false,
+ dialogcheck: false,
+ tableData: [
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ {
+ code: "琛楅亾1",
+ questionType: "34",
+ bigType: "20",
+ smallType: "16",
+ imagesId: "26",
+ uploadTime: "8",
+ breakRuleActiveNumber: "2",
+ crimeActiveNumber: "1",
+ monthCaseNumber: "0",
+ noTimeoutCaseNumber: "145",
+ reViewNumber: "100",
+ status: "23",
+ },
+ ],
+ context: "",
+ dialogUpload: false,
+ // dialogUpdate: false,
+ dialogView: false,
+ updateFlag: false,
+ userInfo: {},
+ info: {},
+ totalNum: 5,
+ pageSize: 10,
+ currentPage: 1,
+ all: false,
+ unsame: false,
+ myIdx: 0,
+ preMyIdx: 0,
+ options: [
+ {
+ value: 0,
+ label: '鎵归噺鎿嶄綔',
+ disabled: true,
+ },
+ {
+ value: 1,
+ label: '鎵归噺鍚敤',
+ },
+ {
+ value: 2,
+ label: '鎵归噺绂佺敤',
+ },
+ {
+ value: 3,
+ label: '鎵归噺鍒犻櫎',
+ }
+ ],
+ tempList: [],
+ typeList: [
+ {
+ name: '鎽勫儚澶存帹閫�',
+ value: 1,
+ checked: true
+ },
+ {
+ name: '鍗曞叺鎺ㄩ��',
+ value: 2,
+ checked: false,
+ },
+ ],
+ statusArr: [],
+ mystatus: 1,
+ caseId: '',
+ caseCode: null,
+ dialogAdd: false,
+ }
+ },
+ created() {
+ this.statusArr[0] = 6;
+ this.typeList.forEach(item => {
+ if (item.checked) {
+ this.statusArr[1] = item.value;
+ }
+ })
+ this.getUserList();
+ },
+ methods: {
+ //淇敼
+ handleUpdate() {
+ this.dialogUpdate = true;
+ },
+ // 鏌ョ湅
+ handleFind() {
+ this.dialogcheck = true;
+ },
+ // 椤堕儴涓嬫媺妗�
+ setMystatus(value) {
+ console.log(value);
+ this.statusArr[1] = value;
+ this.changeTypeChecked(value - 1);
+ this.getUserList();
+ },
+ // 鎵归噺鍒犻櫎
+ mulDelete(idArr) {
+ console.log(idArr);
+ this.$axios({
+ method: 'delete',
+ url: 'sccg/violations/batch_delete?ids=' + idArr,
+ }).then(res => {
+ this.getUserList();
+ this.$message({
+ message: res.message,
+ type: res.code === 200 ? 'success' : 'warning'
+ })
+ })
+ },
+ // 鎵ц涓嬫媺妗嗘搷浣�
+ selectChange(list) {
+ console.log(this.tempList);
+ if (this.tempList.length !== 0) {
+ if (list === 3) {
+ this.preMyIdx = list;
+ this.mulDelete(this.tempList);
+ }
+ } else {
+ this.myIdx = this.preMyIdx;
+ this.$message({
+ type: 'warning',
+ message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
+ })
+ }
+ },
+ // 鐩戝惉琛ㄦ牸
+ tableChange(list) {
+ this.tempList = [];
+ list.forEach(item => {
+ this.tempList.push(item.code);
+ })
+ if (list.length === this.tableData.length) {
+ this.all = true;
+ } else {
+ this.all = false
+ }
+ },
+ // 鍏ㄩ��
+ selectAll() {
+ this.$refs.multipleTable.toggleAllSelection();
+ },
+ // 鍙嶉��
+ disSame(list) {
+ list.forEach(row => {
+ this.$refs.multipleTable.toggleRowSelection(row)
+ })
+ },
+ // 鍒犻櫎鍗曟潯鏁版嵁
+ handleDelete({ number }) {
+ console.log(number);
+ this.$confirm('纭鍒犻櫎锛�')
+ .then(_ => {
+ console.log(1);
+ this.$axios({
+ method: 'delete',
+ url: `sccg/violations/delete?id=${number}`,
+ })
+ .then(res => {
+ console.log(res);
+ this.$message({
+ type: res.code === 200 ? 'success' : 'warning',
+ message: res.message
+ })
+
+ this.getUserList();
+ })
+ })
+ .catch(_ => { console.log(2) });
+ },
+ // 鑾峰彇鐢ㄦ埛鍒楄〃
+ getUserList() {
+ const { currentPage, pageSize, context, statusArr } = this;
+ console.log(statusArr);
+ // this.$axios({
+ // method: 'get',
+ // url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}`
+ // }).then(res => {
+ // this.totalNum = res.data.total;
+ // this.tableData = res.data.records;
+ // console.log(res);
+ // })
+ },
+ // 鏇存敼杩濊/杩濆缓
+ changeTypeChecked(idx) {
+ this.typeList.forEach((item, index) => {
+ if (index === idx) {
+ item.checked = true;
+ } else {
+ item.checked = false;
+ }
+ })
+ this.mystatus = idx + 1;
+ console.log(this.mystatus);
+ this.statusArr[1] = this.typeList[idx].value;
+ this.getUserList();
+ },
+ // 璁剧疆琛ㄦ牸鏂戦┈绾�
+ tableRowClassName({ row, rowIndex }) {
+ if ((rowIndex + 1) % 2 == 0) {
+ return 'warning-row';
+ } else {
+ return 'success-row';
+ }
+ return '';
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.currentPage = page;
+ this.getUserList();
+ },
+ // 涓婁竴椤电偣鍑讳簨浠�
+ handlePrev(page) {
+ this.currentPage = page;
+ this.getUserList();
+ },
+ // 涓嬩竴椤电偣鍑讳簨浠�
+ handleNext(page) {
+ this.currentPage = page;
+ this.getUserList();
+ },
+ addImages() {
+ this.dialogAdd = true;
+ },
+ handleClose(done) {
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ this.dialogUpload = false;
+ // this.dialogUpdate = false;
+ done();
+ })
+ .catch(_ => { });
+ },
+ handleClose(done) {
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ this.dialogUpload = false;
+ // this.dialogUpdate = false;
+ done();
+ })
+ .catch(_ => { });
+ },
+ async JumpView(data) {
+ await this.getEventInfo(data.code);
+ },
+ // 鑾峰彇妗堜欢淇℃伅
+ async getEventInfo(code) {
+ await this.$axios({
+ method: 'get',
+ url: `sccg/base_case/baseCaseDetail/${code}`
+ })
+ .then(res => {
+ this.info = res.data;
+ this.dialogView = true;
+ })
+ },
+ opernDialog(data) {
+ this.dialogUpload = true;
+ this.caseId = data.id;
+ this.caseCode = data.code
+ // console.log(data);
+ },
+ // 鍏抽棴涓婁紶鐣岄潰
+ closeDialog({ flag }) {
+ this.dialogUpload = flag;
+ this.getUserList();
+ },
+ // 澶勭悊鏃堕棿
+ filterTime(time) {
+ return helper(time);
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.userList {
+ text-align: left;
+ margin: 10px 20px;
+ color: #4b9bb7;
+
+ header {
+ background-color: #09152f;
+ border: 1pox solid #fff;
+
+ .headerContent {
+ // padding: 0 40px;
+ width: 100%;
+ // display: flex;
+ line-height: 60px;
+ // justify-content: space-between;
+ // align-items: center;
+
+ .search {
+ display: flex;
+ justify-content: flex-start;
+
+ .search-item {
+ display: flex;
+ margin-right: 10vw;
+ }
+
+ .el-input {
+ flex: 2;
+ color: #1d3f57;
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+
+ }
+
+ .findBtn {
+ line-height: 100px;
+ margin-left: 15px;
+ display: flex;
+ align-items: center;
+ margin-top: -2px;
+
+ .el-button {
+ padding: 12px 25px;
+ border-radius: 20px;
+ }
+ }
+
+ .addBtn {
+ background-color: #eb5d01;
+ border: none;
+ border-radius: 20px;
+ padding: 12px 30px;
+ }
+ }
+ }
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ main {
+ background-color: #09152f;
+ margin-top: 20px;
+ padding-bottom: 50px;
+ border: 1pox solid #fff;
+
+ .btn span:hover {
+ cursor: pointer;
+ }
+
+ .type-nav {
+ display: flex;
+ line-height: 40px;
+ margin-left: 30px;
+ padding-top: 10px;
+ margin-bottom: 10px;
+
+ .type-item {
+ width: 80px;
+ text-align: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .is-active {
+ background-color: #070f22;
+ border-radius: 4px;
+ color: #fff;
+ }
+ }
+
+ .tools {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 20px;
+
+ .funs-sp {
+ border: 1px solid #17324c;
+ }
+
+ .funs {
+ display: flex;
+
+ .funsItem {
+ line-height: 28px;
+ display: flex;
+ align-items: center;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-left: 10px;
+
+ .el-checkbox {
+ width: 80px;
+ padding: 0 10px;
+ }
+
+ .el-select {
+ width: 120px;
+ }
+
+ &:hover {
+ border: 1px solid #4b9bb7;
+ }
+
+ &:hover .el-checkbox {
+ color: #4b9bb7;
+ }
+ }
+
+ }
+
+ .pagination {
+ margin-top: 50px;
+ display: flex;
+ line-height: 50px;
+ justify-content: center;
+
+ .el-pagination {
+
+ &::v-deep li,
+ &::v-deep .btn-prev,
+ &::v-deep .btn-next {
+ background-color: #071f39;
+ color: #4b9bb7;
+ }
+
+ &::v-deep .active {
+ background-color: #409eff;
+ color: #fff;
+ }
+ }
+ }
+ }
+
+ .el-table {
+ color: #4b9bb7;
+ font-size: 10px;
+
+ // &::v-deep .cell {
+ // text-overflow: ellipsis;
+ // white-space: nowrap;
+ // overflow: hidden;
+ // }
+
+
+ .operation {
+ display: flex;
+
+ .line {
+ padding: 0 5px;
+ }
+
+ span:hover {
+ cursor: pointer;
+ }
+ }
+ }
+ }
+
+ .line {
+ padding: 0 5px;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue b/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue
new file mode 100644
index 0000000..f1cffaa
--- /dev/null
+++ b/src/views/systemSetting/platform/cockpitManage/updateUser/index.vue
@@ -0,0 +1,343 @@
+<template>
+ <div class="updateUser">
+ <main>
+ <div class="mainContent">
+ <el-form
+ ref="user"
+ label-width="140px"
+ autoComplete="on"
+ :model="depart"
+ :rules="createDepartRules"
+ label-position="right"
+ >
+ <!-- 閮ㄩ棬鍚嶇О -->
+ <span style="heght:18px;display:block;line-height: 14px;">
+ 鎵ф硶浜哄憳缁撴瀯
+ </span>
+ <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�"></el-input>
+ </el-form-item>
+ <!-- 涓婄骇閮ㄩ棬 -->
+ <el-form-item class="optionItem" label="閮ㄩ棬浜烘暟:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ儴闂ㄤ汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杈栧尯绠＄悊:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ緰鍖虹鐞�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鏈瀛﹀巻浠ヤ笂浜烘暟:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湰绉戝鍘嗕互涓婁汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鎸佽瘉浜哄憳鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔璇佷汉鍛樻暟"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="45宀佷互涓嬩汉鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏�45宀佷互涓嬩汉鏁�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鎸佹硶寰嬭亴涓氳祫鏍艰瘉涔︿汉鏁�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ寔娉曞緥鑱屼笟璧勬牸璇佷功浜烘暟"></el-input>
+ </el-form-item>
+ <span>
+ 浣滈绾緥
+ </span>
+ <el-form-item class="optionItem" label="閫氭姤鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ラ�氭姤鏁伴噺"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杩濈邯琛屼负鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚绾涓烘暟閲�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="杩濇硶鐘姜琛屼负鏁伴噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ヨ繚娉曠姱缃涓烘暟閲�"></el-input>
+ </el-form-item>
+ <span>妗堜欢鍔炵悊</span>
+ <el-form-item class="optionItem" label="姣忔湀妗堜欢鍔炵悊閲�:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ瘡鏈堟浠跺姙鐞嗛噺"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="鏈秴鏃舵浠堕噺:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ユ湭瓒呮椂妗堜欢閲�"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItem" label="澶嶈鎴栬瘔璁兼暟:" prop="departName">
+ <el-input v-model="depart.departName" placeholder="璇疯緭鍏ュ璁垨璇夎鏁�"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import { getTypeList } from "@/utils/helper";
+export default {
+ data() {
+
+ return {
+ depart:{},
+ imagedata: {
+ code: "SJ202211010001",
+ questionType: "杩濊",
+ bigType: "杩濆弽鍥藉鏈夊叧鏍囧噯缂栧埗鍩庝埂瑙勫垝",
+ smallType: "鍦ㄥ眳姘戜綇瀹呮ゼ銆佹湭閰嶅璁剧珛涓撶敤鐑熼亾鐨勫晢浣忕患鍚堟ゼ銆佸晢浣忕患鍚堟ゼ鍐呬笌灞呬綇灞傜浉閭荤殑鍟嗕笟妤煎眰鍐呮柊寤恒�佹敼寤恒�佹墿寤轰骇鐢熸补鐑熴�佸紓鍛炽�佸簾姘旂殑椁愰ギ鏈嶅姟椤圭洰",
+ imagesId: "1",
+ uploadTime: "2022-10-31 20:20:01",
+ imageUrl: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.fabao365.xuanfa.cn%2Fimage%2F202107%2F130f9d19f204302f.jpg&refer=http%3A%2F%2Fimg.fabao365.xuanfa.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670034077&t=974b018f9e27023a01d2d8ad3c7c44f2"
+ },
+ }
+ },
+ created() {
+ // const that = this;
+ // this.user = JSON.parse(JSON.stringify(that.userInfo));
+ // console.log(this.user);
+ // this.user.parentId = this.user.parentId === 0 ? '鏆傛棤涓婄骇閮ㄩ棬' : this.user.parentId;
+ // this.checkedList = this.user.userInfoDTOS;
+ // this.checkedList.forEach((e) => {
+ // this.checkedUser.push(e.userId);
+ // });
+ // console.log(this.checkedUser)
+ // this.$axios({
+ // method: "get",
+ // url: "sccg/depart/tree",
+ // }).then((res) => {
+ // that.departList = res.data;
+ // });
+ // this.getUserList(this.user.id);
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // this.getDepartType();
+ },
+ methods: {
+ // handleUser() {
+ // this.$refs["user"].validate((valid) => {
+ // if (valid) {
+ // const { user, checkedList } = this;
+ // const arr = [];
+ // checkedList.forEach((item) => {
+ // arr.push({ leader: item.leader, userId: item.id ? item.id : item.userId });
+ // });
+ // if (arr.length === 0) {
+ // this.$message({
+ // type: 'warning',
+ // message: '璇烽�夋嫨閮ㄩ棬浜哄憳',
+ // })
+ // } else {
+ // this.$axios
+ // .post("sccg/depart/update", {
+ // id: user.id,
+ // departName: user.departName,
+ // parentId: user.parentId === '鏆傛棤涓婄骇閮ㄩ棬' ? 0 : user.parentId,
+ // departDes: user.departDes,
+ // departManagerList: arr,
+ // })
+ // .then((res) => {
+ // this.$message({
+ // message: res.message,
+ // type: res.code === 200 ? "success" : "warning",
+ // });
+ // this.$emit("changeDialog", { flag: false });
+ // this.getDepartList();
+ // });
+ // }
+ // } else {
+ // return false;
+ // }
+ // });
+ // },
+ // // 鑾峰彇閮ㄩ棬绫诲瀷
+ // async getDepartType() {
+ // this.typeList = await getTypeList(1, "08");
+ // },
+
+ // // 璁剧疆棰嗗
+ // setLeader(idx) {
+ // if (this.updateFlag) {
+ // this.checkedList.forEach((item, index) => {
+ // item.leader = index === idx;
+ // });
+ // }
+ // },
+
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ // getUserList(id) {
+ // // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ // this.$axios.get(`/sccg/depart/query_surplus_exist_user?id=`+id).then((res) => {
+ // if (res.code === 200) {
+ // this.userList = res.data;
+ // }
+ // });
+ // },
+ // addUser() {
+ // this.checkedList = [];
+ // this.userList.forEach((item) => {
+ // this.checkedUser.forEach((child) => {
+ // if (item.id == child) {
+ // this.checkedList.push({
+ // id: item.id,
+ // username: item.username,
+ // leader: false,
+ // });
+ // }
+ // });
+ // });
+ // this.checkedList[0].leader = true;
+ // console.log(this.checkedList);
+ // this.openUser = false;
+ // },
+ // },
+ // props: ["userInfo", "updateFlag", "getDepartList", "changeDialog"],
+ },
+ props: ['updateFlag']
+};
+</script>
+<style lang="scss" scoped>
+.updateUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ // .mainTitle {
+ // color: #4b9bb7;
+ // font-weight: 600;
+ // line-height: 100px;
+ // font-size: 14px;
+ // }
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+ line-height: 40px;
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+ justify-content: center;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+ }
+ }
+}
+
+.updateUser::v-deep .el-form-item__label {
+ color: #4b9bb7;
+}
+
+.updateUser::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+}
+
+.addPerson {
+ display: flex;
+ list-style: none;
+ padding: 0;
+ flex-wrap: wrap;
+ max-width: 280px;
+
+ li {
+ color: #fff;
+ text-align: center;
+ font-size: 30px;
+ margin-left: 10px;
+ }
+}
+
+.li-icon {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ margin: 0 auto;
+}
+
+.li-btn {
+ background-color: #cccccc;
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+}
+
+.card {
+ position: absolute;
+ z-index: 2000;
+ right: 0;
+
+ .box-card {
+ min-height: 240px;
+ max-height: 260px;
+ overflow: hidden;
+ background-color: #09152f;
+ position: relative;
+ max-width: 220px;
+
+ .scrollWrap {
+ overflow: scroll;
+ height: 180px;
+ position: relative;
+ color: #4b9bb7;
+
+ .el-checkbox-group {
+ display: flex;
+ flex-direction: column;
+
+ .el-checkbox {
+ line-height: 20px;
+ }
+ }
+ }
+
+ .myclear {
+ width: 100%;
+ line-height: 20px;
+ color: #4b9bb7;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .hidebar {
+ position: absolute;
+ top: 77px;
+ right: 20px;
+ width: 20px;
+ height: 180px;
+ background-color: #09152f;
+ }
+
+ .item {
+ line-height: 40px;
+ }
+ }
+}
+
+.leader {
+ color: red;
+}
+
+.el-input {
+ width: 280px !important;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0