消息查看问题,进度条ie兼容问题,bug修改
This commit is contained in:
@@ -1,24 +1,28 @@
|
|||||||
<!--进度组件-->
|
<!--进度组件-->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<!-- 三项非全0-->
|
||||||
<div class="progress" v-if="(data.allPayment + data.partPayment + data.notPayment) !== 0">
|
<div class="progress" v-if="(data.allPayment + data.partPayment + data.notPayment) !== 0">
|
||||||
<!-- 将全部付款和部分付款放入一个div中-->
|
<!-- 将全部付款和部分付款放入一个div中-->
|
||||||
<div class="full-and-partial"
|
<div class="full-and-partial"
|
||||||
:style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}">
|
:style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}">
|
||||||
|
<!-- 全部付款-->
|
||||||
<div :style="{width: data.allPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
|
<div :style="{width: data.allPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
|
||||||
class="progress-item pay-in-full">
|
class="progress-item pay-in-full" v-if="data.allPayment !== 0">
|
||||||
{{ data.allPayment }}
|
{{ data.allPayment }}
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 部分付款-->
|
||||||
<div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
|
<div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
|
||||||
class="progress-item partial-payment">
|
class="progress-item partial-payment" v-if="data.partPayment !== 0">
|
||||||
{{ data.partPayment }}
|
{{ data.partPayment }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}"
|
<div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}"
|
||||||
class="progress-item non-payment">
|
class="progress-item non-payment" v-if="data.notPayment !== 0">
|
||||||
{{ data.notPayment }}
|
{{ data.notPayment }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 三项均为0-->
|
||||||
<div class="progress progress-null" v-else>0</div>
|
<div class="progress progress-null" v-else>0</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -60,8 +64,12 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-display {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.full-and-partial {
|
.full-and-partial {
|
||||||
background: linear-gradient(0deg,#0075a9 0%, #008dcc 100%);
|
background: linear-gradient(0deg, #0075a9 0%, #008dcc 100%);
|
||||||
display: flex;
|
display: flex;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -77,11 +85,11 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.pay-in-full {
|
.pay-in-full {
|
||||||
background: linear-gradient(0deg,#069f99 0%, #07b1aa 100%);
|
background: linear-gradient(0deg, #069f99 0%, #07b1aa 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.partial-payment {
|
.partial-payment {
|
||||||
background: linear-gradient(0deg,#0075a9 0%, #008dcc 100%);
|
background: linear-gradient(0deg, #0075a9 0%, #008dcc 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.non-payment {
|
.non-payment {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="company-select">
|
<div class="company-select">
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="20">
|
<a-col :span="20">
|
||||||
<a-input @click="chooseBusiness" :value="value[valueKey]" v-bind="$attrs" :readOnly="true"></a-input>
|
<a-input @click="chooseBusiness" :value="value[valueKey]" v-bind="$attrs" :readOnly="true" unselectable="on"></a-input>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="4" class="form-btn" v-if="canAdd">
|
<a-col :span="4" class="form-btn" v-if="canAdd">
|
||||||
<a-button v-bind="$attrs" icon="plus" @click="addCompany"></a-button>
|
<a-button v-bind="$attrs" icon="plus" @click="addCompany"></a-button>
|
||||||
|
|||||||
@@ -61,8 +61,8 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
.container {
|
.container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 1366px;
|
min-width: 1300px;
|
||||||
min-height: 768px;
|
min-height: 600px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -7,35 +7,39 @@
|
|||||||
</component>
|
</component>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'DynamicNotice',
|
name: 'DynamicNotice',
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
compName: this.path
|
compName: this.path
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
comp: function () {
|
||||||
|
if (!this.path) {
|
||||||
|
return null
|
||||||
}
|
}
|
||||||
},
|
// this.path中的@comp字符串会拼接组件路径为@/components@comp导致控制台报错
|
||||||
computed: {
|
let path = this.path.replace('@comp', '')
|
||||||
comp: function () {
|
// @views/incomePayments重复导致找不到组件
|
||||||
if(!this.path){
|
path = path.replace('@views/incomePayments', '')
|
||||||
return null
|
// 这么写 是因未用数据库的路径拿不到 组件 实例
|
||||||
|
if (path && path.includes('AuditModal')) {
|
||||||
|
return resolve => require([`@views/incomePayments${ path }.vue`], resolve)
|
||||||
|
} else {
|
||||||
|
return resolve => require([`@/components${ path }.vue`], resolve)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: ['path', 'formData'],
|
||||||
|
methods: {
|
||||||
|
detail() {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.path) {
|
||||||
|
this.$refs.compModel.open(this.formData)
|
||||||
}
|
}
|
||||||
// 这么写 是因未用数据库的路径拿不到 组件 实例
|
}, 200)
|
||||||
if(this.path && this.path.includes('AuditModal')){
|
|
||||||
return resolve => require([`@views/incomePayments${this.path}.vue`], resolve)
|
|
||||||
}else {
|
|
||||||
return resolve => require([`@/components${this.path}.vue`], resolve)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
props: ['path','formData'],
|
|
||||||
methods: {
|
|
||||||
detail () {
|
|
||||||
setTimeout(() => {
|
|
||||||
if(this.path){
|
|
||||||
this.$refs.compModel.open(this.formData)
|
|
||||||
}
|
|
||||||
}, 200)
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
<!-- 操作按钮区域-->
|
<!-- 操作按钮区域-->
|
||||||
<div class="table-operator">
|
<div class="table-operator">
|
||||||
<a-button type="primary" icon="plus" @click="handleAdd" v-has="'packCompany:add'">新增</a-button>
|
<a-button type="primary" icon="plus" @click="handleAdd" v-has="'packCompany:add'">新增</a-button>
|
||||||
<a-button type="primary" icon="export" @click="handleExportXls('打包企业列表')" v-has="'packCompany:export'">导出</a-button>
|
<a-button type="primary" icon="export" @click="handleExportXls('打包管理')" v-has="'packCompany:export'">导出</a-button>
|
||||||
<a-button type="danger" icon="delete" @click="batchDel" v-has="'packCompany:batchDel'">批量删除</a-button>
|
<a-button type="danger" icon="delete" @click="batchDel" v-has="'packCompany:batchDel'">批量删除</a-button>
|
||||||
</div>
|
</div>
|
||||||
<!-- 操作按钮区域-end-->
|
<!-- 操作按钮区域-end-->
|
||||||
|
|||||||
@@ -24,7 +24,8 @@
|
|||||||
<a v-if="this.currSelected.title" style="margin-left: 10px" @click="onClearSelected">取消选择</a>
|
<a v-if="this.currSelected.title" style="margin-left: 10px" @click="onClearSelected">取消选择</a>
|
||||||
</div>
|
</div>
|
||||||
</a-alert>
|
</a-alert>
|
||||||
<a-input-search @search="onSearch" allowClear style="width:100%;margin-top: 10px" placeholder="请输入部门名称" :maxLength="50"/>
|
<a-input-search @search="onSearch" allowClear style="width:100%;margin-top: 10px" placeholder="请输入部门名称"
|
||||||
|
:maxLength="50"/>
|
||||||
<!-- 树-->
|
<!-- 树-->
|
||||||
<a-col :md="10" :sm="24">
|
<a-col :md="10" :sm="24">
|
||||||
<template>
|
<template>
|
||||||
@@ -504,7 +505,7 @@ export default {
|
|||||||
this.form.resetFields()
|
this.form.resetFields()
|
||||||
this.selectedKeys = []
|
this.selectedKeys = []
|
||||||
//取消选择 清除选中部门id
|
//取消选择 清除选中部门id
|
||||||
this.$refs.DeptUserInfo.cancelSelect()
|
// this.$refs.DeptUserInfo.cancelSelect()
|
||||||
// 暂时注释(部门权限组件)没用 2021-08-24
|
// 暂时注释(部门权限组件)没用 2021-08-24
|
||||||
// this.$refs.departAuth.departId = ''
|
// this.$refs.departAuth.departId = ''
|
||||||
},
|
},
|
||||||
@@ -736,4 +737,11 @@ export default {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0 0 2px 2px;
|
border-radius: 0 0 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//解决组织机构名称很长的时候文字无法隐藏的问题
|
||||||
|
/deep/ .ant-tree li .ant-tree-node-content-wrapper {
|
||||||
|
max-width: 235%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -81,11 +81,12 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onTreeNodeSelect(id){
|
onTreeNodeSelect(){
|
||||||
if(id && id.length>0){
|
// id
|
||||||
this.selectedKeys = id
|
// if(id && id.length>0){
|
||||||
}
|
// this.selectedKeys = id
|
||||||
this.$refs.datarule.show(this.selectedKeys[0],this.roleId)
|
// }
|
||||||
|
// this.$refs.datarule.show(this.selectedKeys[0],this.roleId)
|
||||||
},
|
},
|
||||||
onCheck (o) {
|
onCheck (o) {
|
||||||
if(this.checkStrictly){
|
if(this.checkStrictly){
|
||||||
|
|||||||
@@ -326,7 +326,7 @@ export default {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 60%;
|
height: 80%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -336,11 +336,12 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.title{
|
.title{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
img{
|
img{
|
||||||
width: 395px;
|
width: 395px;
|
||||||
height: 124px;
|
height: 124px;
|
||||||
@@ -366,7 +367,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
/deep/.ant-row{
|
/deep/.ant-row{
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 4px!important;
|
||||||
}
|
}
|
||||||
/deep/.ant-input-affix-wrapper .ant-input{
|
/deep/.ant-input-affix-wrapper .ant-input{
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
|
|||||||
@@ -315,7 +315,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.alteration-content {
|
.alteration-content {
|
||||||
margin: auto;
|
//margin: auto;
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user