成品检验，过程检验页面和技术文件模态框

yuyu

2023-08-03 ca9b5d4118f4c29119359503859fa953495496e9

 src/components/view/technical.vue

@@ -48,7 +48,7 @@
color: #fff;
}
/* 输入框的样式 */
>>>.search-header .el-form-item .el-input .el-input__inner{
.search-header .el-form-item .el-input .el-input__inner{
width: 224px;
height: 32px ;
box-sizing: border-box;
@@ -80,6 +80,11 @@
  margin-top: 23px;
  display: flex;
  justify-content: end;
}
.formtitle{
  display: block;
  margin-bottom: 24px;
  font-size: 16px;
}
</style>

@@ -185,8 +190,8 @@
              fixed="right"
              label="操作"
              width="194">
              <template>
                <el-button type="text" size="small">查看详情</el-button>
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="showDetails(scope.row)">查看详情</el-button>
                <el-button type="text" size="small">编辑附件</el-button>
              </template>
            </el-table-column>
@@ -201,6 +206,110 @@
      layout="total, sizes, prev, pager, next, jumper"
      :total="400">
    </el-pagination>
    <!-- 查看详情模态框 -->
    <el-dialog title="文件详情" :visible.sync="showDetail" width="687px" @close="showDetail = false">
      <el-form label-position="right" label-width="70px" :model="selectedRow">
        <span class="formtitle">基本信息</span>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="订单号">
              <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工程名称">
              <el-input :value="selectedRow.date" readonly="true" style="height: 32px; width: 224px;"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="产品编码">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="产品大类">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="规格型号">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="单位">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="数量">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="下单人">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="下单日期">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="交货日期">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="状态">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <span class="formtitle">客户信息</span>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="客户名称">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="省份">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="31">
          <el-col :span="12">
            <el-form-item label="事业部">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务员">
              <el-input :value="selectedRow.date" readonly="true"  style="height: 32px; width: 224px;" />
            </el-form-item>
          </el-col>
        </el-row>
        <span class="formtitle">附件信息</span>
        <el-row :gutter="31">
          <el-col :span="12">
            <span  style="height: 32px; width: 224px; color:rgb(0, 78, 162);">xxx项目书.docx</span>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
    </div>
  </div>
</template>
@@ -258,8 +367,16 @@
            name: '王小虎',
            address: '上海市'
          }
          ]
          ],
          showDetail: false,
          selectedRow: ''
    }
  },
  methods: {
      showDetails(row){
        this.showDetail = true
        this.selectedRow = row
      }
    },
}
</script>