264 lines
8.4 KiB
Vue
264 lines
8.4 KiB
Vue
<template>
|
|
<div class="ma-content-block lg:flex justify-between p-4">
|
|
<div class="lg:w-full w-full lg:ml-4 mt-5 lg:mt-0">
|
|
<!-- CRUD组件 -->
|
|
<ma-crud :options="crudOptions" :columns="crudColumns" ref="crudRef"></ma-crud>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="jsx">
|
|
import { ref } from "vue"
|
|
import { useRoute, useRouter } from "vue-router"
|
|
import dutApi from "@/api/project/dut"
|
|
import { useTreeDataStore } from "@/store"
|
|
const treeDataStore = useTreeDataStore()
|
|
const route = useRoute()
|
|
const roundNumber = route.query.key.split("-")[0]
|
|
const projectId = ref(route.query.id)
|
|
const crudRef = ref()
|
|
|
|
let beiceType = [
|
|
{ label: "源代码", value: "SO" },
|
|
{ label: "设计说明", value: "SJ" },
|
|
{ label: "需求文档", value: "XQ" },
|
|
{ label: "通信协议", value: "XY" },
|
|
{ label: "研制总要求", value: "YZ" }
|
|
]
|
|
// crud组件
|
|
const crudOptions = ref({
|
|
api: dutApi.getDutList,
|
|
add: { show: true, api: dutApi.save, text: "新增被测件" },
|
|
// 处理添加后函数
|
|
beforeOpenAdd: function () {
|
|
let round_str = parseInt(route.query.key) + 1
|
|
crudRef.value.crudFormRef.actionTitle = `${route.query.ident}>第${round_str}轮>被测件-`
|
|
return true
|
|
},
|
|
beforeOpenEdit: function (record) {
|
|
let round_str = parseInt(route.query.key) + 1
|
|
crudRef.value.crudFormRef.actionTitle = `${route.query.ident}>第${round_str}轮>被测件[${record.name}]-`
|
|
return true
|
|
},
|
|
afterAdd: (res) => {
|
|
let id = projectId.value
|
|
treeDataStore.updateDutTreeData(res.data, id)
|
|
},
|
|
afterEdit: (res) => {
|
|
let id = projectId.value
|
|
treeDataStore.updateDutTreeData(res.data, id)
|
|
},
|
|
afterDelete: (res, record) => {
|
|
let id = projectId.value
|
|
treeDataStore.updateDutTreeData(record, id)
|
|
},
|
|
edit: { show: true, api: dutApi.update, text: "编辑被测件" },
|
|
delete: { show: true, api: dutApi.delete },
|
|
parameters: {
|
|
projectId: route.query.id,
|
|
round: roundNumber
|
|
},
|
|
operationWidth: 500,
|
|
showIndex: false,
|
|
rowSelection: { showCheckedAll: true },
|
|
searchColNumber: 3,
|
|
tablePagination: false,
|
|
operationColumn: true,
|
|
operationColumnAlign: "center",
|
|
formOption: {
|
|
viewType: "drawer",
|
|
width: 600
|
|
}
|
|
})
|
|
|
|
const crudColumns = ref([
|
|
{
|
|
title: "ID",
|
|
width: 50,
|
|
align: "center",
|
|
dataIndex: "id",
|
|
commonRules: [{ required: true, message: "ID是必填" }],
|
|
validateTrigger: "blur"
|
|
},
|
|
{
|
|
title: "标识",
|
|
width: 150,
|
|
sortable: { sortDirections: ["ascend"] },
|
|
align: "center",
|
|
dataIndex: "ident",
|
|
search: true,
|
|
// 这里做的标识预填
|
|
addDefaultValue: route.query.ident + "-R" + (parseInt(route.query.key) + 1) + "-UT",
|
|
addDisabled: true,
|
|
editDisabled: true,
|
|
validateTrigger: "blur"
|
|
},
|
|
{
|
|
title: "被测类型",
|
|
align: "center",
|
|
dataIndex: "type",
|
|
search: true,
|
|
formType: "radio",
|
|
addDefaultValue: "SO",
|
|
dict: {
|
|
data: beiceType,
|
|
translation: true,
|
|
tagColors: { XQ: "blue", SO: "green", SJ: "orangered", XY: "pinkpurple", YZ: "red" }
|
|
},
|
|
control: (value, data) => {
|
|
if (value === "SO") {
|
|
return {
|
|
black_line: { display: true },
|
|
code_line: { display: true },
|
|
mix_line: { display: true },
|
|
comment_line: { display: true },
|
|
total_code_line: { display: true },
|
|
total_line: { display: true },
|
|
comment_percent: { display: true }
|
|
}
|
|
} else {
|
|
// 其他数据清除
|
|
return {
|
|
black_line: { display: false },
|
|
code_line: { display: false },
|
|
mix_line: { display: false },
|
|
comment_line: { display: false },
|
|
total_code_line: { display: false },
|
|
total_line: { display: false },
|
|
comment_percent: { display: false }
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
title: "被测件名",
|
|
width: 120,
|
|
align: "center",
|
|
dataIndex: "name",
|
|
search: true,
|
|
commonRules: [{ required: true, message: "需求名称是必填" }],
|
|
validateTrigger: "blur"
|
|
},
|
|
{
|
|
title: "版本",
|
|
align: "center",
|
|
dataIndex: "version",
|
|
search: true,
|
|
commonRules: [{ required: true, message: "版本必填" }],
|
|
validateTrigger: "blur"
|
|
},
|
|
{
|
|
title: "用户标识",
|
|
align: "center",
|
|
dataIndex: "ref",
|
|
search: true,
|
|
commonRules: [{ required: true, message: "用户标识或编号必填" }],
|
|
validateTrigger: "blur"
|
|
},
|
|
{
|
|
title: "单位",
|
|
align: "center",
|
|
dataIndex: "release_union",
|
|
search: true,
|
|
commonRules: [{ required: true, message: "单位必选" }],
|
|
formType: "select",
|
|
dict: { url: "system/contact/index", props: { label: "name", value: "name" }, translation: true }
|
|
},
|
|
{
|
|
title: "发布时间",
|
|
dataIndex: "release_date",
|
|
hide: true,
|
|
commonRules: [{ required: true, message: "时间必填" }],
|
|
formType: "date"
|
|
},
|
|
{
|
|
title: "空行",
|
|
hide: true,
|
|
align: "center",
|
|
dataIndex: "black_line",
|
|
formType: "input-number",
|
|
commonRules: [{ required: true, message: "空行数必填" }],
|
|
},
|
|
{
|
|
title: "纯代码行",
|
|
hide: true,
|
|
align: "center",
|
|
dataIndex: "code_line",
|
|
formType: "input-number",
|
|
commonRules: [{ required: true, message: "纯代码行数必填" }],
|
|
},
|
|
{
|
|
title: "纯注释行",
|
|
hide: true,
|
|
align: "center",
|
|
dataIndex: "comment_line",
|
|
formType: "input-number",
|
|
commonRules: [{ required: true, message: "纯注释行数必填" }],
|
|
},
|
|
{
|
|
title: "混合行",
|
|
hide: true,
|
|
align: "center",
|
|
dataIndex: "mix_line",
|
|
formType: "input-number",
|
|
commonRules: [{ required: true, message: "混合行数必填" }],
|
|
},
|
|
{
|
|
title: "注释率 %",
|
|
align: "center",
|
|
dataIndex: "comment_percent",
|
|
hide: true,
|
|
addDisabled: true,
|
|
editDisabled: true,
|
|
customRender: ({ record }) => {
|
|
const sum_line =
|
|
parseFloat(record.comment_line) +
|
|
parseFloat(record.mix_line) +
|
|
parseFloat(record.black_line) +
|
|
parseFloat(record.code_line)
|
|
if (record.comment_line && record.mix_line && record.black_line && record.code_line) {
|
|
if (
|
|
isNaN(parseFloat(record.comment_line)) ||
|
|
isNaN(parseFloat(record.mix_line)) ||
|
|
isNaN(parseFloat(record.black_line)) ||
|
|
isNaN(parseFloat(record.code_line))
|
|
) {
|
|
return "数值错误"
|
|
}
|
|
if (
|
|
parseFloat(record.comment_line) <= 0 ||
|
|
parseFloat(record.mix_line) <= 0 ||
|
|
parseFloat(record.black_line) <= 0 ||
|
|
parseFloat(record.code_line) <= 0
|
|
) {
|
|
return "不能为负数"
|
|
}
|
|
return (
|
|
<a-statistic
|
|
animation-duration={parseInt(1000)}
|
|
precision={2}
|
|
animation
|
|
value-style={{ color: "lightblue" }}
|
|
value={(parseFloat(record.comment_line) + parseFloat(record.mix_line)) / sum_line}
|
|
></a-statistic>
|
|
)
|
|
}
|
|
},
|
|
// 注意这个是个创新点
|
|
control(value, data) {
|
|
data.comment_percent = (
|
|
(parseFloat(data.comment_line) + parseFloat(data.mix_line)) /
|
|
(parseFloat(data.comment_line) +
|
|
parseFloat(data.mix_line) +
|
|
parseFloat(data.black_line) +
|
|
parseFloat(data.code_line))
|
|
)
|
|
.toFixed(2)
|
|
.toString()
|
|
}
|
|
}
|
|
])
|
|
</script>
|
|
|
|
<style lang="less" scoped></style>
|