|
|
@@ -0,0 +1,219 @@
|
|
|
+<template>
|
|
|
+ <el-drawer
|
|
|
+ :visible.sync="drawerVisible"
|
|
|
+ size="800px"
|
|
|
+ direction="rtl"
|
|
|
+ :append-to-body="true"
|
|
|
+ @close="$emit('close')"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ margin: 0 10px 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ $t(data?.workpresetjson.workname) }}
|
|
|
+ <div
|
|
|
+ class="status"
|
|
|
+ v-if="data?.parentid != 0"
|
|
|
+ :style="{
|
|
|
+ backgroundColor:
|
|
|
+ data?.status == 0
|
|
|
+ ? tool.getStatusColor('未完成', true)
|
|
|
+ : data?.status == 1
|
|
|
+ ? tool.getStatusColor('已完成', true)
|
|
|
+ : tool.getStatusColor('进行中', true),
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{
|
|
|
+ data?.status == 0
|
|
|
+ ? $t("未完成")
|
|
|
+ : data?.status == 1
|
|
|
+ ? $t("已完成")
|
|
|
+ : $t("进行中")
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ <div v-else></div>
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <div class="item-label">{{ $t("操作说明") }}:</div>
|
|
|
+ <div class="item-text">
|
|
|
+ {{ $t(data?.workpresetjson.remarks) || "--" }}
|
|
|
+ </div>
|
|
|
+ <div class="item-label">{{ $t("操作人员") }}:</div>
|
|
|
+ <div class="item-text">
|
|
|
+ {{ data?.trainers.map((item) => $t(item.name)).join(",") || "--" }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("上传附件") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">图片</div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("物料添加") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <el-table
|
|
|
+ :data="materialData"
|
|
|
+ :header-cell-style="{ background: '#fff', color: '#333' }"
|
|
|
+ size="mini"
|
|
|
+ border
|
|
|
+ >
|
|
|
+ <el-table-column min-width="100" :label="$t('物料名称')">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
+ scope.row.companyName ? scope.row.companyName : "--"
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column min-width="100" :label="$t('物料编号')">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
+ scope.row.companyName ? scope.row.companyName : "--"
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" :label="$t('型号')">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
+ scope.row.companyName ? scope.row.companyName : "--"
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" :label="$t('规格')">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
+ scope.row.companyName ? scope.row.companyName : "--"
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="100" :label="$t('数量')">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="margin-left: 10px">{{
|
|
|
+ scope.row.companyName ? scope.row.companyName : "--"
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("全息影像") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <div style="display: flex">
|
|
|
+ <div class="item-label" style="font-size: 14px; font-weight: 500">
|
|
|
+ {{ $t("全景影象链接") }}:
|
|
|
+ </div>
|
|
|
+ <el-input
|
|
|
+ style="flex: 1; padding-bottom: 10px"
|
|
|
+ v-model="data.panoramaurl"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex">
|
|
|
+ <div class="item-label" style="font-size: 14px; font-weight: 500">
|
|
|
+ {{ $t("全景影象二维码") }}:
|
|
|
+ </div>
|
|
|
+ <el-input
|
|
|
+ style="flex: 1; padding-bottom: 10px"
|
|
|
+ v-model="data.panoramaurl"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ <span style="color: #f56c6c">*</span>{{ $t("是否确认合格") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <el-radio-group v-model="data.ispasscheck" disabled>
|
|
|
+ <el-radio :label="1">{{ $t(`是`) }}</el-radio>
|
|
|
+ <el-radio :label="0">{{ $t(`否`) }}</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("不合格原因") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <el-input v-model="data.nopassreason" disabled></el-input>
|
|
|
+ </div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ <span style="color: #f56c6c">*</span>{{ $t("上传不合格附件") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">图片</div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("客户签字") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">图片</div>
|
|
|
+ <div style="height: 10px; background: #f5f5f5"></div>
|
|
|
+ <div style="margin: 10px; font-weight: bold; font-size: 16px">
|
|
|
+ {{ $t("备注") }}:
|
|
|
+ </div>
|
|
|
+ <div class="drawer__panel" style="margin-bottom: 0 !important">
|
|
|
+ <el-input v-model="data.remarks" disabled type="textarea"></el-input>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ visible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ type: Object,
|
|
|
+ default: null,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // data:{},
|
|
|
+ materialData:[]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ drawerVisible: {
|
|
|
+ get() {
|
|
|
+ return this.visible;
|
|
|
+ },
|
|
|
+ set(val) {
|
|
|
+ this.$emit("update:visible", val);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.item-label {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.item-text {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.status {
|
|
|
+ margin-left: 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: lighter;
|
|
|
+ padding: 2px 4px;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #fff;
|
|
|
+ white-space: nowrap; /* 防止文字换行 */
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+</style>
|