修改我的需求同意拒绝背景颜色 去掉我的订单已取消tabs

src/locales/en.js

@@ -17,7 +17,7 @@ export default {
     hour: 'Hour',
     lijixuexi: 'Learn Now',
     renkanguo: 'People Have Seen',
-    renbaoming: 'People Registered',
+    renbaoming: ' People Registered',
     qitakechengtuijian: 'Other Course Recommendations',
     kechengjieshao: 'Course Description',
     kechengmulu: 'Course Directory',

src/pages/Personal/Demand.vue

@@ -8,7 +8,8 @@
               <div class="flex-align-center">
                 <div v-if="form.activeName == 1" class="tag"
                   :class="{ 'tag_red': item.applyStatus == 2 || item.applyStatus == null }">{{
-                    item.applyStatus == 1 ? $t('workflowTrade.demandStatusSignUping') : $t('workflowTrade.demandStatusEnded') }}</div>
+                    item.applyStatus == 1 ? $t('workflowTrade.demandStatusSignUping') :
+                      $t('workflowTrade.demandStatusEnded') }}</div>
                 <div class="title">{{ item.title }}</div>
               </div>
               <div class="price" v-if="item.budgetMin || item.budgetMax">￥{{ item.budgetMin }}-{{ item.budgetMax }}
@@ -83,7 +84,8 @@
         <div class="detail-top">
           <div class="flex-center-between">
             <div class="flex-align-center">
-              <div class="tag" :class="{ 'tag_red': itemData.applyStatus == '2' }">{{ itemData.applyStatus == 1 ? $t('workflowTrade.demandStatusSignUping')
+              <div class="tag" :class="{ 'tag_red': itemData.applyStatus == '2' }">{{ itemData.applyStatus == 1 ?
+                $t('workflowTrade.demandStatusSignUping')
                 :
                 $t('workflowTrade.demandStatusEnded')
               }}</div>
@@ -96,16 +98,16 @@
               <!-- <el-button type="primary" size="small" plain>一级分类名称</el-button> -->
               <el-button type="primary" size="small" plain>{{ itemData.categoryName3 }}</el-button>
             </div>
-            <ul class="flex-align-center list">
-              <div class="li">
+            <div class="flex-align-center list">
+              <div class="lis">
                 <img src="/src/assets/imgs/yuangong.png" alt="">
                 <div class="">{{ itemData.questApplyCount || 0 }}{{ $t('common.renbaoming') }}</div>
               </div>
-              <div class="li">
+              <div class="lis">
                 <img src="/src/assets/imgs/rili.png" alt="">
                 <div class="">{{ $t('common.signUpDeadline') }}：{{ itemData.deadline }}</div>
               </div>
-            </ul>
+            </div>
           </div>
           <div class="desc">{{ itemData.requirements }}
           </div>
@@ -114,13 +116,14 @@
         <div class="detail-txt">{{ $t('personalCenter.baomiliang') }}（{{ itemData.questApplyCount || 0 }} {{
           $t('personalCenter.ren') }}）</div>
         <div class="detail-list">
-          <div v-for="(item, index) in recordList" :key="index" class="li">
+          <div v-for="(item, index) in recordList" :key="index" class="li" :class="{'success':item.applyStatus == 1,'failure':item.applyStatus == 2}">
             <div class="flex-align-center detail-list-left">
               <el-avatar :size="20" :src="item.userAvatar" />
               <div class="">{{ item.applyUserName }}</div>
               <div class="">{{ item.userPhone }}</div>
             </div>
-            <div class="detail-list-number">{{ $t('personalCenter.gongzuoliuliang') }}：{{ item.publishCount }}</div>
+            <div class="flex_1 flex-between">
+              <div class="detail-list-number">{{ $t('personalCenter.gongzuoliuliang') }}：{{ item.publishCount }}</div>
             <div class="flex-align-center detail-list-right">
               <template v-if="item.applyStatus == 0">
                 <div @click.stop="changeDemand(item, index, 1)" class="lex-align-center btn green">
@@ -132,12 +135,12 @@
                   <div class="">{{ $t('common.reject') }}</div>
                 </div>
               </template>
-
               <!-- <div @click="changeDemand(item, index, 3)" class="lex-align-center btn blue">
                 <img src="/src/assets/imgs/my/jilu@2x.png" alt="">
                 <div class="">{{ $t('common.viewHomepage') }}</div>
               </div> -->
             </div>
+            </div>
           </div>
         </div>
       </div>
@@ -210,7 +213,11 @@ const changeDemand = async (item, index, applyStatus) => {
     })
     if (res.code === 200) {
       DGTMessage.success(`${t('common.success')}`)
-      dialogVisible.value = false;
+      // dialogVisible.value = false;
+      let result = await appliList({ questId: item.questId });
+      if (result.code === 200) {
+        recordList.value = result.rows;
+      }
     }
   }
 
@@ -221,8 +228,10 @@ const changeItem = async (item, index, type) => {
   if (type == 0) {
 
     let res = await appliList({ questId: item.questId })
-    recordList.value = res.rows;
-    dialogVisible.value = true;
+    if (res.code === 200) {
+      recordList.value = res.rows;
+      dialogVisible.value = true;
+    }
   } else if (type == 1) {
     router.push({ path: `/workflow-trade/workflow-trade-add`, query: { id: item.questId } });
   } else if (type == 2) {
@@ -230,7 +239,7 @@ const changeItem = async (item, index, type) => {
       t('personalCenter.jieshuxuqiu') + '?',
       t('common.warning'),
       {
-         confirmButtonText: t('common.confirm'),
+        confirmButtonText: t('common.confirm'),
         cancelButtonText: t('common.cancel'),
         type: 'warning',
       }
@@ -252,7 +261,7 @@ const changeItem = async (item, index, type) => {
       t('personalCenter.shifoushanchu'),
       t('common.warning'),
       {
-         confirmButtonText: t('common.confirm'),
+        confirmButtonText: t('common.confirm'),
         cancelButtonText: t('common.cancel'),
         type: 'warning',
       }
@@ -273,7 +282,7 @@ const changeItem = async (item, index, type) => {
       t('personalCenter.sfqxbm'),
       t('common.warning'),
       {
-         confirmButtonText: t('common.confirm'),
+        confirmButtonText: t('common.confirm'),
         cancelButtonText: t('common.cancel'),
         type: 'warning',
       }
@@ -533,6 +542,7 @@ onMounted(() => {
       }
 
       .detail-list-left {
+        width: 40%;
         div {
           color: #666666;
           font-size: 14px;
@@ -599,6 +609,14 @@ onMounted(() => {
         }
       }
     }
+
+    .success {
+      background: #E9F7EF;
+    }
+
+    .failure {
+      background: #FCEBEB;
+    }
   }
 }
 </style>

src/pages/Personal/Orders.vue

@@ -219,7 +219,7 @@ const tabs = ref([
   { label: 'personalCenter.allOrders', name: '' },
   { label: 'personalCenter.daifukuan', name: 0 },
   { label: 'personalCenter.yiwancheng', name: 1 },
-  { label: 'personalCenter.yiquxiao', name: 2 },
+  // { label: 'personalCenter.yiquxiao', name: 2 },
 ])
 
 const list = ref([]);