Skip to content

C
company_app
提交 5920d7d6 作者: 毛细亚
操作

更新样式

上级 0c77d7c8
正在显示 包含 148 行增加 和 242 行删除
src/views/components/ApplyRecords/AreaTransferApply.vue
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
v-infinite-scroll="paperScroll" v-infinite-scroll="paperScroll"
:infinite-scroll-disabled="!isMoreRecord" :infinite-scroll-disabled="!isMoreRecord"
:infinite-scroll-immediate="false" :infinite-scroll-immediate="false"
class="mailListScroll" class="terminaListAreaScroll"
> >
<!-- 举报申请 --> <!-- 举报申请 -->
<div class="scrollMain" v-if="terminaList.length > 0"> <div class="scrollMain" v-if="terminaList.length > 0">
...@@ -516,12 +516,8 @@ export default { ...@@ -516,12 +516,8 @@ export default {
} }
} }
.mailListScroll { .terminaListAreaScroll {
width: 100%; width: 100%;
height: calc(100% - 220px);
overflow-y: auto;
overflow-x: hidden;
.scrollMain { .scrollMain {
width: 100%; width: 100%;
height: auto; height: auto;
......
src/views/components/ApplyRecords/TerminaTranfer.vue
<template> <template>
<div class="terminaList"> <div class="TerminaTranfer">
<div class="addApply rowFlex spaceBetween"> <div class="TerminaTranferContent">
<span></span> <div class="addApply rowFlex spaceBetween">
<el-button <span></span>
type="primary" <el-button type="primary" icon="el-icon-plus" size="small"
icon="el-icon-plus" @click="(showaddAreaTransfer = true, areaTransferItem = {})">新增转端申请</el-button>
size="small" </div>
@click="(showaddAreaTransfer = true,areaTransferItem = {})" <el-form ref="taskForm" :model="terminaForm" label-position="top" class="terminaListForm" label-width="85px">
>新增转端申请</el-button> <el-form-item label="审批状态">
</div> <el-select v-model="terminaForm.approval_status" style="width:95%;" clearable placeholder="请选择审批状态"
<el-form @change="filterChange">
ref="taskForm" <el-option v-for="item in approvalList" :key="item.value" :label="item.label" :value="item.value">
:model="terminaForm" </el-option>
label-position="top" </el-select>
class="terminaListForm" </el-form-item>
label-width="85px" <el-form-item label="创建时间">
> <selectDate :default-value="dateValue" :type="true" style="width: 95%" @result="createResult" />
<el-form-item label="审批状态"> </el-form-item>
<el-select </el-form>
v-model="terminaForm.approval_status" <div v-infinite-scroll="paperScroll" :infinite-scroll-disabled="!isMoreRecord" :infinite-scroll-immediate="false"
style="width:95%;" class="TerminaTranferScroll">
clearable <!-- 举报申请 -->
placeholder="请选择审批状态" <div v-if="terminaList.length > 0" class="scrollMain">
@change="filterChange" <div v-for="(item, index) in terminaList" :key="index" class="terminaContent"
> @click="terminaProcess(item, index)">
<el-option <div class="terminaItem rowFlex spaceBetween columnCenter">
v-for="item in approvalList" <div class="terminaItemLeft">
:key="item.value" <p><span class="label">角色名称:</span><span class="value">{{ item.role_name }}</span></p>
:label="item.label" <p>
:value="item.value" <span class="label">累计充值:</span><span class="value">{{ formatNumber(item.recharge_total_amount) }}
> 元</span>
</el-option> </p>
</el-select> <p>
</el-form-item> <span class="label">登记时间:</span><span class="value">{{ item.create_time || '' }}</span>
<el-form-item label="创建时间"> </p>
<selectDate <p><span class="label">转端状态:</span><span class="value">{{ item.trans_check_status_text || '-' }}</span>
:default-value="dateValue" </p>
:type="true" </div>
style="width: 95%" <div class="terminaItemRight columnFlex columnCenter">
@result="createResult" <el-button v-if="item.approval_status == 3 && item.related_request_id == 0" type="primary" size="mini"
/> style="margin-bottom:15px;" @click.stop="resubmitApproval(item)">重新提交</el-button>
</el-form-item> <img v-if="item.approval_status == 1" :src="shenpi1" class="icon" />
</el-form> <img v-else-if="item.approval_status == 2" :src="shenpi2" class="icon" />
<div <img v-else-if="item.approval_status == 3" :src="shenpi6" class="icon" />
v-infinite-scroll="paperScroll" <img v-else-if="item.approval_status == 4" :src="shenpi4" class="icon" />
:infinite-scroll-disabled="!isMoreRecord" <img v-else-if="item.approval_status == 5" :src="shenpi5" class="icon" />
:infinite-scroll-immediate="false" </div>
class="mailListScroll"
>
<!-- 举报申请 -->
<div v-if="terminaList.length>0" class="scrollMain">
<div
v-for="(item, index) in terminaList"
:key="index"
class="terminaContent"
@click="terminaProcess(item, index)"
>
<div class="terminaItem rowFlex spaceBetween columnCenter">
<div class="terminaItemLeft">
<p><span class="label">角色名称:</span><span class="value">{{ item.role_name }}</span></p>
<p>
<span class="label">累计充值:</span><span class="value">{{ formatNumber(item.recharge_total_amount) }}
元</span>
</p>
<p>
<span class="label">登记时间:</span><span class="value">{{ item.create_time || '' }}</span>
</p>
<p><span class="label">转端状态:</span><span class="value">{{ item.trans_check_status_text || '-' }}</span></p>
</div>
<div class="terminaItemRight columnFlex columnCenter">
<el-button
v-if="item.approval_status== 3 && item.related_request_id == 0"
type="primary"
size="mini"
style="margin-bottom:15px;"
@click.stop="resubmitApproval(item)"
>重新提交</el-button>
<img
v-if="item.approval_status == 1"
:src="shenpi1"
class="icon"
/>
<img
v-else-if="item.approval_status == 2"
:src="shenpi2"
class="icon"
/>
<img
v-else-if="item.approval_status == 3"
:src="shenpi6"
class="icon"
/>
<img
v-else-if="item.approval_status == 4"
:src="shenpi4"
class="icon"
/>
<img
v-else-if="item.approval_status == 5"
:src="shenpi5"
class="icon"
/>
</div> </div>
</div> <!-- 审批进度 -->
<!-- 审批进度 --> <el-collapse-transition>
<el-collapse-transition> <div v-if="item.showStep" class="terminaProcessList">
<div <el-steps direction="vertical" :active="item.current" finish-status="success">
v-if="item.showStep" <el-step v-for="(items, indexs) in item.terminaProcessList" :key="'trans_item_' + indexs"
class="terminaProcessList" :title="items.node_name">
> <template slot="description">
<el-steps <div v-if="items" class="trans-follow-1 card-style">
direction="vertical" <div class="follow-item">
:active="item.current" <span class="follow-info-label label-font">
finish-status="success" {{ items.node_sort !== '0' ? '审批人:' : '登记人:' }}
>
<el-step
v-for="(items, indexs) in item.terminaProcessList"
:key="'trans_item_' + indexs"
:title="items.node_name"
>
<template slot="description">
<div
v-if="items"
class="trans-follow-1 card-style"
>
<div class="follow-item">
<span class="follow-info-label label-font">
{{ items.node_sort !== '0' ? '审批人:' : '登记人:' }}
</span>
<span class="info-value value-font">
{{ Array.isArray(items.user_name) ? items.user_name[0] : items.user_name }}
</span>
<el-tooltip
v-if="Array.isArray(items.user_name) && items.user_name.length > 1"
class="item"
effect="dark"
:content="items.user_name.slice(1).join('、')"
placement="top"
>
<span class="info-value value-font info-value-color">
{{ `+${items.user_name.length - 1}` }}
</span> </span>
</el-tooltip> <span class="info-value value-font">
</div> {{ Array.isArray(items.user_name) ? items.user_name[0] : items.user_name }}
</span>
<el-tooltip v-if="Array.isArray(items.user_name) && items.user_name.length > 1" class="item"
effect="dark" :content="items.user_name.slice(1).join('、')" placement="top">
<span class="info-value value-font info-value-color">
{{ `+${items.user_name.length - 1}` }}
</span>
</el-tooltip>
</div>
<div <div v-if="items.node_sort !== '0' || items.node_name === '系统'" class="follow-item">
v-if="items.node_sort !== '0' || items.node_name === '系统'" <span class="follow-info-label label-font">
class="follow-item" 审批结果:
> </span>
<span class="follow-info-label label-font"> <span class="info-value value-font"
审批结果: :class="items.current < indexs ? '' : switchStateTag(items.approval_result)">
</span> {{ items.current < indexs ? '' : items.approval_result_text == '通过' ? '完成' :
<span items.approval_result_text }} </span>
class="info-value value-font" </div>
:class="items.current < indexs ? '' : switchStateTag(items.approval_result)" <div class="follow-item">
> <span class="follow-info-label label-font">
{{ items.current < indexs ? '' : items.approval_result_text=='通过' ? '完成' : items.approval_result_text }} {{ items.node_sort !== '0' || items.node_name === '系统' ? '审批时间:' : '登记时间:' }}
</span> </span>
</div> <span class="info-value value-font">
<div class="follow-item"> {{ items.node_sort === '0' ? items.create_time : items.update_time }}
<span class="follow-info-label label-font"> </span>
{{ items.node_sort !== '0' || items.node_name === '系统' ? '审批时间:' : '登记时间:' }} </div>
</span> <div
<span class="info-value value-font"> v-if="(items.node_sort !== '0' || items.node_name === '系统') && items.approval_result === '2'"
{{ items.node_sort === '0' ? items.create_time : items.update_time }} class="follow-item">
</span> <span class="follow-info-label label-font">
</div> 驳回原因:
<div </span>
v-if="(items.node_sort !== '0' || items.node_name === '系统') && items.approval_result === '2'" <span class="info-value value-font">
class="follow-item" {{ items.extra_attribution.remark }}
> </span>
<span class="follow-info-label label-font"> </div>
驳回原因:
</span>
<span class="info-value value-font">
{{ items.extra_attribution.remark }}
</span>
</div>
<div <div
v-if="items.node_sort === item.terminaProcessList[item.terminaProcessList.length - 1].node_sort + '' && items.approval_result === '1' && items.node_sort !== '0'" v-if="items.node_sort === item.terminaProcessList[item.terminaProcessList.length - 1].node_sort + '' && items.approval_result === '1' && items.node_sort !== '0'"
class="follow-item-remark follow-item" class="follow-item-remark follow-item">
> <span class="follow-info-label label-font">
<span class="follow-info-label label-font"> 处理结果:
处理结果: </span>
</span> <span class="info-value value-font">
<span class="info-value value-font"> {{ items.extra_attribution.banned_text }}
{{ items.extra_attribution.banned_text }}
</span>
</div>
<div
v-if="items.node_name !== '系统' && items.extra_attribution && items.extra_attribution.remark"
class="info-item-remark"
>
<div style="display: flex;">
<span class="info-label remark-label">详情:</span>
<span
class="preview-btn"
@click.stop="previewRemark(items.extra_attribution.remark)"
>
<i class="el-icon-view"></i>
点击查看大图
</span> </span>
</div> </div>
<div <div
class="remark-value" v-if="items.node_name !== '系统' && items.extra_attribution && items.extra_attribution.remark"
v-html="formatImg(items.extra_attribution && items.extra_attribution.remark ? items.extra_attribution.remark : '')" class="info-item-remark">
> <div style="display: flex;">
<span class="info-label remark-label">详情:</span>
<span class="preview-btn" @click.stop="previewRemark(items.extra_attribution.remark)">
<i class="el-icon-view"></i>
点击查看大图
</span>
</div>
<div class="remark-value"
v-html="formatImg(items.extra_attribution && items.extra_attribution.remark ? items.extra_attribution.remark : '')">
</div>
</div> </div>
</div> </div>
</div> </template>
</template> </el-step>
</el-step> </el-steps>
</el-steps> </div>
</div> </el-collapse-transition>
</el-collapse-transition> </div>
</div>
<div v-else class="noContent rowFlex allCenter">
<noContent />
</div> </div>
</div>
<div v-else class="noContent rowFlex allCenter">
<noContent />
</div> </div>
</div> </div>
<el-dialog <el-dialog :visible.sync="dialogRemarkVisible" append-to-body title="查看大图" custom-class="remake-dialog">
:visible.sync="dialogRemarkVisible"
append-to-body
title="查看大图"
custom-class="remake-dialog"
>
<div class="remake-box"> <div class="remake-box">
<div v-html="dialogRemake"></div> <div v-html="dialogRemake"></div>
</div> </div>
</el-dialog> </el-dialog>
<!-- 编辑误操作 --> <!-- 编辑误操作 -->
<TerminalTransferDialog <TerminalTransferDialog v-if="showaddAreaTransfer" :visible.sync="showaddAreaTransfer"
v-if="showaddAreaTransfer" :area-transfer-item="areaTransferItem" @updateList="updateList" />
:visible.sync="showaddAreaTransfer"
:area-transfer-item="areaTransferItem"
@updateList="updateList"
/>
</div> </div>
</template> </template>
<script> <script>
...@@ -457,18 +362,25 @@ export default { ...@@ -457,18 +362,25 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.terminaList { .TerminaTranfer {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; .TerminaTranferContent{
.terminaListForm{ width: 100%;
::v-deep .el-form-item__label{ height: 100%;
overflow: auto;
overflow-x: hidden;
}
.terminaListForm {
::v-deep .el-form-item__label {
font-weight: 400; font-weight: 400;
} }
} }
.addApply { .addApply {
margin-top: 15px; margin-top: 15px;
} }
.taskForm { .taskForm {
::v-deep .el-form-item { ::v-deep .el-form-item {
margin-bottom: 10px; margin-bottom: 10px;
...@@ -521,19 +433,17 @@ export default { ...@@ -521,19 +433,17 @@ export default {
} }
} }
.mailListScroll { .TerminaTranferScroll {
width: 100%; width: 100%;
height: calc(100% - 220px);
overflow-y: auto;
overflow-x: hidden;
.scrollMain { .scrollMain {
width: 100%; width: 100%;
height: auto; height: auto;
margin-bottom: 40px; margin-bottom: 40px;
padding: 0 10px; padding: 0 10px;
.terminaContent { .terminaContent {
width:100%; width: 100%;
} }
//举报申请 //举报申请
...@@ -629,7 +539,7 @@ export default { ...@@ -629,7 +539,7 @@ export default {
width: 1px; width: 1px;
} }
::v-deep .el-step > .is-success { ::v-deep .el-step>.is-success {
color: #409EFF; color: #409EFF;
border-color: #409EFF; border-color: #409EFF;
...@@ -638,11 +548,11 @@ export default { ...@@ -638,11 +548,11 @@ export default {
} }
} }
::v-deep .el-step__main > .is-success { ::v-deep .el-step__main>.is-success {
color: #409EFF; color: #409EFF;
} }
::v-deep .el-step > .is-process { ::v-deep .el-step>.is-process {
color: #409EFF; color: #409EFF;
border-color: #409EFF; border-color: #409EFF;
...@@ -651,7 +561,7 @@ export default { ...@@ -651,7 +561,7 @@ export default {
} }
} }
::v-deep .el-step__main > .is-process { ::v-deep .el-step__main>.is-process {
color: #409EFF; color: #409EFF;
} }
...@@ -777,7 +687,7 @@ export default { ...@@ -777,7 +687,7 @@ export default {
height: 80px; height: 80px;
} }
&:hover > .preview-pic { &:hover>.preview-pic {
z-index: 100; z-index: 100;
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论