订单图稿样式调整

src/views/group/order/management/detail.vue

@@ -178,27 +178,35 @@
                         </div>
                       </template>
                     </el-table-column>
-                    <el-table-column label="图稿（设计图）" width="180">
+                    <el-table-column label="产品图稿" width="400">
                       <template #default="{ row }">
                         <el-form-item :prop="'orderSkuList.' + index + '.blueprint'">
-                          <el-image
-                            fit="scale-down"
-                            style="width: 148px; height: 148px; margin-top: 20px"
-                            v-if="row.blueprint"
-                            :src="row.blueprint"
-                            @click="openFile(row.blueprint)" />
+                          <div style="display: flex; width: 100%">
+                            <div style="width: 65px">设计图:</div>
+                            <div style="width: calc(100% - 65px)">
+                              <el-image
+                                fit="scale-down"
+                                style="width: 148px; height: 148px; margin-right: 10px"
+                                v-if="row.blueprint"
+                                :src="row.blueprint"
+                                @click="openFile(row.blueprint)" />
+                            </div>
+                          </div>
+                          <div style="display: flex; margin-top: 20px; width: 100%">
+                            <div style="width: 65px">图稿文件:</div>
+                            <div style="width: calc(100% - 65px)">
+                              <a
+                                style="color: #409eff; cursor: pointer; word-break: break-all; margin-right: 10px"
+                                @click="openFile(row.productionDocument)"
+                                v-if="row.productionDocument">
+                                {{ row.productionDocument }}
+                              </a>
+                              <!-- <el-button type="primary" style="transform: translateY(-2px)" @click="clickDrawingFile(index)" text>选择文件</el-button> -->
+                            </div>
+                          </div>
                         </el-form-item>
                       </template>
                     </el-table-column>
-                    <el-table-column label="图稿（生产文件）" width="320">
-                      <template #default="{ row }">
-                        <div v-if="row.productionDocument">
-                          <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="openFile(row.productionDocument)">
-                            {{ row.productionDocument }}
-                          </a>
-                        </div>
-                      </template>
-                    </el-table-column>
                     <el-table-column label="包材配件/单品" min-width="400">
                       <template #default="{ row }">
                         <div style="width: 100%">

src/views/subsidiary/order/management/add.vue

@@ -141,28 +141,36 @@
                         </div>
                       </template>
                     </el-table-column>
-                    <el-table-column label="图稿（设计图）" width="180">
+                    <el-table-column label="产品图稿" width="400">
                       <template #default="{ row }">
                         <el-form-item :prop="'orderSkuList.' + index + '.blueprint'">
-                          <el-button style="background: #20b2aa; color: #fff; border: 1px solid #20b2aa" @click="clickDrawingFile(index)">选择</el-button>
-                          <el-image
-                            fit="scale-down"
-                            style="width: 148px; height: 148px; margin-top: 20px"
-                            v-if="row.blueprint"
-                            :src="row.blueprint"
-                            @click="openFile(row.blueprint)" />
+                          <div style="display: flex; width: 100%">
+                            <div style="width: 65px">设计图:</div>
+                            <div style="width: calc(100% - 65px)">
+                              <el-image
+                                fit="scale-down"
+                                style="width: 148px; height: 148px; margin-right: 10px"
+                                v-if="row.blueprint"
+                                :src="row.blueprint"
+                                @click="openFile(row.blueprint)" />
+                              <el-button type="primary" style="transform: translateY(-2px)" @click="clickDrawingFile(index)" text>选择文件</el-button>
+                            </div>
+                          </div>
+                          <div style="display: flex; margin-top: 20px; width: 100%">
+                            <div style="width: 65px">图稿文件:</div>
+                            <div style="width: calc(100% - 65px)">
+                              <a
+                                style="color: #409eff; cursor: pointer; word-break: break-all; margin-right: 10px"
+                                @click="openFile(row.productionDocument)"
+                                v-if="row.productionDocument">
+                                {{ row.productionDocument }}
+                              </a>
+                              <el-button type="primary" style="transform: translateY(-2px)" @click="clickDrawingFile(index)" text>选择文件</el-button>
+                            </div>
+                          </div>
                         </el-form-item>
                       </template>
                     </el-table-column>
-                    <el-table-column label="图稿（生产文件）" width="320">
-                      <template #default="{ row }">
-                        <div v-if="row.productionDocument">
-                          <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="openFile(row.productionDocument)">
-                            {{ row.productionDocument }}
-                          </a>
-                        </div>
-                      </template>
-                    </el-table-column>
                     <el-table-column label="包材配件/单品" min-width="400">
                       <template #default="{ row }">
                         <div style="width: 100%">