elink-star
/
esua-epdc-admin
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改详情样式

master
lihenian 6 years ago
parent
44244e2aa8
commit
02ce71420a
8 changed files with 64 additions and 250 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .eslintignore
  2. 2
      public/index.html
  3. 6
      src/router/index.js
  4. 28
      src/views/modules/events/issue-process-detail-view.vue
  5. 23
      src/views/modules/events/issue-review-detail-view.vue
  6. 19
      src/views/modules/events/item-deal-detail-view.vue
  7. 12
      src/views/modules/news/notice-add-or-update.vue
  8. 220
      src/views/pages/projectHandle.vue

4
.eslintignore
View File

@ -1 +1,5 @@
/src/icons/iconfont.js /src/icons/iconfont.js
rules: {
// allow debugger during development
'no-debugger': 'error',
}

2
public/index.html
View File

@ -33,7 +33,7 @@
<!-- 开发环境 --> <!-- 开发环境 -->
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %> <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
<script> <script>
window.SITE_CONFIG['apiURL'] = 'https://epdc-api.elinkchina.com.cn' window.SITE_CONFIG['apiURL'] = 'http://10.10.10.118:9094/epdc-api'
</script> </script>
<% } %> <% } %>
<!-- 集成测试环境 --> <!-- 集成测试环境 -->

6
src/router/index.js
View File

@ -24,11 +24,7 @@ export const pageRoutes = [
{ path: '/login', { path: '/login',
component: () => import('@/views/pages/login'), component: () => import('@/views/pages/login'),
name: 'login', name: 'login',
meta: { title: '登录' } }, meta: { title: '登录' } }
{ path: '/project-handle',
name: 'projectHandle',
component: () => import('@/views/pages/projectHandle')
}
] ]
// 模块路由(基于主入口布局页面) // 模块路由(基于主入口布局页面)

28
src/views/modules/events/issue-process-detail-view.vue
View File

@ -45,6 +45,7 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="handle-operation"> <div class="handle-operation">
<el-form label-width="120px" label-position="right" style="width: 720px;" :rules="dataRule">
<el-form-item label="处理:" prop="state"> <el-form-item label="处理:" prop="state">
<el-select v-model="dataForm.state" placeholder="请选择"> <el-select v-model="dataForm.state" placeholder="请选择">
<el-option <el-option
@ -58,10 +59,11 @@
<el-form-item label="处理意见:" prop="advice"> <el-form-item label="处理意见:" prop="advice">
<el-input v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input> <el-input v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input>
</el-form-item> </el-form-item>
<template> <el-form-item style="float: right;">
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <el-button size="small" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button @click="backToItemDeal">返回</el-button> <el-button size="small" @click="backToItemDeal">返回</el-button>
</template> </el-form-item>
</el-form>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -186,6 +188,12 @@ export default {
padding-left: 9px; padding-left: 9px;
font-size: 13px; font-size: 13px;
} }
.el-textarea {
width: 600px !important;
}
.el-input {
width: 600px !important;
}
} }
</style> </style>
@ -259,11 +267,13 @@ export default {
} }
} }
.handle-operation { .handle-operation {
width: 79%; padding-top: 20px;
height: 49%; box-sizing: border-box;
box-sizing: border-box; width: 79%;
border: 2px solid #ccc; height: 49%;
float:left; box-sizing: border-box;
border: 2px solid #ccc;
float:left;
} }
} }
</style> </style>

23
src/views/modules/events/issue-review-detail-view.vue
View File

@ -28,6 +28,7 @@
</div> </div>
</div> </div>
<div class="handle-operation"> <div class="handle-operation">
<el-form label-width="120px" label-position="right" style="width: 720px;" :rules="dataRule">
<el-form-item label="审核:" prop="eventState"> <el-form-item label="审核:" prop="eventState">
<el-select v-model="dataForm.eventState" placeholder="请选择"> <el-select v-model="dataForm.eventState" placeholder="请选择">
<el-option <el-option
@ -49,12 +50,14 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="处理意见:" prop="advice"> <el-form-item label="处理意见:" prop="advice">
<el-input v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input> <el-input :rows="4" v-model="dataForm.advice" type="textarea" placeholder="请您填写居民诉求的处理情况及答复意见，向居民公开展示，500字以内"></el-input>
</el-form-item> </el-form-item>
<template> <el-form-item style="float: right;">
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> <el-button size="small" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button @click="backToItemDeal">{{ '返回' }}</el-button> <el-button size="small" @click="backToItemDeal">{{ '返回' }}</el-button>
</template> </el-form-item>
</el-form>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -203,6 +206,12 @@ export default {
padding-left: 9px; padding-left: 9px;
font-size: 13px; font-size: 13px;
} }
.el-textarea {
width: 600px !important;
}
.el-input {
width: 600px !important;
}
} }
</style> </style>
@ -232,7 +241,7 @@ export default {
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 5px; border-radius: 5px;
background: #fff; background: #ccc;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 10px;
@ -276,6 +285,8 @@ export default {
} }
} }
.handle-operation { .handle-operation {
padding-top: 20px;
box-sizing: border-box;
width: 100%; width: 100%;
height: 49%; height: 49%;
box-sizing: border-box; box-sizing: border-box;

19
src/views/modules/events/item-deal-detail-view.vue
View File

@ -50,7 +50,7 @@
</el-timeline> </el-timeline>
</div> </div>
<div class="handle-operation"> <div class="handle-operation">
<el-form label-position="right" label-width="120px"> <el-form label-width="120px" label-position="right" style="width: 720px;" :rules="dataRule">
<el-form-item label="处理:" prop="handleCategory"> <el-form-item label="处理:" prop="handleCategory">
<el-select v-model="postDataForm.handleCategory" placeholder="请选择"> <el-select v-model="postDataForm.handleCategory" placeholder="请选择">
<el-option <el-option
@ -82,11 +82,12 @@
</el-radio-group> </el-radio-group>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item style="float: right;">
<el-button size="small" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button size="small" @click="backToItemDeal">返回</el-button>
</el-form-item>
</el-form> </el-form>
<template>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
<el-button @click="backToItemDeal">返回</el-button>
</template>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -288,6 +289,12 @@ export default {
padding-left: 9px; padding-left: 9px;
font-size: 13px; font-size: 13px;
} }
.el-textarea {
width: 600px !important;
}
.el-input {
width: 600px !important;
}
} }
</style> </style>
@ -361,6 +368,8 @@ export default {
} }
} }
.handle-operation { .handle-operation {
padding-top: 20px;
box-sizing: border-box;
width: 79%; width: 79%;
height: 49%; height: 49%;
box-sizing: border-box; box-sizing: border-box;

12
src/views/modules/news/notice-add-or-update.vue
View File

@ -33,7 +33,7 @@
</el-form-item> </el-form-item>
<el-form-item label="所属网格" <el-form-item label="所属网格"
prop="gridId"> prop="gridId">
<el-select v-model="dataForm.gridId" <el-select v-model="value"
@change="changeGrid" @change="changeGrid"
placeholder="所属网格"> placeholder="所属网格">
<el-option v-for="item in gridList" <el-option v-for="item in gridList"
@ -97,6 +97,7 @@ export default {
noticeTitle: '', noticeTitle: '',
noticeContent: '' noticeContent: ''
}, },
value: '',
// 富文本 // 富文本
quillEditor: null, quillEditor: null,
quillEditorToolbarOptions: [ quillEditorToolbarOptions: [
@ -278,10 +279,13 @@ export default {
// 获取社区下属网格 // 获取社区下属网格
this.getDeptInfoList('grid', this.dataForm.communityId) this.getDeptInfoList('grid', this.dataForm.communityId)
}, },
changeGrid () { changeGrid (item) {
console.log(item)
// 给网格变量赋值 // 给网格变量赋值
let choosenItem = this.gridList.filter(item => item.id === this.dataForm.gridId)[0] // let choosenItem = this.gridList.filter(item => item.id === this.dataForm.gridId)[0]
this.dataForm.grid = choosenItem.name // this.dataForm.grid = choosenItem.name
// this.dataForm = Object.assign(this.dataForm, { gridId: item })
console.log(this.dataForm)
} }
} }

220
src/views/pages/projectHandle.vue
View File

@ -1,220 +0,0 @@
<template>
<div class="project-handle">
<div class="project-detail">
<el-form label-position="right" label-width="120px">
<el-form-item label="议题内容：">
</el-form-item>
<el-form-item label="议题图片：">
</el-form-item>
<el-form-item label="上报时间：">
</el-form-item>
<el-form-item label="上报人：">
</el-form-item>
<el-form-item label="电话：">
</el-form-item>
<el-form-item label="所属类别：">
</el-form-item>
<el-form-item label="项目态度:">
</el-form-item>
<el-form-item label="项目评论：">
<el-button type="text">查看评论</el-button>
</el-form-item>
</el-form>
<div class="container">
<div class="location">上报位置: 山东省青岛市市北区南宁路138号</div>
<div id="map"></div>
</div>
</div>
<div class="project-progress">
<el-timeline>
<el-timeline-item
v-for="(activity, index) in activities"
:key="index"
:icon="activity.icon"
:type="activity.type"
:color="activity.color"
:size="activity.size">
<div v-html="activity.content"></div>
</el-timeline-item>
</el-timeline>
</div>
<div class="handle-operation">
<el-form label-position="right" label-width="120px">
<el-form-item label="处理:">
</el-form-item>
<el-form-item label="吹哨部门:">
</el-form-item>
<el-form-item label="回复居民意见">
</el-form-item>
<el-form-item label="项目处理意见">
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
import BMap from 'BMap'
import 'element-ui/lib/theme-chalk/timeline.css'
import 'element-ui/lib/theme-chalk/timeline-item.css'
export default {
name: 'projectHandle',
data () {
return {
map: '',
activities: [{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#0980ff'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>',
color: '#FF4C52'
},
{
content: '<div>2019-09-25 12:32:32 【回应】</div><div>处理部门： 街道处理部门</div><div>处理意见： 氛围分隔符方式风格人物</div>'
}]
}
},
mounted () {
this.initBmap()
},
methods: {
initBmap () {
this.map = new BMap.Map('map')
const point = new BMap.Point(120.38821849395045, 36.120219258412966)
var marker = new BMap.Marker(point)
this.map.addOverlay(marker)
this.map.centerAndZoom(point, 13)
this.map.enableScrollWheelZoom(true)
}
}
}
</script>
<style lang="scss" scoped>
.project-handle {
width: 100%;
height: 100vh;
box-sizing: border-box;
padding: 10px;
.project-detail {
width: 79%;
height: 49%;
border: 2px solid #ccc;
box-sizing: border-box;
padding: 10px;
float:left;
margin-bottom: 1%;
.el-form {
width: 58%;
height: 100%;
float:left;
overflow-y:auto;
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #fff;
}
}
.container {
width: 40%;
height: 100%;
float: right;
.location {
height: 30px;
line-height: 30px;
}
#map {
width: 100%;
height: calc(100% - 30px);
}
}
}
.project-progress {
width: 20%;
height: 100%;
float: right;
border: 2px solid #ccc;
box-sizing: border-box;
margin-left: 1%;
padding-top: 20px;
overflow-y:auto;
&::-webkit-scrollbar {
width: 5px;
height: 1px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #aaa;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
}
}
.handle-operation {
width: 79%;
height: 49%;
box-sizing: border-box;
border: 2px solid #ccc;
float:left;
}
}
</style>
Write Preview
Loading…
Cancel
Save