|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<u-sticky class="shadow-default" bgColor="#fff" style="top: 0">
|
|
|
- <u-tabs :list="list" :current="current" @click="tabsClick" lineColor="#333" :activeStyle="{ color: '#333' }" :inactiveStyle="{ color: '#909399' }"></u-tabs>
|
|
|
+ <u-tabs :list="state.tabsList" :current="state.current" @click="tabsClick" lineColor="#333" :activeStyle="{ color: '#333' }" :inactiveStyle="{ color: '#909399' }"></u-tabs>
|
|
|
</u-sticky>
|
|
|
|
|
|
<scroll-view class="scroll-height" :scroll-y="true" :data-theme="'theme-' + proxy.$settingStore.themeColor.name" style="padding-bottom: 44px">
|
|
@@ -145,8 +145,8 @@
|
|
|
<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> -->
|
|
|
+ <u--image src="/static/images/needMatter/icon2.png" width="15px" height="15px"></u--image>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -160,21 +160,21 @@
|
|
|
|
|
|
<view>
|
|
|
<u-modal
|
|
|
- :show="modalShow"
|
|
|
+ :show="state.modalShow"
|
|
|
title="填报(火灾报警系统)"
|
|
|
:showCancelButton="true"
|
|
|
:showConfirmButton="true"
|
|
|
:closeOnClickOverlay="true"
|
|
|
- @close="modalShow = false"
|
|
|
- @cancel="modalShow = false"
|
|
|
+ @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="fileList" name="6" @afterRead="afterRead" multiple :maxCount="5" width="80" height="80"> </u-upload>
|
|
|
+ <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="textValue" placeholder="请输入内容"></u--textarea>
|
|
|
+ <u-textarea v-model="state.textValue" placeholder="请输入内容"></u-textarea>
|
|
|
</uni-section>
|
|
|
</view>
|
|
|
</u-modal>
|
|
@@ -186,33 +186,40 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+/*----------------------------------依赖引入-----------------------------------*/
|
|
|
import { onReady, onLoad, onShow, onNavigationBarButtonTap } from "@dcloudio/uni-app";
|
|
|
-import { ref, onMounted, inject, shallowRef, reactive, watchEffect, getCurrentInstance } from "vue";
|
|
|
-import { useStores, commonStores } from "@/store/modules/index";
|
|
|
-
|
|
|
+import { ref, toRefs, onMounted, inject, shallowRef, reactive, watchEffect, getCurrentInstance } from "vue";
|
|
|
+/*----------------------------------接口引入-----------------------------------*/
|
|
|
import { mobileScheduleList, updateMobileReformStatus, uploadAvatar, addReformMaterial } from "@/api/business/mhxf/needMatter";
|
|
|
-
|
|
|
+/*----------------------------------组件引入-----------------------------------*/
|
|
|
+/*----------------------------------store引入-----------------------------------*/
|
|
|
+import { useStores, commonStores } from "@/store/modules/index";
|
|
|
+/*----------------------------------公共方法引入-----------------------------------*/
|
|
|
+/*----------------------------------公共变量-----------------------------------*/
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
-
|
|
|
const useStore = useStores();
|
|
|
const commonStore = commonStores(); //全局公共Store
|
|
|
+/*----------------------------------变量声明-----------------------------------*/
|
|
|
+const state = reactive({
|
|
|
+ current: 0,
|
|
|
+ classifyData: [],
|
|
|
+ modalShow: false,
|
|
|
+
|
|
|
+ arrList: {},
|
|
|
+ fileList: [],
|
|
|
+ textValue: "",
|
|
|
+
|
|
|
+ tabsList: [
|
|
|
+ { id: 0, name: "全部" },
|
|
|
+ { id: 1, name: "已接收" },
|
|
|
+ { id: 2, name: "进行中" },
|
|
|
+ { id: 3, name: "待办完成" },
|
|
|
+ { id: 4, name: "审核不通过" },
|
|
|
+ { id: 5, name: "审核通过" },
|
|
|
+ ],
|
|
|
+});
|
|
|
|
|
|
-const current = ref(0);
|
|
|
-const classifyData = ref([]);
|
|
|
-const modalShow = ref(false);
|
|
|
-
|
|
|
-const arrayList = ref({});
|
|
|
-const fileList = ref([]);
|
|
|
-const textValue = ref("");
|
|
|
-
|
|
|
-const list = ref([
|
|
|
- { id: 0, name: "全部" },
|
|
|
- { id: 1, name: "已接收" },
|
|
|
- { id: 2, name: "进行中" },
|
|
|
- { id: 3, name: "待办完成" },
|
|
|
- { id: 4, name: "审核不通过" },
|
|
|
- { id: 5, name: "审核通过" },
|
|
|
-]);
|
|
|
+const { classifyData } = toRefs(state);
|
|
|
|
|
|
/**
|
|
|
* @填报
|
|
@@ -228,10 +235,10 @@ function handleSubmit(el, type) {
|
|
|
}
|
|
|
});
|
|
|
} else if (type === "填报") {
|
|
|
- arrayList.value = el;
|
|
|
- fileList.value = [];
|
|
|
- textValue.value = "";
|
|
|
- modalShow.value = true;
|
|
|
+ state.arrList = el;
|
|
|
+ state.fileList = [];
|
|
|
+ state.textValue = "";
|
|
|
+ state.modalShow = true;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -243,9 +250,9 @@ function handleConfirm() {
|
|
|
proxy.$modal.loading("加载中");
|
|
|
|
|
|
let params = {
|
|
|
- reformId: arrayList.value.reformId, //整改单编号
|
|
|
+ reformId: state.arrList.reformId, //整改单编号
|
|
|
reformPerson: useStore.nickName, //整改提交人
|
|
|
- reformRemark: textValue.value, //整改备注
|
|
|
+ reformRemark: state.textValue, //整改备注
|
|
|
reformPath1: "", //整改相关图片或文件路径1
|
|
|
reformPath2: "", //整改相关图片或文件路径2
|
|
|
reformPath3: "", //整改相关图片或文件路径3
|
|
@@ -253,18 +260,15 @@ function handleConfirm() {
|
|
|
reformPath5: "", //整改相关图片或文件路径5
|
|
|
};
|
|
|
|
|
|
- fileList.value.forEach((el, index) => {
|
|
|
+ state.fileList.forEach((el, index) => {
|
|
|
params[`reformPath${index + 1}`] = el.url;
|
|
|
});
|
|
|
|
|
|
addReformMaterial(params).then((res) => {
|
|
|
if (res.status === "SUCCESS") {
|
|
|
proxy.$modal.closeLoading();
|
|
|
-
|
|
|
proxy.$modal.msgSuccess("提交成功");
|
|
|
-
|
|
|
- modalShow.value = false;
|
|
|
-
|
|
|
+ state.modalShow = false;
|
|
|
goSearch();
|
|
|
}
|
|
|
});
|
|
@@ -306,7 +310,7 @@ function afterRead(event) {
|
|
|
function uploadFilePromise(el) {
|
|
|
let data = { name: "file", filePath: el.url };
|
|
|
uploadAvatar(data).then((res) => {
|
|
|
- fileList.value.push(res.data);
|
|
|
+ state.fileList.push(res.data);
|
|
|
});
|
|
|
}
|
|
|
|
|
@@ -315,17 +319,17 @@ function uploadFilePromise(el) {
|
|
|
*/
|
|
|
function touchChange(e) {
|
|
|
if (e == "右滑") {
|
|
|
- if (current.value >= 1) {
|
|
|
- current.value--;
|
|
|
+ if (state.current >= 1) {
|
|
|
+ state.current--;
|
|
|
} else {
|
|
|
- current.value = list.value.length - 1;
|
|
|
+ state.current = state.tabsList.length - 1;
|
|
|
}
|
|
|
goSearch();
|
|
|
} else if (e == "左滑") {
|
|
|
- if (current.value < list.value.length - 1) {
|
|
|
- current.value++;
|
|
|
+ if (state.current < state.tabsList.length - 1) {
|
|
|
+ state.current++;
|
|
|
} else {
|
|
|
- current.value = 0;
|
|
|
+ state.current = 0;
|
|
|
}
|
|
|
goSearch();
|
|
|
}
|
|
@@ -335,7 +339,7 @@ function touchChange(e) {
|
|
|
* @tabs点击事件
|
|
|
*/
|
|
|
function tabsClick(e) {
|
|
|
- current.value = e.index;
|
|
|
+ state.current = e.index;
|
|
|
goSearch();
|
|
|
}
|
|
|
|
|
@@ -346,7 +350,7 @@ function goSearch() {
|
|
|
classifySearch({
|
|
|
companyId: "", // 单位Id
|
|
|
reformId: "", //整改单编号
|
|
|
- reformStatus: current.value == 0 ? "" : current.value, //整改状态(1 已接收、2 整改中、3 整改完成、4 审核不通过、5 审核通过)
|
|
|
+ reformStatus: state.current, //整改状态(1 已接收、2 整改中、3 整改完成、4 审核不通过、5 审核通过)
|
|
|
pageNum: 1, //当前页
|
|
|
pageSize: 20, //每页条数
|
|
|
});
|