|
@@ -52,20 +52,31 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="content-list">
|
|
|
- <div v-for="item in 9" :key="item" class="content-list-item">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in engineeringList"
|
|
|
+ :key="index"
|
|
|
+ class="content-list-item"
|
|
|
+ >
|
|
|
<div class="list-item-flex">
|
|
|
- <div class="list-itme-tit">变频模块</div>
|
|
|
+ <div class="list-itme-tit">{{ item.engineeringProductName }}</div>
|
|
|
<div class="list-item-switch">
|
|
|
<span class="item-gray">发布</span><el-switch v-model="value" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="list-item-flex">
|
|
|
- <div><span class="item-gray">工程类型:</span>1</div>
|
|
|
+ <div>
|
|
|
+ <span class="item-gray">工程类型:</span
|
|
|
+ >{{ item.engineeringType }}
|
|
|
+ </div>
|
|
|
<div><span class="item-gray">版本:</span>1</div>
|
|
|
</div>
|
|
|
<div class="list-item-flex">
|
|
|
- <div><span class="item-gray">开发人员:</span>受到1</div>
|
|
|
- <div><span class="item-gray">更新时间:</span>1</div>
|
|
|
+ <div>
|
|
|
+ <span class="item-gray">开发人员:</span>{{ item.creator }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span class="item-gray">更新时间:</span>{{ item.string }}<
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="list-item-btns">
|
|
|
<span @click="showDetailsFun(item)">
|
|
@@ -145,16 +156,74 @@ const handleCheckedCitiesChange = (value: CheckboxValueType[]) => {
|
|
|
|
|
|
const value = ref(true);
|
|
|
|
|
|
-// interface VersionItem {
|
|
|
-// name: string;
|
|
|
-// type: string;
|
|
|
-// region: string;
|
|
|
-// }
|
|
|
-// const formLabelAlign = ref<VersionItem>({
|
|
|
-// name: "name1",
|
|
|
-// type: "实现基础框架搭建,包含权限管理、路由系统等核心功能。",
|
|
|
-// region: "v2.4.0",
|
|
|
-// });
|
|
|
+interface VersionItem {
|
|
|
+ id: string; // 主键 string
|
|
|
+ engineeringProductName: string; // 产品名称 string
|
|
|
+ engineeringType: string; // 工程类型 string
|
|
|
+ engineeringVersion: string; // 工程版本 string
|
|
|
+ creator: string; //创建人 string 开发人员
|
|
|
+ updated: string; // 修改时间 string(date-time)
|
|
|
+ created: string; // 创建时间string(date-time)
|
|
|
+ deleted: string; // 删除标识;0-未删除;1-已删除 integer(int32)
|
|
|
+ deptId: string; // 部门ID string
|
|
|
+ orgId: string; // 组织ID string
|
|
|
+ updator: string; // 上次修改人 string
|
|
|
+}
|
|
|
+
|
|
|
+const engineeringList = ref<VersionItem[]>([
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ engineeringProductName: "",
|
|
|
+ engineeringType: "",
|
|
|
+ engineeringVersion: "",
|
|
|
+ creator: "",
|
|
|
+ updated: "",
|
|
|
+ created: "",
|
|
|
+ deleted: "",
|
|
|
+ deptId: "",
|
|
|
+ orgId: "",
|
|
|
+ updator: "",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ engineeringProductName: "",
|
|
|
+ engineeringType: "",
|
|
|
+ engineeringVersion: "",
|
|
|
+ creator: "",
|
|
|
+ updated: "",
|
|
|
+ created: "",
|
|
|
+ deleted: "",
|
|
|
+ deptId: "",
|
|
|
+ orgId: "",
|
|
|
+ updator: "",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ engineeringProductName: "",
|
|
|
+ engineeringType: "",
|
|
|
+ engineeringVersion: "",
|
|
|
+ creator: "",
|
|
|
+ updated: "",
|
|
|
+ created: "",
|
|
|
+ deleted: "",
|
|
|
+ deptId: "",
|
|
|
+ orgId: "",
|
|
|
+ updator: "",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "",
|
|
|
+ engineeringProductName: "",
|
|
|
+ engineeringType: "",
|
|
|
+ engineeringVersion: "",
|
|
|
+ creator: "",
|
|
|
+ updated: "",
|
|
|
+ created: "",
|
|
|
+ deleted: "",
|
|
|
+ deptId: "",
|
|
|
+ orgId: "",
|
|
|
+ updator: "",
|
|
|
+ },
|
|
|
+]);
|
|
|
|
|
|
/**
|
|
|
* 分页事件,每页9条
|
|
@@ -175,8 +244,8 @@ const showAddFun = () => {
|
|
|
/**
|
|
|
* 新增弹框返回的数据 请求完成后关闭弹框 showAdd.value = false;
|
|
|
*/
|
|
|
-const saveFun = (data: any) => {
|
|
|
- // console.log(data.name);
|
|
|
+const saveFun = (item: VersionItem) => {
|
|
|
+ console.log(item);
|
|
|
};
|
|
|
|
|
|
/**
|