拼团购管理样式修改

src/views/modules/custom/groupbuy-detail.vue

@@ -28,6 +28,9 @@
         <el-form-item label="发布时间" prop="createdTime">
           <div>{{ dataForm.createdTime }}</div>
         </el-form-item>
+      <el-form-item label="截至时间" prop="groupBuyEndTime">
+        <div>{{ dataForm.groupBuyEndTime }}</div>
+      </el-form-item>
       <el-form-item label="报名人员">
         <el-link type="primary" @click="innerVisible = true">查看</el-link>
       </el-form-item>
@@ -36,6 +39,7 @@
       </el-form-item>
       <el-form-item label="状态" prop="groupBuyStatus">
         <div v-if="dataForm.groupBuyStatus === 0" style="color: #00A066">团购中</div>
+        <div v-if="dataForm.groupBuyStatus === 4" style="color: #E30000">已截团</div>
         <div v-if="dataForm.groupBuyStatus === 5" style="color: #E30000">已结束</div>
         <div v-if="dataForm.groupBuyStatus === 10">已取消</div>
       </el-form-item>
@@ -117,7 +121,8 @@ export default {
         shieldFlag: '',
         shieldReason: '',
         prices: [],
-        images: []
+        images: [],
+        groupBuyEndTime: ''
       },
       previewImgList: [],
       signUpList: [],

src/views/modules/custom/groupbuyinfo.vue

@@ -44,12 +44,11 @@
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" :cell-style="cellStyle" style="width: 100%;">
         <el-table-column label="序号" type="index" show-overflow-tooltip align="center" width="50"></el-table-column>
-        <el-table-column show-overflow-tooltip prop="groupBuyTitle" label="标题" header-align="center" align="center" width="250px"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="groupBuyTitle" label="标题" header-align="center" align="center" width="240px"></el-table-column>
         <el-table-column show-overflow-tooltip prop="groupBuyContent" label="内容" header-align="center" align="center" width="300px"></el-table-column>
         <el-table-column prop="groupBuyMobile" label="联系电话" header-align="center" align="center"  width="120px"></el-table-column>
         <el-table-column prop="groupBuyStatus" label="状态" header-align="center" align="center" width="100px" :formatter="statusFormat"></el-table-column>
         <el-table-column prop="createdTime" label="发布时间" header-align="center" align="center" width="160px"></el-table-column>
-        <el-table-column prop="groupBuyEndTime" label="截止时间" header-align="center" align="center" width="160px"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center">
           <template slot-scope="scope">
             <el-button  type="text" size="mini" @click="groupBuyDetailHandle(scope.row.id)">查看</el-button>
@@ -217,7 +216,11 @@ export default {
     },
     cellStyle (row, column, rowIndex, columnIndex) {
       if (row.column.label === '状态' && row.row.groupBuyStatus === 0) {
-        return 'color:#00A066'
+        if (row.row.groupBuyEndTime !== '' && row.row.groupBuyEndTime !== undefined && row.row.groupBuyEndTime !== null && (new Date(row.row.groupBuyEndTime).getTime() < new Date().getTime())) {
+          return 'color:#E30000'
+        } else {
+          return 'color:#00A066'
+        }
       } else if (row.column.label === '状态' && row.row.groupBuyStatus === 5) {
         return 'color:#E30000'
       }