|
@@ -8,177 +8,174 @@
|
|
|
<template #content>
|
|
|
<u-empty v-if="classifyData.length <= 0" text="暂无数据" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"> </u-empty>
|
|
|
|
|
|
- <view class="content" v-else>
|
|
|
- <u-collapse>
|
|
|
- <u-collapse-item v-for="(cl, index) in classifyData" :key="index">
|
|
|
- <template #title>
|
|
|
- <view style="display: flex; line-height: 25px">
|
|
|
- <view style="padding-top: 4px">
|
|
|
- <u--image src="/static/images/needMatter/icon1.png" width="14px" height="15px"></u--image>
|
|
|
- </view>
|
|
|
- <view style="padding: 0 10px; white-space: nowrap; font-size: 16px">
|
|
|
- <view>待办通知</view>
|
|
|
- <view>建议完成限期:</view>
|
|
|
- <view style="font-size: 14px; color: #666666">{{ cl.reformId }}</view>
|
|
|
- </view>
|
|
|
- <view style="width: 100%; text-align: center; font-size: 16px">
|
|
|
- <view
|
|
|
- :style="{
|
|
|
- color:
|
|
|
- cl.reformStatus == 1
|
|
|
- ? '#0887F8'
|
|
|
- : cl.reformStatus == 2
|
|
|
- ? '#23DEDC'
|
|
|
- : cl.reformStatus == 3
|
|
|
- ? '#16BF00'
|
|
|
- : cl.reformStatus == 4
|
|
|
- ? '#F94343'
|
|
|
- : cl.reformStatus == 5
|
|
|
- ? '#9D40F3'
|
|
|
- : '',
|
|
|
- }"
|
|
|
- >
|
|
|
- {{
|
|
|
+ <u-collapse v-else>
|
|
|
+ <u-collapse-item v-for="(cl, index) in classifyData" :key="index">
|
|
|
+ <template #title>
|
|
|
+ <view class="collapse-header-area">
|
|
|
+ <u--image class="collapse-header-area-image" src="/static/images/needMatter/icon1.png" width="13px" height="14px"></u--image>
|
|
|
+
|
|
|
+ <view class="collapse-header-area-lable">
|
|
|
+ <view>待办通知</view>
|
|
|
+ <view>建议完成限期:</view>
|
|
|
+ <view style="color: #666666">{{ cl.reformId }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="collapse-header-area-value">
|
|
|
+ <view
|
|
|
+ :style="{
|
|
|
+ color:
|
|
|
cl.reformStatus == 1
|
|
|
- ? "已接收"
|
|
|
+ ? '#0887F8'
|
|
|
: cl.reformStatus == 2
|
|
|
- ? "进行中"
|
|
|
+ ? '#23DEDC'
|
|
|
: cl.reformStatus == 3
|
|
|
- ? "待办完成"
|
|
|
+ ? '#16BF00'
|
|
|
: cl.reformStatus == 4
|
|
|
- ? "审核不通过"
|
|
|
+ ? '#F94343'
|
|
|
: cl.reformStatus == 5
|
|
|
- ? "审核通过"
|
|
|
- : ""
|
|
|
- }}
|
|
|
- </view>
|
|
|
- <view style="text-align: left">{{ cl.limitTime }}</view>
|
|
|
- <view style="font-size: 14px; color: #666666">{{ cl.sendTime }}</view>
|
|
|
+ ? '#9D40F3'
|
|
|
+ : '',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{
|
|
|
+ cl.reformStatus == 1
|
|
|
+ ? "已接收"
|
|
|
+ : cl.reformStatus == 2
|
|
|
+ ? "进行中"
|
|
|
+ : cl.reformStatus == 3
|
|
|
+ ? "待办完成"
|
|
|
+ : cl.reformStatus == 4
|
|
|
+ ? "审核不通过"
|
|
|
+ : cl.reformStatus == 5
|
|
|
+ ? "审核通过"
|
|
|
+ : ""
|
|
|
+ }}
|
|
|
</view>
|
|
|
+ <view style="text-align: left">{{ cl.limitTime }}</view>
|
|
|
+ <view style="color: #666666">{{ cl.sendTime }}</view>
|
|
|
</view>
|
|
|
- </template>
|
|
|
- <view class="u-collapse-content">
|
|
|
- <view class="tableType1" style="margin-bottom: 10px">
|
|
|
- <u-row>
|
|
|
- <u-col span="2">
|
|
|
- <view>序号</view>
|
|
|
- </u-col>
|
|
|
- <u-col span="5.5">
|
|
|
- <view>待办项</view>
|
|
|
- </u-col>
|
|
|
- <u-col span="4.5">
|
|
|
- <view>原因</view>
|
|
|
- </u-col>
|
|
|
- </u-row>
|
|
|
- <u-row v-for="(co, index) in cl.reformPart.data" :key="index">
|
|
|
- <u-col span="2">
|
|
|
- <view>{{ index + 1 }}</view>
|
|
|
- </u-col>
|
|
|
- <u-col span="5.5">
|
|
|
- <view>{{ co.item }}</view>
|
|
|
- </u-col>
|
|
|
- <u-col span="4.5">
|
|
|
- <view>{{ co.reason }}</view>
|
|
|
- </u-col>
|
|
|
- </u-row>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <view class="collapse-center-area">
|
|
|
+ <view class="tableType1 mb10">
|
|
|
+ <u-row>
|
|
|
+ <u-col span="2">
|
|
|
+ <view>序号</view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="5.5">
|
|
|
+ <view>待办项</view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="4.5">
|
|
|
+ <view>原因</view>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row v-for="(co, index) in cl.reformPart.data" :key="index">
|
|
|
+ <u-col span="2">
|
|
|
+ <view>{{ index + 1 }}</view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="5.5">
|
|
|
+ <view>{{ co.item }}</view>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="4.5">
|
|
|
+ <view>{{ co.reason }}</view>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ </view>
|
|
|
|
|
|
- <view v-if="cl.reformStatus == 1">
|
|
|
- <u-steps current="0" dot>
|
|
|
- <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="进行中" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- </u-steps>
|
|
|
+ <view class="collapse-center-area-item" v-if="cl.reformStatus == 1">
|
|
|
+ <u-steps current="0" dot>
|
|
|
+ <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="进行中" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ </u-steps>
|
|
|
|
|
|
- <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
|
|
|
- <u-button type="primary" text="去整改" shape="circle" @click="handleSubmit(cl, '去整改')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
- </view>
|
|
|
+ <view class="collapse-center-area-item-child">
|
|
|
+ <u-button type="primary" text="去整改" shape="circle" @click="handleSubmit(cl, '去整改')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view v-if="cl.reformStatus == 2">
|
|
|
- <u-steps current="1" dot>
|
|
|
- <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="进行中" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- </u-steps>
|
|
|
+ <view class="collapse-center-area-item" v-if="cl.reformStatus == 2">
|
|
|
+ <u-steps current="1" dot>
|
|
|
+ <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="进行中" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ </u-steps>
|
|
|
|
|
|
- <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
|
|
|
- <u-button type="primary" text="填报" shape="circle" @click="handleSubmit(cl, '填报')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
- </view>
|
|
|
+ <view class="collapse-center-area-item-child">
|
|
|
+ <u-button type="primary" text="填报" shape="circle" @click="handleSubmit(cl, '填报')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view v-if="cl.reformStatus == 3">
|
|
|
- <u-steps current="1" dot>
|
|
|
- <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- </u-steps>
|
|
|
- </view>
|
|
|
+ <view class="collapse-center-area-item" v-if="cl.reformStatus == 3">
|
|
|
+ <u-steps current="1" dot>
|
|
|
+ <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ </u-steps>
|
|
|
+ </view>
|
|
|
|
|
|
- <view v-if="cl.reformStatus == 4">
|
|
|
- <u-steps current="2" dot>
|
|
|
- <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="审核不通过" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''" error></u-steps-item>
|
|
|
- </u-steps>
|
|
|
+ <view class="collapse-center-area-item" v-if="cl.reformStatus == 4">
|
|
|
+ <u-steps current="2" dot>
|
|
|
+ <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="审核不通过" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''" error></u-steps-item>
|
|
|
+ </u-steps>
|
|
|
|
|
|
- <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
|
|
|
- <view>备注:{{ cl.reviewRemark ? cl.reviewRemark : "无" }}</view>
|
|
|
- </view>
|
|
|
+ <view class="collapse-center-area-item-child">
|
|
|
+ <view>备注:{{ cl.reviewRemark ? cl.reviewRemark : "无" }}</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
|
|
|
- <u-button type="primary" text="去整改" shape="circle" @click="handleSubmit(cl, '去整改')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
- </view>
|
|
|
+ <view class="collapse-center-area-item-child">
|
|
|
+ <u-button type="primary" text="去整改" shape="circle" @click="handleSubmit(cl, '去整改')" customStyle="width: 60px; height: 23px"></u-button>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view v-if="cl.reformStatus == 5">
|
|
|
- <u-steps current="2" dot>
|
|
|
- <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- <u-steps-item style="text-align: center" title="审核通过" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
- </u-steps>
|
|
|
-
|
|
|
- <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
|
|
|
- <view style="display: flex">
|
|
|
- <view style="white-space: nowrap">整改资料:</view>
|
|
|
- <view style="width: 100%">
|
|
|
- <view style="display: flex" v-for="(i, index) in 5" :key="index">
|
|
|
- <view>{{ cl["reformPathName" + (index + 1)] }}</view>
|
|
|
- <!-- <view style="margin: auto 0 auto auto">
|
|
|
+ <view class="collapse-center-area-item" v-if="cl.reformStatus == 5">
|
|
|
+ <u-steps current="2" dot>
|
|
|
+ <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="待办完成" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ <u-steps-item style="text-align: center" title="审核通过" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
|
|
|
+ </u-steps>
|
|
|
+
|
|
|
+ <view class="collapse-center-area-item-child">
|
|
|
+ <view style="display: flex">
|
|
|
+ <view style="white-space: nowrap">整改资料:</view>
|
|
|
+ <view style="width: 100%">
|
|
|
+ <view style="display: flex" v-for="(i, index) in 5" :key="index">
|
|
|
+ <view>{{ cl["reformPathName" + (index + 1)] }}</view>
|
|
|
+ <!-- <view style="margin: auto 0 auto auto">
|
|
|
<u--image src="/static/images/needMatter/icon2.png" width="15px" height="15px"></u--image>
|
|
|
</view> -->
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-line style="margin: 5px 0" color="#E5E5E5"></u-line>
|
|
|
- <view>备注:{{ cl.reviewRemark ? cl.reviewRemark : "无" }}</view>
|
|
|
</view>
|
|
|
+ <u-line style="margin: 5px 0" color="#E5E5E5"></u-line>
|
|
|
+ <view>备注:{{ cl.reviewRemark ? cl.reviewRemark : "无" }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </u-collapse-item>
|
|
|
- </u-collapse>
|
|
|
-
|
|
|
- <view>
|
|
|
- <u-modal
|
|
|
- :show="state.modalShow"
|
|
|
- title="填报(火灾报警系统)"
|
|
|
- :showCancelButton="true"
|
|
|
- :showConfirmButton="true"
|
|
|
- :closeOnClickOverlay="true"
|
|
|
- @close="state.modalShow = false"
|
|
|
- @cancel="state.modalShow = false"
|
|
|
- @confirm="handleConfirm"
|
|
|
- >
|
|
|
- <view style="width: 100%">
|
|
|
- <uni-section class="block mb20" title="图片上传:" type="line">
|
|
|
- <u-upload :fileList="state.fileList" name="6" @afterRead="afterRead" multiple :maxCount="5" width="80" height="80"> </u-upload>
|
|
|
- </uni-section>
|
|
|
- <uni-section class="block mb20" title="备注:" type="line">
|
|
|
- <u-textarea v-model="state.textValue" placeholder="请输入内容"></u-textarea>
|
|
|
- </uni-section>
|
|
|
- </view>
|
|
|
- </u-modal>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ </u-collapse-item>
|
|
|
+ </u-collapse>
|
|
|
+
|
|
|
+ <view>
|
|
|
+ <u-modal
|
|
|
+ :show="state.modalShow"
|
|
|
+ title="填报(火灾报警系统)"
|
|
|
+ :showCancelButton="true"
|
|
|
+ :showConfirmButton="true"
|
|
|
+ :closeOnClickOverlay="true"
|
|
|
+ @close="state.modalShow = false"
|
|
|
+ @cancel="state.modalShow = false"
|
|
|
+ @confirm="handleConfirm"
|
|
|
+ >
|
|
|
+ <view style="width: 100%">
|
|
|
+ <uni-section class="block mb20" title="图片上传:" type="line">
|
|
|
+ <u-upload :fileList="state.fileList" name="6" @afterRead="afterRead" multiple :maxCount="5" width="80" height="80"> </u-upload>
|
|
|
+ </uni-section>
|
|
|
+ <uni-section class="block mb20" title="备注:" type="line">
|
|
|
+ <u-textarea v-model="state.textValue" placeholder="请输入内容"></u-textarea>
|
|
|
+ </uni-section>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
</oa-touch>
|
|
@@ -409,21 +406,42 @@ onMounted(() => {});
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-.uni-swipe {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-.is-selected {
|
|
|
- color: #1989fa;
|
|
|
-}
|
|
|
-
|
|
|
.needMatter {
|
|
|
height: calc(100vh - 88px);
|
|
|
- .content {
|
|
|
- // padding: 10px;
|
|
|
- .u-collapse {
|
|
|
- .u-collapse-item {
|
|
|
- background: #ffffff;
|
|
|
- margin-bottom: 10px;
|
|
|
+
|
|
|
+ .u-collapse {
|
|
|
+ .u-collapse-item {
|
|
|
+ background: #ffffff;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .collapse-header-area {
|
|
|
+ display: flex;
|
|
|
+ line-height: 25px;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ &-image {
|
|
|
+ padding-top: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-lable {
|
|
|
+ padding: 0 10px;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-value {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .collapse-center-area {
|
|
|
+ &-item {
|
|
|
+ &-child {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|