企业合同页面状态展示修改

src/views/saasmanager/modules/HwCompanySubcontractorContract.vue

@@ -53,6 +53,21 @@
             <a @click="uploadContract2(record)" v-has="'companySubcontractor:viewContract'">查看合同</a>
         </span>
 
+
+
+        <span slot="action1" slot-scope="text, record">
+              <template v-if="record.contractStatus == 1">
+                <span style="color: #FF7312">{{text.length > 10 ? text.substring(0,10) : text}}(即将到期)</span>
+              </template>
+              <template v-else-if="record.contractStatus == 2">
+                <span style="color: #F01B1B">{{text.length > 10 ? text.substring(0,10) : text}}(已到期)</span>
+              </template>
+              <template v-else>
+                {{text.length > 10 ? text.substring(0,10) : text}}
+              </template>
+            </span>
+
+
       </a-table>
     </div>
 <hw-company-upload-contract-modal ref="uploadContractForm" @ok="modalFormOk"></hw-company-upload-contract-modal>
@@ -123,15 +138,7 @@
             title:'合同结束时间',
             align:"center",
             dataIndex: 'endDate',
-            customRender:function (text,record) {
-              if(record.contractStatus==1){
-                return !text?"":(text.length>10?text.substr(0,10):text)+"(即将到期)"
-              }else if (record.contractStatus==2){
-                return !text?"":(text.length>10?text.substr(0,10):text)+"已到期)"
-              }else{
-                return !text?"":(text.length>10?text.substr(0,10):text)
-              }
-            }
+            scopedSlots: { customRender: 'action1' }
           },
           {
             title: '操作',