262 lines
9.1 KiB
TypeScript
262 lines
9.1 KiB
TypeScript
|
import { ref } from "vue"
|
|||
|
|
import dutApi from "@/api/project/dut"
|
|||
|
|
import { useRoute } from "vue-router"
|
|||
|
|
import { useTreeDataStore } from "@/store"
|
|||
|
|
import beiceType from "@/views/project/round/beiceType"
|
|||
|
|
/**
|
|||
|
|
* 传入组件Ref返回其options和columnOptions
|
|||
|
|
* @param crudRef crud组件的Ref，注意不存在传递undefined
|
|||
|
|
* @param formRef ma-form组件Ref
|
|||
|
|
* @returns
|
|||
|
|
*/
|
|||
|
|
export default function useCrudRef(crudRef?, formRef?) {
|
|||
|
|
// globals
|
|||
|
|
const route = useRoute()
|
|||
|
|
const projectId = ref(route.query.id)
|
|||
|
|
const treeDataStore = useTreeDataStore()
|
|||
|
|
const roundNumber = (route.query.key as any).split("-")[0]
|
|||
|
|
// 计算注释率计算crud/form的数据，判断
|
|||
|
|
const calcPercent = () => {
|
|||
|
|
if (crudRef) {
|
|||
|
|
const formData = crudRef.value.getFormData()
|
|||
|
|
const total_line = +formData.black_line + +formData.code_line + +formData.comment_line + +formData.mix_line
|
|||
|
|
const comment_total = +formData.comment_line + +formData.mix_line
|
|||
|
|
formData.comment_percent = `${(comment_total / total_line).toFixed(2).toString()}%`
|
|||
|
|
} else if (formRef) {
|
|||
|
|
const formData = formRef.value.getFormData()
|
|||
|
|
const { code_line, comment_line, mix_line, black_line } = formData
|
|||
|
|
const total_line = +black_line + +code_line + +comment_line + +mix_line
|
|||
|
|
const comment_total = +comment_line + +mix_line
|
|||
|
|
formData.comment_percent = `${(comment_total / total_line).toFixed(2).toString()}%`
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// refs
|
|||
|
|
const crudOptions = ref({
|
|||
|
|
api: dutApi.getDutList,
|
|||
|
|
add: { show: true, api: dutApi.save, text: "新增被测件" },
|
|||
|
|
edit: { show: true, api: dutApi.update, text: "编辑被测件" },
|
|||
|
|
delete: { show: true, api: dutApi.delete },
|
|||
|
|
// 处理添加后函数
|
|||
|
|
beforeOpenAdd: function () {
|
|||
|
|
let round_str = parseInt(route.query.key as any) + 1
|
|||
|
|
crudRef.value.crudFormRef.actionTitle = `${route.query.ident}>第${round_str}轮>被测件-`
|
|||
|
|
return true
|
|||
|
|
},
|
|||
|
|
beforeOpenEdit: function (record) {
|
|||
|
|
let round_str = parseInt(route.query.key as any) + 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
|
|||
|
|
if (!record) {
|
|||
|
|
record = { key: route.query.key + "-X" }
|
|||
|
|
}
|
|||
|
|
treeDataStore.updateDutTreeData(record, id)
|
|||
|
|
// 清空行选择器
|
|||
|
|
crudRef.value.tableRef.selectAll(false)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// 新增、编辑、删除均携带下面
|
|||
|
|
parameters: {
|
|||
|
|
projectId: route.query.id,
|
|||
|
|
round: roundNumber
|
|||
|
|
},
|
|||
|
|
operationWidth: 500,
|
|||
|
|
showIndex: false,
|
|||
|
|
showTools: false,
|
|||
|
|
rowSelection: { showCheckedAll: true },
|
|||
|
|
searchColNumber: 3,
|
|||
|
|
tablePagination: false,
|
|||
|
|
operationColumnWidth: 200, // 操作列宽度
|
|||
|
|
operationColumn: true,
|
|||
|
|
operationColumnAlign: "center",
|
|||
|
|
formOption: {
|
|||
|
|
viewType: "drawer",
|
|||
|
|
width: 600,
|
|||
|
|
mask: false
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const crudColumns = ref([
|
|||
|
|
{
|
|||
|
|
title: "ID",
|
|||
|
|
width: 50,
|
|||
|
|
align: "center",
|
|||
|
|
hide: true,
|
|||
|
|
dataIndex: "id",
|
|||
|
|
commonRules: [{ required: true, message: "ID是必填" }],
|
|||
|
|
validateTrigger: "blur",
|
|||
|
|
display: false
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "测件标识",
|
|||
|
|
width: 150,
|
|||
|
|
sortable: { sortDirections: ["ascend"] },
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "ident",
|
|||
|
|
search: true,
|
|||
|
|
// 这里做的标识预填
|
|||
|
|
addDefaultValue: route.query.ident + "-R" + (parseInt(route.query.key as any) + 1) + "-UT",
|
|||
|
|
addDisabled: true,
|
|||
|
|
editDisabled: true,
|
|||
|
|
validateTrigger: "blur",
|
|||
|
|
disabled: true,
|
|||
|
|
placeholder: "被测件标识未空，请检查"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
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" }
|
|||
|
|
},
|
|||
|
|
onControl: (value) => {
|
|||
|
|
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 },
|
|||
|
|
release_date: { display: false }
|
|||
|
|
}
|
|||
|
|
} 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 },
|
|||
|
|
release_date: { display: true }
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
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",
|
|||
|
|
help: "填写不带V字符",
|
|||
|
|
openPrepend: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "用户标识",
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "ref",
|
|||
|
|
search: true,
|
|||
|
|
commonRules: [{ required: true, message: "用户标识必填" }],
|
|||
|
|
validateTrigger: "blur",
|
|||
|
|
help: "客户使用的标识"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
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: "空行数必填" }],
|
|||
|
|
min: 0,
|
|||
|
|
onControl: () => {
|
|||
|
|
calcPercent()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "纯代码行",
|
|||
|
|
hide: true,
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "code_line",
|
|||
|
|
formType: "input-number",
|
|||
|
|
commonRules: [{ required: true, message: "纯代码行数必填" }],
|
|||
|
|
min: 0,
|
|||
|
|
onControl: () => {
|
|||
|
|
calcPercent()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "纯注释行",
|
|||
|
|
hide: true,
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "comment_line",
|
|||
|
|
formType: "input-number",
|
|||
|
|
commonRules: [{ required: true, message: "纯注释行数必填" }],
|
|||
|
|
min: 0,
|
|||
|
|
onControl: () => {
|
|||
|
|
calcPercent()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "混合行",
|
|||
|
|
hide: true,
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "mix_line",
|
|||
|
|
formType: "input-number",
|
|||
|
|
help: "混合行是指：代码中一行即包含代码也包含注释",
|
|||
|
|
commonRules: [{ required: true, message: "混合行数必填" }],
|
|||
|
|
min: 0,
|
|||
|
|
onControl: () => {
|
|||
|
|
calcPercent()
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "注释率 %",
|
|||
|
|
align: "center",
|
|||
|
|
dataIndex: "comment_percent",
|
|||
|
|
placeholder: "计算注释率",
|
|||
|
|
hide: true,
|
|||
|
|
addDisabled: true,
|
|||
|
|
editDisabled: true
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
return {
|
|||
|
|
crudOptions,
|
|||
|
|
crudColumns
|
|||
|
|
}
|
|||
|
|
}
|