suzhou-jichuang-lanhai
/
taicangZongzhi
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

部门转办情况

Browse Source
lijinlong
杜函宇 1 year ago
parent b58e124765
commit 1a2652c000
4 changed files with 151 additions and 148 deletions
Show Stats Download Patch File Download Diff File

2
.env.development
Unescape View File

@ -4,6 +4,6 @@ ENV = 'development'
# base api # base api
VUE_APP_BASE_API = '/dashboard' VUE_APP_BASE_API = '/dashboard'
VUE_APP_BASE_API2 = 'http://192.168.0.110:9027' VUE_APP_BASE_API2 = 'http://192.168.0.106:9027'
BASE_API = 'http://10.10.3.35:9070' BASE_API = 'http://10.10.3.35:9070'

7
src/api/wlSafe/index.js
Unescape View File

@ -21,3 +21,10 @@ export function safeRisks() {
method: 'get', method: 'get',
}) })
} }
//部门专办情况
export function sectorZB() {
return request({
url: '/zongzhi/opinionscreen/sentimentdept',
method: 'get',
})
}

213
src/views/privateOrder/sentiment/components/TransferVolume.vue
Unescape View File

@ -11,59 +11,63 @@
</template> </template>
<script> <script>
import { getyqZblNum } from '@/api/common' import { getyqZblNum } from "@/api/common";
import { sectorZB } from "@/api/wlSafe";
export default { export default {
data() { data() {
return { return {
lineName: ['消防部', '公安部', '通信部', '档案部', '后勤部', '审查部'], lineName: [],
lineValue: [10, 20, 5, 6, 1, 30] lineValue: [],
} };
}, },
mounted() { mounted() {
this.lineBox() this.getData()
// getyqZblNum().then(res => {
// res.data.forEach(ele => {
// this.lineName.push(ele.deptName)
// this.lineValue.push(ele.referralCount)
// })
// this.lineBox()
// }
// )
}, },
methods: { methods: {
getData() {
sectorZB().then((res) => {
res.data.forEach(value => {
this.lineName.push(value.dep_name)
this.lineValue.push(value.count)
});
this.lineBox();
});
},
lineBox() { lineBox() {
const myChart = this.$echarts.init(document.getElementById('box2')) const myChart = this.$echarts.init(document.getElementById("box2"));
const options = ({ const options = {
animation: true, animation: true,
grid: { grid: {
top: '6.5%', top: "6.5%",
bottom: '15%', bottom: "15%",
right: '5%' right: "5%",
}, },
title: { title: {
text: '单位:件', text: "单位:件",
textStyle: { textStyle: {
align: 'center', align: "center",
color: 'rgba(255,255,255,0.5)', color: "rgba(255,255,255,0.5)",
fontSize: 24 fontSize: 24,
}, },
top: '-4px', top: "-4px",
left: '11%' left: "11%",
}, },
xAxis: { xAxis: {
data: this.lineName, data: this.lineName,
axisLine: { axisLine: {
show: false // 隐藏X轴轴线 show: false, // 隐藏X轴轴线
}, },
axisTick: { axisTick: {
show: false // 隐藏X轴轴线 show: false, // 隐藏X轴轴线
}, },
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: 'rgba(77, 128, 254, 0.2)', color: "rgba(77, 128, 254, 0.2)",
width: 2 width: 2,
} },
}, },
axisLabel: { axisLabel: {
show: true, show: true,
@ -71,184 +75,183 @@ export default {
margin: 20, margin: 20,
fontSize: 18, fontSize: 18,
textStyle: { textStyle: {
color: '#65D5FF' // X轴文字颜色 color: "#65D5FF", // X轴文字颜色
}, },
formatter: function(params) { formatter: function (params) {
var newParamsName = '' // 拼接后的新字符串 var newParamsName = ""; // 拼接后的新字符串
var paramsNameNumber = params.length // 实际标签数 var paramsNameNumber = params.length; // 实际标签数
var provideNumber = 5 // 每行显示的字数 var provideNumber = 5; // 每行显示的字数
var rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 如需换回，算出要显示的行数 var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 如需换回，算出要显示的行数
if (paramsNameNumber > provideNumber) { if (paramsNameNumber > provideNumber) {
/** 循环每一行,p表示行 */ /** 循环每一行,p表示行 */
for (var i = 0; i < rowNumber; i++) { for (var i = 0; i < rowNumber; i++) {
var tempStr = '' // 每次截取的字符串 var tempStr = ""; // 每次截取的字符串
var start = i * provideNumber // 截取位置开始 var start = i * provideNumber; // 截取位置开始
var end = start + provideNumber // 截取位置结束 var end = start + provideNumber; // 截取位置结束
// 最后一行的需要单独处理 // 最后一行的需要单独处理
if (i === rowNumber - 1) { if (i === rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber) tempStr = params.substring(start, paramsNameNumber);
} else { } else {
tempStr = params.substring(start, end) + '\n' tempStr = params.substring(start, end) + "\n";
} }
newParamsName += tempStr newParamsName += tempStr;
} }
} else { } else {
newParamsName = params newParamsName = params;
} }
return newParamsName return newParamsName;
} },
} },
}, },
yAxis: [ yAxis: [
{ {
type: 'value', type: "value",
gridIndex: 0, gridIndex: 0,
min: 0, min: 0,
max: (value) => { max: (value) => {
if (value.max < 10) { if (value.max < 10) {
return 10 return 10;
} else { } else {
return Math.ceil(value.max / 10) * 10 return Math.ceil(value.max / 10) * 10;
} }
}, },
splitNumber: 5, splitNumber: 5,
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: 'rgba(77, 128, 254, 0.2)', color: "rgba(77, 128, 254, 0.2)",
width: 2 width: 2,
} },
}, },
axisTick: { axisTick: {
show: false show: false,
}, },
axisLine: { axisLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: 'rgba(77, 128, 254, 0.2)' color: "rgba(77, 128, 254, 0.2)",
} },
}, },
axisLabel: { axisLabel: {
show: true, show: true,
margin: 14, margin: 14,
fontSize: 20, fontSize: 20,
textStyle: { textStyle: {
color: '#65D5FF' color: "#65D5FF",
} },
} },
} },
], ],
series: [ series: [
{ {
name: '单数', name: "单数",
type: 'bar', type: "bar",
barWidth: 16, barWidth: 16,
itemStyle: { itemStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {
offset: 0, offset: 0,
color: 'rgba(146, 225, 255, 1)' color: "rgba(146, 225, 255, 1)",
}, },
{ {
offset: 1, offset: 1,
color: 'rgba(0, 151, 251, 1)' color: "rgba(0, 151, 251, 1)",
} },
]) ]),
} },
}, },
data: this.lineValue, data: this.lineValue,
z: 10, z: 10,
zlevel: 0, zlevel: 0,
label: { label: {
show: true, show: true,
position: 'top', position: "top",
textStyle: { textStyle: {
color: '#ffffff' color: "#ffffff",
} },
} },
}, },
{ {
// 分隔 // 分隔
type: 'pictorialBar', type: "pictorialBar",
itemStyle: { itemStyle: {
normal: { normal: {
color: '#0F375F' color: "#0F375F",
} },
}, },
symbolRepeat: 'fixed', symbolRepeat: "fixed",
symbolMargin: 6, symbolMargin: 6,
symbol: 'rect', symbol: "rect",
symbolClip: true, symbolClip: true,
symbolSize: [18, 2], symbolSize: [18, 2],
symbolPosition: 'start', symbolPosition: "start",
symbolOffset: [1, 1], symbolOffset: [1, 1],
data: this.lineValue, data: this.lineValue,
width: 2, width: 2,
z: 0, z: 0,
zlevel: 1 zlevel: 1,
}, },
{ {
type: 'bar', type: "bar",
barGap: '-110%', // 设置外框粗细 barGap: "-110%", // 设置外框粗细
data: [10, 10, 10, 10, 10, 10, 10], data: [10, 10, 10, 10, 10, 10, 10],
barWidth: 16, barWidth: 16,
itemStyle: { itemStyle: {
normal: { normal: {
color: 'transparent', // 填充色 color: "transparent", // 填充色
// barBorderRadius: 0, //圆角半径 // barBorderRadius: 0, //圆角半径
label: { label: {
// 标签显示位置 // 标签显示位置
show: false, show: false,
position: 'top' // insideTop 或者横向的 insideLeft position: "top", // insideTop 或者横向的 insideLeft
} },
} },
}, },
z: 0 z: 0,
}, },
{ {
type: 'line', type: "line",
smooth: true, // 平滑曲线显示 smooth: true, // 平滑曲线显示
showAllSymbol: false, // 显示所有图形。 showAllSymbol: false, // 显示所有图形。
symbolSize: 0, symbolSize: 0,
lineStyle: { lineStyle: {
width: 0 width: 0,
}, },
areaStyle: { areaStyle: {
color: 'rgba(0, 151, 251, 0.5)' color: "rgba(0, 151, 251, 0.5)",
}, },
data: this.lineValue data: this.lineValue,
} },
], ],
dataZoom: [ dataZoom: [
{ {
type: 'slider', type: "slider",
show: false, show: false,
xAxisIndex: [0], xAxisIndex: [0],
endValue: 5, endValue: 5,
startValue: 0 startValue: 0,
} },
] ],
}) };
if (options && typeof options === 'object') { if (options && typeof options === "object") {
myChart.setOption(options, true) myChart.setOption(options, true);
// 定时自动滚动 // 定时自动滚动
setInterval(() => { setInterval(() => {
if (options.dataZoom[0].endValue === this.lineValue?.length) { if (options.dataZoom[0].endValue === this.lineValue?.length) {
options.dataZoom[0].endValue = 5 options.dataZoom[0].endValue = 5;
options.dataZoom[0].startValue = 0 options.dataZoom[0].startValue = 0;
} else { } else {
options.dataZoom[0].endValue = options.dataZoom[0].endValue + 1 options.dataZoom[0].endValue = options.dataZoom[0].endValue + 1;
options.dataZoom[0].startValue = options.dataZoom[0].startValue + 1 options.dataZoom[0].startValue = options.dataZoom[0].startValue + 1;
} }
myChart.setOption(options, true) myChart.setOption(options, true);
}, 2000) }, 2000);
} }
} },
} },
} };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
#box2 { #box2 {

77
src/views/privateOrder/sentiment/components/componentRight.vue
Unescape View File

@ -69,7 +69,7 @@
<div class="Special-report" @click="reportDetails('专报')"> <div class="Special-report" @click="reportDetails('专报')">
<div class="Special-icon"></div> <div class="Special-icon"></div>
<div class="Special-title">专报</div> <div class="Special-title">专报</div>
<div class="Special-num">{{Transfer[0].bg }}</div> <div class="Special-num">{{ Transfer[0].bg }}</div>
</div> </div>
<div class="Monthly-report" @click="reportDetails('月报')"> <div class="Monthly-report" @click="reportDetails('月报')">
<div class="Monthly-icon"></div> <div class="Monthly-icon"></div>
@ -222,21 +222,23 @@
text-align: center; text-align: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
" "
> >
<div <div
v-if="fileExtension === 'docx' || fileExtension === 'doc'" v-if="fileExtension === 'docx' || fileExtension === 'doc'"
ref="file" ref="file1"
class="file-content" class="file-content"
></div> ></div>
<div v-if="fileExtension === 'pdf'" class="file-content"> <div v-if="fileExtension === 'pdf'" class="file-content">
<pdf <!-- <pdf
v-for="i in numPages" v-for="i in numPages"
ref="pdf" ref="pdf"
:key="i" :key="i"
:src="pdfUrl" :src="pdfUrl"
:page="i" :page="i"
></pdf> ></pdf> -->
<iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
@ -373,9 +375,9 @@ export default {
// 当前选中文件类型 // 当前选中文件类型
fileExtension: "", fileExtension: "",
numPages: 1, numPages: 1,
pdfUrl: "",
currentWarningObj: {}, currentWarningObj: {},
//=================== //===================
pdfUrl: "",
formData: { formData: {
pageSize: 1, pageSize: 1,
pageNum: 1, pageNum: 1,
@ -456,12 +458,12 @@ export default {
this.tsdNum = res.data.reminder; this.tsdNum = res.data.reminder;
this.zbdNum = res.data.isturn; this.zbdNum = res.data.isturn;
res.data.reportList.forEach((value, index) => { res.data.reportList.forEach((value, index) => {
this.Transfer.forEach((value1,index1)=>{ this.Transfer.forEach((value1, index1) => {
if(value.sentimentReportType == value1.type){ if (value.sentimentReportType == value1.type) {
this.Transfer[index1].bg = value.count this.Transfer[index1].bg = value.count;
return return;
} }
}) });
}); });
console.log(this.Transfer); console.log(this.Transfer);
}); });
@ -562,40 +564,31 @@ export default {
this.newbgForm.pageNum = val; this.newbgForm.pageNum = val;
this.getyqbgType(); this.getyqbgType();
}, },
rowClick(row, type) { rowClick(row) {
this.dialogDetails = true; if (!row.fileName && !row.fileUrl) return;
let str = row.fileName.split("."); let str = row.fileUrl.split(',')
this.fileExtension = str[1]; let str1 = str[0].split('.')
}, this.fileExtension = str1[1];
if (this.fileExtension == "pdf") {
getNumPages(url) { this.pdfUrl = process.env.VUE_APP_BASE_API2 + str[0];
axios({ this.dialogDetails = true;
method: "GET", } else if (
url: url, // 后台接口 this.fileExtension === "docx" ||
paramsSerializer: function (params) { this.fileExtension === "doc"
return qs.stringify(params, { arrayFormat: "brackets" }); ) {
}, axios({
headers: { method: "get",
"Content-Type": responseType: "blob", // 设置响应文件格式
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", url: process.env.VUE_APP_BASE_API2 + str[0],
}, }).then(({ data }) => {
responseType: "blob", if (data) {
}) this.dialogDetails = true;
.then((response) => { this.$nextTick(() => {
this.pdfUrl = this.getObjectURL(response.data); docx.renderAsync(data, this.$refs.file1); // 渲染到页面预览
const loadingTask = pdf.createLoadingTask(this.pdfUrl);
loadingTask.promise
.then((pdf) => {
this.numPages = pdf.numPages;
this.dialogDetails = true;
})
.catch((err) => {
console.error("pdf 加载失败", err);
}); });
}) }
.catch((error) => {
this.$message.error("" + error);
}); });
}
}, },
// 文件流转url // 文件流转url
getObjectURL(file) { getObjectURL(file) {

Write Preview
Loading…
Cancel
Save