jczz_web.git - Gitblit

			@@ -2,11 +2,11 @@
			* @Author: shuishen 1109946754@qq.com
			* @Date: 2023-12-14 17:10:00
			* @LastEditors: shuishen 1109946754@qq.com
			* @LastEditTime: 2023-12-29 09:55:49
			* @LastEditTime: 2024-01-05 18:00:15
			* @FilePath: \jczz_web\src\views\task\reportForRepairs.vue
			* @Description:
			*
			* Copyright (c) 2023 by shuishen, All Rights Reserved.
			* @Description:
			*
			* Copyright (c) 2023 by shuishen, All Rights Reserved.
			-->
			<!-- 走访日志 -->
			<template>
			@@ -16,6 +16,12 @@
			:before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
			@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
			@refresh-change="refreshChange" @on-load="onLoad">
			<template slot="confirmFlag" slot-scope="{row}">
			<el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type">
			{{ showConfirmFlag(row.confirmFlag).text }}
			</el-tag>
			</template>

			<template slot="expand" slot-scope="{row}">
			<el-timeline>
			<el-timeline-item v-for="(item, index) in timeLineData(row)" :key="index" :timestamp="item.createTime"
			@@ -62,12 +68,26 @@
			</template>

			<template slot-scope="scope" slot="menu">
			<el-button type="text" icon="el-icon-chat-dot-square" @click="replyBtnClick(scope.row)">
			<el-button v-if="permission.report_for_repairs_details" size="small" type="text"
			icon="el-icon-document-remove" @click="rowExpansion(scope.row)">
			详情
			</el-button>

			<el-button v-if="permission.report_for_repairs_reply" size="small" type="text"
			icon="el-icon-chat-dot-square" :disabled="scope.row.confirmFlag === 3"
			@click="replyBtnClick(scope.row)">
			回复
			</el-button>

			<el-button type="text" icon="el-icon-document-copy" @click="turnOverBtnClick(scope.row)">
			<el-button v-if="permission.report_for_repairs_turn_over" size="small" type="text"
			icon="el-icon-document-copy" :disabled="scope.row.confirmFlag === 3"
			@click="turnOverBtnClick(scope.row)">
			移交
			</el-button>

			<el-button v-if="permission.report_for_repairs_del" size="small" type="text" icon="el-icon-delete"
			@click="rowDel(scope.row)">
			删除
			</el-button>
			</template>

			@@ -93,7 +113,8 @@
			</avue-form>
			</el-dialog>

			<el-dialog title="转交" append-to-body :visible.sync="turnOverPopup" center @close="popupClose">
			<el-dialog title="转交" class="turn-over-popup" append-to-body :visible.sync="turnOverPopup" center
			@close="popupClose">
			<avue-form ref="turnOverForm" :option="turnOverOption" v-model="turnOverForm" @submit="turnOverHandleSubmit"
			@reset-change="turnOverHandleReset"></avue-form>
			</el-dialog>
			@@ -109,13 +130,30 @@
			getReportForRepairs,
			saveReply
			} from "@/api/task/reportForRepairs"
			import { mapGetters } from "vuex"
			import {
			mapGetters
			} from "vuex"
			import website from '@/config/website'
			import { Base64 } from 'js-base64'
			import { getToken } from '@/util/auth'
			import {
			Base64
			} from 'js-base64'
			import {
			getToken
			} from '@/util/auth'

			export default {
			data () {
			let validatorPhone = function (rule, value, callback) {
			if (value) {
			if (!/^1[3456789]\d{9}$/.test(value)) {
			callback(new Error('手机号格式有误！'))
			} else {
			callback()
			}
			}
			callback()
			}

			return {
			colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
			form: {},
			@@ -129,6 +167,9 @@
			datetime: "",
			selectionList: [],
			option: {
			viewBtn: false,
			editBtn: false,
			delBtn: false,
			index: false,
			selection: false,
			expand: true,
			@@ -138,21 +179,20 @@
			tip: false,
			searchShow: true,
			searchMenuSpan: 3,
			menuWidth: 350,
			menuWidth: 272,
			border: true,
			//stripe:true,
			viewBtn: true,
			// excelBtn: true,
			dialogClickModal: false,
			column: [
			{
			width: 96,
			label: "类型",
			prop: "type",
			span: 12,
			searchSpan: 4,
			dataType: "number",
			type: "select",
			width: 100,
			dicUrl: "/api/blade-system/dict-biz/dictionary?code=reportForRepairsType",
			props: {
			label: "dictValue",
			@@ -161,25 +201,33 @@
			search: true,
			},
			{
			width: 96,
			label: "姓名",
			prop: "realName",
			span: 12,
			searchSpan: 4,
			width: 100,
			search: true,
			},

			{
			label: "手机号",
			width: 96,
			label: "手机号码",
			prop: "phone",
			span: 12,
			width: 100,
			searchSpan: 4,
			search: true,
			searchSpan: 3,
			slot: true,
			rules: [
			{
			validator: validatorPhone,
			trigger: 'blur'
			}
			],
			},

			{
			width: 110,
			label: "图片",
			prop: "imageUrls",
			width: 80,
			type: "upload",
			listType: "picture-card",
			dataType: "string",
			@@ -198,8 +246,27 @@
			overHidden: true
			},
			{
			width: 120,
			addDisplay: false,
			editDisplay: false,
			slot: true,
			label: "状态",
			prop: "confirmFlag",
			overHidden: true
			},
			{
			label: "上报时间",
			prop: "createTime",
			width: 160,
			addDisplay: false,
			editDisplay: false,
			type: "date",
			format: "yyyy-MM-dd HH:mm:ss",
			valueFormat: "yyyy-MM-dd HH:mm:ss",
			},
			{
			label: "处理时间",
			prop: "confirmTime",
			width: 160,
			addDisplay: false,
			editDisplay: false,
			@@ -226,68 +293,65 @@
			emptyBtn: true,
			emptyText: '取消',

			column: [
			{
			span: 24,
			label: "说明",
			prop: "content",
			type: 'textarea',
			minRows: 3,
			maxRows: 5,
			rules: [{
			required: true,
			message: "请输入说明",
			trigger: "blur",
			}],
			},
			column: [{
			span: 24,
			label: "说明",
			prop: "content",
			type: 'textarea',
			minRows: 3,
			maxRows: 5,
			rules: [{
			required: true,
			message: "请输入说明",
			trigger: "blur",
			}],
			},

			{
			label: '处理状态',
			prop: 'confirmFlag',
			type: 'select',
			dicData: [
			{
			label: '待处理',
			value: 1
			}, {
			label: '处理中',
			value: 2
			}, {
			label: '已处理',
			value: 3
			}
			],
			rules: [{
			required: true,
			message: "请选择处理状态",
			trigger: "blur",
			}],
			},
			{
			label: '处理状态',
			prop: 'confirmFlag',
			type: 'select',
			dicData: [{
			label: '待处理',
			value: 1
			}, {
			label: '处理中',
			value: 2
			}, {
			label: '已处理',
			value: 3
			}],
			rules: [{
			required: true,
			message: "请选择处理状态",
			trigger: "blur",
			}],
			},

			{
			fileType: 'img',
			label: "图片",
			prop: "imageList",
			width: 80,
			type: "upload",
			listType: "picture-card",
			dataType: "string",
			multiple: true,
			action: "/api/blade-resource/oss/endpoint/put-file",
			propsHttp: {
			res: "data",
			name: 'name',
			url: "link",
			},
			span: 24,
			{
			width: 110,
			fileType: 'img',
			label: "图片",
			prop: "imageList",
			type: "upload",
			listType: "picture-card",
			dataType: "string",
			multiple: true,
			action: "/api/blade-resource/oss/endpoint/put-file",
			propsHttp: {
			res: "data",
			name: 'name',
			url: "link",
			},
			span: 24,
			},

			{
			slot: true,
			label: "视频",
			prop: "videoList",
			span: 24,
			}
			{
			slot: true,
			label: "视频",
			prop: "videoList",
			span: 24,
			}
			]
			},

			@@ -308,20 +372,18 @@
			// },

			{
			span: 14,
			span: 24,
			label: "人员类型",
			prop: "peopleType",
			type: 'select',
			dicData: [
			{
			label: '网格员',
			value: 0
			}, {
			label: '物业公司人员',
			value: 2
			}
			],
			cascader: ["transferUserld"],
			dicData: [{
			label: '网格员',
			value: 0
			}, {
			label: '物业公司人员',
			value: 2
			}],
			cascader: ["transferUserId"],
			rules: [{
			required: true,
			message: "请选择人员类型",
			@@ -330,16 +392,21 @@
			},

			{
			span: 14,
			span: 24,
			label: "指定人员",
			prop: "transferUserld",
			prop: "transferUserId",
			type: 'select',
			dicUrl: `/api/blade-system/user/getUserInfoByCode?houseCode={{addressCode}}&type={{peopleType}}`,
			props: {
			label: "name",
			value: "id",
			},
			change: ({ value, column, item, dic }) => {
			change: ({
			value,
			column,
			item,
			dic
			}) => {
			this.curPeopleDetails = {}

			if (value) {
			@@ -369,8 +436,7 @@
			videoUploadPercent: ''
			}
			},
			watch: {
			},
			watch: {},
			computed: {
			...mapGetters(["permission", "userInfo"]),
			permissionList () {
			@@ -381,6 +447,7 @@
			editBtn: this.vaildData(this.permission.reportForRepairs_edit, true),
			}
			},

			ids () {
			let ids = []
			this.selectionList.forEach((ele) => {
			@@ -394,64 +461,62 @@
			let imageList = row.imageUrls

			if (row.taskRepairAppraiseList.length) {
			return [
			{
			createTime: row.createTime,
			mobile: row.phone,
			name: row.realName,
			imageList,
			content: row.remark,
			color: '#1890ff',
			contentType: 0,
			},
			...row.taskRepairStepList.map((item, index) => {
			if (index == 0) {
			return {
			...item,
			contentType: 0,
			}
			}
			return [{
			createTime: row.createTime,
			mobile: row.phone,
			name: row.realName,
			imageList,
			content: row.remark,
			color: '#1890ff',
			contentType: 0,
			},
			...row.taskRepairStepList.map((item, index) => {
			if (index == 0) {
			return {
			...item,
			contentType: 0
			contentType: 0,
			}
			}),
			...row.taskRepairAppraiseList.map(item => {
			return {
			...item,
			contentType: 1
			}
			}),
			{
			contentType: 3,
			createTime: '',
			icon: 'el-icon-check',
			color: '#0bbd87'
			}
			return {
			...item,
			contentType: 0
			}
			}),
			...row.taskRepairAppraiseList.map(item => {
			return {
			...item,
			contentType: 1
			}
			}),
			{
			contentType: 3,
			createTime: '',
			icon: 'el-icon-check',
			color: '#0bbd87'
			}
			]
			} else {
			return [
			{
			createTime: row.createTime,
			mobile: row.phone,
			name: row.realName,
			imageList,
			content: row.remark,
			color: '#1890ff',
			contentType: 0,
			},
			...row.taskRepairStepList.map((item, index) => {
			if (index == 0) {
			return {
			...item,
			contentType: 0,
			}
			}
			return [{
			createTime: row.createTime,
			mobile: row.phone,
			name: row.realName,
			imageList,
			content: row.remark,
			color: '#1890ff',
			contentType: 0,
			},
			...row.taskRepairStepList.map((item, index) => {
			if (index == 0) {
			return {
			...item,
			contentType: 0
			contentType: 0,
			}
			})
			}
			return {
			...item,
			contentType: 0
			}
			})
			]
			}
			}
			@@ -473,9 +538,43 @@
			}
			return []
			}
			},

			showConfirmFlag () {
			return (data) => {
			let tags = {}

			if (data == 1) {
			tags = {
			type: 'warning',
			text: '待处理'
			}
			} else if (data == 2) {
			tags = {
			type: '',
			text: '处理中'
			}
			} else if (data == 3) {
			tags = {
			type: 'success',
			text: '已处理'
			}
			} else if (data == 4) {
			tags = {
			type: 'success',
			text: '已评价'
			}
			}

			return tags
			}
			}
			},
			methods: {
			rowExpansion (row) {
			this.$refs.crud.toggleRowExpansion(row)
			},

			popupClose () {
			this.$refs.replyForm && this.$refs.replyForm.resetForm()
			this.$refs.turnOverForm && this.$refs.turnOverForm.resetForm()
			@@ -518,7 +617,7 @@
			let content = ''

			if (form.peopleType == 0) {
			content = `事件已移交至网格员李伟`
			content = `事件已移交至网格员 ${this.curPeopleDetails.name}`
			} else if (form.peopleType == 2) {
			content = `事件已移交至物业公司人员 ${this.curPeopleDetails.distictName \|\| ''}${this.curPeopleDetails.name}`
			}
			@@ -718,7 +817,9 @@
			this.onLoad(this.page, this.query)
			},
			onLoad (page, params = {}) {
			const { dateTime } = this.query
			const {
			dateTime
			} = this.query
			let values = {
			...params,
			}
			@@ -760,4 +861,4 @@
			.avue-upload__icon {
			line-height: 6;
			}
			</style>
			</style>