更改图片字段

front/src/views/home/components/CanAssignCase.vue

@@ -1,5 +1,7 @@
 <template>
   <div class="box">
+    <!-- <IntegrationServiceOrder ref="integrationServiceOrderDom" :orderArray="orderArray" :style="styleObj">
+    </IntegrationServiceOrder> -->
     <div class="CanCase">
       <div class="caseBox" v-for="(item, index) in caseList" :key="index" @click="toView(item)">
         <a-image :preview="false" style="width:300px;height:200px" :src="
@@ -7,13 +9,14 @@
             .attrValue
         " />
         <h3>{{ item.name }}</h3>
-        <p>发布时间 {{ item.updateDate }}</p>
+        <p>发布时间 {{ item.createDate }}</p>
       </div>
     </div>
   </div>
 </template>
 <script setup>
 import { ref, onMounted, onBeforeUnmount, watch, defineProps, defineEmits } from 'vue'
+import IntegrationServiceOrder from './integrationServiceOrder.vue'
 
 import { useRouter } from 'vue-router'
 const router = useRouter()
@@ -27,6 +30,19 @@ const props = defineProps({
     default: '组件服务',
   },
 })
+
+const orderArray = ref([
+  {
+    value: 'create_date',
+    name: '发布时间',
+    orderType: 'DESC',
+  },
+])
+
+const styleObj = ref({
+  'justify-content': 'flex-end',
+   "padding": "0 20px"
+})
 const emits = defineEmits(['saveSearchCodition'])
 
 const caseList = ref([])

front/src/views/home/components/integrationServiceOrder.vue

@@ -1,5 +1,5 @@
 <template>
-  <ul class="integrationServiceOrder">
+  <ul class="integrationServiceOrder" :style="styleObj">
     <li v-for="(item, i) in integrationOrderList" :key="i" @click="
       changeOrder(i, item.value, item.orderType == 'DESC' ? 'ASC' : 'DESC')
     ">
@@ -14,7 +14,7 @@
   </ul>
 </template>
 <script setup>
-import { ref, reactive, nextTick, defineExpose } from 'vue'
+import { ref, reactive, nextTick, defineExpose, defineProps } from 'vue'
 import mybus from '@/myplugins/mybus'
 
 const orderList = [
@@ -39,7 +39,18 @@ const orderList = [
   //   orderType: 'DESC',
   // },
 ]
+
+const props = defineProps({
+  orderArray: { type: Array, default: null },
+  styleObj: { type: Object, default: null },
+})
+
+console.log('props.orderArray------------>', props.orderArray);
+
 const integrationOrderList = ref(JSON.parse(JSON.stringify(orderList)))
+if(props.orderArray) {
+  integrationOrderList.value = props.orderArray
+}
 const integrationOrder = reactive({
   orderField: '',
   orderType: '',