Add

pages/admin/complaint/_item.vue

@@ -1,7 +1,6 @@
 <template>
   <div>
     <div class="m-3">
-      
       <div class="row ui-box p-3">
         <h4>شکایت</h4>
         <hr />
@@ -31,7 +30,7 @@
             <p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.receptionCode }}</p>
           </div>
 
-          <div class="d-flex mt-3" style="align-items: center">
+          <div v-if="complaint?.deviceNumber" class="d-flex mt-3" style="align-items: center">
             <h5 style="margin-bottom: 1rem">شماره سریال دستگاه :</h5>
             <p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.deviceNumber }}</p>
           </div>
@@ -50,12 +49,15 @@
             </div>
           </div>
         </div>
-        <div v-if="hasPermission('apply')" class="d-flex mt-3" style="align-items: center">
+        <div v-if="hasPermission('apply')" >
+          <div class="d-flex mt-3" style="align-items: center">
             <h5>پیگیری شده :</h5>
             <el-checkbox v-model="complete" class="p-2"></el-checkbox>
           </div>
-        <el-button v-if="hasPermission('apply')"  class="p-2" type="primary" @click="applyComplaint">تایید</el-button>
+          <div class="d-flex mt-3" style="align-items: center; justify-self: center;">
-
+          <el-button class="p-2 w-20 m-auto" type="primary" @click="applyComplaint">تایید</el-button>
+        </div>
+        </div>
       </div>
     </div>
   </div>
@@ -72,7 +74,6 @@ export default {
     return {
       complaint: null,
       complete: false
-
     }
   },
 
@@ -93,7 +94,6 @@ export default {
         this.complaint = res.data
         this.complete = res.data.complete
         this.$router.push('/admin/complaint')
-
       })
     }
   }
@@ -125,4 +125,8 @@ export default {
   background-color: white;
   border-radius: 10px;
 }
+.w-20{
+  width: 20%;
+}
+
 </style>

pages/admin/complaint/index.vue

@@ -54,7 +54,7 @@
 
           <el-table-column  label="پیگیری شکایت" width="">
             <template slot-scope="scope">
-              <span class="singleLineTxt" :title="scope.row.email"> {{ scope.row.complete ? "پیگیری شده" : "پیگیری نشده" }} </span>
+              <span :class="{  'text-success': scope.row.complete , 'text-danger': !scope.row.complete }" class="singleLineTxt" :title="scope.row.email"> {{ scope.row.complete ? "پیگیری شده" : "پیگیری نشده" }} </span>
             </template>
           </el-table-column>