police-mailbox
/
mailbox-lan-vue
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

BUG修复

master
wxc 2 years ago
parent
9b1292d7ad
commit
14ef2b727f
23 changed files with 1363 additions and 1142 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 53
      index.html
  2. 6
      src/components/PoliceSelect.vue
  3. 8
      src/components/popup/details.vue
  4. 6
      src/components/popup/index.vue
  5. 1
      src/main.ts
  6. 4
      src/style/public.scss
  7. 39
      src/utils/util.ts
  8. 7
      src/views/Login.vue
  9. 4
      src/views/datascreen/assets/css/index.css
  10. 25
      src/views/datascreen/countyData.vue
  11. 469
      src/views/datascreen/details.vue
  12. 278
      src/views/work/Done.vue
  13. 9
      src/views/work/Fav.vue
  14. 88
      src/views/work/Query.vue
  15. 294
      src/views/work/Todo.vue
  16. 152
      src/views/work/components/ConfirmedCompletion.vue
  17. 6
      src/views/work/components/MailCheck.vue
  18. 41
      src/views/work/components/MailDialog.vue
  19. 11
      src/views/work/components/MailTodoByChange.vue
  20. 22
      src/views/work/components/templates/CompletionDetail.vue
  21. 55
      src/views/work/components/templates/ThreeHandling.vue
  22. 4
      src/views/work/components/templates/ThreeHandlingDetail.vue
  23. 1
      vite.config.ts

53
index.html
Unescape View File

@ -15,6 +15,59 @@
</div>
</div>
<script type="module" src="/src/main.ts"></script>
<script>
function getBrowse() {
var browser = {};
var userAgent = navigator.userAgent.toLowerCase();
var s;
(s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] : (s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
var version = "";
if (browser.ie) {
version = 'IE ' + browser.ie;
}
else {
if (browser.firefox) {
version = 'firefox ' + browser.firefox;
}
else {
if (browser.chrome) {
version = 'chrome ' + browser.chrome;
}
else {
if (browser.opera) {
version = 'opera ' + browser.opera;
}
else {
if (browser.safari) {
version = 'safari ' + browser.safari;
}
else {
version = '未知浏览器';
}
}
}
}
}
return version;
}
function isWin64() {
var agent = navigator.userAgent.toLowerCase();// 获取window的CPU
return agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0;
}
var browseVersion = getBrowse();
console.log('浏览器版本', browseVersion)
var arr = browseVersion.split(' ')
var browse = arr[0];
var version = parseInt(arr[1].substr(0, arr[1].indexOf('.')));
if (browse === 'IE' || (browse === 'chrome' && version < 80)) {
var result = confirm(`系统检测到您的浏览器版本[${browseVersion}]太低可能会影响使用，是否需要下载新版本浏览器？`);
if (result) {
window.open(`${location.origin}/download/${isWin64() ? '109.0.5414.120_chrome_installer_64.exe' : '109.0.5414.120_chrome_installer_32.exe'}`)
}
}
</script>
</body>
<style>
.loader {

6
src/components/PoliceSelect.vue
Unescape View File

@ -24,12 +24,8 @@ const props = defineProps({
default: null
}
})
console.log('props', props.data)
const value = ref(props.data ? props.data.empNo : '')
watch(() => props.data, () => {
console.log('watch', props.data)
})
const value = ref(props.data ? props.data.empNo : '')
const emit = defineEmits(['update:data', 'select'])

8
src/components/popup/details.vue
Unescape View File

@ -56,11 +56,6 @@ export default defineComponent({
type: [String, Boolean],
default: '取消'
},
width: {
// 弹窗的宽度
type: String,
default: '400px'
},
disabled: {
// 是否禁用
type: Boolean,
@ -123,7 +118,8 @@ export default defineComponent({
<style lang="scss">
.el-dialog{
margin-top: 60px
margin-top: 40px;
width: max-content;
}
.dialog-body {
white-space: pre-line;

6
src/components/popup/index.vue
Unescape View File

@ -9,7 +9,6 @@
:custom-class="customClass"
:center="center"
:append-to-body="true"
:width="width"
:close-on-click-modal="clickModalClose"
@closed="close"
>
@ -60,11 +59,6 @@ export default defineComponent({
type: [String, Boolean],
default: '取消'
},
width: {
// 弹窗的宽度
type: String,
default: '400px'
},
disabled: {
// 是否禁用
type: Boolean,

1
src/main.ts
Unescape View File

@ -17,4 +17,3 @@ createApp(App)
.use(store)
.use(install)
.mount('#app')

4
src/style/public.scss
Unescape View File

@ -229,6 +229,10 @@ svg+span {
margin-bottom: 40px;
}
.h100 {
height: 100%;
}
.step {
--setp-background-color: #fff;
--setp-font-color: #666;

39
src/utils/util.ts
Unescape View File

@ -176,11 +176,11 @@ export const formatTimeText = (seconds: number) => {
// 小时
if (seconds < 86400) {
const remainder = seconds % 3600;
return `${Math.floor(seconds / 3600)}小时${parseInt(seconds % 3600 / 60)}分`
return `${Math.floor(seconds / 3600)}时${parseInt(seconds % 3600 / 60)}分`
}
// 天
const remainder = seconds % 86400;
return `${Math.floor(seconds / 86400)}天${parseInt(seconds % 86400 / 3600)}小时`
return `${Math.floor(seconds / 86400)}天${parseInt(seconds % 86400 / 3600)}时`
}
/**
@ -371,38 +371,3 @@ export function getAppealDept(handlingDept) {
});
}
}
export function browse() {
var browser = {};
var userAgent = navigator.userAgent.toLowerCase();
var s;
(s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] : (s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
var version = "";
if (browser.ie) {
version = 'IE ' + browser.ie;
}
else {
if (browser.firefox) {
version = 'firefox ' + browser.firefox;
}
else {
if (browser.chrome) {
version = 'chrome ' + browser.chrome;
}
else {
if (browser.opera) {
version = 'opera ' + browser.opera;
}
else {
if (browser.safari) {
version = 'safari ' + browser.safari;
}
else {
version = '未知浏览器';
}
}
}
}
}
return version;
}

7
src/views/Login.vue
Unescape View File

@ -76,9 +76,6 @@
数字证书登录
</el-button>
</el-form>
<div class="flex end mt-16">
<a target="_blank" href="/download/109.0.5414.120_chrome_installer_64.exe" style="color: var(--primary-color); text-decoration: none;">浏览器下载</a>
</div>
</div>
</div>
</div>
@ -88,7 +85,6 @@ import cache from "@/utils/cache";
import { ACCOUNT_KEY } from "@/enums/cacheEnums";
import { PageEnum } from "@/enums/pageEnum";
import useUserStore from "@/stores/modules/user";
import { browse } from "@/utils/util";
const router = useRouter();
const route = useRoute();
@ -159,9 +155,6 @@ function getUsername() {
return localStorage.getItem('username');
}
const browseVersion = browse();
console.log('浏览器版本：', browseVersion)
</script>
<style lang="scss" scoped>
.wrapper {

4
src/views/datascreen/assets/css/index.css
Unescape View File

@ -232,7 +232,7 @@ a:active {
.col-6{width: 50%;}
.col-3{width: 25%;}
.col-4{width: 33.33333%;}
.h100{height: 100%;}
.pmbar{position: relative; display: flex;}
.pmbar span{ background: linear-gradient(to right,#14b6ff,#9cefff); display: inline-block;
@ -401,7 +401,7 @@ a:active {
.col-6{width: 50%;}
.col-3{width: 25%;}
.col-4{width: 33.33333%;}
.h100{height: 100%;}
.ratebar{position: relative; display: flex;width: 100% }
.ratebar span{ background: linear-gradient(to right,#14b6ff,#9cefff); display: inline-block; height: 10px; }

25
src/views/datascreen/countyData.vue
Unescape View File

@ -293,7 +293,7 @@
title="办结率计算方式"
:width="200"
trigger="hover"
show-after="700"
:show-after="700"
:content="`办结率 = 已办结数 / 信件总数 \n ${consoleMap.completedrate} = ${consoleMap.completed} / ${consoleMap.completedsum}`"
popper-class="custom-popover-style"
>
@ -314,7 +314,7 @@
title="满意率计算方式"
:width="200"
trigger="hover"
show-after="700"
:show-after="700"
:content="`满意率 = 满意数 / 已办结数 \n ${consoleMap.satisfiedrate} = ${consoleMap.satisfied} / ${consoleMap.satisfiedSum}`"
popper-class="custom-popover-style"
>
@ -335,7 +335,7 @@
title="解决率计算方式"
:width="220"
trigger="hover"
show-after="700"
:show-after="700"
:content="`解决率 = 解决数 / 已办结数 \n ${consoleMap.resolvedrate} = ${consoleMap.resolved} / ${consoleMap.resolvedsum}`"
popper-class="custom-popover-style"
>
@ -546,7 +546,7 @@ let dutyList = ref([]);
let typeRankList = ref([]);
let rateMap = ref([]);
let mailTrendMap = ref([]);
let consoleMap = ref([]);
let consoleMap = ref({});
let mailTypeRankList = reactive([]) as any[];
let completeList = reactive([]) as any[];
let dutySjList = reactive([]) as any[];
@ -623,7 +623,7 @@ const selectYear = (year) => {
//console大屏数据
const getConsoleDataMap = async () => {
consoleMap = await consoleData(currentParams);
consoleMap.value = await consoleData(currentParams);
};
const getCurrentMapJSON = async () => {
@ -731,6 +731,7 @@ const formatDate = (value) => {
return date.toLocaleString();
};
const startRateAutoSwitch = () => {
clearInterval(intervalIdRate);
intervalIdRate = setInterval(() => {
if (rateActiveName.value === "completionRate") {
rateActiveName.value = "resolutionRate";
@ -933,10 +934,8 @@ const changsMap = () => {
color: "white",
},
itemStyle: {
normal: {
areaColor: "#02215E", // 这里将地图区域的颜色修改为红色
},
},
data: mapDataList,
},
],
@ -1118,11 +1117,9 @@ const dayEcharts = () => {
symbolSize: 5,
showSymbol: false,
lineStyle: {
normal: {
color: "#0184d5",
width: 2,
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
@ -1146,12 +1143,10 @@ const dayEcharts = () => {
},
},
itemStyle: {
normal: {
color: "#0184d5",
borderColor: "rgba(221, 220, 107, .1)",
borderWidth: 12,
},
},
data: dayYList,
},
],
@ -1251,11 +1246,9 @@ const monthEcharts = () => {
symbolSize: 5,
showSymbol: false,
lineStyle: {
normal: {
color: "#0184d5",
width: 2,
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
@ -1279,12 +1272,10 @@ const monthEcharts = () => {
},
},
itemStyle: {
normal: {
color: "#0184d5",
borderColor: "rgba(221, 220, 107, .1)",
borderWidth: 12,
},
},
data: monthYList,
},
],
@ -1384,11 +1375,9 @@ const weekEcharts = () => {
symbolSize: 5,
showSymbol: false,
lineStyle: {
normal: {
color: "#0184d5",
width: 2,
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
@ -1412,12 +1401,10 @@ const weekEcharts = () => {
},
},
itemStyle: {
normal: {
color: "#0184d5",
borderColor: "rgba(221, 220, 107, .1)",
borderWidth: 12,
},
},
data: weekYList,
},
],

469
src/views/datascreen/details.vue
Unescape View File

@ -5,7 +5,6 @@
:title="popupTitle"
:number="formData.id"
:async="true"
width="1800px"
:clickModalClose="true"
@confirm="handleSubmit"
@close="handleClose"
@ -20,11 +19,9 @@
<el-step title="4 核查办理" />
<el-step title="5 认定办结" />
</el-steps>
</div>
<div class="details">
<el-card class="info-card">
<div>
<el-row>
@ -32,19 +29,27 @@
<span class="head-lable">受理编号</span>
</el-col>
<el-col :span="7">
<span class="head-value">{{formData.id}}</span>
<span class="head-value">{{
formData.id
}}</span>
</el-col>
<el-col :span="1">
<span class="head-lable">信件分类</span>
</el-col>
<el-col :span="7">
<span class="head-value">{{formData.mailFirstCategory}} > {{formData.mailSecondCategory}} > {{formData.mailThreeCategory}} </span>
<span class="head-value"
>{{ formData.mailFirstCategory }} >
{{ formData.mailSecondCategory }} >
{{ formData.mailThreeCategory }}
</span>
</el-col>
<el-col :span="1">
<span class="head-lable">信件等级</span>
</el-col>
<el-col :span="7">
<span class="head-value">{{formData.mailLevel}} </span>
<span class="head-value"
>{{ formData.mailLevel }}
</span>
</el-col>
</el-row>
</div>
@ -58,59 +63,95 @@
<span class="info-label">姓名</span>
</el-col>
<el-col :span="3">
<span class="info-value">{{ formData.contactName }}</span>
<span class="info-value">{{
formData.contactName
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">性别</span>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.contactSex=='M'?'男':'女' }}</span>
<span class="info-value">{{
formData.contactSex == "M"
? "男"
: "女"
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">证件号码</span>
<span class="info-label"
>证件号码</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.contactIdCard}}</span>
<span class="info-value">{{
formData.contactIdCard
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">联系电话</span>
<span class="info-label"
>联系电话</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.contactPhone}}</span>
<span class="info-value">{{
formData.contactPhone
}}</span>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.verifyPoliceList && formData.verifyPoliceList.length>0">
<div
v-show="
formData.verifyPoliceList &&
formData.verifyPoliceList.length > 0
"
>
<div slot="header" class="info-header">
举报/投诉人基本情况
</div>
<div v-for="item in formData.verifyPoliceList">
<div
v-for="item in formData.verifyPoliceList"
>
<el-row>
<el-col :span="3">
<span class="info-label">被举报人</span>
<span class="info-label"
>被举报人</span
>
</el-col>
<el-col :span="3">
<span class="info-value">{{ item.name }}</span>
<span class="info-value">{{
item.name
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">警号</span>
<span class="info-label"
>警号</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ item.emp_no }}</span>
<span class="info-value">{{
item.emp_no
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">性别</span>
<span class="info-label"
>性别</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ item.gender }}</span>
<span class="info-value">{{
item.gender
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">出生年月</span>
<span class="info-label"
>出生年月</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ item.birthday }}</span>
<span class="info-value">{{
item.birthday
}}</span>
</el-col>
</el-row>
<el-row>
@ -121,16 +162,18 @@
<span class="info-value"></span>
</el-col>
<el-col :span="2">
<span class="info-label">工作单位</span>
<span class="info-label"
>工作单位</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ item.deptname }}</span>
<span class="info-value">{{
item.deptname
}}</span>
</el-col>
</el-row>
</div>
<hr >
<hr />
</div>
<div>
<div slot="header" class="info-header">
@ -138,11 +181,12 @@
</div>
<el-row>
<el-col :span="24">
<div class="info-textarea">{{ formData.content}} </div>
<div class="info-textarea">
{{ formData.content }}
</div>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.interviewType">
<div slot="header" class="info-header">
@ -150,13 +194,17 @@
</div>
<el-row>
<el-col :span="3">
<span class="info-label">主单位签收时长</span>
<span class="info-label"
>主单位签收时长</span
>
</el-col>
<el-col :span="3">
<span class="info-value">张三</span>
</el-col>
<el-col :span="2">
<span class="info-label">主单位联系群众时长</span>
<span class="info-label"
>主单位联系群众时长</span
>
</el-col>
<el-col :span="4">
<span class="info-value">张三</span>
@ -164,40 +212,56 @@
</el-row>
<el-row>
<el-col :span="3">
<span class="info-label">接访形式</span>
<span class="info-label"
>接访形式</span
>
</el-col>
<el-col :span="3">
<span class="info-value">{{ formData.interviewType }}</span>
<span class="info-value">{{
formData.interviewType
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">是否一把手接访</span>
<span class="info-label"
>是否一把手接访</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.interviewIsLeader?'是': ( !formData.interviewIsLeader?'否':'') }}</span>
<span class="info-value">{{
formData.interviewIsLeader
? "是"
: !formData.interviewIsLeader
? "否"
: ""
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">接访领导</span>
<span class="info-label"
>接访领导</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.interviewPoliceName }}</span>
<span class="info-value">{{
formData.interviewPoliceName
}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="info-label">接访情况</span>
<span class="info-label"
>接访情况</span
>
</el-col>
<el-col :span="21">
<div class="info-textarea"> {{ formData.interviewDetails}} </div>
<div class="info-textarea">
{{ formData.interviewDetails }}
</div>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.verifyIsTrue">
@ -206,62 +270,84 @@
</div>
<el-row>
<el-col :span="3">
<span class="info-label">是否属实</span>
<span class="info-label"
>是否属实</span
>
</el-col>
<el-col :span="3">
<span class="info-value">{{ formData.verifyIsTrue }}</span>
<span class="info-value">{{
formData.verifyIsTrue
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">是否需要问责</span>
<span class="info-label"
>是否需要问责</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.verifyNeedAccountability?'需要': (!formData.verifyNeedAccountability ? '不需要':'') }}</span>
<span class="info-value">{{
formData.verifyNeedAccountability
? "需要"
: !formData.verifyNeedAccountability
? "不需要"
: ""
}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="info-label">查证属实问题</span>
<span class="info-label"
>查证属实问题</span
>
</el-col>
<el-col :span="21">
<span class="info-value" v-for="item in formData.verifyProblem">
<span
class="info-value"
v-for="item in formData.verifyProblem"
>
{{ item }}
</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="info-label">核办结果</span>
<span class="info-label"
>核办结果</span
>
</el-col>
<el-col :span="21">
<div class="info-textarea"> {{formData.verifyDetails}} </div>
<div class="info-textarea">
{{ formData.verifyDetails }}
</div>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.verifyPunish && formData.verifyPunish.length>0">
<div
v-show="
formData.verifyPunish &&
formData.verifyPunish.length > 0
"
>
<div slot="header" class="info-header">
整改问责情况
</div>
<el-row>
<el-col :span="3">
<span class="info-label">责任追究</span>
<span class="info-label"
>责任追究</span
>
</el-col>
<el-col :span="21">
<span class="info-value" v-for="item in formData.verifyPunish">
<span
class="info-value"
v-for="item in formData.verifyPunish"
>
{{ item }}
</span>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.verifyIsResolved">
<div slot="header" class="info-header">
@ -269,45 +355,71 @@
</div>
<el-row>
<el-col :span="3">
<span class="info-label">群众反应实现解决情况</span>
<span class="info-label"
>群众反应实现解决情况</span
>
</el-col>
<el-col :span="3">
<span class="info-value">{{ formData.verifyIsResolved?'已解决': (!formData.verifyIsResolved ? '未解决':'') }}</span>
<span class="info-value">{{
formData.verifyIsResolved
? "已解决"
: !formData.verifyIsResolved
? "未解决"
: ""
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">办理反馈情况</span>
<span class="info-label"
>办理反馈情况</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{ formData.verifyFeedback}}</span>
<span class="info-value">{{
formData.verifyFeedback
}}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="info-label">回访人姓名</span>
<span class="info-label"
>回访人姓名</span
>
</el-col>
<el-col :span="3">
<span class="info-value">{{formData.followName}}</span>
<span class="info-value">{{
formData.followName
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">回访人电话</span>
<span class="info-label"
>回访人电话</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{formData.followMobile}}</span>
<span class="info-value">{{
formData.followMobile
}}</span>
</el-col>
<el-col :span="2">
<span class="info-label">回访人警号</span>
<span class="info-label"
>回访人警号</span
>
</el-col>
<el-col :span="4">
<span class="info-value">{{formData.followEmpNo}}</span>
<span class="info-value">{{
formData.followEmpNo
}}</span>
</el-col>
</el-row>
<hr >
<hr />
</div>
<div v-show="formData.verifyAttachments && formData.verifyAttachments.length > 0">
<div
v-show="
formData.verifyAttachments &&
formData.verifyAttachments.length > 0
"
>
<div slot="header" class="info-header">
办结佐证材料
</div>
@ -318,18 +430,17 @@
<el-col :span="21">
<!-- <div class="img-box" v-for="(item, index) in formData.verifyAttachments" :key="index" :style="{ backgroundImage: `url(${VITE_API_URL}/api/file/stream/${item.filepath})`}"> -->
<div class="img-box">
<FileList :files="formData.verifyAttachments" />
<FileList
:files="
formData.verifyAttachments
"
/>
</div>
</el-col>
</el-row>
</div>
</div>
</el-card>
</div>
</div>
<div class="details-right">
@ -342,52 +453,51 @@
color="#0bbd87"
size="large"
:hollow="activity.hollow"
>
<div class="timeline-text">
<span class="timeline-span"> {{ activity.createTime }}</span>&nbsp;&nbsp; <span> {{ activity.handlerDeptName }}</span> &nbsp;&nbsp;<span class="timeline-span"> {{ activity.flowAfterName }}</span>
<span class="timeline-span">
{{ activity.createTime }}</span
>&nbsp;&nbsp;
<span> {{ activity.handlerDeptName }}</span>
&nbsp;&nbsp;<span class="timeline-span">
{{ activity.flowAfterName }}</span
>
</div>
<div class="timeline-right">
用时<span>{{convert(activity.consumingTime) }}</span>
用时<span>{{
convert(activity.consumingTime)
}}</span>
</div>
</el-timeline-item>
</el-timeline>
</div>
</div>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance, ListItem } from 'element-plus'
import {getMailDetail} from '@/api/datascreen'
import Popup from '@/components/popup/details.vue'
import {PropType, ref} from 'vue'
import type { FormInstance, ListItem } from "element-plus";
import { getMailDetail } from "@/api/datascreen";
import Popup from "@/components/popup/details.vue";
import { PropType, ref } from "vue";
const {
VITE_API_URL
} = process.env
const { VITE_API_URL } = process.env;
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('details')
default: () => ({}),
},
});
const emit = defineEmits(["success", "close"]);
const formRef = shallowRef<FormInstance>();
const popupRef = shallowRef<InstanceType<typeof Popup>>();
const mode = ref("details");
const popupTitle = computed(() => {
return mode.value == 'details' ? '信件详情' : '信件详情'
})
return mode.value == "details" ? "信件详情" : "信件详情";
});
let mailDetail = reactive([]) as any[];
let verifyFollowupPolice= {
}
let verifyFollowupPolice = {};
const flowNode = ref({});
const steps = ref([
"信件签收",
@ -421,61 +531,48 @@ watch(flowNode, (val) => {
}
});
const formData = reactive({
})
const formData = reactive({});
const activities = [
{
content: 'Custom icon',
timestamp: '2018-04-12 20:46',
content: "Custom icon",
timestamp: "2018-04-12 20:46",
},
{
content: 'Custom color',
timestamp: '2018-04-03 20:46',
content: "Custom color",
timestamp: "2018-04-03 20:46",
},
{
content: 'Custom size',
timestamp: '2018-04-03 20:46',
content: "Custom size",
timestamp: "2018-04-03 20:46",
},
{
content: 'Custom hollow',
timestamp: '2018-04-03 20:46',
content: "Custom hollow",
timestamp: "2018-04-03 20:46",
},
{
content: 'Default node',
timestamp: '2018-04-03 20:46',
content: "Default node",
timestamp: "2018-04-03 20:46",
},
]
];
const setFormData = async (data: Record<string, any>) => {
for (const key in data) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
if (isJsonString(data[key])) {
formData[key] =JSON.parse( data[key])
formData[key] = JSON.parse(data[key]);
} else {
formData[key] = data[key]
}
formData[key] = data[key];
}
}
}
};
const open = (type = 'details') => {
mode.value = type
popupRef.value?.open()
}
const open = (type = "details") => {
mode.value = type;
popupRef.value?.open();
};
function isJsonString(value) {
try {
JSON.parse(value); // 尝试将字符串解析为JSON人
@ -485,9 +582,6 @@ function isJsonString(value) {
}
}
const convert = (time: number) => {
let a: number | string = ~~(time / 3600);
let b: number | string = ~~(time / 60) - a * 60;
@ -497,8 +591,8 @@ const convert = (time: number) => {
b = String(b).padStart(2, "0");
c = String(c).padStart(2, "0");
if (a === '00') {
if(b === '00'){
if (a === "00") {
if (b === "00") {
return `${c}秒`;
} else {
return `${b}分${c}秒`;
@ -506,58 +600,50 @@ const convert = (time: number) => {
} else {
return `${a}小时${b}分${c}秒`;
}
}
};
const getDetail = async (row: Record<string, any>) => {
try {
mailDetail = await getMailDetail({
id: row.id
})
console.log(mailDetail)
setFormData(mailDetail)
console.log(formData)
console.log(verifyFollowupPolice)
} catch (error) {
}
}
id: row.id,
});
console.log(mailDetail);
setFormData(mailDetail);
console.log(formData);
console.log(verifyFollowupPolice);
} catch (error) {}
};
const handleClose = () => {
emit('close')
}
emit("close");
};
defineExpose({
open,
getDetail
})
getDetail,
});
</script>
<style scoped lang="scss">
.details-main {
width:1766px;
width: 92vw;
height: 730px;
}
.details-content {
width:1400px;
width: 80%;
height: 700px;
float: left;
}
.details-right {
width:350px;
width: calc(20% - 10px);
height: 100%;
overflow: auto;
float: left;
margin-left: 10px;
padding-left: 10px;
padding-top: 10px;
background:#09256d
background: #09256d;
}
.details-right::-webkit-scrollbar {
width: 8px; /* 宽度 */
}
@ -576,26 +662,24 @@ defineExpose({
background: #0060fe; /* 鼠标悬停时的滚动条颜色 */
}
.details {
width:1400px;
width: 100%;
height: 700px;
margin-top: 10px;
background: #09256D;
border: 1px solid #4E8FFF;
background: #09256d;
border: 1px solid #4e8fff;
overflow: auto;
color: #fff;
}
.el-card {
border: 0;
}
.info-card {
background: #09256D;
background: #09256d;
color: #fff;
}
.info-content {
margin-top: 20px;
}
.info-label {
@ -603,7 +687,7 @@ border:0;
text-align: right;
display: block;
font-size: 12px;
color: #4E8FFF;
color: #4e8fff;
}
.info-value {
@ -613,7 +697,7 @@ border:0;
hr {
border: none; /* 去掉默认边框 */
border-top: 1px solid #4E8FFF; /* 设置上边框为1px实线，颜色为黑色 */
border-top: 1px solid #4e8fff; /* 设置上边框为1px实线，颜色为黑色 */
}
.el-row {
line-height: 30px;
@ -627,13 +711,12 @@ border-top: 1px solid #4E8FFF; /* 设置上边框为1px实线，颜色为黑色
}
.details::-webkit-scrollbar-track {
background: #071a4e; /* 滚动条背景色 */
}
.details::-webkit-scrollbar-thumb {
background-clip: padding-box; /* 背景剪裁 */
border: 8px solid transparent; /* 边框 */
background-image: linear-gradient(180deg, #007FFF 0%, #0049FF 100%);
background-image: linear-gradient(180deg, #007fff 0%, #0049ff 100%);
border-radius: 11px;
}
@ -645,21 +728,21 @@ border-top: 1px solid #4E8FFF; /* 设置上边框为1px实线，颜色为黑色
font-size: 14px;
}
.head-lable {
color: #4E8FFF;
color: #4e8fff;
font-size: 14px;
}
.info-textarea {
width: 95%;
height: 50px;
background: #061C55;
background: #061c55;
margin-bottom: 5px;
margin-left: 5px;
}
.timeline-right {
width: 129px;
height: 28px;
background: #252D7A;
box-shadow: inset 2px 0px 0px 0px #00D050;
background: #252d7a;
box-shadow: inset 2px 0px 0px 0px #00d050;
border-radius: 0px 100px 100px 0px;
color: #fff;
line-height: 28px;
@ -674,7 +757,7 @@ border-top: 1px solid #4E8FFF; /* 设置上边框为1px实线，颜色为黑色
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 500;
color: #4BDBFC;
color: #4bdbfc;
line-height: 18px;
}
.img-box {

278
src/views/work/Done.vue
Unescape View File

@ -5,36 +5,65 @@
<el-row>
<el-col :span="6">
<el-form-item label="来信时间">
<el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange"
range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"
@change="handleMailTimeQuery" />
<el-date-picker
v-model="query.mailTime"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="~"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="handleMailTimeQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件来源">
<el-select v-model="query.source" placeholder="请选择信件来源" clearable>
<el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.source"
placeholder="请选择信件来源"
clearable
>
<el-option
v-for="item in dictData.mail_source"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="来信人员">
<div class="flex gap">
<el-select v-model="query.contactField" style="width: 180px">
<el-select
v-model="query.contactField"
style="width: 180px"
>
<el-option label="姓名" value="name" />
<el-option label="身份证" value="idCard" />
<el-option label="联系电话" value="phone" />
</el-select>
<el-input v-model="query.contactFieldValue" placeholder="请输入" clearable />
<el-input
v-model="query.contactFieldValue"
placeholder="请输入"
clearable
/>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件等级">
<el-select v-model="query.mailLevel" placeholder="请选择信件等级" clearable>
<el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.mailLevel"
placeholder="请选择信件等级"
clearable
>
<el-option
v-for="item in dictData.mail_level"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -42,28 +71,53 @@
<el-row>
<el-col :span="6">
<el-form-item label="信件分类">
<el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
filterable />
<el-tree-select
v-model="query.mailCategory"
:data="mailStore.mailCategorys"
check-strictly
filterable
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件状态">
<el-select v-model="query.mailState" placeholder="请选择信件状态" clearable>
<el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.mailState"
placeholder="请选择信件状态"
clearable
>
<el-option
v-for="item in dictData.mail_state"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="办理单位">
<DeptTreeSelect v-model="query.deptId" check-strictly />
<DeptTreeSelect
v-model="query.deptId"
check-strictly
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="流程阶段">
<el-select v-model="query.flowKey" placeholder="" clearable multiple :collapse-tags="true">
<el-option v-for="item in optionsData.flowNodes" :key="item.key" :label="item.fullName"
:value="item.key" />
<el-select
v-model="query.flowKey"
placeholder=""
clearable
multiple
:collapse-tags="true"
>
<el-option
v-for="item in optionsData.flowNodes"
:key="item.key"
:label="item.fullName"
:value="item.key"
/>
</el-select>
</el-form-item>
</el-col>
@ -77,7 +131,12 @@
<main>
<div class="table-container">
<el-table :data="dones" style="width: 100%" stripe>
<el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
<el-table-column
prop="mailTime"
label="来信时间"
align="center"
width="160"
/>
<el-table-column label="信件来源" align="center" width="90">
<template #default="{ row }">
<span>{{
@ -87,10 +146,25 @@
}}</span>
</template>
</el-table-column>
<el-table-column prop="contactName" label="姓名" align="center" width="80" />
<el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
<el-table-column
prop="contactName"
label="姓名"
align="center"
width="80"
/>
<el-table-column
prop="contactPhone"
label="联系电话"
width="120"
align="center"
/>
<el-table-column prop="mailCategory" label="信件分类" align="center" width="120"/>
<el-table-column
prop="mailCategory"
label="信件分类"
align="center"
width="120"
/>
<el-table-column label="信件状态" width="90" align="center">
<template #default="{ row }">
@ -99,54 +173,84 @@
}}</span>
</template>
</el-table-column>
<el-table-column prop="threeDeptName" label="办理单位" width="120" align="center"/>
<el-table-column prop="currentOperator" label="当前处理对象" width="120" align="center"></el-table-column>
<el-table-column label="流程节点" class-name="text-no-ellipsis" align="center">
<el-table-column
prop="threeDeptName"
label="办理单位"
width="120"
align="center"
/>
<el-table-column
prop="currentOperator"
label="当前处理对象"
width="120"
align="center"
></el-table-column>
<el-table-column
label="流程节点"
class-name="text-no-ellipsis"
align="center"
>
<template #default="{ row }">
<el-tag :type="getFlowTagType(row.mailFlowName)">{{ row.mailFlowName }}</el-tag>
<el-tag :type="getFlowTagType(row.mailFlowName)">{{
row.mailFlowName
}}</el-tag>
</template>
</el-table-column>
<el-table-column label="流程限时" align="center">
<el-table-column align="center">
<template #header>
<FlowLimitedExplanation />
</template>
<template #default="{ row }">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>
<span class="text">{{
formatTimeText(row.flowLimitedRemainingTime)
}}</span>
</div>
<div v-if="row.flowLimitedRemainingTime < 0" class="error">
<span class="mr-4">超时</span>
<span class="text">{{
formatTimeText(
-row.flowLimitedRemainingTime
)
}}</span>
</div>
<FlowLimited :time="row.flowLimitedRemainingTime" />
</template>
</el-table-column>
<el-table-column label="信件等级" width="100" align="center">
<el-table-column
label="信件等级"
width="100"
align="center"
>
<template #default="{ row }">
<mail-level :value="row.mailLevel" :list="dictData.mail_level" />
<mail-level
:value="row.mailLevel"
:list="dictData.mail_level"
/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center">
<template #default="{ row }">
<el-button type="primary" link @click="handleMail(row)">详情</el-button>
<el-button
type="primary"
link
@click="handleMail(row)"
>详情</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 end">
<el-pagination @size-change="getList" @current-change="getList" :current-page="query.current"
:page-sizes="[10, 20, 50]" :page-size="query.size" v-model:current-page="query.current"
layout="total,sizes, prev, pager, next, jumper" :total="totalSize.total">
<el-pagination
@size-change="getList"
@current-change="getList"
:current-page="query.current"
:page-sizes="[10, 20, 50]"
:page-size="query.size"
v-model:current-page="query.current"
layout="total,sizes, prev, pager, next, jumper"
:total="totalSize.total"
>
</el-pagination>
</div>
</main>
</div>
<MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :disabled="true"
@update="getList" />
<MailDialog
v-model:show="showModel"
:mail-id="activeMailId"
:work-id="activeWorkId"
:disabled="true"
@update="getList"
/>
</template>
<script lang="ts" setup>
import MailDialog from "./components/MailDialog.vue";
@ -154,58 +258,42 @@ import MailDialog from "./components/MailDialog.vue";
import { getDones } from "@/api/work";
import { getMailFlowDetail } from "@/api/mail";
import { useDictData } from "@/hooks/useDictOptions";
import { useDictOptions } from '@/hooks/useDictOptions'
import { onMounted, onUnmounted } from 'vue'
import { useDictOptions } from "@/hooks/useDictOptions";
import { onMounted, onUnmounted } from "vue";
import useMailStore from "@/stores/modules/mail";
import { getDictLable, formatTimeText, getFlowTagType } from "@/utils/util";
import { getDictLable, getFlowTagType } from "@/utils/util";
import { ref, reactive, watchEffect } from "vue";
import { getFlowNodes } from '@/api/org/flowNode'
import { getFlowNodes } from "@/api/org/flowNode";
const mailStore = useMailStore();
mailStore.getMailCategorys();
const { dictData } = useDictData(["mail_source", "mail_level", "mail_state"]);
const query = ref({
size: 10,
current: 1
current: 1,
});
const totalSize = reactive({
total: 0,
pages: 0
})
pages: 0,
});
const dones = ref([]);
const showModel = ref(false);
const activeMailId = ref("");
const activeWorkId = ref(0)
const activeWorkId = ref(0);
const { optionsData } = useDictOptions<{
flowNodes: any[]
flowNodes: any[];
}>({
flowNodes: {
api: getFlowNodes
}
})
api: getFlowNodes,
},
});
function handleMail(row) {
showModel.value = true;
activeMailId.value = row.mailId;
activeWorkId.value = row.id
activeWorkId.value = row.id;
}
let timeClock: any = null
const updateCountdown = (second: number) => {
dones.value.forEach((item: any) => {
if (item.flowLimitedRemainingTime > 0) {
item.flowLimitedRemainingTime -= 1;
}
});
};
onMounted(() => {
timeClock = setInterval(updateCountdown, 1000)
})
onUnmounted(() => {
clearInterval(timeClock);
});
function getList() {
getDones(query.value).then((data) => {
dones.value = data.records;
@ -215,42 +303,22 @@ function getList() {
}
function reset() {
query.value = {}
getList()
query.value = {};
getList();
}
getList()
getList();
function handleMailTimeQuery(val) {
if (val) {
query.value.mailTimeStart = val[0];
query.value.mailTimeEnd = val[1];
} else {
delete query.value.mailTimeStart
delete query.value.mailTimeEnd
delete query.value.mailTimeStart;
delete query.value.mailTimeEnd;
}
}
</script>
<style lang="scss" scoped>
.success {
padding: 0 8px;
height: 24px;
line-height: 24px;
text-align: center;
.text {
color: #128009;
}
}
.error {
background-color: #ff0000;
color: #fff;
padding: 0 8px;
height: 24px;
line-height: 24px;
border-radius: 20px;
text-align: center;
}
</style>

9
src/views/work/Fav.vue
Unescape View File

@ -72,9 +72,7 @@
<el-table-column label="信件来源" align="center" width="90">
<template #default="{ row }">
<span>{{
dictData.mail_source.filter(
(item) => item.value === row.source
)[0].name
getDictLable(dictData.mail_source, row.source)
}}</span>
</template>
</el-table-column>
@ -93,7 +91,10 @@
<el-table-column prop="threeDeptName" label="办理单位" width="120" align="center" />
<el-table-column label="信件等级" width="100" align="center">
<template #default="{ row }">
<mail-level :value="row.mailLevel" :list="dictData.mail_level" />
<mail-level
:value="row.mailLevel"
:list="dictData.mail_level"
/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center">

88
src/views/work/Query.vue
Unescape View File

@ -32,7 +32,7 @@
</el-col>
<el-col :span="6">
<el-form-item label="内容查询">
<el-input v-model="query.queryByContent" placeholder="请输入相关信件内容" clearable />
<el-input v-model="query.queryByContent" placeholder="请输入关键字" clearable />
</el-form-item>
</el-col>
</el-row>
@ -67,7 +67,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row v-if="!collapse">
<el-col :span="6">
<el-form-item label="信件标签">
<el-select v-model="query.mailLabels" placeholder="请选择标签" multiple clearable filterable>
@ -99,6 +99,17 @@
</el-form-item>
</el-col>
</el-row>
<el-row v-if="!collapse">
<el-col :span="6">
<el-form-item label="信件超时">
<el-select v-model="query.timeout" placeholder="请选择" clearable>
<el-option label="签收超时" value="1" />
<el-option label="联系群众超时" value="2" />
<el-option label="办结超时" value="3" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<div style="display: flex; justify-content: space-between; margin-bottom: 20px;">
<div>
<el-button type="primary" @click="checkMail">信件核对</el-button>
@ -112,6 +123,16 @@
<div>
<el-button type="primary" @click="getList">查询</el-button>
<el-button @click="reset">重置</el-button>
<el-button type="primary" text @click="collapse = !collapse">
<template v-if="collapse">
<span class="mr-4">展开</span>
<icon name="el-icon-ArrowDownBold" />
</template>
<template v-else>
<span class="mr-4">收起</span>
<icon name="el-icon-ArrowUpBold" />
</template>
</el-button>
</div>
</div>
</el-form>
@ -122,10 +143,9 @@
@selection-change="handleSelectionChange" :row-key="rowKey">
<el-table-column type="selection" width="30" :reserve-selection="true" />
<el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
<el-table-column label="信件来源" align="center" width="100">
<el-table-column label="信件来源" align="center" width="100" show-overflow-tooltip>
<template #default="{ row }">
<span>{{
dictData.mail_source.filter(
<span>{{ dictData.mail_source.filter(
(item) => item.value === row.source
)[0].name
}}</span>
@ -134,8 +154,8 @@
<el-table-column prop="contactName" label="姓名" align="center" width="80" />
<el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
<el-table-column prop="mailCategory" label="信件分类" width="120" align="center" />
<el-table-column prop="content" label="信件内容" show-overflow-tooltip align="center" />
<el-table-column prop="mailCategory" label="信件分类" show-overflow-tooltip width="120" align="center" />
<el-table-column prop="content" label="信件内容" show-overflow-tooltip align="center" min-width="90" />
<el-table-column label="信件状态" width="90" align="center">
<template #default="{ row }">
@ -152,18 +172,13 @@
<el-tag type="danger" v-else>未签收</el-tag>
</template>
</el-table-column>
<el-table-column label="流程限时" width="140" align="center">
<el-table-column width="140" align="center">
<template #header>
<FlowLimitedExplanation />
</template>
<template #default="{ row }">
<div v-if="row.flowName !== '已办结'">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>
<span class="text">{{ formatTimeText(row.flowLimitedRemainingTime) }}</span>
</div>
<div v-if="row.flowLimitedRemainingTime < 0" class="error">
<span class="mr-4">超时</span>
<span class="text">{{ formatTimeText(-row.flowLimitedRemainingTime) }}</span>
</div>
<FlowLimited :time="row.flowLimitedRemainingTime" />
</div>
</template>
</el-table-column>
@ -176,9 +191,9 @@
<el-table-column label="操作" width="160" fixed="right">
<template #default="{ row }">
<el-button type="primary" link @click="handleMail(row.id)" size="small">详情</el-button>
<el-button type="primary" link @click="handleMailLabel(row.id)" size="small">标签</el-button>
<el-button type="primary" link @click="handleMailLabel(row.id)" size="small" v-show="!IsdeleteMail(row)">标签</el-button>
<el-button type="primary" link @click="handleTodoByChange(row.id)" v-show="handleMailCategory(row)" size="small">转为待办</el-button>
<el-button type="primary" link @click="handleDelete(row.id)" v-show="IsdeleteMail(row)" size="small">删除</el-button>
<el-button type="danger" link @click="handleDelete(row.id)" v-show="IsdeleteMail(row)" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -257,21 +272,9 @@ watch(() => query.value.contactField, (val, prevVal) => {
}
});
let timeClock = null
const updateCountdown = (second: number) => {
form.value.forEach((item: any) => {
if (item.flowLimitedRemainingTime > 0) {
item.flowLimitedRemainingTime -= 1;
}
});
};
onMounted(() => {
timeClock = setInterval(updateCountdown, 1000)
getList()
})
onUnmounted(() => {
clearInterval(timeClock);
});
const route = useRoute()
const useRouterParams = useRouterParamsStore()
@ -378,7 +381,7 @@ const exportLedger = () => {
const url = window.URL.createObjectURL(new Blob([res.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'data.xlsx'); // 根据需求修改文件名
link.setAttribute('download', '局长信箱即接即办工作汇总台账.xlsx'); // 根据需求修改文件名
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
@ -537,28 +540,9 @@ const handleMailCategory = (row: any) => {
return allowChangeList.includes(row.mailCategory)
}
const collapse = ref(true)
</script>
<style lang="scss" scoped>
.table-container {
border: 1px solid rgba(198, 208, 251, 1);
}
.success .text {
color: #128009;
padding: 0 8px;
height: 24px;
line-height: 24px;
text-align: center;
}
.error {
background-color: #FF0000;
color: #fff;
padding: 0 8px;
height: 24px;
line-height: 24px;
border-radius: 20px;
text-align: center;
}
</style>

294
src/views/work/Todo.vue
Unescape View File

@ -5,16 +5,30 @@
<el-row>
<el-col :span="6">
<el-form-item label="来信时间">
<el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange"
range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"
@change="handleMailTimeQuery" />
<el-date-picker
v-model="query.mailTime"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="~"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="handleMailTimeQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件来源">
<el-select v-model="query.source" placeholder="请选择信件来源" clearable>
<el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.source"
placeholder="请选择信件来源"
clearable
>
<el-option
v-for="item in dictData.mail_source"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -26,15 +40,27 @@
<el-option label="身份证" value="idCard" />
<el-option label="联系电话" value="phone" />
</el-select>
<el-input v-model="query.contactFieldValue" placeholder="请输入关键字" clearable />
<el-input
v-model="query.contactFieldValue"
placeholder="请输入关键字"
clearable
/>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件等级">
<el-select v-model="query.mailLevel" placeholder="请选择信件等级" clearable>
<el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.mailLevel"
placeholder="请选择信件等级"
clearable
>
<el-option
v-for="item in dictData.mail_level"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
@ -42,38 +68,70 @@
<el-row>
<el-col :span="6">
<el-form-item label="信件分类">
<el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
filterable />
<el-tree-select
v-model="query.mailCategory"
:data="mailStore.mailCategorys"
check-strictly
filterable
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="信件状态">
<el-select v-model="query.mailState" placeholder="请选择信件状态" clearable>
<el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
:value="item.value" />
<el-select
v-model="query.mailState"
placeholder="请选择信件状态"
clearable
>
<el-option
v-for="item in dictData.mail_state"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="办理单位">
<DeptTreeSelect v-model="query.deptId" check-strictly />
<DeptTreeSelect
v-model="query.deptId"
check-strictly
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="流程阶段">
<el-select v-model="query.flowKey" placeholder="请选择流程阶段" clearable multiple :collapse-tags="true">
<el-option v-for="item in optionsData.flowNodes" :key="item.key" :label="item.fullName"
:value="item.key" />
<el-select
v-model="query.flowKey"
placeholder="请选择流程阶段"
clearable
multiple
:collapse-tags="true"
>
<el-option
v-for="item in optionsData.flowNodes"
:key="item.key"
:label="item.fullName"
:value="item.key"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div class="flex between mb-20">
<div>
<el-button type="primary" @click="createMail" v-perms="['mail:add']">自建信件</el-button>
<el-button
type="primary"
@click="createMail"
v-perms="['mail:add']"
>自建信件</el-button
>
</div>
<div>
<el-button type="primary" @click="getList">查询</el-button>
<el-button type="primary" @click="getList"
>查询</el-button
>
<el-button @click="reset">重置</el-button>
</div>
</div>
@ -82,17 +140,46 @@
<main>
<div class="table-container">
<el-table :data="todos" style="width: 100%" stripe>
<el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
<el-table-column
prop="mailTime"
label="来信时间"
align="center"
width="160"
/>
<el-table-column label="信件来源" align="center" width="90">
<template #default="{ row }">
<span>{{ getDictLable(dictData.mail_source, row.source) }}</span>
<span>{{
getDictLable(dictData.mail_source, row.source)
}}</span>
</template>
</el-table-column>
<el-table-column prop="contactName" label="姓名" align="center" width="80" />
<el-table-column prop="contactPhone" label="联系电话" align="center" width="120" />
<el-table-column
prop="contactName"
label="姓名"
align="center"
width="80"
/>
<el-table-column
prop="contactPhone"
label="联系电话"
align="center"
width="120"
/>
<el-table-column prop="mailCategory" label="信件分类" align="center" width="120" />
<el-table-column prop="content" align="center" label="信件内容" show-overflow-tooltip width="150" />
<el-table-column
prop="mailCategory"
label="信件分类"
align="center"
show-overflow-tooltip
width="120"
/>
<el-table-column
prop="content"
align="center"
label="信件内容"
show-overflow-tooltip
width="150"
/>
<el-table-column label="信件状态" width="90" align="center">
<template #default="{ row }">
<span>{{
@ -100,55 +187,78 @@
}}</span>
</template>
</el-table-column>
<el-table-column prop="threeDeptName" label="办理单位" width="120" align="center" />
<el-table-column
prop="threeDeptName"
label="办理单位"
width="120"
align="center"
/>
<el-table-column label="流程节点" align="center">
<template #default="{ row }">
<el-tag :type="getFlowTagType(row.flowName)">{{ row.flowName }}</el-tag>
<el-tag :type="getFlowTagType(row.flowName)">{{
row.flowName
}}</el-tag>
</template>
</el-table-column>
<el-table-column label="流程限时" align="center">
<el-table-column align="center">
<template #header>
<FlowLimitedExplanation />
</template>
<template #default="{ row }">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>
<span class="text">{{
formatTimeText(row.flowLimitedRemainingTime)
}}</span>
</div>
<div v-if="row.flowLimitedRemainingTime < 0" class="error">
<span class="mr-4">超时</span>
<span class="text">{{
formatTimeText(
-row.flowLimitedRemainingTime
)
}}</span>
</div>
<FlowLimited :time="row.flowLimitedRemainingTime" />
</template>
</el-table-column>
<el-table-column label="信件等级" width="100" align="center">
<el-table-column
label="信件等级"
width="100"
align="center"
>
<template #default="{ row }">
<mail-level :value="row.mailLevel" :list="dictData.mail_level" />
<mail-level
:value="row.mailLevel"
:list="dictData.mail_level"
/>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center">
<template #default="{ row }">
<el-button type="primary" link @click="handleMail(row)">立即处理</el-button>
<el-button
type="primary"
link
@click="handleMail(row)"
>立即处理</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 end">
<el-pagination @size-change="getList" @current-change="getList" :current-page="query.current"
:page-sizes="[10, 20, 50]" :page-size="query.size" v-model:current-page="query.current"
:total="totalSize.total">
<el-pagination
@size-change="getList"
@current-change="getList"
:current-page="query.current"
:page-sizes="[10, 20, 50]"
:page-size="query.size"
v-model:current-page="query.current"
:total="totalSize.total"
>
</el-pagination>
</div>
</main>
</div>
<MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :work-type="activeWorkType"
@update="getList" />
<AddMail v-model="addMailShow" @close="addMailShow = false" @success="getList" />
<MailDialog
v-model:show="showModel"
:mail-id="activeMailId"
:work-id="activeWorkId"
:work-type="activeWorkType"
@update="getList"
/>
<AddMail
v-model="addMailShow"
@close="addMailShow = false"
@success="getList"
/>
</template>
<script lang="ts" setup>
import MailDialog from "./components/MailDialog.vue";
@ -157,10 +267,10 @@ import { getTodos } from "@/api/work";
import { getMailFlowDetail } from "@/api/mail";
import { useDictData, useDictOptions } from "@/hooks/useDictOptions";
import useMailStore from "@/stores/modules/mail";
import { formatTimeText, getDictLable, getFlowTagType } from "@/utils/util";
import { deptLists } from '@/api/org/department'
import { getFlowNodes } from '@/api/org/flowNode'
import { onMounted, onUnmounted } from 'vue'
import { getDictLable, getFlowTagType } from "@/utils/util";
import { deptLists } from "@/api/org/department";
import { getFlowNodes } from "@/api/org/flowNode";
import { onMounted, onUnmounted } from "vue";
const mailStore = useMailStore();
mailStore.getMailCategorys();
const { dictData } = useDictData(["mail_source", "mail_level", "mail_state"]);
@ -168,12 +278,12 @@ const { dictData } = useDictData(["mail_source", "mail_level", "mail_state"]);
const query = ref({
size: 10,
current: 1,
contactField: 'name'
contactField: "name",
});
const totalSize = reactive({
total: 0,
pages: 0
})
pages: 0,
});
const addMailShow = ref(false);
@ -181,39 +291,24 @@ const todos = ref([]);
const showModel = ref(false);
const activeMailId = ref("");
const activeWorkId = ref(0);
const activeWorkType = ref("")
const activeWorkType = ref("");
const { optionsData } = useDictOptions<{
dept: any[],
flowNodes: any[]
dept: any[];
flowNodes: any[];
}>({
dept: {
api: deptLists
api: deptLists,
},
flowNodes: {
api: getFlowNodes
}
})
api: getFlowNodes,
},
});
function handleMail(row) {
showModel.value = true;
activeMailId.value = row.mailId;
activeWorkId.value = row.id;
activeWorkType.value = row.workType
}
let timeClock: any = null
const updateCountdown = (second: number) => {
todos.value.forEach((item: any) => {
if (item.flowLimitedRemainingTime > 0) {
item.flowLimitedRemainingTime -= 1;
activeWorkType.value = row.workType;
}
});
};
onMounted(() => {
timeClock = setInterval(updateCountdown, 1000)
})
onUnmounted(() => {
clearInterval(timeClock);
});
function getList() {
getTodos(query.value).then((data) => {
@ -223,52 +318,31 @@ function getList() {
});
}
function reset() {
query.value = {
size: 10,
current: 1,
contactField: 'name'
contactField: "name",
};
getList();
}
const createMail = () => {
addMailShow.value = true;
}
};
getList()
getList();
function handleMailTimeQuery(val) {
if (val) {
query.value.mailTimeStart = val[0];
query.value.mailTimeEnd = val[1];
} else {
delete query.value.mailTimeStart
delete query.value.mailTimeEnd
delete query.value.mailTimeStart;
delete query.value.mailTimeEnd;
}
}
</script>
<style lang="scss" scoped>
.success {
padding: 0 8px;
height: 24px;
line-height: 24px;
text-align: center;
.text {
color: #128009;
}
}
.error {
background-color: #ff0000;
color: #fff;
padding: 0 8px;
height: 24px;
line-height: 24px;
border-radius: 20px;
text-align: center;
}
</style>

152
src/views/work/components/ConfirmedCompletion.vue
Unescape View File

@ -1,33 +1,47 @@
<template>
<el-dialog v-model="visible" width="55vw" top="2vh" title="认定办结">
<el-dialog width="55vw" top="2vh" title="认定办结">
<h2>办理反馈情况</h2>
<div class="flex mb-12">
<div class="col">
<div class="col" style="width: 33.33%">
<label>群众反应事项解决情况</label>
<span>{{ mail.verifyIsResolved ? "已解决" : "未解决" }}</span>
</div>
<div class="col">
<div class="col" style="width: 33.33%">
<label>办理反馈情况</label>
<span>{{ mail.verifyFeedback }}</span>
</div>
</div>
<div class="flex mb-12">
<div class="col">
<div class="col" style="width: 33.33%">
<label>回访人姓名</label>
<span>{{ mail.verifyFollowupPolice?.name }}</span>
</div>
<div class="col">
<div class="col" style="width: 33.33%">
<label>回访人警号</label>
<span>{{ mail.verifyFollowupPolice?.empNo }}</span>
</div>
</div>
<div class="flex mb-20">
<div class="col">
<div class="col" style="width: 33.33%">
<label>回访人电话</label>
<span>{{ mail.verifyFollowupPolice?.mobile }}</span>
</div>
</div>
<el-divider />
<template v-if="mail.verifyIsTrue === '属实' || mail.verifyIsTrue === '基本属实'">
<h2>查证属实问题</h2>
<div class="flex">
<el-form-item prop="verifyProblem">
<el-checkbox-group v-model="form.verifyProblem">
<el-checkbox
v-for="item in dictData.verify_problem"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-checkbox-group>
</el-form-item>
</div>
<el-divider />
</template>
<el-form :model="form" :rules="rules" ref="formRef" :label-width="244">
<h2>综合认定情况</h2>
<el-row>
@ -66,7 +80,10 @@
</el-col>
</el-row>
<el-form-item label="群众回复情况" prop="satisfactionStatus">
<el-radio-group v-model="form.satisfactionStatus" v-if="!mail.satisfaction">
<el-radio-group
v-model="form.satisfactionStatus"
v-if="!mail.satisfaction"
>
<el-radio
v-for="item in dictData.satisfaction_status"
:key="item.id"
@ -78,58 +95,68 @@
<span v-else>{{ getSatisfaction() }}</span>
</el-form-item>
<div class="tips" v-if="isSatisfactionNonConsistent()">
<span class="mr-16" style="color: red; font-weight: 700">重点审核</span>
<span class="mr-16" style="color: red; font-weight: 700"
>重点审核</span
>
<span>办理反馈情况 与 群众回复情况 不一致</span>
</div>
<el-divider />
<h2 class="relative">
<span>信件标签</span>
<el-button type="primary" plain @click="addLableShow = true" size="small" class="add-label-btn"
<el-button
type="primary"
plain
@click="addLableShow = true"
size="small"
class="add-label-btn"
>添加标签</el-button
>
</h2>
<el-form-item class="mb-40 label-position-top" prop="mailLabels">
<el-form-item class="mb-20 label-position-top" prop="mailLabels">
<el-checkbox-group v-model="form.mailLabels">
<el-checkbox
v-for="item in labels"
:key="item.id"
:label="item.id"
>{{ item.labelName }}</el-checkbox>
>{{ item.labelName }}</el-checkbox
>
</el-checkbox-group>
</el-form-item>
<el-divider />
<h2>认定办结意见<span style="color: red">*</span></h2>
<h2><span style="color: red">*</span>认定办结意见</h2>
<el-form-item
prop="completionComment"
class="mb-40 label-position-top"
class="mb-20 label-position-top"
>
<el-input
v-model="form.completionComment"
type="textarea"
:rows="4"
:rows="3"
placeholder="请输入认定办结意见"
></el-input>
</el-form-item>
</el-form>
<footer class="flex end">
<el-button type="primary" size="large" @click="submit"
>认定办结</el-button
>
</footer>
</el-dialog>
<el-dialog v-model="addLableShow" width="30vw" title="添加标签">
<el-input type="textarea" v-model="labelName" placeholder="请输入标签内容" class="mb-10"/>
<el-input
type="textarea"
v-model="labelName"
placeholder="请输入标签内容"
class="mb-10"
/>
<footer class="flex end">
<el-button type="primary" @click="handleAddLabel"
>确定</el-button
>
<el-button @click="addLableShow = false"
>取消</el-button
>
<el-button @click="addLableShow = false">取消</el-button>
</footer>
</el-dialog>
</el-dialog>
</template>
<script setup>
import { labelLists, labelAdd } from "@/api/org/label";
@ -137,10 +164,9 @@ import { useDictData } from "@/hooks/useDictOptions";
const { dictData } = useDictData([
"satisfaction_status",
"qualified_processing_status",
"verify_problem"
]);
const visible = ref(false);
const rules = {
qualifiedProcessingStatus: [
{
@ -171,37 +197,25 @@ const formRef = ref();
const form = reactive({});
const props = defineProps({
show: {
type: Boolean,
default: false,
},
data: {
type: Object,
default: {},
},
mail: {
type: Object,
default: {},
},
flowKey: {
type: String,
default: "",
},
});
const mail = inject("mail");
watch(() => mail.value.verifyProblem, (val) => {
form.verifyProblem = val
})
const emits = defineEmits(["update:data", "submit", "close"]);
const emits = defineEmits(["update:show", "update:data", "submit"]);
watch(visible, (val) => {
emits("update:show", val);
});
watch(
() => props.show,
(val) => {
visible.value = val;
() => mail.value.satisfaction,
() => {
form.satisfactionStatus = getSatisfaction();
}
);
watch(() => props.mail.satisfaction, () => {
form.satisfactionStatus = getSatisfaction()
})
function submit() {
formRef.value.validate((valid) => {
@ -210,7 +224,7 @@ function submit() {
const data = { ...props.data, ...form };
emits("update:data", data);
emits("submit", "confirmedCompletion");
visible.value = false;
emits("close");
}
});
}
@ -221,9 +235,9 @@ function getLables() {
labels.value = data;
});
}
getLables()
getLables();
const labelName = ref("");
const addLableShow = ref(false)
const addLableShow = ref(false);
function handleAddLabel() {
if (!labelName.value) {
return;
@ -231,30 +245,33 @@ function handleAddLabel() {
labelAdd({
labelName: labelName.value,
}).then((data) => {
addLableShow.value = false
labelName.value = ''
getLables()
addLableShow.value = false;
labelName.value = "";
getLables();
});
}
const SATISFACTION = {
not_satisfied: '不满意',
basically_satisfied: '基本满意',
satisfied: '非常满意'
}
not_satisfied: "不满意",
basically_satisfied: "基本满意",
satisfied: "非常满意",
};
function getSatisfaction() {
if (!props.mail.satisfaction) {
return ''
if (!mail.value.satisfaction) {
return "";
}
return SATISFACTION[props.mail.satisfaction]
return SATISFACTION[mail.value.satisfaction];
}
function isSatisfactionNonConsistent() {
if (!props.mail.satisfaction || !props.mail.verifyFeedback) {
return false
if (!mail.value.satisfaction || !mail.value.verifyFeedback) {
return false;
}
if(getSatisfaction()!== props.mail.verifyFeedback){
if(getSatisfaction()=="满意"&&props.mail.verifyFeedback=="非常满意"){
if (getSatisfaction() !== mail.value.verifyFeedback) {
if (
getSatisfaction() == "满意" &&
mail.value.verifyFeedback == "非常满意"
) {
return false;
} else {
return true;
@ -265,12 +282,13 @@ function isSatisfactionNonConsistent() {
<style lang="scss" scoped>
h2 {
margin-top: 0;
font-size: 20px;
font-size: 18px;
margin-bottom: 16px;
color: #333;
}
.col {
label {
width: 244px;
width: 160px;
text-align: right;
}
}
@ -283,7 +301,7 @@ h2 {
right: 0;
}
.tips {
border: 1px solid #FFE3E3;
border: 1px solid #ffe3e3;
padding: 12px 2em;
}
:deep() {

6
src/views/work/components/MailCheck.vue
Unescape View File

@ -85,8 +85,10 @@
<el-tag type="danger" v-else>未签收</el-tag>
</template>
</el-table-column>
<el-table-column label="流程限时" width="140">
<el-table-column width="140">
<template #header>
<FlowLimitedExplanation />
</template>
<template #default="{ row }">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>

41
src/views/work/components/MailDialog.vue
Unescape View File

@ -66,22 +66,22 @@
<el-row :gutter="20" style="height: 100%">
<el-col :span="5" style="height: 100%">
<div
style="height: 100%; padding: 0 20px 0 40px"
ref="leftContainerRef"
class="left-container h100"
>
<div
class="timer flex center"
v-if="flowNode.key !== 'completion'"
ref="timerRef"
>
<div
v-if="mail.flowRemainingTime > 0"
style="height: 210px"
class="timer-box"
>
<el-progress
type="dashboard"
:percentage="percentage"
:stroke-width="16"
:width="240"
:stroke-width="10"
:color="colors"
class="timer"
>
@ -91,7 +91,7 @@
<span
style="font-size: 12px; color: #ff0000"
v-if="mail.extensionFlag"
>已延期1{{ mail.extensionDays }}天</span
>已延期{{ mail.extensionDays }}天</span
>
</el-progress>
</div>
@ -142,13 +142,6 @@
getTotalTime()
}}</span>
</span>
<el-button
type="primary"
size="small"
plain
:disabled="true"
>节点流程图</el-button
>
</header>
<el-scrollbar :max-height="flowMaxHeight">
<div class="flow-container">
@ -176,9 +169,7 @@
</div>
<div
class="flow-time"
:danger="
item.consumingTime >
item.limitedTime
:danger="item.handlerDeptName !== '长沙市公安局' && item.consumingTime > item.limitedTime
"
>
<span class="second mr-8"
@ -343,7 +334,7 @@
webComponents.indexOf('CompletionDetail') > -1
"
>
<CompletionDetail :mail="mail" />
<CompletionDetail />
</template>
<div style="height: 20px"></div>
</el-scrollbar>
@ -444,10 +435,10 @@
@close="approvedShow = false"
/>
<ConfirmedCompletion
v-model:show="completionShow"
v-model="completionShow"
v-model:data="requestData"
:mail="mail"
@submit="(key) => handleAction(key)"
@close="completionShow = false"
/>
<InitiateCountersign
v-model="countersignShow"
@ -601,6 +592,7 @@ watch(
}
);
const timerRef = ref()
async function getDetail() {
loading.value = true;
// 信件详情
@ -632,7 +624,7 @@ async function getDetail() {
leftContainerRef.value.offsetHeight -
(mailInfoRef.value?.offsetHeight || 0) -
flowHeaderRef.value.offsetHeight -
240;
(timerRef.value?.offsetHeight || 0);
});
}
@ -933,7 +925,9 @@ function getFlowHandler(item) {
}
}
}
.left-container {
padding: 0 20px 0 40px;
}
.timer {
--large-font-color: var(--primary-color);
--default-font-color: #999;
@ -950,6 +944,9 @@ function getFlowHandler(item) {
width: 100%;
}
}
.timer-box {
height: 210px;
}
.flow {
.flow-header {
background: #f5f6ff;
@ -1053,5 +1050,9 @@ footer {
span[danger="true"] {
color: var(--danger-color);
}
.timer-box .el-progress-circle {
height: 240px !important;
width: 240px !important;
}
}
</style>

11
src/views/work/components/MailTodoByChange.vue
Unescape View File

@ -136,12 +136,9 @@
</main>
<footer class="flex between mr-15 ml-15" style="background-color: #F9FAFF;">
<div></div>
<div>
<el-button type="primary" size="large" @click="handlePrint" plain :icon="Printer">打印</el-button>
<el-button type="primary" size="large" @click="handleExport" plain :icon="DocumentAdd">导出</el-button>
</div>
<div>
<el-button type="primary" size="large" @click="handleTodo">转为代办</el-button>
<el-button type="primary" size="large" @click="handleTodo">转为待办</el-button>
</div>
</footer>
</el-dialog>
@ -250,10 +247,10 @@ const handleTodo = () => {
mailChange({ mailId: props.mailId }).then(() => {
loading.value = false;
visible.value = false;
ElMessage.success('转为代办成功')
ElMessage.success('转为待办成功')
emits("update");
}).catch((err) => {
ElMessage.success('转为代办失败')
ElMessage.success('转为待办失败')
console.log(err)
})
}

22
src/views/work/components/templates/CompletionDetail.vue
Unescape View File

@ -25,7 +25,7 @@
</div>
<div class="col">
<label>群众回复情况</label>
<span>{{ mail.satisfactionStatus }}</span>
<span>{{ getSatisfaction() }}</span>
</div>
</div>
<div class="flex mb-12" v-if="mail.completionComment">
@ -43,12 +43,20 @@
</template>
</template>
<script setup>
defineProps({
mail: {
type: Object,
default: () => {},
},
});
const mail = inject('mail');
const SATISFACTION = {
not_satisfied: '不满意',
basically_satisfied: '基本满意',
satisfied: '非常满意'
}
function getSatisfaction() {
if (mail.value.satisfaction) {
return SATISFACTION[mail.value.satisfaction] + "(群众)"
}
return mail.value.satisfactionStatus;
}
</script>
<style lang="scss" scoped>
.col {

55
src/views/work/components/templates/ThreeHandling.vue
Unescape View File

@ -385,14 +385,14 @@
import CoHandlingPoliceEdit from "./CoHandlingPoliceEdit.vue";
import { listByThree, deptAll } from "@/api/org/department";
import { allLists } from "@/api/perms/admin";
import { timeDiffSeconds, formatTimeText } from "@/utils/util";
import { useDictData } from "@/hooks/useDictOptions";
import feedback from "@/utils/feedback";
const { VITE_API_URL } = process.env;
import { useDictData } from "@/hooks/useDictOptions";
const { dictData } = useDictData([
"interview_type",
"verify_problem",
@ -558,32 +558,43 @@ if (props.mail.simpleFlowFlag) {
];
}
const form = ref({});
const formRef = ref();
const step = ref(1);
watch(
() => props.mail.id,
() => {
formRef.value.resetFields();
initForm();
// 每次改变信件需要重新计算步骤
resetStep();
}
);
const activeStep = ref(step.value);
const depts = ref([]);
watch(step, (val) => {
activeStep.value = val
})
const resetStep = () => {
if (props.mail.flowKey === "interview_writer") {
step.value = 2;
} else if (props.mail.flowKey === "verify") {
step.value = 3;
getDepts(props.mail);
} else step.value = 1;
};
function init() {
console.log('init')
formRef.value?.resetFields();
initForm();
// 每次改变信件需要重新计算步骤
resetStep();
}
watch(
() => props.mail.flowKey,
() => props.mail.id + props.mail.flowKey,
() => {
updateStep();
init();
}
);
init()
watch(
() => props.mail.coHandlingPolices,
(val) => {
@ -602,23 +613,11 @@ function updateCoHandlingPolices() {
emits("update:data", data);
}
const depts = ref([]);
updateStep();
function updateStep() {
if (props.mail.flowKey === "interview_writer") {
step.value = 2;
}
if (props.mail.flowKey === "verify") {
step.value = 3;
getDepts(props.mail);
}
}
const activeStep = computed(() => step.value);
function handleChangeTab(index) {
if (props.mail.flowKey === "verify") {
step.value = index;
activeStep.value = index;
}
}
@ -680,8 +679,6 @@ function handleChangePolice(val, index) {
reportedPolices.value[index].name = police.name;
}
const form = ref({});
initForm();
function initForm() {
form.value = {
@ -712,7 +709,7 @@ function initForm() {
};
}
const reportedPolices = ref([]);
const formRef = ref();
function validate() {
return new Promise((resolve, reject) => {

4
src/views/work/components/templates/ThreeHandlingDetail.vue
Unescape View File

@ -32,7 +32,7 @@
<div class="flex mb-12" v-if="mail.contactPoliceName">
<div class="col" v-if="mail.mainDeptSignTime">
<label>主单位签收时长</label>
<span :dnager="mail.mainDeptSignTime > 600">{{ formatTimeText(mail.mainDeptSignTime) }}</span>
<span :danger="mail.mainDeptSignTime > 600">{{ formatTimeText(mail.mainDeptSignTime) }}</span>
</div>
<div class="col">
<label>联系民警</label>
@ -40,7 +40,7 @@
</div>
<div class="col">
<label>主单位联系群众时长</label>
<span :dnager="mail.contactDuration > 1800">{{ formatTimeText(mail.contactDuration) }}</span>
<span :danger="mail.contactDuration > 1800">{{ formatTimeText(mail.contactDuration) }}</span>
</div>
</div>
<template v-if="mail.interviewType">

1
vite.config.ts
Unescape View File

@ -21,6 +21,7 @@ export default ({ mode }) => {
},
server: {
host: '0.0.0.0',
port: 5172,
proxy: {
'/lan-api': {
target: 'http://127.0.0.1:8082',

Write Preview
Loading…
Cancel
Save