1252 lines
31 KiB
Vue
1252 lines
31 KiB
Vue
|
<template>
|
|||
|
|
<view class="top-level">
|
|||
|
|
<view class="subsetion">
|
|||
|
|
<u-subsection
|
|||
|
|
:list="list"
|
|||
|
|
mode="button"
|
|||
|
|
:bgColor="'#fff'"
|
|||
|
|
:fontSize="14"
|
|||
|
|
:activeColor="'#ffffff'"
|
|||
|
|
:current="currentIndex"
|
|||
|
|
@change="handelrSubSectionChange"
|
|||
|
|
></u-subsection>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="currentIndex === 0">
|
|||
|
|
<slot name="main"></slot>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="currentIndex === 1" class="approveBox">
|
|||
|
|
<div class="auditWork" v-if="stepList.length > 0">
|
|||
|
|
<div
|
|||
|
|
v-for="(item, index) in stepList"
|
|||
|
|
:key="index"
|
|||
|
|
style="margin-bottom: 15px"
|
|||
|
|
>
|
|||
|
|
<div style="display: flex">
|
|||
|
|
<div class="auditWork_left">
|
|||
|
|
<div
|
|||
|
|
class="auditWork_left_image"
|
|||
|
|
:style="{
|
|||
|
|
borderColor:
|
|||
|
|
item.step < stepnum
|
|||
|
|
? '#5FDA1D'
|
|||
|
|
: item.step == stepnum
|
|||
|
|
? '#1478F6'
|
|||
|
|
: '#BBBBBB',
|
|||
|
|
}"
|
|||
|
|
></div>
|
|||
|
|
<div
|
|||
|
|
class="auditWork_left_line"
|
|||
|
|
v-if="item.step != stepList.length"
|
|||
|
|
></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="auditWork_right">
|
|||
|
|
<div
|
|||
|
|
class="auditWork_right_title"
|
|||
|
|
:class="
|
|||
|
|
item.step < stepnum
|
|||
|
|
? 'color1'
|
|||
|
|
: item.step == stepnum
|
|||
|
|
? 'color2'
|
|||
|
|
: 'color3'
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
{{ item.nodeName }}
|
|||
|
|
</div>
|
|||
|
|
<div class="auditWork_right_content">
|
|||
|
|
<div
|
|||
|
|
v-for="(el, index) in item.list"
|
|||
|
|
:key="index"
|
|||
|
|
style="
|
|||
|
|
display: flex;
|
|||
|
|
height: 100%;
|
|||
|
|
width: 50%;
|
|||
|
|
align-items: center;
|
|||
|
|
"
|
|||
|
|
:class="
|
|||
|
|
el.state != 0 && item.step <= stepnum ? 'color1' : 'color3'
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
<div style="margin-top: 5px">
|
|||
|
|
<div
|
|||
|
|
class="text"
|
|||
|
|
v-if="el.headImageUrl == null"
|
|||
|
|
style="font-size: 24rpx; font-weight: 400"
|
|||
|
|
>
|
|||
|
|
{{
|
|||
|
|
el.auditPersonName
|
|||
|
|
? String(el.auditPersonName).slice(-2)
|
|||
|
|
: String(el.name).slice(-2)
|
|||
|
|
}}
|
|||
|
|
</div>
|
|||
|
|
<img
|
|||
|
|
class="avatar"
|
|||
|
|
v-else
|
|||
|
|
:src="
|
|||
|
|
configData.baseUrl +
|
|||
|
|
`${String(el.headImageUrl).split('/wwwroot')[1]}`
|
|||
|
|
"
|
|||
|
|
alt=""
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div>
|
|||
|
|
<span style="">{{ el.auditPersonName }}</span>
|
|||
|
|
|
|||
|
|
<img
|
|||
|
|
class="img"
|
|||
|
|
alt=""
|
|||
|
|
v-if="el.state == 1"
|
|||
|
|
:src="require('@/static/images/audit/1.png')"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<img
|
|||
|
|
class="img"
|
|||
|
|
alt=""
|
|||
|
|
v-if="el.state == 2"
|
|||
|
|
:src="require('@/static/images/audit/2.png')"
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<img
|
|||
|
|
style="
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
margin-left: 6px;
|
|||
|
|
"
|
|||
|
|
@click="handlerUrgingClick(el.id)"
|
|||
|
|
alt=""
|
|||
|
|
v-if="
|
|||
|
|
item.step == stepnum && el.state != 2 && el.state != 1
|
|||
|
|
"
|
|||
|
|
:src="require('@/static/images/audit/催办.png')"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<span>{{ el.auditdate | getDate }}</span>
|
|||
|
|
<span>{{ !el.state ? el.name : "" }}</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else style="text-align: center">
|
|||
|
|
<u-empty mode="data" :icon="require('@/static/images/empty.png')">
|
|||
|
|
</u-empty>
|
|||
|
|
</div>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="currentIndex === 2" class="approveBox">
|
|||
|
|
<div v-if="auditNote.length > 0">
|
|||
|
|
<div ref="auditNote">
|
|||
|
|
<div
|
|||
|
|
class="auditNote"
|
|||
|
|
v-for="(item, index) in auditNote"
|
|||
|
|
:key="index"
|
|||
|
|
>
|
|||
|
|
<div class="flex">
|
|||
|
|
<div
|
|||
|
|
class="text"
|
|||
|
|
v-if="item.headImageUrl == null"
|
|||
|
|
style="font-size: 24rpx; font-weight: 400"
|
|||
|
|
>
|
|||
|
|
{{ String(item.auditPersonName).slice(-2) }}
|
|||
|
|
</div>
|
|||
|
|
<img
|
|||
|
|
class="avatar"
|
|||
|
|
v-else
|
|||
|
|
alt=""
|
|||
|
|
:src="
|
|||
|
|
configData.baseUrl +
|
|||
|
|
`${String(item.headImageUrl).split('/wwwroot')[1]}`
|
|||
|
|
"
|
|||
|
|
/>
|
|||
|
|
<div class="d-flex-c">
|
|||
|
|
<span>{{ item.auditPersonName }}</span>
|
|||
|
|
<span style="margin-top: 5px">{{ item.auditMessage }}</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="d-flex-c" style="align-items: flex-end">
|
|||
|
|
<span>{{ item.auditdate }}</span>
|
|||
|
|
<span
|
|||
|
|
:style="{
|
|||
|
|
color: item.stateName == '同意' ? '#1478F6' : '#F51701',
|
|||
|
|
marginTop: '5px',
|
|||
|
|
}"
|
|||
|
|
>
|
|||
|
|
{{ item.stateName }}</span
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else style="text-align: center">
|
|||
|
|
<u-empty mode="data" :icon="require('@/static/images/empty.png')">
|
|||
|
|
</u-empty>
|
|||
|
|
</div>
|
|||
|
|
</view>
|
|||
|
|
<view class="bottomPage" v-if="auditData.length > 0">
|
|||
|
|
<view class="disagreeContent button" v-if="isShowDisagree">
|
|||
|
|
<u-button
|
|||
|
|
text="不同意"
|
|||
|
|
type="error"
|
|||
|
|
size="normal"
|
|||
|
|
@click="showBtnGroup"
|
|||
|
|
></u-button>
|
|||
|
|
<u-transition :show="isShowBtnGroup" mode="fade-up">
|
|||
|
|
<view class="btnDisagreeBox">
|
|||
|
|
<view @click="handlerDisagreeClickEvent('continue')">继续</view>
|
|||
|
|
<view @click="handlerDisagreeClickEvent('back')">回退</view>
|
|||
|
|
<view @click="handlerDisagreeClickEvent('termination')">终止</view>
|
|||
|
|
</view>
|
|||
|
|
</u-transition>
|
|||
|
|
</view>
|
|||
|
|
<u-button
|
|||
|
|
v-if="isShowCountersign"
|
|||
|
|
text="加签"
|
|||
|
|
type="primary"
|
|||
|
|
size="normal"
|
|||
|
|
class="button"
|
|||
|
|
@click="handlerCountersignClick"
|
|||
|
|
style="flex: 1"
|
|||
|
|
></u-button>
|
|||
|
|
<u-button
|
|||
|
|
v-if="isShowAgree"
|
|||
|
|
text="同意"
|
|||
|
|
type="primary"
|
|||
|
|
class="button"
|
|||
|
|
size="normal"
|
|||
|
|
@click="handlerAgreeClick"
|
|||
|
|
style="flex: 1"
|
|||
|
|
></u-button>
|
|||
|
|
<u-button
|
|||
|
|
v-if="isShowRead"
|
|||
|
|
text="已读"
|
|||
|
|
class="button"
|
|||
|
|
type="primary"
|
|||
|
|
size="normal"
|
|||
|
|
@click="handlerReadClick"
|
|||
|
|
style="flex: 1"
|
|||
|
|
></u-button>
|
|||
|
|
<u-button
|
|||
|
|
v-if="isShowWithdraw"
|
|||
|
|
text="撤回"
|
|||
|
|
type="error"
|
|||
|
|
class="button"
|
|||
|
|
size="normal"
|
|||
|
|
@click="handlerWithdrawClick"
|
|||
|
|
style="flex: 1"
|
|||
|
|
></u-button>
|
|||
|
|
</view>
|
|||
|
|
<u-toast ref="uToast"></u-toast>
|
|||
|
|
<uni-popup ref="alertDialog" type="dialog">
|
|||
|
|
<uni-popup-dialog
|
|||
|
|
:type="msgType"
|
|||
|
|
cancelText="取消"
|
|||
|
|
confirmText="同意"
|
|||
|
|
title="提示"
|
|||
|
|
content="确认开始催办吗？"
|
|||
|
|
@confirm="dialogConfirm"
|
|||
|
|
></uni-popup-dialog>
|
|||
|
|
</uni-popup>
|
|||
|
|
<!-- 加签 -->
|
|||
|
|
<u-modal
|
|||
|
|
title="加签审批"
|
|||
|
|
:show="countersignShow"
|
|||
|
|
showCancelButton
|
|||
|
|
:closeOnClickOverlay="false"
|
|||
|
|
@confirm="auditAddFlow"
|
|||
|
|
@cancel="countersignShow = false"
|
|||
|
|
@close="countersignShow = false"
|
|||
|
|
>
|
|||
|
|
<u-form :model="counterSignModel" :labelStyle="{ fontSize: '14px' }">
|
|||
|
|
<u-form-item
|
|||
|
|
label="审核类型"
|
|||
|
|
prop="auditType"
|
|||
|
|
ref="item1"
|
|||
|
|
:borderBottom="false"
|
|||
|
|
:labelWidth="'200rpx'"
|
|||
|
|
>
|
|||
|
|
<u-radio-group v-model="counterSignModel.auditType">
|
|||
|
|
<u-radio
|
|||
|
|
shape="circle"
|
|||
|
|
name="1"
|
|||
|
|
label="审核"
|
|||
|
|
style="margin-right: 20rpx"
|
|||
|
|
></u-radio>
|
|||
|
|
<u-radio shape="circle" name="2" label="抄送"></u-radio>
|
|||
|
|
</u-radio-group>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item
|
|||
|
|
label="加签人员"
|
|||
|
|
prop="additionalPersonnel"
|
|||
|
|
ref="item1"
|
|||
|
|
:borderBottom="false"
|
|||
|
|
:labelWidth="'200rpx'"
|
|||
|
|
@click="handlerPeopelClickEvent"
|
|||
|
|
>
|
|||
|
|
<u--input
|
|||
|
|
placeholder="请选择人员"
|
|||
|
|
suffixIcon="arrow-right"
|
|||
|
|
:disabled="true"
|
|||
|
|
:border="'none'"
|
|||
|
|
disabledColor="#fff"
|
|||
|
|
></u--input>
|
|||
|
|
</u-form-item>
|
|||
|
|
<view v-if="selectedListBaseinfo.length > 0" style="margin: 10rpx 0"
|
|||
|
|
>已关联人员：</view
|
|||
|
|
>
|
|||
|
|
<view class="flex" style="flex-wrap: wrap">
|
|||
|
|
<view
|
|||
|
|
class="select-item"
|
|||
|
|
v-for="(item, index) in selectedListBaseinfo"
|
|||
|
|
:key="index"
|
|||
|
|
>
|
|||
|
|
<view class="name">
|
|||
|
|
<text>{{ item.p_PersonName }}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="close" @click.stop="removeSelectedItem(item)">
|
|||
|
|
<uni-icons type="closeempty" size="16" color="#999"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</u-form>
|
|||
|
|
<u-toast ref="countersignToast"></u-toast>
|
|||
|
|
</u-modal>
|
|||
|
|
<!-- 不同意 -->
|
|||
|
|
<u-modal
|
|||
|
|
:title="disagreeTitle"
|
|||
|
|
:show="disagreeModalShow"
|
|||
|
|
showCancelButton
|
|||
|
|
closeOnClickOverlay
|
|||
|
|
@confirm="disagreeConfirm"
|
|||
|
|
@cancel="disagreeModalShow = false"
|
|||
|
|
@close="disagreeModalShow = false"
|
|||
|
|
>
|
|||
|
|
<view class="reasonBox">
|
|||
|
|
<text>请输入{{ disagreeTitle }}理由：</text>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="disagreeReason"
|
|||
|
|
placeholder="请输入..."
|
|||
|
|
></u--textarea>
|
|||
|
|
<u-toast ref="disagreeToast"></u-toast>
|
|||
|
|
</view>
|
|||
|
|
</u-modal>
|
|||
|
|
<!-- 同意 -->
|
|||
|
|
<u-modal
|
|||
|
|
title="同意"
|
|||
|
|
:show="agreeModalShow"
|
|||
|
|
showCancelButton
|
|||
|
|
closeOnClickOverlay
|
|||
|
|
@confirm="agreeAudit"
|
|||
|
|
@cancel="agreeModalShow = false"
|
|||
|
|
@close="agreeModalShow = false"
|
|||
|
|
>
|
|||
|
|
<view class="reasonBox">
|
|||
|
|
<text>请输入同意理由：</text>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="agreeTextarea"
|
|||
|
|
placeholder="请输入..."
|
|||
|
|
></u--textarea>
|
|||
|
|
</view>
|
|||
|
|
</u-modal>
|
|||
|
|
<!-- 已读 -->
|
|||
|
|
<u-modal
|
|||
|
|
title="已读"
|
|||
|
|
:show="readShow"
|
|||
|
|
showCancelButton
|
|||
|
|
closeOnClickOverlay
|
|||
|
|
@confirm="readConfirm"
|
|||
|
|
@cancel="readShow = false"
|
|||
|
|
@close="readShow = false"
|
|||
|
|
>
|
|||
|
|
<view class="reasonBox">
|
|||
|
|
<text>请输入已读理由：</text>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="readTextarea"
|
|||
|
|
placeholder="请输入..."
|
|||
|
|
></u--textarea>
|
|||
|
|
</view>
|
|||
|
|
</u-modal>
|
|||
|
|
<!-- 撤回 -->
|
|||
|
|
<u-modal
|
|||
|
|
title="撤回"
|
|||
|
|
:show="withdrawShow"
|
|||
|
|
showCancelButton
|
|||
|
|
closeOnClickOverlay
|
|||
|
|
@confirm="withdrawConfirm"
|
|||
|
|
@cancel="withdrawShow = false"
|
|||
|
|
@close="withdrawShow = false"
|
|||
|
|
>
|
|||
|
|
<view class="reasonBox">
|
|||
|
|
<text>请输入撤回理由：</text>
|
|||
|
|
<u--textarea
|
|||
|
|
v-model="withdrawTextarea"
|
|||
|
|
placeholder="请输入..."
|
|||
|
|
></u--textarea>
|
|||
|
|
</view>
|
|||
|
|
</u-modal>
|
|||
|
|
<u-loading-page
|
|||
|
|
:loading="maskLoading"
|
|||
|
|
:loadingText="'正在提交'"
|
|||
|
|
></u-loading-page>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import localStorage from "@/utils/localStorage";
|
|||
|
|
import {
|
|||
|
|
getAuditList,
|
|||
|
|
getAuditNote,
|
|||
|
|
auditUrging,
|
|||
|
|
audit,
|
|||
|
|
auditAddFlow,
|
|||
|
|
getAuditBtn,
|
|||
|
|
removeAudit,
|
|||
|
|
read,
|
|||
|
|
} from "@/api/system/audit.js";
|
|||
|
|
import config from "@/config";
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
billid: {
|
|||
|
|
type: String,
|
|||
|
|
required: "",
|
|||
|
|
},
|
|||
|
|
billKindID: {
|
|||
|
|
type: String,
|
|||
|
|
required: "",
|
|||
|
|
},
|
|||
|
|
auditType: {
|
|||
|
|
type: String,
|
|||
|
|
required: "",
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
maskLoading: false,
|
|||
|
|
msgType: "warn",
|
|||
|
|
currentIndex: 0,
|
|||
|
|
list: [
|
|||
|
|
{
|
|||
|
|
name: "审批详情",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "审批流程",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "审批记录",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
stepList: [], //审批流程
|
|||
|
|
stepnum: "",
|
|||
|
|
configData: {},
|
|||
|
|
auditNote: [], //审批记录
|
|||
|
|
urgingBillid: "", //催办ID
|
|||
|
|
countersignShow: false,
|
|||
|
|
counterSignModel: {
|
|||
|
|
auditType: "1",
|
|||
|
|
},
|
|||
|
|
isShowBtnGroup: false,
|
|||
|
|
disagreeModalShow: false,
|
|||
|
|
disagreeReason: "",
|
|||
|
|
disagreeTitle: "",
|
|||
|
|
personIDs: [],
|
|||
|
|
personNames: [],
|
|||
|
|
agreeModalShow: false,
|
|||
|
|
agreeTextarea: "",
|
|||
|
|
buttonData: [],
|
|||
|
|
readShow: false,
|
|||
|
|
readTextarea: "",
|
|||
|
|
withdrawShow: false,
|
|||
|
|
withdrawTextarea: "",
|
|||
|
|
|
|||
|
|
isShowAgree: false,
|
|||
|
|
isShowDisagree: false,
|
|||
|
|
isShowRead: false,
|
|||
|
|
isShowCountersign: false,
|
|||
|
|
isShowWithdraw: false,
|
|||
|
|
auditData: [],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad: function (option) {
|
|||
|
|
//option为object类型，会序列化上个页面传递的参数
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
selectedListBaseinfo: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal.length > 0) {
|
|||
|
|
newVal.forEach((item) => {
|
|||
|
|
this.personIDs.push(item.p_PersonID);
|
|||
|
|
this.personNames.push(item.p_PersonName);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 同意
|
|||
|
|
agreeModalShow: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal == false) {
|
|||
|
|
this.agreeTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 已读
|
|||
|
|
readShow: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal == false) {
|
|||
|
|
this.readTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 撤回
|
|||
|
|
withdrawShow: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal == false) {
|
|||
|
|
this.withdrawTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 不同意
|
|||
|
|
disagreeModalShow: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal == false) {
|
|||
|
|
this.disagreeReason = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 加签
|
|||
|
|
countersignShow: {
|
|||
|
|
deep: true,
|
|||
|
|
handler(newVal, oldVal) {
|
|||
|
|
if (newVal == false) {
|
|||
|
|
this.counterSignModel.auditType = "1";
|
|||
|
|
this.$store.commit("SET_SELECTSDATA", []);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
selectedListBaseinfo() {
|
|||
|
|
return this.$store.getters.selectsdata || [];
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
filters: {
|
|||
|
|
getDate(value) {
|
|||
|
|
if (!value) {
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
return value.split(".")[0].replace("T", " ");
|
|||
|
|
},
|
|||
|
|
getDate1(value) {
|
|||
|
|
if (!value) {
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
return value.split("T")[0];
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.init();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
init() {
|
|||
|
|
this.isShowAgree = false;
|
|||
|
|
this.isShowDisagree = false;
|
|||
|
|
this.isShowRead = false;
|
|||
|
|
this.isShowCountersign = false;
|
|||
|
|
this.isShowWithdraw = false;
|
|||
|
|
this.configData = config;
|
|||
|
|
if (this.auditType == "audit") {
|
|||
|
|
this.getAuditBtn();
|
|||
|
|
}
|
|||
|
|
if (
|
|||
|
|
this.billid != "" &&
|
|||
|
|
this.billid != null &&
|
|||
|
|
this.billid != undefined &&
|
|||
|
|
this.billid != "null" &&
|
|||
|
|
this.billid != "undefined" &&
|
|||
|
|
this.billKindID != "" &&
|
|||
|
|
this.billKindID != null &&
|
|||
|
|
this.billKindID != undefined &&
|
|||
|
|
this.billKindID != "null" &&
|
|||
|
|
this.billKindID != "undefined"
|
|||
|
|
) {
|
|||
|
|
this.getAuditList();
|
|||
|
|
this.getAuditNote();
|
|||
|
|
}
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
},
|
|||
|
|
//获取审批权限按钮
|
|||
|
|
async getAuditBtn() {
|
|||
|
|
let params = {
|
|||
|
|
billID: this.billid,
|
|||
|
|
billKindID: this.billKindID,
|
|||
|
|
};
|
|||
|
|
const res = await getAuditBtn(params);
|
|||
|
|
let arr = res.data[0];
|
|||
|
|
this.auditData = arr;
|
|||
|
|
arr.forEach((el) => {
|
|||
|
|
if (el == "3") {
|
|||
|
|
//同意
|
|||
|
|
this.isShowAgree = true;
|
|||
|
|
} else if (el == "4") {
|
|||
|
|
//不同意
|
|||
|
|
this.isShowDisagree = true;
|
|||
|
|
} else if (el == "5") {
|
|||
|
|
//已读
|
|||
|
|
this.isShowRead = true;
|
|||
|
|
} else if (el == "6") {
|
|||
|
|
//加签
|
|||
|
|
this.isShowCountersign = true;
|
|||
|
|
} else if (el == "7") {
|
|||
|
|
//撤回
|
|||
|
|
this.isShowWithdraw = true;
|
|||
|
|
} else {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
resetAudit() {
|
|||
|
|
this.getAuditList();
|
|||
|
|
this.getAuditNote();
|
|||
|
|
},
|
|||
|
|
showBtnGroup() {
|
|||
|
|
this.isShowBtnGroup = !this.isShowBtnGroup;
|
|||
|
|
},
|
|||
|
|
handlerDisagreeClickEvent(type) {
|
|||
|
|
// 继续
|
|||
|
|
if (type == "continue") {
|
|||
|
|
this.disagreeTitle = "继续";
|
|||
|
|
this.disagreeModalShow = true;
|
|||
|
|
} else if (type == "termination") {
|
|||
|
|
//终止
|
|||
|
|
this.disagreeTitle = "终止";
|
|||
|
|
this.disagreeModalShow = true;
|
|||
|
|
} else if (type == "back") {
|
|||
|
|
//退回
|
|||
|
|
this.disagreeTitle = "退回";
|
|||
|
|
this.disagreeModalShow = true;
|
|||
|
|
} else {
|
|||
|
|
//do something
|
|||
|
|
}
|
|||
|
|
this.isShowBtnGroup = false;
|
|||
|
|
},
|
|||
|
|
disagreeConfirm() {
|
|||
|
|
if (
|
|||
|
|
this.disagreeReason == "" ||
|
|||
|
|
this.disagreeReason == null ||
|
|||
|
|
this.disagreeReason == undefined
|
|||
|
|
) {
|
|||
|
|
this.$refs.disagreeToast.show({
|
|||
|
|
type: "warning",
|
|||
|
|
message: "请输入" + this.disagreeTitle + "理由！",
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.disagreeModalShow = false;
|
|||
|
|
this.maskLoading = true;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
}, 5000);
|
|||
|
|
//审批流程控制（2不同意-继续，3不同意-退回，不同意-终止）
|
|||
|
|
if (this.disagreeTitle == "继续") {
|
|||
|
|
this.handleClickAgree("2");
|
|||
|
|
}
|
|||
|
|
if (this.disagreeTitle == "终止") {
|
|||
|
|
this.handleClickAgree("4");
|
|||
|
|
}
|
|||
|
|
if (this.disagreeTitle == "退回") {
|
|||
|
|
this.handleClickAgree("3");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
//审核不同意
|
|||
|
|
async handleClickAgree(type) {
|
|||
|
|
const res = await audit({
|
|||
|
|
billID: this.billid,
|
|||
|
|
billKindID: this.billKindID,
|
|||
|
|
auditState: type,
|
|||
|
|
agree: "0", //审批结果（1同意，0不同意）
|
|||
|
|
auditMessage: this.disagreeReason,
|
|||
|
|
});
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
if (res.success == true) {
|
|||
|
|
this.$refs.disagreeToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: "审核成功！",
|
|||
|
|
});
|
|||
|
|
this.init();
|
|||
|
|
this.disagreeReason = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 加签选择人员
|
|||
|
|
handlerPeopelClickEvent() {
|
|||
|
|
let url = "/components/basePeople/index";
|
|||
|
|
this.$tab.navigateTo(url);
|
|||
|
|
},
|
|||
|
|
// 加签删除
|
|||
|
|
removeSelectedItem(row) {
|
|||
|
|
let arrData = this.selectedListBaseinfo.filter(
|
|||
|
|
(item, index) => item.p_PersonID !== row.p_PersonID
|
|||
|
|
);
|
|||
|
|
this.$store.commit("SET_SELECTSDATA", arrData);
|
|||
|
|
},
|
|||
|
|
// 确定加签
|
|||
|
|
async auditAddFlow() {
|
|||
|
|
this.countersignShow = false;
|
|||
|
|
this.maskLoading = true;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
}, 5000);
|
|||
|
|
const res = await auditAddFlow({
|
|||
|
|
billID: this.billid,
|
|||
|
|
auditType: this.counterSignModel.auditType, //加签节点审核类型（1、审核 2抄送）
|
|||
|
|
personIDs: this.personIDs.join(), //加签人ID集合，多个人英文逗号隔开
|
|||
|
|
personNames: this.personNames.join(), //加签人姓名集合，多个人英文逗号隔开
|
|||
|
|
});
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
if (res.success == "true") {
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: "加签成功",
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
this.counterSignModel.auditType = "1";
|
|||
|
|
this.$store.commit("SET_SELECTSDATA", []);
|
|||
|
|
this.getAuditList();
|
|||
|
|
},
|
|||
|
|
handelrSubSectionChange(index) {
|
|||
|
|
this.currentIndex = index;
|
|||
|
|
},
|
|||
|
|
//获取单据审批流程
|
|||
|
|
async getAuditList() {
|
|||
|
|
const res = await getAuditList({
|
|||
|
|
billID: this.billid,
|
|||
|
|
});
|
|||
|
|
this.stepnum = res.data[0];
|
|||
|
|
let stepList = res.data[1];
|
|||
|
|
stepList.forEach((el) => {
|
|||
|
|
if (res.data[2] && res.data[2].length > 0) {
|
|||
|
|
res.data[2].forEach((item) => {
|
|||
|
|
if (el.step == item.step) {
|
|||
|
|
if (!el.list) {
|
|||
|
|
el.list = [];
|
|||
|
|
}
|
|||
|
|
el.list.push(item);
|
|||
|
|
el.list = Array.from(new Set(el.list));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (res.data[3] && res.data[3].length) {
|
|||
|
|
res.data[3].forEach((item) => {
|
|||
|
|
if (el.step == item.step) {
|
|||
|
|
if (!el.list) {
|
|||
|
|
el.list = [];
|
|||
|
|
}
|
|||
|
|
el.list.push(item);
|
|||
|
|
el.list = Array.from(new Set(el.list));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
this.stepList = stepList;
|
|||
|
|
},
|
|||
|
|
//获取单据审批记录
|
|||
|
|
async getAuditNote() {
|
|||
|
|
const res = await getAuditNote({
|
|||
|
|
billID: this.billid,
|
|||
|
|
});
|
|||
|
|
this.auditNote = res.data[0];
|
|||
|
|
},
|
|||
|
|
//催办
|
|||
|
|
handlerUrgingClick(id) {
|
|||
|
|
this.$refs.alertDialog.open();
|
|||
|
|
this.urgingBillid = id;
|
|||
|
|
},
|
|||
|
|
async dialogConfirm(id) {
|
|||
|
|
auditUrging({ id: id }).then((res) => {
|
|||
|
|
if (res.code == 1) {
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: res.message,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handlerCountersignClick() {
|
|||
|
|
this.countersignShow = true;
|
|||
|
|
},
|
|||
|
|
// 同意
|
|||
|
|
handlerAgreeClick() {
|
|||
|
|
this.agreeModalShow = true;
|
|||
|
|
},
|
|||
|
|
async agreeAudit() {
|
|||
|
|
this.agreeModalShow = false;
|
|||
|
|
this.maskLoading = true;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
}, 5000);
|
|||
|
|
const res = await audit({
|
|||
|
|
billID: this.billid,
|
|||
|
|
billKindID: this.billKindID,
|
|||
|
|
auditState: "1", //审批流程控制（2不同意-继续，3不同意-退回，不同意-终止）
|
|||
|
|
agree: "1", //审批结果（1同意，0不同意）
|
|||
|
|
auditMessage: this.agreeTextarea, //审批回复
|
|||
|
|
});
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
if (res.success == "true") {
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: res.message,
|
|||
|
|
});
|
|||
|
|
this.init();
|
|||
|
|
this.agreeTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 已读
|
|||
|
|
handlerReadClick() {
|
|||
|
|
this.readShow = true;
|
|||
|
|
},
|
|||
|
|
async readConfirm() {
|
|||
|
|
this.readShow = false;
|
|||
|
|
this.maskLoading = true;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
}, 5000);
|
|||
|
|
const res = await read({
|
|||
|
|
billID: this.billid,
|
|||
|
|
auditMessage: this.readTextarea,
|
|||
|
|
});
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
if (res.code == 1) {
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: "已读成功",
|
|||
|
|
});
|
|||
|
|
this.init();
|
|||
|
|
this.readTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 撤回
|
|||
|
|
handlerWithdrawClick() {
|
|||
|
|
this.withdrawShow = true;
|
|||
|
|
},
|
|||
|
|
async withdrawConfirm() {
|
|||
|
|
this.withdrawShow = false;
|
|||
|
|
this.maskLoading = true;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
}, 5000);
|
|||
|
|
const res = await removeAudit({
|
|||
|
|
billID: this.billid,
|
|||
|
|
billKindID: this.billKindID,
|
|||
|
|
auditMessage: this.withdrawTextarea, //审批回复
|
|||
|
|
});
|
|||
|
|
if (res.success == "true") {
|
|||
|
|
this.maskLoading = false;
|
|||
|
|
this.$refs.uToast.show({
|
|||
|
|
type: "success",
|
|||
|
|
message: "撤回审核成功",
|
|||
|
|
});
|
|||
|
|
this.init();
|
|||
|
|
this.withdrawTextarea = "";
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
::v-deep .u-modal__title {
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #000000;
|
|||
|
|
text-align: center;
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
.select-item {
|
|||
|
|
margin: 10rpx 10rpx 10rpx 0;
|
|||
|
|
padding: 10rpx 20rpx;
|
|||
|
|
max-width: auto;
|
|||
|
|
height: auto;
|
|||
|
|
background-color: #eaeaea;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
color: #333;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
|
|||
|
|
.name {
|
|||
|
|
flex: 1;
|
|||
|
|
padding-right: 10rpx;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.close {
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.bottomPage {
|
|||
|
|
width: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
padding: 20rpx 30rpx 30rpx 30rpx;
|
|||
|
|
background-color: #fff;
|
|||
|
|
margin-top: 15rpx;
|
|||
|
|
display: flex;
|
|||
|
|
border-top: 8rpx solid #f1f1f1;
|
|||
|
|
|
|||
|
|
.button:last-child {
|
|||
|
|
margin-right: 0; /* 默认右间隙 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button:not(:last-child) {
|
|||
|
|
margin-right: 10px; /* 中间按钮的右间隙 */
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.plusButton {
|
|||
|
|
width: 100rpx;
|
|||
|
|
height: 100rpx;
|
|||
|
|
background: #3c9cff;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 200rpx;
|
|||
|
|
right: 28rpx;
|
|||
|
|
}
|
|||
|
|
.d-flex-c {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
.disagreeContent {
|
|||
|
|
position: relative;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.btnDisagreeBox {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 44px;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #ffffff;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
border-radius: 8px 8px 0 0;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
padding: 26rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view:nth-child(2) {
|
|||
|
|
border-top: 1px solid #f1f1f1;
|
|||
|
|
border-bottom: 1px solid #f1f1f1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.reasonBox {
|
|||
|
|
width: 100%;
|
|||
|
|
text {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #979797;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.top-level {
|
|||
|
|
.listContent {
|
|||
|
|
margin: 20rpx 24rpx 0 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.swipe-action-item {
|
|||
|
|
margin: 20rpx 0 20rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.listData {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
padding: 20rpx 20rpx;
|
|||
|
|
|
|||
|
|
.head {
|
|||
|
|
height: 64rpx;
|
|||
|
|
border-bottom: 1px solid #f7f7f7;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.head {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
color: #333;
|
|||
|
|
margin-bottom: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.head .itembox {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.levelbox {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
border: 4rpx solid #1e9fff;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
color: #1e9fff;
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
margin: 0 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.head .itemName {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #999999;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
font-weight: 400;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 4rpx 8rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.state {
|
|||
|
|
margin: 25rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.time {
|
|||
|
|
margin: 24rpx 0 0;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #979797;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
height: 60rpx;
|
|||
|
|
width: 50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
view:nth-child(4) {
|
|||
|
|
text:nth-child(2) {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
line-height: 1.5;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #979797;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.noData {
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.Page_change {
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
padding: 10rpx 20rpx 20rpx 20rpx;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
|
|||
|
|
.buttom {
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding-top: 30rpx;
|
|||
|
|
|
|||
|
|
::v-deep .u-button--circle {
|
|||
|
|
width: 30%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input_box {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
|
|||
|
|
::v-deep .u-input--radius:nth-child(1) {
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.approveBox {
|
|||
|
|
padding: 0 20rpx 160rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.auditWork {
|
|||
|
|
background: #fcfcfc;
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
border: 2rpx solid #f1f1f1;
|
|||
|
|
padding: 20rpx 20rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
|
|||
|
|
.auditWork_left {
|
|||
|
|
margin-top: 8rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
|
|||
|
|
.auditWork_left_image {
|
|||
|
|
width: 16rpx;
|
|||
|
|
height: 16rpx;
|
|||
|
|
line-height: 16rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
text-align: center;
|
|||
|
|
z-index: 10;
|
|||
|
|
border-width: 4rpx;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: #bbbbbb;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.auditWork_left_line {
|
|||
|
|
background-color: #e1e1e1;
|
|||
|
|
width: 1rpx;
|
|||
|
|
height: 103%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.auditWork_right {
|
|||
|
|
width: 96%;
|
|||
|
|
|
|||
|
|
.auditWork_right_title {
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.auditWork_right_content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
width: 100%;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 10rpx 20rpx;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
|
|||
|
|
.avatar {
|
|||
|
|
width: 70rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-right: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
width: 70rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
line-height: 70rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #00aaff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.img {
|
|||
|
|
margin-top: 12rpx;
|
|||
|
|
margin-right: 60rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.left {
|
|||
|
|
// background: #dcdcdc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.right {
|
|||
|
|
// background: #333333bb;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on {
|
|||
|
|
// background: #2a6aff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.color1 {
|
|||
|
|
width: 100%;
|
|||
|
|
line-height: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
// font-family: PingFangSC;
|
|||
|
|
color: #999999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.color2 {
|
|||
|
|
// font-family: PingFangSC;
|
|||
|
|
color: #1478f6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.color3 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 40rpx;
|
|||
|
|
line-height: 40rpx;
|
|||
|
|
// font-family: PingFangSC;
|
|||
|
|
color: #333333d9;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.auditNote {
|
|||
|
|
display: flex;
|
|||
|
|
place-content: space-around space-between;
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
background: #fcfcfc;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
font-size: 13px;
|
|||
|
|
padding: 15px 10px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
.avatar {
|
|||
|
|
width: 70rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
margin-right: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
width: 70rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
line-height: 70rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
text-align: center;
|
|||
|
|
background: #00aaff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
::v-deep .subsetion {
|
|||
|
|
// position: fixed;
|
|||
|
|
// top: 0;
|
|||
|
|
// z-index: 1;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
}
|
|||
|
|
::v-deep .subsetion .u-subsection--button {
|
|||
|
|
height: 70rpx;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
::v-deep .u-subsection--button__bar {
|
|||
|
|
background-color: #3c9cff;
|
|||
|
|
}
|
|||
|
|
</style>
|