1186 影像图库订单，在后台和个人订单列表要显示尺寸和规格（具体看UI设计）

src/views/orderManagement/orderList/index.vue

@@ -24,32 +24,50 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
+        <el-col :span="8">
+          <el-form-item label="订单状态">
+            <el-select filterable v-model="listQuery.status" placeholder="请选择">
+              <el-option :key="undefined" label="全部" :value="undefined"></el-option>
+              <el-option v-for="item in orderStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
       </el-row>
       <el-row>
+<!--        <el-col :span="8">-->
+<!--          <el-form-item label="商品类型">-->
+<!--            <el-select filterable v-model="listQuery.type" placeholder="请选择">-->
+<!--              <el-option :key="undefined" label="全部" :value="undefined"></el-option>-->
+<!--              <el-option :key="1" label="标准数据" :value="1"></el-option>-->
+<!--              <el-option :key="2" label="影像图库" :value="2"></el-option>-->
+<!--              <el-option :key="3" label="行业应用" :value="3"></el-option>-->
+<!--            </el-select>-->
+<!--          </el-form-item>-->
+<!--        </el-col>-->
         <el-col :span="8">
-          <el-form-item label="商品类型">
-            <el-select filterable v-model="listQuery.type" placeholder="请选择">
+          <el-form-item label="交付方式">
+            <el-select filterable v-model="listQuery.sendType" placeholder="请选择">
               <el-option :key="undefined" label="全部" :value="undefined"></el-option>
-              <el-option :key="1" label="标准数据" :value="1"></el-option>
-              <el-option :key="2" label="全部" :value="2"></el-option>
-              <el-option :key="3" label="全部" :value="3"></el-option>
+              <el-option :key="1" label="线上" :value="1"></el-option>
+              <el-option :key="2" label="线下" :value="2"></el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="订单状态">
-            <el-select filterable v-model="listQuery.status" placeholder="请选择">
+          <el-form-item label="是否定制">
+            <el-select filterable v-model="listQuery.type" placeholder="请选择">
               <el-option :key="undefined" label="全部" :value="undefined"></el-option>
-              <el-option v-for="item in orderStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+              <el-option :key="1" label="否" :value="1"></el-option>
+              <el-option :key="2" label="是" :value="2"></el-option>
             </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="付款状态">
-            <el-select filterable v-model="listQuery.payStatus" placeholder="请选择">
+          <el-form-item label="是否开发票">
+            <el-select filterable v-model="listQuery.invoiceStatus" placeholder="请选择">
               <el-option :key="undefined" label="全部" :value="undefined"></el-option>
-              <el-option :key="1" label="已支付" :value="1"></el-option>
-              <el-option :key="2" label="未支付" :value="2"></el-option>
+              <el-option :key="1" label="是" :value="2"></el-option>
+              <el-option :key="2" label="否" :value="1"></el-option>
             </el-select>
           </el-form-item>
         </el-col>
@@ -91,7 +109,11 @@
               <div class="flex-aic-jcb" style="width: 100%;">
                 <div class="flex-aic">
                   <img style="width: 84px;height: 62px;border-radius: 8px;object-fit: cover;margin-right: 6px;" :src="iitem.itemPic">
-                  <span v-if="iitem.type != 1">{{iitem.name}}</span>
+                  <div v-if="iitem.type != 1">
+                    <p>{{iitem.name}}</p>
+                    <p v-if="iitem.type==2">尺寸：{{iitem.fileWidth}}</p>
+                    <p v-if="iitem.type==3">类别：{{iitem.firstTitle}}</p>
+                  </div>
                   <div v-else>
                     <p>卫星：{{iitem.detailJson.imageSatelliteType}}</p>
                     <p>传感器：{{iitem.detailJson.imageSensorType}}</p>
@@ -232,6 +254,9 @@
           payStatus: undefined, // 支付状态: 1、已支付，2、未支付
           keywords: undefined, // 订单搜索
           status: undefined, // 订单状态：0、定制订单无价格 1--创建订单，2--待付款，3--已支付，4--已发货, 5--已收货, 6、已完成 -1、删除，-2、取消, -3 退款
+          invoiceStatus: undefined, // 发票状态： 1、未开发票，2、已开发票, 3、已发货， 4、已收货、5、退回， 6、已完成
+          type: undefined, // 1、普通订单，2、定制订单
+          sendType: undefined, // 配送方式:1、线上配送，2、快递配送
         },
         form:{
           auditStatus: undefined, // 审核状态： 1、审核通过，2、审核拒绝
@@ -428,6 +453,13 @@
             if(item.orderItemList){
               item.orderItemList.map(function(iitem){
                 iitem.detailJson = iitem.detailJson ? JSON.parse(iitem.detailJson) : {}
+                if(iitem.type == 2){ // 影像图库-尺寸
+                 iitem.fileWidth = iitem.detailJson.imageInfoRelationList && iitem.detailJson.imageInfoRelationList.length>0 ? iitem.detailJson.imageInfoRelationList[0].fileWidth:''
+                }
+                if(iitem.type == 3){
+                  // 行业应用-类别
+                  iitem.firstTitle = iitem.detailJson.firstTitle ? iitem.detailJson.firstTitle : ''
+                }
                 if (iitem.type == 1) {
                   // 标准数据
                   iitem.imageResolutionStr = iitem.detailJson.imageResolution?iitem.detailJson.imageResolution.replace(/{/g, ""):''
@@ -460,6 +492,9 @@
           payStatus: undefined, // 支付状态: 1、已支付，2、未支付
           keywords: undefined, // 订单搜索
           status: undefined, // 订单状态：0、定制订单无价格 1--创建订单，2--待付款，3--已支付，4--已发货, 5--已收货, 6、已完成 -1、删除，-2、取消, -3 退款
+          invoiceStatus: undefined, // 发票状态： 1、未开发票，2、已开发票, 3、已发货， 4、已收货、5、退回， 6、已完成
+          type: undefined, // 1、普通订单，2、定制订单
+          sendType: undefined, // 配送方式:1、线上配送，2、快递配送
         };
         this.getList();
       },

src/views/webSiteManagement/aboutUs/index.vue

@@ -80,7 +80,7 @@
               :show-file-list="false"
               :action="BASE_API+'/api/universal/file/app/unauth/admin/upload'"
               :on-success="handleSuccess1">
-              <img v-if="form.image1" :src="form.image1" style="width:475px;height: 370px;object-fit: cover;">
+              <img v-if="form.image1" :src="form.image1">
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
             <div class="flex-fdc">
@@ -472,6 +472,12 @@ export default {
     height: 370px;
     line-height: 370px;
     margin-right: 13px;
+    overflow: hidden;
+    image{
+      width: 100%;
+      height: auto;
+      object-fit: cover;
+    }
   }
   .avatar-uploader2 /deep/.el-upload--picture-card{
     width: 229px;
@@ -479,16 +485,34 @@ export default {
     line-height: 165px;
     margin-bottom: 12px;
     margin-right: 12px;
+    overflow: hidden;
+    image{
+      width: 100%;
+      height: auto;
+      object-fit: cover;
+    }
   }
   .avatar-uploader3 /deep/.el-upload--picture-card{
     width: 400px;
     height: 193px;
     line-height: 193px;margin-right: 12px;
+    overflow: hidden;
+    image{
+      width: 100%;
+      height: auto;
+      object-fit: cover;
+    }
   }
   .avatar-uploader4 /deep/.el-upload--picture-card{
     width: 299px;
     height: 193px;
     line-height: 193px;margin-right: 12px;
+    overflow: hidden;
+    image{
+      width: 100%;
+      height: auto;
+      object-fit: cover;
+    }
   }
   #map-container{
     width: 45%;