后台能力申请页面开发 前台申购车 重构 新增市局数据资源跳转
This commit is contained in:
a0049873
parent
8737b2e89b
commit
3738985ade
|
|
@ -2,7 +2,7 @@ import Cookies from 'js-cookie'
|
|||
import qs from 'qs'
|
||||
import { deepClone } from '@/utils/form-generator/index'
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
/* eslint-disable */
|
||||
return {
|
||||
// 设置属性
|
||||
|
|
@ -38,19 +38,19 @@ export default {
|
|||
}
|
||||
/* eslint-enable */
|
||||
},
|
||||
created() {
|
||||
created () {
|
||||
if (this.mixinViewModuleOptions.createdIsNeed) {
|
||||
this.query()
|
||||
}
|
||||
},
|
||||
activated() {
|
||||
activated () {
|
||||
if (this.mixinViewModuleOptions.activatedIsNeed) {
|
||||
this.query()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
query() {
|
||||
query () {
|
||||
this.dataListLoading = true
|
||||
this.$http.get(
|
||||
this.mixinViewModuleOptions.getDataListURL + '?' + qs.stringify({
|
||||
|
|
@ -102,7 +102,7 @@ export default {
|
|||
return item
|
||||
}
|
||||
})
|
||||
this.total = this.mixinViewModuleOptions.getDataListIsPage ? this.dataList.length : 0
|
||||
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
|
||||
})
|
||||
} else {
|
||||
this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
|
||||
|
|
@ -118,11 +118,11 @@ export default {
|
|||
})
|
||||
},
|
||||
// 多选
|
||||
dataListSelectionChangeHandle(val) {
|
||||
dataListSelectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 排序
|
||||
dataListSortChangeHandle(data) {
|
||||
dataListSortChangeHandle (data) {
|
||||
if (!data.order || !data.prop) {
|
||||
this.order = ''
|
||||
this.orderField = ''
|
||||
|
|
@ -133,13 +133,13 @@ export default {
|
|||
this.query()
|
||||
},
|
||||
// 分页, 每页条数
|
||||
pageSizeChangeHandle(val) {
|
||||
pageSizeChangeHandle (val) {
|
||||
this.page = 1
|
||||
this.limit = val
|
||||
this.query()
|
||||
},
|
||||
// 分页, 当前页
|
||||
pageCurrentChangeHandle(val) {
|
||||
pageCurrentChangeHandle (val) {
|
||||
this.page = val
|
||||
this.query()
|
||||
},
|
||||
|
|
@ -148,7 +148,7 @@ export default {
|
|||
this.query()
|
||||
},
|
||||
// 新增
|
||||
addOrUpdateHandle(id) {
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.disabled = false
|
||||
this.$nextTick(() => {
|
||||
|
|
@ -159,7 +159,7 @@ export default {
|
|||
},
|
||||
|
||||
// 组件服务新增
|
||||
addOrUpdateHandleAI(id) {
|
||||
addOrUpdateHandleAI (id) {
|
||||
// const infoList = []
|
||||
let showList = []
|
||||
this.$http.get('category/getCategoryTree').then(({ data: res }) => {
|
||||
|
|
@ -217,7 +217,7 @@ export default {
|
|||
}, 100)
|
||||
},
|
||||
// 应用资源新增
|
||||
addOrUpdateHandleServe(id) {
|
||||
addOrUpdateHandleServe (id) {
|
||||
// const infoList = []
|
||||
let showList = []
|
||||
this.$http.get('category/getCategoryTree').then(({ data: res }) => {
|
||||
|
|
@ -275,7 +275,7 @@ export default {
|
|||
}, 100)
|
||||
},
|
||||
// 修改
|
||||
UpdateHandle(val) {
|
||||
UpdateHandle (val) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.disabled = false
|
||||
const cloneVal = deepClone(val)
|
||||
|
|
@ -300,7 +300,7 @@ export default {
|
|||
})
|
||||
},
|
||||
// 关闭当前窗口
|
||||
closeCurrentTab(data) {
|
||||
closeCurrentTab (data) {
|
||||
var tabName = this.$store.state.contentTabsActiveName
|
||||
this.$store.state.contentTabs = this.$store.state.contentTabs.filter(item => item.name !== tabName)
|
||||
if (this.$store.state.contentTabs.length <= 0) {
|
||||
|
|
@ -312,7 +312,7 @@ export default {
|
|||
}
|
||||
},
|
||||
// 删除
|
||||
deleteHandle(id) {
|
||||
deleteHandle (id) {
|
||||
if (this.mixinViewModuleOptions.deleteIsBatch && !id && this.dataListSelections.length <= 0) {
|
||||
return this.$message({
|
||||
message: this.$t('prompt.deleteBatch'),
|
||||
|
|
@ -346,7 +346,7 @@ export default {
|
|||
}).catch(() => { })
|
||||
},
|
||||
|
||||
deleteHandle2(id) {
|
||||
deleteHandle2 (id) {
|
||||
console.log('删除========================》', id, this.dataListSelections)
|
||||
const ids = []
|
||||
if (id) {
|
||||
|
|
@ -364,7 +364,7 @@ export default {
|
|||
})
|
||||
},
|
||||
// 导出
|
||||
exportHandle() {
|
||||
exportHandle () {
|
||||
var params = qs.stringify({
|
||||
token: Cookies.get('ucsToken'),
|
||||
...this.dataForm
|
||||
|
|
|
|||
|
|
@ -0,0 +1,169 @@
|
|||
<!--
|
||||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-27 11:27:22
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-06-27 11:50:45
|
||||
* @Description: 能力申请
|
||||
-->
|
||||
<template>
|
||||
<el-card shadow="never" class="aui-card--fill">
|
||||
<div class="mod-activiti__process">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="dataForm"
|
||||
@keyup.enter.native="getDataList()"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="dataForm.taskName"
|
||||
:placeholder="$t('process.name')"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="getDataList()">{{
|
||||
$t("query")
|
||||
}}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
v-loading="dataListLoading"
|
||||
:data="dataList"
|
||||
border
|
||||
@selection-change="dataListSelectionChangeHandle"
|
||||
@sort-change="dataListSortChangeHandle"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50"
|
||||
></el-table-column>
|
||||
<el-table-column label="申请人" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(scope.row.params && scope.row.params.user) ||
|
||||
(scope.row.params && scope.row.params.applyUserName) ||
|
||||
(scope.row.params && scope.row.params.userName) ||
|
||||
(scope.row.params && scope.row.params.undercarriageUserName)||
|
||||
(scope.row.params && scope.row.params.name)
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
:label="$t('process.system')"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(scope.row.params && scope.row.params.system) ||
|
||||
(scope.row.params && scope.row.params.demandSubject) ||
|
||||
(scope.row.params &&
|
||||
scope.row.params.resourceDTO &&
|
||||
scope.row.params.resourceDTO.name) ||
|
||||
(scope.row.params && scope.row.params.undercarriageReason)||
|
||||
(scope.row.params && scope.row.params.comment)
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="processInstanceId" :label="$t('running.id')" header-align="center" align="center"></el-table-column> -->
|
||||
<el-table-column
|
||||
prop="processDefinitionName"
|
||||
:label="$t('process.processDefinitionName')"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="taskName"
|
||||
:label="$t('process.taskName')"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
:label="$t('process.createTime')"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
:label="$t('handle')"
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
:processInstanceId="processInstanceId"
|
||||
@click="taskHandle(scope.row)"
|
||||
>{{ $t("manage") }}</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="taskDetail(scope.row)"
|
||||
>{{ $t("process.viewFlowImage") }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
:current-page="page"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="limit"
|
||||
:total="total"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="pageSizeChangeHandle"
|
||||
@current-change="pageCurrentChangeHandle"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import mixinViewModule from '@/mixins/view-module'
|
||||
import processModule from '@/mixins/process-module'
|
||||
export default {
|
||||
mixins: [mixinViewModule, processModule],
|
||||
data () {
|
||||
return {
|
||||
mixinViewModuleOptions: {
|
||||
getDataListURL: '/act/task/myToDoTaskPage',
|
||||
getDataListIsPage: true,
|
||||
activatedIsNeed: true,
|
||||
deleteIsBatch: true,
|
||||
deleteIsBatchKey: 'deploymentId'
|
||||
},
|
||||
dataForm: {
|
||||
taskName: '',
|
||||
taskId: ''
|
||||
},
|
||||
processInstanceId: ''
|
||||
}
|
||||
},
|
||||
components: {},
|
||||
methods: {
|
||||
// 处理
|
||||
taskHandle (row) {
|
||||
console.log('row======================>', row, this.forwardHandleUrl)
|
||||
if (!row.businessKey) {
|
||||
return this.$message.error(this.$t('task.businessKeyError'))
|
||||
}
|
||||
this.getProcDefRouteSet(row, this.forwardHandleUrl)
|
||||
},
|
||||
taskDetail (row) {
|
||||
if (!row.businessKey) {
|
||||
return this.$message.error(this.$t('task.detailError'))
|
||||
}
|
||||
this.getProcDefRouteSet(row, this.forwardTaskDetail)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
/*
|
||||
* @Author: hisense.wuhongjian
|
||||
* @Date: 2020-07-07 16:03:23
|
||||
* @LastEditors: hisense.wuhongjian
|
||||
* @LastEditTime: 2022-06-24 18:16:44
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-06-27 14:22:56
|
||||
* @Description: 数据资源参数配置
|
||||
*/
|
||||
// const newLocation = 'qingdao'
|
||||
// const newLocation = 'baotou'
|
||||
const newLocation = 'qingdao'
|
||||
// const newLocation = 'baotou'
|
||||
// const newLocation = 'xihaian'
|
||||
|
||||
// 数据资源数据
|
||||
const whoShow = {}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-06-19 10:15:33
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-06-24 15:04:52
|
||||
* @LastEditTime: 2022-06-27 12:52:18
|
||||
* @Description: 告诉大家这是什么
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -156,7 +156,8 @@
|
|||
})
|
||||
arr.resourceTop5.forEach((val, index) => {
|
||||
assignRankings.value[index].name = val['服务名称'] || ''
|
||||
assignRankings.value[index].operation = val['申请次数'] || ''
|
||||
assignRankings.value[index].operation =
|
||||
val['申请次数'] >= 0 ? val['申请次数'] : ''
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,23 +1,80 @@
|
|||
<template>
|
||||
<div class="title">申购车</div>
|
||||
<div class="sousuokuang">
|
||||
<a-input-search
|
||||
v-model:value="name"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@change="onSearch"
|
||||
@search="getList"
|
||||
/>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="width: 0.8rem; height: 0.36rem; margin-left: 0.1rem"
|
||||
@click="clean"
|
||||
>
|
||||
重置
|
||||
</a-button>
|
||||
<div class="bottom">
|
||||
<div class="left">
|
||||
<a-checkbox v-model:checked="checkAll" @change="onCheckAllChange">
|
||||
全选
|
||||
</a-checkbox>
|
||||
<a-checkbox
|
||||
v-model:checked="reverseSelectionFalg"
|
||||
@change="reverseSelection"
|
||||
>
|
||||
反选
|
||||
</a-checkbox>
|
||||
<p>
|
||||
已选：
|
||||
<span class="num">{{ checkedList.length }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="sousuokuang">
|
||||
<a-input-search
|
||||
v-model:value="name"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@change="onSearch"
|
||||
@search="getList"
|
||||
/>
|
||||
</div>
|
||||
<a-popconfirm
|
||||
title="是否进行批量删除?"
|
||||
ok-text="是"
|
||||
cancel-text="否"
|
||||
@confirm="delList"
|
||||
@cancel="cancel"
|
||||
>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="
|
||||
width: 1rem;
|
||||
height: 0.36rem;
|
||||
margin-right: 0.12rem;
|
||||
border-radius: 2px;
|
||||
background: #fff;
|
||||
color: #0558e1;
|
||||
"
|
||||
>
|
||||
批量删除
|
||||
</a-button>
|
||||
</a-popconfirm>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="
|
||||
width: 1rem;
|
||||
height: 0.36rem;
|
||||
border-radius: 2px;
|
||||
background: #fff;
|
||||
color: #0558e1;
|
||||
"
|
||||
@click="collection"
|
||||
>
|
||||
批量收藏
|
||||
</a-button>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="
|
||||
width: 1rem;
|
||||
height: 0.36rem;
|
||||
margin-left: 0.12rem;
|
||||
border-radius: 2px;
|
||||
"
|
||||
@click="apply"
|
||||
>
|
||||
一键申请
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<!-- <div class="tab">
|
||||
<span>筛选</span>
|
||||
<div
|
||||
:class="tabIndex == index ? 'tabclass' : ' '"
|
||||
|
|
@ -27,7 +84,7 @@
|
|||
>
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<a-list
|
||||
class="demo-loadmore-list"
|
||||
:loading="initLoading"
|
||||
|
|
@ -50,7 +107,8 @@
|
|||
>
|
||||
{{ item.name }}
|
||||
</span>
|
||||
<span class="time">加购时间：{{ item.updateDate }}</span>
|
||||
<!-- <span class="time">加购时间：{{ item.updateDate }}</span> -->
|
||||
<span class="type">{{ item.type }}</span>
|
||||
<svg
|
||||
t="1652233950228"
|
||||
class="icon"
|
||||
|
|
@ -116,48 +174,6 @@
|
|||
<span>{{ props.value }}条/页</span>
|
||||
</template>
|
||||
</a-pagination>
|
||||
<div class="bottom">
|
||||
<div class="left">
|
||||
<a-checkbox v-model:checked="checkAll" @change="onCheckAllChange">
|
||||
全选
|
||||
</a-checkbox>
|
||||
<a-popconfirm
|
||||
title="是否进行批量删除?"
|
||||
ok-text="是"
|
||||
cancel-text="否"
|
||||
@confirm="delList"
|
||||
@cancel="cancel"
|
||||
>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
|
||||
>
|
||||
删除
|
||||
</a-button>
|
||||
</a-popconfirm>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
|
||||
@click="collection"
|
||||
>
|
||||
收藏
|
||||
</a-button>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
合计：
|
||||
<span class="num">{{ checkedList.length }}</span>
|
||||
<span>个</span>
|
||||
</p>
|
||||
<a-button
|
||||
type="primary"
|
||||
style="width: 1rem; height: 0.32rem; margin-left: 0.3rem"
|
||||
@click="apply"
|
||||
>
|
||||
一键申请
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import { onMounted, ref } from 'vue'
|
||||
|
|
@ -235,7 +251,7 @@
|
|||
}
|
||||
// 全选按钮
|
||||
const onCheckAllChange = () => {
|
||||
console.log(checkedList)
|
||||
// console.log(checkedList)
|
||||
if (checkAll.value) {
|
||||
// checkedList.value = []
|
||||
list.value.forEach((val) => {
|
||||
|
|
@ -248,7 +264,7 @@
|
|||
dataResourceId.value.push(val.resourceId)
|
||||
arr.value.push(val.name)
|
||||
})
|
||||
console.log(checkAll.value)
|
||||
// console.log(checkAll.value)
|
||||
} else {
|
||||
list.value.forEach((val) => {
|
||||
val.checked = false
|
||||
|
|
@ -262,6 +278,41 @@
|
|||
console.log(checkAll.value)
|
||||
}
|
||||
}
|
||||
// 反选
|
||||
const reverseSelectionFalg = ref(false)
|
||||
const reverseSelection = () => {
|
||||
console.log(
|
||||
'点击反选==============>',
|
||||
checkedList.value,
|
||||
checkAll.value,
|
||||
list.value
|
||||
)
|
||||
reverseSelectionFalg.value = !reverseSelectionFalg.value
|
||||
if (checkAll.value) {
|
||||
checkAll.value = false
|
||||
list.value.map((val) => {
|
||||
if (checkedList.value.indexOf(val.id) > -1) {
|
||||
val.checked = false
|
||||
checkedList.value.splice(checkedList.value.indexOf(val.id), 1)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
const arr = []
|
||||
list.value.map((val) => {
|
||||
if (val.checked) {
|
||||
checkedList.value.splice(checkedList.value.indexOf(val.id), 1)
|
||||
} else {
|
||||
checkedList.value.push(val.id)
|
||||
arr.push(val.id)
|
||||
}
|
||||
val.checked = !val.checked
|
||||
if (arr.length == list.value.length) {
|
||||
checkAll.value = true
|
||||
}
|
||||
})
|
||||
}
|
||||
reverseSelectionFalg.value = !reverseSelectionFalg.value
|
||||
}
|
||||
// 重置
|
||||
const clean = () => {
|
||||
name.value = ''
|
||||
|
|
@ -321,10 +372,10 @@
|
|||
getList()
|
||||
}
|
||||
// 搜索框
|
||||
const onSearch = (name) => {
|
||||
name.value = name
|
||||
console.log(name.value)
|
||||
}
|
||||
// const onSearch = (name) => {
|
||||
// name.value = name
|
||||
// console.log(name.value)
|
||||
// }
|
||||
|
||||
//申请id
|
||||
const dataResourceId = ref([])
|
||||
|
|
@ -358,18 +409,18 @@
|
|||
showKey.value++
|
||||
}
|
||||
// 切换筛选条件
|
||||
const tabIndex = ref(-1)
|
||||
const changeTab = (index) => {
|
||||
console.log('tabIndex', tabIndex.value, index, tabList)
|
||||
if (tabIndex.value == index) {
|
||||
tabIndex.value = -1
|
||||
type.value = ''
|
||||
} else {
|
||||
tabIndex.value = index
|
||||
type.value = tabList.value[index]
|
||||
}
|
||||
getList()
|
||||
}
|
||||
// const tabIndex = ref(-1)
|
||||
// const changeTab = (index) => {
|
||||
// console.log('tabIndex', tabIndex.value, index, tabList)
|
||||
// if (tabIndex.value == index) {
|
||||
// tabIndex.value = -1
|
||||
// type.value = ''
|
||||
// } else {
|
||||
// tabIndex.value = index
|
||||
// type.value = tabList.value[index]
|
||||
// }
|
||||
// getList()
|
||||
// }
|
||||
// 删除按钮
|
||||
const delList = () => {
|
||||
if (checkedList.value.length == 0) {
|
||||
|
|
@ -433,23 +484,38 @@
|
|||
</script>
|
||||
<style lang="less" scoped>
|
||||
.ant-list {
|
||||
height: 5.4rem;
|
||||
height: 7.23rem;
|
||||
overflow-y: scroll;
|
||||
.ant-list-item-meta {
|
||||
align-items: center;
|
||||
:deep(.ant-list-item-meta-avatar) {
|
||||
padding-left: 0.2rem;
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
.time {
|
||||
margin-left: 0.3rem;
|
||||
font-size: 0.12rem;
|
||||
color: #ccc;
|
||||
}
|
||||
:deep(.ant-list-item-meta-description) {
|
||||
max-height: 0.44rem;
|
||||
overflow: hidden;
|
||||
margin-right: 0.1rem;
|
||||
.ant-list-item {
|
||||
width: 10.5rem;
|
||||
padding: 0.24rem 0;
|
||||
.ant-list-item-meta {
|
||||
align-items: center;
|
||||
:deep(.ant-list-item-meta-avatar) {
|
||||
padding-left: 0.2rem;
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
.time {
|
||||
margin-left: 0.3rem;
|
||||
font-size: 0.12rem;
|
||||
color: #ccc;
|
||||
}
|
||||
.type {
|
||||
margin-left: 0.1rem;
|
||||
padding: 0.03rem 0.1rem;
|
||||
background: #00a7e3;
|
||||
color: #fff;
|
||||
}
|
||||
:deep(.ant-list-item-meta-description) {
|
||||
margin-top: 0.1rem;
|
||||
max-height: 0.44rem;
|
||||
margin-right: 0.1rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -461,21 +527,57 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.left span {
|
||||
margin-left: 0.1rem;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
p {
|
||||
height: 0.18rem;
|
||||
line-height: 0.14rem;
|
||||
padding-left: 0.1rem;
|
||||
margin-bottom: 0;
|
||||
border-left: 1px solid #212121;
|
||||
}
|
||||
span {
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
.num {
|
||||
margin-left: 0;
|
||||
color: #0087ff;
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span {
|
||||
color: #0087ff;
|
||||
}
|
||||
.num {
|
||||
font-size: 0.2rem;
|
||||
}
|
||||
justify-content: space-around;
|
||||
button {
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.sousuokuang {
|
||||
width: 3.2rem;
|
||||
margin: 0.1rem 0rem 0.21rem 0.2rem;
|
||||
.ant-input-search {
|
||||
max-width: 3rem;
|
||||
}
|
||||
:deep(.ant-input) {
|
||||
width: 2.4rem;
|
||||
height: 0.36rem;
|
||||
font-size: 0.14rem;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
:deep(.ant-input-group-addon) {
|
||||
display: inline-block;
|
||||
margin-left: 0.1rem;
|
||||
.ant-input-search-button {
|
||||
width: 0.6rem;
|
||||
height: 0.36rem;
|
||||
border-radius: 2px;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
|
|
@ -486,29 +588,6 @@
|
|||
margin-top: 0.2rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.sousuokuang {
|
||||
margin: 0.1rem 0rem 0.21rem 0.2rem;
|
||||
.ant-input-search {
|
||||
max-width: 4.9rem;
|
||||
}
|
||||
:deep(.ant-input) {
|
||||
width: 4rem;
|
||||
height: 0.36rem;
|
||||
font-size: 0.14rem;
|
||||
color: #b2b2b2;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
:deep(.ant-input-group-addon) {
|
||||
display: inline-block;
|
||||
margin-left: 0.1rem;
|
||||
.ant-input-search-button {
|
||||
width: 0.8rem;
|
||||
height: 0.36rem;
|
||||
border-radius: 0.04rem;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab {
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.2rem;
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
article {
|
||||
width: 1090px;
|
||||
height: 99%;
|
||||
overflow-y: auto;
|
||||
// overflow-y: auto;
|
||||
background-color: #fff;
|
||||
margin: 1% 0 1% 14px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue