更新

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/detailForm.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">3D打印业务信息详情</span>
+      <div>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="cntinfo">
+      <el-form :model="listQuery" :label-width="230" label-position="left">
+        <div class="form-row">
+          <el-form-item label="业务流水号码">
+            <el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
+          </el-form-item>
+          <el-form-item label="单位名称">
+            <el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="场所名称">
+            <el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
+          </el-form-item>
+          <el-form-item label="3D打印设备品牌型号">
+            <el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="3D打印设备号码">
+            <el-input v-model="listQuery.sbhm" placeholder="1002"/>
+          </el-form-item>
+          <el-form-item label="3D打印设备数量">
+            <el-input v-model="listQuery.sbsl" placeholder="5"/>
+          </el-form-item>
+        </div>
+
+        <div class="form-row">
+          <el-form-item label="3D打印材料名称">
+            <el-input v-model="listQuery.clmc" placeholder="塑料"/>
+          </el-form-item>
+          <el-form-item label="申请单位单位名称">
+            <el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+
+const dialogForm = ref(false);
+const listQuery = ref({});
+
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  // 根据type和row初始化表单数据
+};
+
+const close = () => {
+  dialogForm.value = false;
+};
+
+defineExpose({init})
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  padding: 20px;
+
+  :deep(.el-form-item__label) {
+    background-color: #F7FAFB;
+    padding: 0px 8px;
+    color: #000;
+    font-weight: 500;
+    border: 1px solid #E3E7ED;
+  }
+
+  .head_box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+  .cntinfo{
+    height: calc(100% - 70px);
+    overflow: hidden;
+    overflow-y: auto;
+  }
+
+  .form-row {
+    display: flex;
+    
+    .el-form-item {
+      flex: 1;
+    }
+  }
+  .image-group {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  
+    
+    .image-item {
+      width: 150px;
+      height: 150px;
+      border: 1px solid #dcdfe6;
+      
+      .el-image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+   ::v-deep .el-input__inner{
+    height: 36px !important;
+    line-height: 36px !important;
+    border-radius: 0;
+    color: #777575;
+  }
+}
+.el-form-item--default{
+  margin-bottom: 0px;
+}
+</style>