`fix 设备台账新增`

ruoyi-ui-vue3/src/router/index.js

@@ -97,6 +97,19 @@ export const constantRoutes = [
       },
     ],
   },
+  {
+    path: "/device/equipmentdash/add",
+    hidden: true,
+    component: Layout,
+    children: [
+      {
+        path: "",
+        component: () => import("@/views/device/equipmentdash/add"),
+        name: "EquipmentDashAdd" ,
+        meta: { title: "新增设备台账", activeMenu: "/device/equipmentdash" },
+      },
+    ],
+  },
 ];
 
 // 动态路由，基于用户权限动态去加载

ruoyi-ui-vue3/src/views/device/equipmentdash/add.vue

@@ -0,0 +1,409 @@
+<template>
+  <div style="padding: 10px 15px">
+    <el-card class="box-card">
+      <template #header>
+        <div class="card-header">
+          <span>设备台账-新增</span>
+          <div>
+            <el-button type="warning" @click="">复位</el-button>
+            <el-button type="primary" @click="">保存</el-button>
+            <el-button type="primary" plain @click="router.back();">返回</el-button>
+          </div>
+        </div>
+
+      </template>
+      <el-row>
+        <el-col :span="24">
+          <el-descriptions :column="4">
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  <span style="color: red">*</span> 设备编码
+                </div>
+
+              </template>
+              <div class="content-w">
+                <el-input placeholder="请输入设备编码"/>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  <span style="color: red">*</span> 设备名称
+                </div>
+              </template>
+              <div class="content-w">
+                <el-input placeholder="请输入设备名称"/>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  <span style="color: red">*</span> 上层位置
+                </div>
+              </template>
+              <div class="content-w">
+                <el-select-v2
+                  v-model="value"
+                  :options="options"
+                  placeholder="Please select"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  <span style="color: red">*</span> 所属项目
+                </div>
+              </template>
+              <div class="content-w">
+                <el-select-v2
+                  v-model="value"
+                  :options="options"
+                  placeholder="请选择"
+                  filterable
+                  remote
+                  :prefix-icon="Search"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  状态
+                </div>
+              </template>
+              <div class="content-w">
+                <el-select-v2
+                  v-model="value"
+                  :options="options"
+                  placeholder="请选择"
+                  filterable
+                  remote
+                  :prefix-icon="Search"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  设备模板
+                </div>
+              </template>
+              <div class="content-w">
+                <el-select-v2
+                  v-model="value"
+                  :options="options"
+                  placeholder="请选择"
+                  filterable
+                  remote
+                  :prefix-icon="Search"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  设备型号
+                </div>
+              </template>
+              <div class="content-w"> -</div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  所属类型
+                </div>
+              </template>
+              <div class="content-w"> -</div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  负责人
+                </div>
+              </template>
+              <div class="content-w">  <el-input placeholder=""/> </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  所属组织机构
+                </div>
+              </template>
+              <div class="content-w">
+                <el-select-v2
+                  v-model="value"
+                  :options="options"
+                  placeholder="请选择"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item :span="2">
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right">
+                  标签
+                </div>
+              </template>
+              <div class="content-w" style="min-width: 500px">
+                <el-select-v2
+                  style="width: 100%;"
+                  v-model="value"
+                  :options="options"
+                  placeholder="请选择标签"
+                />
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item :span="4">
+              <template #label>
+                <div style="display: inline-block;min-width: 100px;text-align: right;    vertical-align: top;">
+                  备注
+                </div>
+              </template>
+              <div class="content-w" style="min-width: 600px">
+                <el-input type="textarea" :line-count="5" placeholder="请输入备注"/>
+              </div>
+            </el-descriptions-item>
+
+          </el-descriptions>
+
+        </el-col>
+        <el-col :span="24">
+          <el-tabs
+            type="card"
+            class="demo-tabs"
+            active-name="first"
+          >
+            <el-tab-pane label="安装维修信息" name="first">
+              <el-descriptions :column="4">
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      供货厂家
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      制造日期
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-date-picker
+
+                      type="date"
+                      placeholder="请选择"
+                    />
+                  </div>
+                </el-descriptions-item>
+
+              <el-descriptions-item>
+                <template #label>
+                  <div style="display: inline-block;min-width: 100px;text-align: right">
+                    使用年限
+                  </div>
+
+                </template>
+                <div class="content-w">
+                  <el-input placeholder=""/>
+                </div>
+              </el-descriptions-item>
+
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      保修期结束日期
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-date-picker
+
+                      type="date"
+                      placeholder="请选择"
+                    />
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      安装日期
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-date-picker
+
+                      type="date"
+                      placeholder="请选择"
+                    />
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      安装地点地址
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      变动日期
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-date-picker
+
+                      type="date"
+                      placeholder="请选择"
+                    />
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      关联设备
+                    </div>
+
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+
+              </el-descriptions>
+
+
+
+            </el-tab-pane>
+            <el-tab-pane label="资产信息" name="second">
+
+              <el-descriptions column="4">
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      供货厂家
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      资产编码
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      资产编号
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      使用证编号
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      安全级别
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      使用年限
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template #label>
+                    <div style="display: inline-block;min-width: 100px;text-align: right">
+                      变动日期
+                    </div>
+                  </template>
+                  <div class="content-w">
+                    <el-input placeholder=""/>
+                  </div>
+                </el-descriptions-item>
+              </el-descriptions>
+
+
+            </el-tab-pane>
+
+          </el-tabs>
+        </el-col>
+      </el-row>
+    </el-card>
+
+
+  </div>
+</template>
+
+<script setup lang="ts">
+import {ref} from "vue";
+import {useRoute, useRouter} from "vue-router";
+import {Search} from "@element-plus/icons-vue";
+
+
+const route = useRoute();
+const router = useRouter();
+
+
+const value = ref("1");
+const options = ref([
+  {
+    value: '1',
+    label: '黄金糕'
+  }]);
+
+
+</script>
+
+<style lang="scss" scoped>
+.card-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.content-w {
+  display: inline-flex;
+  max-width: 160px;
+}
+</style>

ruoyi-ui-vue3/src/views/device/equipmentdash/index.vue

@@ -6,6 +6,12 @@
       <template #header>
         <div class="card-header">
           <span>东门立柱摄像-详情</span>
+          <div>
+            <el-button type="primary" plain @click="goadd">
+
+              添加
+            </el-button>
+          </div>
         </div>
       </template>
       <div class="tree">
@@ -151,7 +157,16 @@
 import {ref} from "vue";
 import { LayTree } from "@layui/layui-vue";
 import "@layui/layui-vue/lib/index.css";
+import {useRoute, useRouter} from "vue-router";
+
 
+const route = useRoute();
+const router = useRouter();
+
+
+const goadd = ()=>{
+  router.push("/device/equipmentdash/add")
+}
 
 const handleClick = (node) => {
   console.log("Click Node:" + JSON.stringify(node));