|
|
@@ -21,30 +21,68 @@
|
|
|
<div class="databox">
|
|
|
<div class="box">
|
|
|
<div class="title">
|
|
|
- <div class="bg"></div>
|
|
|
- 样本数据录入
|
|
|
+ <div style="display: flex; align-items: center">
|
|
|
+ <div class="bg"></div>
|
|
|
+ 样本数据录入
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="btns">
|
|
|
+ <el-button
|
|
|
+ class="btn"
|
|
|
+ :type="disabled ? 'success' : 'primary'"
|
|
|
+ @click="changeEdit"
|
|
|
+ >{{ disabled ? "保存" : "编辑" }}</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="disabled"
|
|
|
+ type="info"
|
|
|
+ class="btn"
|
|
|
+ @click="cancelEdit"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="tableTitle">
|
|
|
+ <!-- <div class="tableTitle">
|
|
|
调阻精度一致性检测表
|
|
|
<span style="float: right; right: 30px">2024年</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="info">
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
border
|
|
|
:style="{ height: maxHeight - 120 + 'px' }"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
>
|
|
|
- <el-table-column prop="date" label="Date" width="180" />
|
|
|
- <el-table-column prop="name" label="Name" width="180" />
|
|
|
- <el-table-column prop="address" label="Address" />
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="date"
|
|
|
+ label="Date"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ prop="name"
|
|
|
+ label="Name"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column align="center" label="调整精度">
|
|
|
+ <el-table-column align="center" prop="date" label="date">
|
|
|
+ <template #default="{ row }"
|
|
|
+ ><span v-if="!disabled">{{ row.date }}</span>
|
|
|
+ <el-input v-else v-model="row.date" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" prop="name" label="name" />
|
|
|
+ <el-table-column align="center" prop="address" label="Address" />
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <div class="illustrate">
|
|
|
+ <!-- <div class="illustrate">
|
|
|
<div class="text">
|
|
|
1)
|
|
|
Cpk值为表征调阻精度一致性的参数，通过相应的软件计算得出，调阻精度是否符合要求得判据：Cpk值≥1.33。
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -52,21 +90,9 @@
|
|
|
|
|
|
<script setup>
|
|
|
import * as echarts from "echarts";
|
|
|
-const value = ref("");
|
|
|
-const options = [
|
|
|
- {
|
|
|
- value: "1",
|
|
|
- label: "调阻1",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "23",
|
|
|
- label: "调阻2",
|
|
|
- },
|
|
|
-];
|
|
|
-const maxHeight = ref(null);
|
|
|
-const maxWidth = ref(null);
|
|
|
-const charts = shallowRef(null);
|
|
|
-const tableData = [
|
|
|
+import _ from "lodash";
|
|
|
+const disabled = ref(false);
|
|
|
+const tableData = ref([
|
|
|
{
|
|
|
date: "2016-05-03",
|
|
|
name: "Tom",
|
|
|
@@ -162,7 +188,36 @@ const tableData = [
|
|
|
name: "Tom",
|
|
|
address: "No. 189, Grove St, Los Angeles",
|
|
|
},
|
|
|
+]);
|
|
|
+const value = ref("");
|
|
|
+const searchValue = ref("");
|
|
|
+// const searchData = computed(() =>
|
|
|
+// tableData.value.filter((item) => item.data.includes(searchValue.value))
|
|
|
+// );
|
|
|
+const changeEdit = () => {
|
|
|
+ if (disabled.value == false) {
|
|
|
+ disabled.value = true;
|
|
|
+ } else {
|
|
|
+ disabled.value = false;
|
|
|
+ }
|
|
|
+};
|
|
|
+const cancelEdit = () => {
|
|
|
+ disabled.value = false;
|
|
|
+};
|
|
|
+const options = [
|
|
|
+ {
|
|
|
+ value: "1",
|
|
|
+ label: "调阻1",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "23",
|
|
|
+ label: "调阻2",
|
|
|
+ },
|
|
|
];
|
|
|
+const maxHeight = ref(null);
|
|
|
+const maxWidth = ref(null);
|
|
|
+const charts = shallowRef(null);
|
|
|
+
|
|
|
const chartsOption = ref({
|
|
|
title: [
|
|
|
{
|
|
|
@@ -228,10 +283,6 @@ const setHeight = () => {
|
|
|
|
|
|
onMounted(() => {
|
|
|
setHeight();
|
|
|
- nextTick(() => {
|
|
|
- charts.value = echarts.init(document.getElementById("charts"));
|
|
|
- charts.value.setOption(chartsOption.value);
|
|
|
- });
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
@@ -273,6 +324,13 @@ onMounted(() => {
|
|
|
height: 30px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .btns {
|
|
|
+ .btn {
|
|
|
+ height: 24px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
.bg {
|
|
|
width: 8px;
|
|
|
height: 20px;
|
