6

jinlin

2023-11-29 b21945e7dea2daa8b30bee3cdd4bca91277e3b5f

 web/src/views/modules/project/Environ-AddOrUpdate.vue

@@ -1,6 +1,6 @@
<template>
  <zt-dialog ref="dialog" column="2" @confirm="formSubmit" append-to-body title="测试环境建立确认表">
      <el-form :model="dataForm" style="padding: 0" :inline="true"  ref="dataForm" :disabled="dataForm.disabled" label-width="130px" class="confirmFormAuto">
      <el-form :model="dataForm" style="padding-top: 0" :inline="true"  ref="dataForm" :disabled="dataForm.disabled" label-width="130px" class="confirmFormAuto">
        <div class="DConfirmForm">
          <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: 0">
            <span>{{dataForm.environ.code}}</span>
@@ -26,7 +26,7 @@
            <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
              <div style="padding: 5px">软件资源：</div>
              <div class="table-container">
              <el-table ref="tableSoftwareList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.softwareResourcesList"
              <el-table ref="tableSoftwareList" class="el-software el-margin-top-bot" border :data="dataForm.softwareResourcesList"
                        stripe>
                <el-table-column prop="no" align="center" width="80" label="序号">
                  <template slot-scope="scope">
@@ -61,7 +61,7 @@
              </div>
              <div style="padding: 5px">硬件资源：</div>
              <div class="table-container">
              <el-table ref="tableHardwareList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.hardwareResourcesList"
              <el-table ref="tableHardwareList" class="el-software el-margin-top-bot" border :data="dataForm.hardwareResourcesList"
                        stripe>
                <el-table-column prop="no" align="center" width="80" label="序号">
                  <template slot-scope="scope">
@@ -111,8 +111,8 @@
                <config-uploader busi-type="test_environt_diagram" model-name="dataForm" :dataForm="dataForm"
                                 @getImageUrl="getImageUrl"
                                 v-model="dataForm.files"/>
                <div v-if="image.url">
                  <el-image :src="image.url"></el-image>
                <div v-if="dataForm.url">
                  <el-image :src="dataForm.url"></el-image>
                </div>
              </div>
            </div>
@@ -123,7 +123,7 @@
            </div>
            <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
              <div class="table-container">
              <el-table ref="tableEnvironeList" class="el-software el-margin-top-bot" height="150" border :data="dataForm.environAnalysisList"
              <el-table ref="tableEnvironeList" class="el-software el-margin-top-bot" border :data="dataForm.environAnalysisList"
                        stripe>
                <el-table-column prop="no" align="center" width="80" label="序号">
                  <template slot-scope="scope">
@@ -214,13 +214,9 @@
  export default {
    data() {
      return {
        image: {
          url:'',
          width:'',
          height:1,
        },
        dataForm: {
          id: '',
          url:'',
          environ:{
            code: '1',
            hardSoftwareRes: '',
@@ -295,8 +291,8 @@
        })
      },
      getImageUrl(url){
        this.image.url  = url
        console.log(this.image.url,' this.image.url')
        this.dataForm.url  = url
        console.log(this.dataForm.url,' this.dataForm.url')
      },
      // 表单提交
      async formSubmit() {
@@ -327,11 +323,6 @@
.DFormWidth {
  width: 120px;
}

.DAlign {
  text-align: center;
}

.DConfirmForm {
  /*border-left: 1px solid;*/
  width: 100%;
@@ -383,23 +374,5 @@
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.table-container {
  position: relative;
}

.icon-container {
  z-index: 1;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 40px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  transform: translateX(-50%);
  border: 1px solid #EBEEF5;
  background-color: #fafafa;
  box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
  border-radius: 2px;
}
</style>