From e07b984728e0a97473b2954d097afac4a5c8b80a Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 27 Jun 2024 15:31:53 +0800
Subject: [PATCH] fix: 限期天数修改
---
pages/actionChange/newPage/index.vue | 767 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 437 insertions(+), 330 deletions(-)
diff --git a/pages/actionChange/newPage/index.vue b/pages/actionChange/newPage/index.vue
index e33c5bf..26a9a96 100644
--- a/pages/actionChange/newPage/index.vue
+++ b/pages/actionChange/newPage/index.vue
@@ -1,173 +1,76 @@
<template>
<view class="mianContent">
<p class="title">������������</p>
- <u-form
- ref="uForm"
- label-width="65"
- :model="form"
- :rules="rules"
- >
- <u-form-item
- border-bottom
- label="������������:"
- prop="unitId"
- required
- @click="
+ <u-form ref="uForm" label-width="80" :model="form" :rules="rules" :labelStyle="labelStyle">
+ <u-form-item border-bottom label="������������:" prop="escalationTime" required @click="showeEscalationTime = true">
+ <u-input v-model="form.escalationTime" border="none" disabled disabled-color="#ffffff" placeholder="���������"
+ type="select" />
+ <u-icon slot="right" name="arrow-right" />
+ <u-datetime-picker ref="datetimePicker" v-model="timeFormet" mode="date" :show="showeEscalationTime"
+ @confirm="checkTime" @cancel='showeEscalationTime=false' />
+ </u-form-item>
+ <u-form-item border-bottom label="������������:" prop="pollutePosition" required>
+ <view style="display: flex;align-items: center;">
+ <u--textarea v-model="form.pollutePosition" border="none" placeholder="���������"
+ autoHeight></u--textarea>
+ <view style="width: 60px;">
+ <u-button @tap="authVerification()" text="������������" type="success" size="mini"></u-button>
+ </view>
+ </view>
+ <!-- <u-input v-model="form.pollutePosition" border="none" placeholder="���������" type="text">
+ <template slot="suffix">
+ <u-button @tap="authVerification()" text="������������" type="success" size="mini"></u-button>
+ </template>
+ </u-input> -->
+ </u-form-item>
+ <u-form-item border-bottom label="������������:" prop="unitId" required @click="
showCheckBox = true;
hideKeyboard('unitList', 'unitId');
- "
- >
- <u--input
- v-model="form.unitId"
- border="none"
- disabled
- disabled-color="#ffffff"
- placeholder="���������"
- />
+ ">
+ <u--input v-model="form.unitId" border="none" disabled disabled-color="#ffffff" placeholder="���������" />
<u-icon slot="right" name="arrow-right" />
</u-form-item>
-
- <u-form-item
- border-bottom
- label="������������:"
- prop="polluteType"
- required
- @click="
+ <u-form-item border-bottom label="������������:" prop="polluteType" required @click="
showCheckBox = true;
hideKeyboard('polluteList', 'polluteType');
- "
- >
- <u-input
- v-model="form.polluteType"
- border="none"
- disabled
- disabled-color="#ffffff"
- placeholder="���������"
- type="select"
- />
+ ">
+ <u-input v-model="form.polluteType" border="none" disabled disabled-color="#ffffff" placeholder="���������"
+ type="select" />
<u-icon slot="right" name="arrow-right" />
</u-form-item>
- <u-form-item
- border="none"
- border-bottom
- label="������������:"
- prop="changeType"
- required
- @click="
- showCheckBox = true;
- hideKeyboard('changeEnum', 'changeType');
- "
- >
- <u-input
- v-model="form.changeType"
- border="none"
- disabled
- disabled-color="#ffffff"
- placeholder="���������"
- type="select"
- />
- <u-icon slot="right" name="arrow-right" />
- </u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- placeholder="���������"
- required
- >
- <u-input v-model="form.changeDay" border="none" type="number" />
- </u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- prop="escalationUnitId"
- required
- @click="
- showCheckBox = true;
- hideKeyboard('unitList', 'escalationUnitId');
- "
- >
- <u-input
- v-model="form.escalationUnitId"
- border="none"
- disabled
- disabled-color="#ffffff"
- placeholder="���������"
- type="select"
- />
- <u-icon slot="right" name="arrow-right" />
- </u-form-item>
- <u-form-item
- border-bottom
- label="���������:"
- prop="escalationName"
- required
- >
- <u-input
- v-model="form.escalationName"
- border="none"
- placeholder="���������"
- type="text"
- />
- </u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- prop="investigationType"
- required
- >
- <u-radio-group v-model="form.investigationType" style="font-size: 13px;">
- <u-radio
- :key="index"
- v-for="(item, index) in Dic.investigationEnum"
- :custom-style="{marginRight: '8px'}"
- :label="item.name"
- :name="item.value"
- />
+ <u-form-item border="none" border-bottom label="������������:" prop="changeType" required>
+ <u-radio-group v-model="form.changeType" style="font-size: 13px;">
+ <u-radio :key="index" v-for="(item, index) in changeEnum" :customStyle="{marginRight: '16px'}"
+ :label="item.name" :name="item.value" />
</u-radio-group>
</u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- prop="escalationTime"
- required
- @click="showeEscalationTime = true"
- >
- <u-input
- v-model="form.escalationTime"
- border="none"
- disabled
- disabled-color="#ffffff"
- placeholder="���������"
- type="select"
- />
+ <u-form-item border-bottom label="������������:" placeholder="���������" required :disabled='Number(form.changeType)===1'>
+ <u-input v-model="form.changeDay" border="none" type="number" :disabled='Number(form.changeType)===1' />
+ </u-form-item>
+ <u-form-item border-bottom label="������������:" prop="escalationUnitId" required @click="
+ showCheckBox = true;
+ hideKeyboard('unitList', 'escalationUnitId');
+ ">
+ <u-input v-model="form.escalationUnitId" border="none" disabled disabled-color="#ffffff"
+ placeholder="���������" type="select" />
<u-icon slot="right" name="arrow-right" />
- <u-datetime-picker
- ref="datetimePicker"
- v-model="timeFormet"
- mode="date"
- :show="showeEscalationTime"
- @confirm="checkTime"
- />
</u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- prop="pollutePosition"
- required
- >
- <u-input
- v-model="form.pollutePosition"
- border="none"
- placeholder="���������"
- type="text"
- />
+ <u-form-item border-bottom label="���������:" prop="escalationName" required>
+ <u-input v-model="form.escalationName" border="none" placeholder="���������" type="text" />
</u-form-item>
- <u-form-item
- border-bottom
- label="������������:"
- prop="problemDescribe"
- required
- >
+ <u-form-item border-bottom label="������������:" prop="investigationType" required>
+ <u-radio-group v-model="form.investigationType" style="font-size: 13px;">
+ <u-radio :key="index" v-for="(item, index) in Dic.investigationEnum"
+ :customStyle="{marginRight: '16px'}" :label="item.name" :name="item.value" />
+ </u-radio-group>
+ </u-form-item>
+ <u-form-item border-bottom label="������������:" prop="keyPoint">
+ <u-radio-group v-model="form.keyPoint" style="font-size: 13px;" placement='column'>
+ <u-radio :key="index" v-for="(item, index) in Dic.emphasisEnum" :customStyle="{marginTop: '10px'}"
+ :label="item.name" :name="item.value" />
+ </u-radio-group>
+ </u-form-item>
+ <u-form-item border-bottom label="������������:" prop="problemDescribe" required>
<u--textarea v-model="form.problemDescribe" border="none" placeholder="���������������" />
</u-form-item>
<u-form-item border-bottom label="������������:">
@@ -176,185 +79,368 @@
</view>
</u-form-item>
</u-form>
- <u-action-sheet
- v-if="actionOptionList.length > 0"
- :actions="actionOptionList"
- :show="showCheckBox"
- title="���������"
- @close="showCheckBox = false"
- @select="selectBack"
- />
+ <u-picker :show="showCheckBox" keyName="label" :columns="actionOptionList" @cancel="showCheckBox = false"
+ :default-selector="[0]" :immediateChange='true' @confirm="selectBack"></u-picker>
+ <!-- <u-action-sheet v-if="actionOptionList.length > 0" :actions="actionOptionList" :show="showCheckBox" title="���������"
+ @close="showCheckBox = false" @select="selectBack" /> -->
<view class="bunts">
- <u-button shape="square" @click="close">������</u-button>
- <u-button shape="square" type="primary" @click="submit">������</u-button>
+ <view class="but butRight">
+ <u-button shape="square" @click="close">������</u-button>
+ </view>
+ <view class="but butleft">
+ <u-button shape="square" type="primary" @click="submit">������</u-button>
+ </view>
</view>
</view>
</template>
-
<script>
-import fileUpload from '../components/fileUpload.vue'
-export default {
- components: {
- fileUpload
- },
- data() {
- return {
- sysCode: '1010201', //
- showCheckBox: false,
- showeEscalationTime: false,
- actionOptionList: [],
- rules: {
- 'unitId': {
- required: true,
- message: '���������',
- trigger: ['blur', 'change']
- },
- 'polluteType': {
- required: true,
- message: '���������',
- trigger: ['blur', 'change']
- },
- 'changeType': {
- required: true,
- message: '���������',
- trigger: ['blur', 'change']
- },
- 'changeDay': {
- required: true,
- message: '���������',
- trigger: ['blur', 'change']
- },
- 'escalationName': {
- required: true,
- message: '���������',
- trigger: ['blur']
- },
- 'escalationUnitId': {
- required: true,
- message: '���������',
- trigger: ['blur', 'change']
- },
- 'escalationTime': {
- required: true,
- message: '���������',
- trigger: ['blur']
- }, 'problemDescribe': {
- required: true,
- message: '���������',
- trigger: ['blur']
- }, 'pollutePosition': {
- required: true,
- message: '���������',
- trigger: ['blur']
- },
- },
- currentKey: '',
- Dic: this.$storage.getJson('dict'),
- changeEnum: [],
- timeFormet: Number(new Date()),
- form: {
- unitId: '',
- polluteType: '',
- changeType: '',
- changeDay: '',
- escalationName: '',
- escalationUnitId: '',
- escalationTime: '',
- problemDescribe: '',
- pollutePosition: '',
- },
- sumbitForm: {
- unitId: '',
- polluteType: '',
- changeType: '',
- changeDay: '',
- escalationName: '',
- escalationUnitId: '',
- escalationTime: '',
- problemDescribe: '',
- pollutePosition: '',
- },
- unitList: [],
- polluteList: [],
- fileBaseList: [],
- }
- },
- onReady() {
- //onReady ���uni-app���������������������������
- this.$refs.uForm.setRules(this.rules)
- },
- onShow(){
- uni.hideTabBar()
- },
- created() {
- this.changeEnum = this.Dic.changeEnum
- this.getUnitList()
- this.getContaminateList()
- },
- methods: {
- handleFile(data){
- this.fileBaseList=data
+ import fileUpload from '../components/fileUpload.vue'
+ import amap from '../../../libs/amap-wx.js'
+ export default {
+ components: {
+ fileUpload
},
- close(){
- uni.reLaunch({
- url: '/pages/actionChange/agencyPage/index',
+ data() {
+ return {
+ sysCode: '1010201', //
+ showCheckBox: false,
+ labelStyle: {
+ fontSize: '30.77rpx'
+ },
+ addressInfor: {},
+ showeEscalationTime: false,
+ actionOptionList: [],
+ rules: {
+ 'unitId': {
+ required: true,
+ message: '���������',
+ trigger: ['blur', 'change']
+ },
+ 'polluteType': {
+ required: true,
+ message: '���������',
+ trigger: ['blur', 'change']
+ },
+ 'changeDay': {
+ required: true,
+ message: '���������',
+ trigger: ['blur', 'change']
+ },
+ 'escalationName': {
+ required: true,
+ message: '���������',
+ trigger: ['blur']
+ },
+ 'escalationUnitId': {
+ required: true,
+ message: '���������',
+ trigger: ['blur', 'change']
+ },
+ 'escalationTime': {
+ required: true,
+ message: '���������',
+ trigger: ['blur']
+ },
+ 'problemDescribe': {
+ required: true,
+ message: '���������',
+ trigger: ['blur']
+ },
+ 'pollutePosition': {
+ required: true,
+ message: '���������',
+ trigger: ['blur']
+ },
+ },
+ currentKey: '',
+ Dic: [],
+ changeEnum: [],
+ timeFormet: Number(new Date()),
+ form: {
+ unitId: '',
+ polluteType: '',
+ changeType: '',
+ changeDay: '',
+ escalationName: '',
+ escalationUnitId: '',
+ escalationTime: '',
+ problemDescribe: '',
+ pollutePosition: '',
+ keyPoint: 0
+ },
+ sumbitForm: {
+ unitId: '',
+ polluteType: '',
+ changeType: '',
+ changeDay: '',
+ escalationName: '',
+ escalationUnitId: '',
+ escalationTime: '',
+ problemDescribe: '',
+ pollutePosition: '',
+ keyPoint: null
+ },
+ unitList: [],
+ polluteList: [],
+ fileBaseList: [],
+ key: '04a1196c84f5d193c7d91c66150908be',
+ amapPlugin: null,
+ }
+ },
+ onReady() {
+ //onReady ���uni-app���������������������������
+ this.$refs.uForm.setRules(this.rules)
+ },
+ onLoad() {
+ this.amapPlugin = new amap.AMapWX({
+ key: this.key //���key ���������������������������������������key
})
},
- hideKeyboard(data, key) {
- this.actionOptionList = []
- let list = this[data]
-
- this.currentKey = key
- list.forEach((item)=> {
- item.name = item.dataValue || item.name || item.unitName
- item.value = item.dataKey || item.value|| item.unitId
+ onShow() {
+ uni.hideTabBar()
+ },
+ created() {
+ this.getUnitList()
+ this.getContaminateList()
+ },
+ onBackPress(e) {
+ uni.navigateBack({
+ delta: 1, //������������������������������������������2
})
-
- this.actionOptionList = list
+ return false
},
- selectBack(e) {
- this.form[this.currentKey] = e.name
- this.sumbitForm[this.currentKey] = e.value
-
- },
- checkTime(e) {
- this.showeEscalationTime = false
- let data = this.$utils.dateFormatter(e.value)
- this.form.escalationTime = data
- this.sumbitForm.escalationTime = data
- },
- submit() {
- this.$refs.uForm.validate().then(res=> {
- this.sumbitForm.problemDescribe=this.form.problemDescribe
- this.sumbitForm.pollutePosition=this.form.pollutePosition
- this.sumbitForm.changeDay=this.form.changeDay
- this.sumbitForm.escalationName=this.form.escalationName
- this.sumbitForm.fileBaseList=this.fileBaseList
- this.sumbitForm.state='10'
- console.log('this.sumbitForm', this.sumbitForm)
- this.$http.httpPost('/allocation/insert', {...this.sumbitForm}).then((res)=> {
- uni.$u.toast('������������')
- this.close()
+ methods: {
+ authVerification() {
+ uni.getSetting({
+ success: res => {
+ if (res.authSetting['scope.userLocation']) {
+ /* ������������������������������ */
+ this.handerLocation()
+ } else if (res.authSetting['scope.userLocation'] === undefined) {
+ /* ��������������������������� */
+ console.log('������������', res)
+ this.handleOpenSetting()
+ } else {
+ /* ��������������������������������� */
+ console.log('��������������� false')
+ this.handleOpenSetting()
+ }
+ },
})
- }).catch(errors=> {
- uni.$u.toast('������������')
- })
+ },
+ handerChooseLocation(latitude, longitude) {
+ uni.chooseLocation({
+ latitude: latitude || '',
+ longitude: longitude || '',
+ success: res => {
+ console.log('������������', res)
+ this.addressInfor = res
+ this.form.pollutePosition = `${res.name } ��� ${res.address}`
+ },
+ fail: function(err) {
+ console.log('������������', err)
+ }
+ })
+ },
+ handerLocation() {
+ let that = this
+ if (this.addressInfor.latitude === '') {
+ uni.getLocation({
+ type: 'gcj02',
+ isHighAccuracy: true, //���������������������
+ success: function(res) {
+ console.log('111', res)
+ that.handerChooseLocation(res.latitude, res.longitude)
+ },
+ fail(error) {
+ console.log('������', error)
+ }
+ })
+ } else {
+ that.handerChooseLocation(this.addressInfor.latitude, this.addressInfor.longitude)
+ }
+ },
+ handleOpenSetting() {
+ let that = this
+ uni.authorize({
+ scope: 'scope.userLocation',
+ success() {
+ console.log('res', '1111')
+ //���������������--��������������������������������������� ���������������������������������
+ that.handerLocation()
+ },
+ fail(error) {
+ //������������������������--������������������������������������--������������������������������������������������
+ console.log('������������', error)
+ uni.showModal({
+ title: '������',
+ content: '������������������������������������������������',
+ cancelText: '���������',
+ confirmText: '������',
+ success(res) {
+ console.log(res)
+ if (res.confirm) {
+ // ���������������������
+ uni.openSetting({
+ success(res) {
+ that.handerLocation()
+ }
+ })
+ } else if (res.cancel) {
+ // ��������������� ���������
+ console.log('���������������������')
+ }
+ }
+ })
+ }
+ })
+ },
+ handleFile(data) {
+ console.log('datadata', data)
+ this.fileBaseList = data
+ },
+ close() {
+ uni.$emit('currIndex', {
+ data: {
+ index: '0',
+ showTabBar: true
+ }
+ })
+ uni.navigateBack({
+ delta: 1, //������������������������������������������2
+ })
+ },
+ hideKeyboard(data, key) {
+ this.actionOptionList = []
+ let list = this[data]
+ this.currentKey = key
+ list.forEach(item => {
+ item.label = item.dataValue || item.name || item.unitName
+ item.id = item.dataKey || item.value || item.unitId
+ })
+ console.log('list', list)
+ this.$set(this.actionOptionList, 0, list)
+ },
+ selectBack(e) {
+ console.log(e)
+ this.form[this.currentKey] = e.value[0].label
+ this.sumbitForm[this.currentKey] = e.value[0].id
+ console.log('this.form.changeType', this.currentKey)
+ if (Number(this.sumbitForm.changeType) !== 1) {
+ this.sumbitForm.changeDay = '0'
+ this.form.changeDay = '0'
+ } else {
+ this.sumbitForm.changeDay = ''
+ this.form.changeDay = ''
+ }
+ this.showCheckBox = false
+ },
+ checkTime(e) {
+ this.showeEscalationTime = false
+ let data = this.$utils.dateFormatter(e.value)
+ console.log('e.value', e.value)
+ this.form.escalationTime = data
+ this.sumbitForm.escalationTime = data
+ },
+ submit() {
+ console.log('this.sumbitForm', this.form)
+ this.$refs.uForm.validate().then(res => {
+ this.sumbitForm.problemDescribe = this.form.problemDescribe
+ this.sumbitForm.pollutePosition = this.form.pollutePosition
+ this.sumbitForm.address = this.addressInfor.name
+ this.sumbitForm.latitude = this.addressInfor.latitude
+ this.sumbitForm.longitude = this.addressInfor.longitude
+ this.sumbitForm.name = this.addressInfor.name
+ this.sumbitForm.changeDay = this.form.changeDay
+ this.sumbitForm.escalationName = this.form.escalationName
+ this.sumbitForm.investigationType = this.form.investigationType
+ this.sumbitForm.fileBaseList = this.fileBaseList
+ this.sumbitForm.changeType = this.form.changeType
+ this.sumbitForm.keyPoint = this.form.keyPoint
+ this.sumbitForm.state = '20'
+ this.$http.httpPost('/allocation/insert', {
+ ...this.sumbitForm
+ }).then(res => {
+ uni.$u.toast('������������')
+ this.close()
+ }).catch(errors => {
+ uni.$u.toast(errors.split(',')[0])
+ console.log(errors)
+ })
+ }).catch(errors => {
+ uni.$u.toast('������������')
+ })
+ },
+ setDefaultValue() {
+ let time = new Date().getTime()
+ let data = this.$utils.dateFormatter(time)
+ this.form.escalationTime = data
+ this.sumbitForm.escalationTime = data
+ if (this.changeEnum.length > 0) {
+ this.form.changeType = this.changeEnum[0].value
+ this.sumbitForm.changeType = this.changeEnum[0].value
+ }
+ let userInfor = JSON.parse(uni.getStorageSync('userInfor') || '{}')
+ if (userInfor.unitId && this.unitList.length > 0) {
+ let data = this.unitList && this.unitList.find(a => Number(a.unitId) === Number(userInfor.unitId))
+ .unitName
+ this.form.unitId = data
+ this.sumbitForm.unitId = userInfor.unitId
+ this.form.escalationUnitId = data
+ this.sumbitForm.escalationUnitId = userInfor.unitId
+ } else {
+ if (this.unitList.length > 0) {
+ this.form.unitId = this.unitList[0].unitName
+ this.sumbitForm.unitId = this.unitList[0].unitId
+ this.form.escalationUnitId = this.unitList[0].unitName
+ this.sumbitForm.escalationUnitId = this.unitList[0].unitId
+ }
+ }
+ this.form.escalationName = userInfor.userName || ''
+ this.sumbitForm.escalationName = userInfor.userName || ''
+ this.form.investigationType = 1
+ this.sumbitForm.investigationType = 1
+ let that = this
+ uni.getLocation({
+ type: 'gcj02',
+ isHighAccuracy: true, //���������������������
+ success: function(res) {
+ that.amapPlugin.getRegeo({
+ type: 'gcj02',
+ location: '' + res.longitude + ',' + res.latitude + '',
+ success: function(e) {
+ console.log(e)
+ that.addressInfor.address = `${ e[0].desc } ��� ${e[0].name}`
+ that.addressInfor.latitude = e[0].latitude
+ that.addressInfor.longitude = e[0].longitude
+ that.addressInfor.name = e[0].desc
+ that.form.pollutePosition = `${ e[0].desc } ��� ${e[0].name}`
+ },
+ fail: res => {
+ console.log(JSON.stringify(res))
+ }
+ })
+ }
+ })
+ },
+ // ������������������list
+ getUnitList() {
+ this.$http.httpGet('/allocation/unit').then(res => {
+ this.unitList = res.data
+ this.Dic = JSON.parse(uni.getStorageSync('dict') || '[]')
+ this.changeEnum = this.Dic.changeEnum
+ this.changeEnum = this.Dic.changeEnum
+ this.setDefaultValue()
+ })
+ },
+ getContaminateList() {
+ this.$http.httpGet('/allocation/contaminate').then(res => {
+ this.polluteList = res.data
+ })
+ },
},
- // ������������������list
- getUnitList() {
- this.$http.httpGet('/allocation/unit').then((res)=> {
- this.unitList = res.data
- })
- },
- getContaminateList() {
- this.$http.httpGet('/allocation/contaminate').then((res)=> {
- this.polluteList = res.data
- })
- },
- },
-}
+ }
</script>
-
<style scoped lang="scss">
uni-page-body {
padding-top: 10px;
@@ -363,6 +449,8 @@
.mianContent {
margin: 19.23rpx;
border-radius: 5px;
+ padding-bottom: 38.46rpx;
+
.title {
padding: 9.62rpx;
font-size: 16px;
@@ -375,24 +463,43 @@
padding-left: 10px;
}
- /deep/.u-form-item__body {
- padding: 5px 0px !important;
- font-size: 13px!important;
+ /deep/.u-textarea {
+ padding: 0 !important;
+ width: calc(100%-70px);
}
- /deep/.u-form-item__body__left__content__label,/deep/.u-input__content__field-wrapper__field,/deep/.u-radio__text{
- font-size: 13px!important;
- }
+
+ // /deep/.u-form-item__body {
+ // padding: 8px 0px !important;
+ // font-size: 15px !important;
+ // }
+ // /deep/.u-form-item__body__left__content__label,
+ // /deep/.u-input__content__field-wrapper__field,
+ // /deep/.u-radio__text {
+ // font-size: 15px !important;
+ // }
}
+
.bunts {
display: flex;
margin-top: 20px;
margin-bottom: 96.15rpx;
- padding-bottom: 20px;
- .u-button {
- width: 288.46rpx;
+ padding: 0 20px;
+ justify-content: center;
+
+ .but {
+ width: 50%;
+ }
+
+ .butRight {
+ padding-right: 20px;
+ }
+
+ .butleft {
+ padding-left: 20px;
}
}
- .fileBox{
+
+ .fileBox {
display: -webkit-box;
display: -webkit-flex;
display: flex;
--
Gitblit v1.8.0