|
|
@@ -0,0 +1,159 @@
|
|
|
+<template>
|
|
|
+ <div style="padding: 10px 15px">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>单位管理</span>
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="
|
|
|
+ detailshow = true;
|
|
|
+ edittype = 1;
|
|
|
+ "
|
|
|
+ >添加</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-table :data="dwtypetabledata" :border="true">
|
|
|
+ <el-table-column label="单位名称"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" style="padding-left: 10px">
|
|
|
+ <el-table :data="dwtabledata" :border="true" :height="gettbheight()">
|
|
|
+ <el-table-column label="名称"></el-table-column>
|
|
|
+ <el-table-column label="单位符号"></el-table-column>
|
|
|
+ <el-table-column label="单位名称"></el-table-column>
|
|
|
+ <el-table-column label="标准名称"></el-table-column>
|
|
|
+ <el-table-column label="单位分类"></el-table-column>
|
|
|
+ <el-table-column label="单位换算比例"></el-table-column>
|
|
|
+ <el-table-column label="偏移量"></el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template #default="scope">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ @click="
|
|
|
+ detailshow = true;
|
|
|
+ edittype = 3;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-tooltip effect="dark" content="详情">
|
|
|
+ <el-icon>
|
|
|
+ <Memo />
|
|
|
+ </el-icon>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ @click="
|
|
|
+ detailshow = true;
|
|
|
+ edittype = 2;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-tooltip effect="dark" content="编辑">
|
|
|
+ <el-icon>
|
|
|
+ <Edit />
|
|
|
+ </el-icon>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-button>
|
|
|
+ <el-popconfirm title="确定删除该单位?">
|
|
|
+ <template #reference>
|
|
|
+ <el-button link
|
|
|
+ ><el-tooltip effect="dark" content="删除"
|
|
|
+ ><el-icon><Delete /></el-icon></el-tooltip
|
|
|
+ ></el-button>
|
|
|
+ </template>
|
|
|
+ </el-popconfirm>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ :title="`${edittype == 1 ? '新增' : edittype == 2 ? '编辑' : '查看'}单位`"
|
|
|
+ v-model="detailshow"
|
|
|
+ >
|
|
|
+ <el-form :inline="true" :model="dwform" label-width="120px">
|
|
|
+ <el-form-item label="名称">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单位符号">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单位名称">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="标准名称">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单位分类">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="换算比例">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="偏移量">
|
|
|
+ <el-input v-model="dwform.name" :disabled="edittype==3"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="detailshow=false;"> 取消 </el-button>
|
|
|
+ <el-button type="primary" @click="dosavedw"> 保存 </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts" name="Units">
|
|
|
+import { ref } from "vue";
|
|
|
+
|
|
|
+const dwtypetabledata = ref([]);
|
|
|
+const dwtabledata = ref([1,1,1,1,1,1]);
|
|
|
+
|
|
|
+const edittype = ref(1);
|
|
|
+const detailshow = ref(false);
|
|
|
+
|
|
|
+const dwform = ref({
|
|
|
+ id: 0,
|
|
|
+ name: "",
|
|
|
+ unitSymbol: "",
|
|
|
+ unitName: "",
|
|
|
+ isStandard: "",
|
|
|
+ unitType: "",
|
|
|
+ toStandardRatio: 0,
|
|
|
+ toOffset: 0,
|
|
|
+ remark: "",
|
|
|
+ creator: "",
|
|
|
+ ctime: "",
|
|
|
+ modifier: "",
|
|
|
+ utime: "",
|
|
|
+});
|
|
|
+
|
|
|
+const gettbheight = () => {
|
|
|
+
|
|
|
+ return window.innerHeight - 200;
|
|
|
+}
|
|
|
+
|
|
|
+const dosavedw = () => {
|
|
|
+
|
|
|
+ detailshow.value = false;
|
|
|
+
|
|
|
+};
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.card-header {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+</style>
|
