|
@@ -592,7 +592,7 @@ import {
|
|
|
getzbky,
|
|
|
// 获取装备五率接口
|
|
|
addzbwl,
|
|
|
- getliulian
|
|
|
+ getliulian,
|
|
|
} from "@/api/combatduty/ReteOfTen";
|
|
|
import Cookies from "js-cookie";
|
|
|
export default {
|
|
@@ -611,24 +611,26 @@ export default {
|
|
|
// 表单校验
|
|
|
rules: {
|
|
|
bzrs: [
|
|
|
- { required: true, message: "编制人数不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "编制人数不能为空", trigger: "blur" },
|
|
|
],
|
|
|
zbbz: [
|
|
|
- { required: true, message: "装备编制不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "装备编制不能为空", trigger: "blur" },
|
|
|
],
|
|
|
zbsy: [
|
|
|
- { required: true, message: "装备实有不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "装备实有不能为空", trigger: "blur" },
|
|
|
],
|
|
|
sjpt: [
|
|
|
- { required: true, message: "实际配套不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "实际配套不能为空", trigger: "blur" },
|
|
|
],
|
|
|
bzpt: [
|
|
|
- { required: true, message: "编制配套不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "编制配套不能为空", trigger: "blur" },
|
|
|
],
|
|
|
zbcd: [
|
|
|
- { required: true, message: "战术储备不能为空", trigger: "blur" }
|
|
|
+ { required: true, message: "战术储备不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ cczb: [
|
|
|
+ { required: true, message: "存储标准不能为空", trigger: "blur" },
|
|
|
],
|
|
|
- cczb: [{ required: true, message: "存储标准不能为空", trigger: "blur" }]
|
|
|
},
|
|
|
zaiweirenshu: 0,
|
|
|
chudongrenshu: 0,
|
|
@@ -643,15 +645,11 @@ export default {
|
|
|
// 六量加载
|
|
|
loading3: false,
|
|
|
zhuangbei: [],
|
|
|
- zbky: ""
|
|
|
+ zbky: "",
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
- if (Cookies.get("shuaxin") != "true") {
|
|
|
- window.location.reload();
|
|
|
- }
|
|
|
- Cookies.set("shuaxin", "true");
|
|
|
- getReteOfTen().then(res => {
|
|
|
+ getReteOfTen().then((res) => {
|
|
|
// console.log(res)
|
|
|
this.loading1 = true;
|
|
|
this.form = res.rows[0];
|
|
@@ -661,15 +659,19 @@ export default {
|
|
|
this.getZbwl();
|
|
|
},
|
|
|
created() {
|
|
|
+ if (Cookies.get("shuaxin") != "true") {
|
|
|
+ window.location.reload();
|
|
|
+ }
|
|
|
+ Cookies.set("shuaxin", "true");
|
|
|
this.getLiuliang();
|
|
|
- getzbky().then(res => {
|
|
|
+ getzbky().then((res) => {
|
|
|
this.zbky = res.msg;
|
|
|
console.log(this.zbky);
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
getZbwl() {
|
|
|
- getzbwl().then(res => {
|
|
|
+ getzbwl().then((res) => {
|
|
|
this.loading2 = true;
|
|
|
this.form1 = {};
|
|
|
this.zhuangbei = res.rows[0];
|
|
@@ -680,7 +682,7 @@ export default {
|
|
|
},
|
|
|
getLiuliang() {
|
|
|
this.loading3 = true;
|
|
|
- getliuliang().then(res => {
|
|
|
+ getliuliang().then((res) => {
|
|
|
this.form2 = {};
|
|
|
this.sixnum = res.rows[0];
|
|
|
this.loading3 = false;
|
|
@@ -696,23 +698,23 @@ export default {
|
|
|
this.form1.zbky = this.zbky;
|
|
|
this.form1 = this.zhuangbei;
|
|
|
console.log(this.form1);
|
|
|
- addzbwl().then(res => {
|
|
|
+ addzbwl().then((res) => {
|
|
|
this.form1 = res.rows[0];
|
|
|
});
|
|
|
},
|
|
|
editor3() {
|
|
|
this.open2 = true;
|
|
|
this.form2 = this.sixnum;
|
|
|
- getliulian().then(res => {
|
|
|
+ getliulian().then((res) => {
|
|
|
this.form2 = res.rows[0];
|
|
|
});
|
|
|
},
|
|
|
// 编辑人员五率确定
|
|
|
submitForm() {
|
|
|
console.log(this.form);
|
|
|
- this.$refs["form"].validate(valid => {
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- updatewulv(this.form).then(response => {
|
|
|
+ updatewulv(this.form).then((response) => {
|
|
|
this.form = this.form;
|
|
|
this.$modal.msgSuccess("上传成功");
|
|
|
this.open = false;
|
|
@@ -723,11 +725,11 @@ export default {
|
|
|
},
|
|
|
// 编辑装备五率确定
|
|
|
submitForm1() {
|
|
|
- this.$refs["form1"].validate(valid => {
|
|
|
+ this.$refs["form1"].validate((valid) => {
|
|
|
this.form.zbky = 0;
|
|
|
if (valid) {
|
|
|
// 添加装备五率的接口
|
|
|
- updatezbwl(this.form1).then(response => {
|
|
|
+ updatezbwl(this.form1).then((response) => {
|
|
|
this.$modal.msgSuccess("上传成功");
|
|
|
this.open1 = false;
|
|
|
// 调用装备五率列表接口
|
|
@@ -738,9 +740,9 @@ export default {
|
|
|
},
|
|
|
// 编辑六量确定
|
|
|
submitForm2() {
|
|
|
- this.$refs["form2"].validate(valid => {
|
|
|
+ this.$refs["form2"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- updateliuliang(this.form2).then(response => {
|
|
|
+ updateliuliang(this.form2).then((response) => {
|
|
|
this.$modal.msgSuccess("上传成功");
|
|
|
this.open2 = false;
|
|
|
this.getLiuliang();
|
|
@@ -802,11 +804,11 @@ export default {
|
|
|
var data = [
|
|
|
{
|
|
|
value: this.form.bzrs,
|
|
|
- name: "实际人数"
|
|
|
+ name: "实际人数",
|
|
|
},
|
|
|
{
|
|
|
- value: this.form.sjrs
|
|
|
- }
|
|
|
+ value: this.form.sjrs,
|
|
|
+ },
|
|
|
];
|
|
|
data[1].value = this.form.sjrs - data[0].value;
|
|
|
let data11 = this.form.sjrs;
|
|
@@ -814,7 +816,7 @@ export default {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
"编制人数" +
|
|
|
"(" +
|
|
@@ -828,7 +830,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.9 ) ",
|
|
|
- borderColor: "#fff"
|
|
|
+ borderColor: "#fff",
|
|
|
},
|
|
|
color: ["#F2AC72", "#144d72"],
|
|
|
series: [
|
|
@@ -848,9 +850,9 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
// console.log(data[1].value)
|
|
|
// 设置满编率
|
|
|
// var n = data[0].value / (data[1].value + data[0].value);
|
|
@@ -867,14 +869,14 @@ export default {
|
|
|
`{name|满编率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
normal: {
|
|
|
label: {
|
|
|
show: true,
|
|
|
- formatter: "{b} : {c} ({d}%)"
|
|
|
+ formatter: "{b} : {c} ({d}%)",
|
|
|
},
|
|
|
- labelLine: { show: true }
|
|
|
+ labelLine: { show: true },
|
|
|
},
|
|
|
// 样式
|
|
|
// itemStyle: {
|
|
@@ -891,20 +893,20 @@ export default {
|
|
|
labelLine: {
|
|
|
// show: true,
|
|
|
},
|
|
|
- data: data
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
// 在位率
|
|
|
var data2 = [
|
|
|
{
|
|
|
value: this.form.zwrs,
|
|
|
- name: "在位人数"
|
|
|
+ name: "在位人数",
|
|
|
},
|
|
|
{
|
|
|
value: this.form.zwrs,
|
|
|
- name: "未在位人数"
|
|
|
- }
|
|
|
+ name: "未在位人数",
|
|
|
+ },
|
|
|
];
|
|
|
data2[1].value = this.form.bzrs - data2[0].value;
|
|
|
let data22 = this.form.zwrs;
|
|
@@ -912,96 +914,96 @@ export default {
|
|
|
var data3 = [
|
|
|
{
|
|
|
value: this.form.dkrs,
|
|
|
- name: "指挥员/参谋员/专业技术人员/主战专业军士实际专业对口"
|
|
|
+ name: "指挥员/参谋员/专业技术人员/主战专业军士实际专业对口",
|
|
|
},
|
|
|
{
|
|
|
value: this.form.dkrs,
|
|
|
- name: "实际人数"
|
|
|
- }
|
|
|
+ name: "实际人数",
|
|
|
+ },
|
|
|
];
|
|
|
data3[1].value = this.form.sjrs - data3[0].value;
|
|
|
// console.log(data3[1].value)
|
|
|
var data4 = [
|
|
|
{
|
|
|
value: this.form.cdrs,
|
|
|
- name: "出动人数"
|
|
|
+ name: "出动人数",
|
|
|
},
|
|
|
{
|
|
|
value: this.form.cdrs,
|
|
|
- name: "未出动率"
|
|
|
- }
|
|
|
+ name: "未出动率",
|
|
|
+ },
|
|
|
];
|
|
|
data4[1].value = this.form.bzrs - data4[0].value;
|
|
|
let data44 = this.form.cdrs;
|
|
|
var data5 = [
|
|
|
{
|
|
|
value: 5,
|
|
|
- name: "军事训练成绩达到合格人数"
|
|
|
+ name: "军事训练成绩达到合格人数",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "未合格人数"
|
|
|
- }
|
|
|
+ name: "未合格人数",
|
|
|
+ },
|
|
|
];
|
|
|
data5[1].value = this.form.zwrs - data5[0].value;
|
|
|
let data55 = this.form.zwrs;
|
|
|
var data6 = [
|
|
|
{
|
|
|
value: this.zhuangbei.zbsy,
|
|
|
- name: "按编配配备的装备实力数"
|
|
|
+ name: "按编配配备的装备实力数",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "未配备人数"
|
|
|
- }
|
|
|
+ name: "未配备人数",
|
|
|
+ },
|
|
|
];
|
|
|
data6[1].value = this.zhuangbei.zbbz - data6[0].value;
|
|
|
|
|
|
var data7 = [
|
|
|
{
|
|
|
value: this.zhuangbei.zbky,
|
|
|
- name: "装备可用数"
|
|
|
+ name: "装备可用数",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "装备不可用数"
|
|
|
- }
|
|
|
+ name: "装备不可用数",
|
|
|
+ },
|
|
|
];
|
|
|
data7[1].value = this.zhuangbei.zbsy - this.zhuangbei.zbky;
|
|
|
|
|
|
var data8 = [
|
|
|
{
|
|
|
value: this.zhuangbei.sjpt,
|
|
|
- name: "装备实际配套数"
|
|
|
+ name: "装备实际配套数",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "装备未配套数"
|
|
|
- }
|
|
|
+ name: "装备未配套数",
|
|
|
+ },
|
|
|
];
|
|
|
data8[1].value = this.zhuangbei.bzpt - data8[0].value;
|
|
|
|
|
|
var data9 = [
|
|
|
{
|
|
|
value: this.zhuangbei.cczb,
|
|
|
- name: "建制单位达到战备战备储存标准的装备数量"
|
|
|
+ name: "建制单位达到战备战备储存标准的装备数量",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "未达标"
|
|
|
- }
|
|
|
+ name: "未达标",
|
|
|
+ },
|
|
|
];
|
|
|
data9[1].value = this.zhuangbei.zbsy - data9[0].value;
|
|
|
|
|
|
var data10 = [
|
|
|
{
|
|
|
value: this.zhuangbei.zbcd,
|
|
|
- name: "装备出动数"
|
|
|
+ name: "装备出动数",
|
|
|
},
|
|
|
{
|
|
|
value: 200,
|
|
|
- name: "装备未出动数"
|
|
|
- }
|
|
|
+ name: "装备未出动数",
|
|
|
+ },
|
|
|
];
|
|
|
data10[1].value = this.zhuangbei.zbbz - data10[0].value;
|
|
|
|
|
@@ -1009,7 +1011,7 @@ export default {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data2[0].name +
|
|
|
"(" +
|
|
@@ -1023,7 +1025,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#27A1F8", "#144d72"],
|
|
|
series: [
|
|
@@ -1041,9 +1043,9 @@ export default {
|
|
|
// borderWidth: 5, borderRadius: 5, // padding: [0, 86], height: 70, fontSize: 20, show: true,
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
// if(_this.form.bzrs-_this.form.zwrs<=0){
|
|
|
// // console.log(1)
|
|
|
// data2[1].value=9
|
|
@@ -1071,21 +1073,21 @@ export default {
|
|
|
return s;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
|
// borderWidth: 10,
|
|
|
// },
|
|
|
- data: data2
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data2,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option3 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (data3[0].name.length > 20) {
|
|
|
return (
|
|
|
data3[0].name.slice(0, 20) +
|
|
@@ -1115,7 +1117,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#FAC858", "#144d72"],
|
|
|
series: [
|
|
@@ -1133,9 +1135,9 @@ export default {
|
|
|
// borderWidth: 5, borderRadius: 5, // padding: [0, 86], height: 70, fontSize: 20, show: true,
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (_this.form.dkrs == 0 || _this.form.sjrs == 0) {
|
|
|
var s =
|
|
|
`{value|${(0).toFixed()}%}` + "\n" + "\n" + `{name|对口率}`;
|
|
@@ -1149,21 +1151,21 @@ export default {
|
|
|
`{name|对口率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
|
// borderWidth: 10,
|
|
|
// },
|
|
|
- data: data3
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data3,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option4 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data4[0].name +
|
|
|
"(" +
|
|
@@ -1177,7 +1179,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#05D5E9", "#144d72"],
|
|
|
series: [
|
|
@@ -1193,14 +1195,12 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
formatter: function (params) {
|
|
|
- if (_this.form.cdrs == 0 || _this.form.bzrs==0) {
|
|
|
- var s = `{value|${(0).toFixed()}%}` +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- `{name|出动率}`;
|
|
|
+ if (_this.form.cdrs == 0 || _this.form.bzrs == 0) {
|
|
|
+ var s =
|
|
|
+ `{value|${(0).toFixed()}%}` + "\n" + "\n" + `{name|出动率}`;
|
|
|
return s;
|
|
|
} else {
|
|
|
var n = _this.form.cdrs / _this.form.bzrs;
|
|
@@ -1211,21 +1211,21 @@ export default {
|
|
|
`{name|出动率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
|
// borderWidth: 10,
|
|
|
// },
|
|
|
- data: data4
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data4,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option5 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data5[0].name +
|
|
|
"(" +
|
|
@@ -1239,7 +1239,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#11F0A0 ", "#144d72"],
|
|
|
series: [
|
|
@@ -1257,9 +1257,9 @@ export default {
|
|
|
// borderWidth: 5, borderRadius: 5, // padding: [0, 86], height: 70, fontSize: 20, show: true,
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (data5[0].value == 0 || _this.form.zwrs == 0) {
|
|
|
var s =
|
|
|
`{value|${(0).toFixed()}%}` + "\n" + "\n" + `{name|称职率}`;
|
|
@@ -1273,21 +1273,21 @@ export default {
|
|
|
`{name|称职率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
|
// borderWidth: 10,
|
|
|
// },
|
|
|
- data: data5
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data5,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option6 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data6[0].name +
|
|
|
"(" +
|
|
@@ -1301,7 +1301,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#F2AC72", "#144d72"],
|
|
|
series: [
|
|
@@ -1317,9 +1317,9 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (_this.zhuangbei.zbsy == 0 || _this.zhuangbei.zbbz == 0) {
|
|
|
var s =
|
|
|
`{value|${(0).toFixed()}%}` +
|
|
@@ -1336,7 +1336,7 @@ export default {
|
|
|
`{name|装备满编率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
@@ -1350,17 +1350,17 @@ export default {
|
|
|
// },
|
|
|
// },
|
|
|
labelLine: {
|
|
|
- show: true
|
|
|
+ show: true,
|
|
|
},
|
|
|
- data: data6
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data6,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option7 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data7[0].name +
|
|
|
"(" +
|
|
@@ -1374,7 +1374,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#27A1F8", "#144d72"],
|
|
|
series: [
|
|
@@ -1390,14 +1390,15 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
formatter: function (params) {
|
|
|
- if (_this.zhuangbei.zbky== 0 || _this.zhuangbei.zbsy==0) {
|
|
|
- var s = `{value|${(0).toFixed()}%}` +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- `{name|装备可用率}`;
|
|
|
+ if (_this.zhuangbei.zbky == 0 || _this.zhuangbei.zbsy == 0) {
|
|
|
+ var s =
|
|
|
+ `{value|${(0).toFixed()}%}` +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ `{name|装备可用率}`;
|
|
|
return s;
|
|
|
} else {
|
|
|
var n = _this.zhuangbei.zbky / _this.zhuangbei.zbsy;
|
|
@@ -1408,7 +1409,7 @@ export default {
|
|
|
`{name|装备可用率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
@@ -1424,15 +1425,15 @@ export default {
|
|
|
// labelLine: {
|
|
|
// show: true,
|
|
|
// },
|
|
|
- data: data7
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data7,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option8 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data8[0].name +
|
|
|
"(" +
|
|
@@ -1446,7 +1447,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#FAC858", "#144d72"],
|
|
|
series: [
|
|
@@ -1462,15 +1463,16 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
// var n = data8[0].value / (data8[1].value + data8[0].value);
|
|
|
- if (_this.zhuangbei.sjpt== 0 || _this.zhuangbei.bzpt==0) {
|
|
|
- var s = `{value|${(0).toFixed()}%}` +
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- `{name|装备配套率}`;
|
|
|
+ if (_this.zhuangbei.sjpt == 0 || _this.zhuangbei.bzpt == 0) {
|
|
|
+ var s =
|
|
|
+ `{value|${(0).toFixed()}%}` +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ `{name|装备配套率}`;
|
|
|
return s;
|
|
|
} else {
|
|
|
var n = _this.zhuangbei.sjpt / _this.zhuangbei.bzpt;
|
|
@@ -1481,7 +1483,7 @@ export default {
|
|
|
`{name|装备配套率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
@@ -1497,15 +1499,15 @@ export default {
|
|
|
// labelLine: {
|
|
|
// show: true,
|
|
|
// },
|
|
|
- data: data8
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data8,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option9 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (data9[0].name.length > 15) {
|
|
|
return (
|
|
|
data9[0].name.slice(0, 15) +
|
|
@@ -1535,7 +1537,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#05D5E9", "#144d72"],
|
|
|
series: [
|
|
@@ -1551,9 +1553,9 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
if (_this.zhuangbei.cczb == 0 || _this.zhuangbei.zbsy == 0) {
|
|
|
var s =
|
|
|
`{value|${(0).toFixed()}%}` +
|
|
@@ -1570,7 +1572,7 @@ export default {
|
|
|
`{name|装备战备储存率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
@@ -1586,15 +1588,15 @@ export default {
|
|
|
// labelLine: {
|
|
|
// show: true,
|
|
|
// },
|
|
|
- data: data9
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data9,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
var option10 = {
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
position: ["10%", "50%"],
|
|
|
- formatter: function(params) {
|
|
|
+ formatter: function (params) {
|
|
|
return (
|
|
|
data10[0].name +
|
|
|
"(" +
|
|
@@ -1608,7 +1610,7 @@ export default {
|
|
|
);
|
|
|
},
|
|
|
backgroundColor: "rgba(32, 99, 200,0.8 )",
|
|
|
- borderColor: "#17F765"
|
|
|
+ borderColor: "#17F765",
|
|
|
},
|
|
|
color: ["#11F0A0", "#144d72"],
|
|
|
series: [
|
|
@@ -1624,14 +1626,15 @@ export default {
|
|
|
position: "center",
|
|
|
rich: {
|
|
|
value: { fontSize: 28, color: "#fff" },
|
|
|
- name: { color: "#fff", fontSize: 14 }
|
|
|
+ name: { color: "#fff", fontSize: 14 },
|
|
|
},
|
|
|
formatter: function (params) {
|
|
|
- if (_this.zhuangbei.zbcd== 0 || _this.form.zbbz==0) {
|
|
|
- var s = `{value|${(0).toFixed()}%}`+
|
|
|
- "\n" +
|
|
|
- "\n" +
|
|
|
- `{name|装备出动率}`;
|
|
|
+ if (_this.zhuangbei.zbcd == 0 || _this.form.zbbz == 0) {
|
|
|
+ var s =
|
|
|
+ `{value|${(0).toFixed()}%}` +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ `{name|装备出动率}`;
|
|
|
return s;
|
|
|
} else {
|
|
|
var n = data10[0].value / (data10[1].value + data10[0].value);
|
|
@@ -1642,7 +1645,7 @@ export default {
|
|
|
`{name|装备出动率}`;
|
|
|
return s;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
// itemStyle: {
|
|
|
// borderRadius: 2,
|
|
@@ -1658,73 +1661,73 @@ export default {
|
|
|
// labelLine: {
|
|
|
// show: true,
|
|
|
// },
|
|
|
- data: data10
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: data10,
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
|
|
|
myChart1.setOption(option);
|
|
|
myChart1.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart2.setOption(option2);
|
|
|
myChart2.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart3.setOption(option3);
|
|
|
myChart3.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart4.setOption(option4);
|
|
|
myChart4.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart5.setOption(option5);
|
|
|
myChart5.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart6.setOption(option6);
|
|
|
myChart6.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart7.setOption(option7);
|
|
|
myChart7.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart8.setOption(option8);
|
|
|
myChart8.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart9.setOption(option9);
|
|
|
myChart9.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
myChart10.setOption(option10);
|
|
|
myChart10.dispatchAction({
|
|
|
type: "highlight",
|
|
|
seriesIndex: 0,
|
|
|
- dataIndex: 0
|
|
|
+ dataIndex: 0,
|
|
|
});
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|