liuhy пре 2 година
родитељ
комит
3bb0bf13fa

+ 254 - 209
src/views/specialApply/TaskUploadData.vue

@@ -62,20 +62,17 @@
 
             <a-col :span="24">
               <a-form-model-item label="关停标签选择" prop="userOpenState" v-bind="labelCol1">
-                <a-radio-group disabled v-model="infoModel.shutdownLabel" button-style="solid" @change="stepLoading">
-                  <a-radio-button value="0">安防停机(高危漫游地)</a-radio-button>
-                  <a-radio-button value="1">安防关停(紫名单)</a-radio-button>
-                  <a-radio-button value="2">安防停机(专班研判)</a-radio-button>
-                  <a-radio-button value="3">安防停机(可复开)</a-radio-button>
-                  <a-radio-button value="4">沉默移动卡保护性单停</a-radio-button>
-                  <a-radio-button value="5">集团一点停复机(单停)</a-radio-button>
-                  <a-radio-button value="6">大数据保护停机单停</a-radio-button>
-                  <a-radio-button value="7">工信部断卡单停</a-radio-button>
-                  <a-radio-button value="8">实人核验未通过关停(单停)</a-radio-button>
-                  <a-radio-button value="999">其他 {{ infoModel.shutdownLabelOther }}</a-radio-button>
-                </a-radio-group>
+                <span v-if="infoModel.shutdownLabel.indexOf('0') > -1">安防停机(高危漫游地)</span>
+                <span v-if="infoModel.shutdownLabel.indexOf('1') > -1">安防关停(紫名单)</span>
+                <span v-if="infoModel.shutdownLabel.indexOf('2') > -1">安防停机(专班研判)</span>
+                <span v-if="infoModel.shutdownLabel.indexOf('3') > -1">安防停机(可复开)</span>
+                <span v-if="infoModel.shutdownLabel.indexOf('4') > -1">沉默移动卡保护性单停 </span>
+                <span v-if="infoModel.shutdownLabel.indexOf('5') > -1">集团一点停复机(单停) </span>
+                <span v-if="infoModel.shutdownLabel.indexOf('6') > -1">大数据保护停机单停 </span>
+                <span v-if="infoModel.shutdownLabel.indexOf('7') > -1">工信部断卡单停 </span>
+                <span v-if="infoModel.shutdownLabel.indexOf('8') > -1">实人核验未通过关停(单停)</span>
+                <span v-if="infoModel.shutdownLabel.indexOf('999') > -1">其他 {{ infoModel.shutdownLabelOther }} </span>
               </a-form-model-item>
-
             </a-col>
 
           </a-row>
@@ -111,8 +108,8 @@
             <a-col :span="6">
               <a-form-model-item label="最后一次关停时间" prop="shutdownTime" v-bind="labelCol4">
                 <a-date-picker :style="{width:'100%'}" v-model="infoModel.shutdownTime"
-                               format="YYYY-MM-DD HH:mm:ss"
-                               showTime valueFormat="YYYY-MM-DD HH:mm:ss"/>
+                               format="YYYY-MM-DD"
+                               showTime valueFormat="YYYY-MM-DD"/>
               </a-form-model-item>
             </a-col>
 
@@ -134,20 +131,20 @@
 
             <a-col :span="24" v-if="specialResult.basicInfoState != '1'">
               <a-form-model-item label="关停标签选择" prop="userOpenState" v-bind="labelCol1">
-                <a-radio-group v-model="infoModel.shutdownLabel" button-style="solid" @change="stepLoading">
-                  <a-radio-button value="0">安防停机(高危漫游地)</a-radio-button>
-                  <a-radio-button value="1">安防关停(紫名单)</a-radio-button>
-                  <a-radio-button value="2">安防停机(专班研判)</a-radio-button>
-                  <a-radio-button value="3">安防停机(可复开)</a-radio-button>
-                  <a-radio-button value="4">沉默移动卡保护性单停</a-radio-button>
-                  <a-radio-button value="5">集团一点停复机(单停)</a-radio-button>
-                  <a-radio-button value="6">大数据保护停机单停</a-radio-button>
-                  <a-radio-button value="7">工信部断卡单停</a-radio-button>
-                  <a-radio-button value="8">实人核验未通过关停(单停)</a-radio-button>
-                  <a-radio-button value="999">其他(手动输入名称)</a-radio-button>
-                  <a-input style="width: 300px;left: 10px" v-if="infoModel.shutdownLabel == '999'"
+                <a-checkbox-group v-model="infoModel.shutdownLabel" button-style="solid" @change="stepLoading">
+                  <a-checkbox value="0">安防停机(高危漫游地)</a-checkbox>
+                  <a-checkbox value="1">安防关停(紫名单)</a-checkbox>
+                  <a-checkbox value="2">安防停机(专班研判)</a-checkbox>
+                  <a-checkbox value="3">安防停机(可复开)</a-checkbox>
+                  <a-checkbox value="4">沉默移动卡保护性单停</a-checkbox>
+                  <a-checkbox value="5">集团一点停复机(单停)</a-checkbox>
+                  <a-checkbox value="6">大数据保护停机单停</a-checkbox>
+                  <a-checkbox value="7">工信部断卡单停</a-checkbox>
+                  <a-checkbox value="8">实人核验未通过关停(单停)</a-checkbox>
+                  <a-checkbox value="999">其他(手动输入名称)</a-checkbox>
+                  <a-input style="width: 300px;left: 10px" v-if="infoModel.shutdownLabel.indexOf('999')"
                            v-model:value="infoModel.shutdownLabelOther" placeholder=请输入关停标签名称></a-input>
-                </a-radio-group>
+                </a-checkbox-group>
               </a-form-model-item>
 
             </a-col>
@@ -173,16 +170,19 @@
     <!--    步骤条-->
     <a-card style="margin-bottom:10px;width: 15%;float: left">
       <a-steps direction="vertical" :current="steps.current" size="small" @change="stepsClick">
-        <a-step v-for="item in steps.stepsNow" :key="item.title"  :title='item.title' :status="item.status">
-<!--          <a-icon v-if="item.solution" type="solution" slot="icon" />-->
-          <a-icon v-if="item.solution" style='color: #faad14;' type="solution" slot="icon" />
-          <a-icon v-if="item.solution" style='color: #52c41a;' type="solution" slot="icon" />
-<!--          <img  slot="icon" v-if="item.solution" src="../../assets/checkUpdateStep.svg"/>-->
-<!--          <span style='color: #00DB00' slot='title'>{{item.title}}</span>-->
+        <a-step v-for="item in steps.stepsNow" :key="item.title" :status="item.status">
+          <a-icon v-if="item.solution" style='color: #faad14;' type="solution" slot="icon"/>
+          <span v-if="item.status=='wait'" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='error' && !item.solution" style="color: red" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='error' && item.solution" style="color: #faad14" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='finish'" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='process'" slot="title">{{ item.title }}</span>
         </a-step>
       </a-steps>
       <a-button v-if="!rectification" @click="stagingAuditLot" style="width: 100%" type="warn">暂存</a-button>
-      <a-button v-if="!detail" @click="submitAuditLot" style="width: 100%;position: relative;top: 10px" type="primary">提交申请</a-button>
+      <a-button v-if="!detail" @click="submitAuditLot" style="width: 100%;position: relative;top: 10px" type="primary">
+        提交申请
+      </a-button>
     </a-card>
     <!--    系统实名制截图-->
     <a-card v-if="steps.currentId == 'nameFindCompliance'"
@@ -208,7 +208,7 @@
         </div>
 
         <a-form-model-item style="left: 0%;width: 90%;" label="实名制截图备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.nameFindComplianceState == 1">{{infoModel.nameFindComplianceRemark}}</span>
+          <span v-if="specialResult.nameFindComplianceState == 1">{{ infoModel.nameFindComplianceRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       v-model="infoModel.nameFindComplianceRemark"
                       @change="textareaChange('nameFindCompliance','nameFindComplianceRemark')"
@@ -239,14 +239,16 @@
                 </iframe>
                 <img style="width: 100%;height: 500px;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <a-button v-if="infoModel.nameFindCompliance.length > 0 && specialResult.nameFindComplianceState != 1"
-                          style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'nameFindCompliance')">移除
+                <a-button
+                  v-if="infoModel.nameFindCompliance.length &&  item.urlBase  && specialResult.nameFindComplianceState != 1"
+                  style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                  danger @click="removeFile(item,'nameFindCompliance')">移除
                 </a-button>
 
-                <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                           v-if="infoModel.nameFindCompliance.length && item.urlBase"
-                           @click="jumpUrl(item.urlBase)">预览
+                <a-button
+                  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                  v-if="infoModel.nameFindCompliance.length && item.urlBase"
+                  @click="jumpUrl(item.urlBase)">预览
                 </a-button>
 
 
@@ -293,7 +295,7 @@
                   :beforeUpload="importBeforeUpload"
                   @change="importHandleChange"
                 >
-                  <div v-if="infoModel.nameFindCompliance.length < 10">
+                  <div v-if="infoModel.nameFindCompliance.length < 10 && specialResult.nameFindComplianceState != 1">
                     <a-icon type="plus"/>
                     <div class="ant-upload-text">点我上传合同</div>
                   </div>
@@ -341,7 +343,7 @@
         </div>
 
         <a-form-model-item style="width: 90%;" label="身份证正反面备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.idCardState == 1">{{infoModel.fileListIdCardRemark}}</span>
+          <span v-if="specialResult.idCardState == 1">{{ infoModel.fileListIdCardRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('fileListIdCard','fileListIdCardRemark')"
                       v-model="infoModel.fileListIdCardRemark"
@@ -371,13 +373,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.idCardState != 1"
+              <a-button v-if="infoModel.fileListIdCard.length &&  item.urlBase && specialResult.idCardState != 1"
                         style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'fileListIdCard')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.fileListIdCard.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fileListIdCard.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -423,7 +426,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.fileListIdCard.length < 20">
+                <div v-if="infoModel.fileListIdCard.length < 20 &&  specialResult.idCardState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传身份证正反面</div>
                 </div>
@@ -469,7 +472,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="手持身份证半身照片备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.handCertificateState == 1">{{infoModel.handCertificateRemark}}</span>
+          <span v-if="specialResult.handCertificateState == 1">{{ infoModel.handCertificateRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('handCertificate','handCertificateRemark')"
                       v-model="infoModel.handCertificateRemark"
@@ -495,17 +498,22 @@
                 ref="ifr"
                 width="90%"
                 height="500px"
+                style="display:block"
                 scrolling="auto">
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.handCertificate.length > 0 && specialResult.handCertificateState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'handCertificate')">移除
+
+              <a-button
+                v-if="infoModel.handCertificate.length &&  item.urlBase && specialResult.handCertificateState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red"
+                danger @click="removeFile(item,'handCertificate')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.handCertificate.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.handCertificate.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -551,7 +559,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.handCertificate.length < 20">
+                <div v-if="infoModel.handCertificate.length < 20 &&  specialResult.handCertificateState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传手持证件半身照片</div>
                 </div>
@@ -597,7 +605,7 @@
         </div>
 
         <a-form-model-item style="width: 90%;" label="防诈骗承诺涵备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.fraudPreventionState == 1">{{infoModel.fraudPreventionRemark}}</span>
+          <span v-if="specialResult.fraudPreventionState == 1">{{ infoModel.fraudPreventionRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('fraudPrevention','fraudPreventionRemark')"
                       v-model="infoModel.fraudPreventionRemark"
@@ -627,13 +635,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fraudPrevention.length > 0 && specialResult.fraudPreventionState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'fraudPrevention')">移除
+              <a-button
+                v-if="infoModel.fraudPrevention.length &&  item.urlBase && specialResult.fraudPreventionState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'fraudPrevention')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.fraudPrevention.length > 0 && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fraudPrevention.length > 0 && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -679,7 +689,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.fraudPrevention.length < 20">
+                <div v-if="infoModel.fraudPrevention.length < 20 &&  specialResult.fraudPreventionState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传手持证件半身照片</div>
                 </div>
@@ -727,7 +737,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="特审单备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.specialReviewFormState == 1">{{infoModel.specialReviewFormRemark}}</span>
+          <span v-if="specialResult.specialReviewFormState == 1">{{ infoModel.specialReviewFormRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('specialReviewForm','specialReviewFormRemark')"
                       v-model="infoModel.specialReviewFormRemark"
@@ -757,13 +767,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.specialReviewForm.length > 0 && specialResult.specialReviewFormState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'specialReviewForm')">移除
+              <a-button
+                v-if="infoModel.specialReviewForm.length &&  item.urlBase && specialResult.specialReviewFormState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'specialReviewForm')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.specialReviewForm.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.specialReviewForm.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -809,7 +821,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.specialReviewForm.length < 20">
+                <div v-if="infoModel.specialReviewForm.length < 20 &&  specialResult.specialReviewFormState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传特审单</div>
                 </div>
@@ -855,7 +867,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="使用人证件备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.userCertificateState == 1">{{infoModel.userCertificateRemark}}</span>
+          <span v-if="specialResult.userCertificateState == 1">{{ infoModel.userCertificateRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('userCertificate','userCertificateRemark')"
                       v-model="infoModel.userCertificateRemark"
@@ -885,13 +897,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.userCertificate.length > 0 && specialResult.userCertificateState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'userCertificate')">移除
+              <a-button
+                v-if="infoModel.userCertificate.length && item.urlBase && specialResult.userCertificateState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'userCertificate')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.userCertificate.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.userCertificate.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -937,7 +951,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.userCertificate.length < 20">
+                <div v-if="infoModel.userCertificate.length < 20 && specialResult.userCertificateState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传使用人证件</div>
                 </div>
@@ -983,7 +997,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="使用人证件备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.businessLicenseState == 1">{{infoModel.businessLicenseRemark}}</span>
+          <span v-if="specialResult.businessLicenseState == 1">{{ infoModel.businessLicenseRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       v-model="infoModel.businessLicenseRemark"
                       @change="textareaChange('businessLicense','businessLicenseRemark')"
@@ -1014,13 +1028,15 @@
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
 
-              <a-button v-if="infoModel.businessLicense.length > 0 && specialResult.businessLicenseState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'businessLicense')">移除
+              <a-button
+                v-if="infoModel.businessLicense.length && item.urlBase && specialResult.businessLicenseState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'businessLicense')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.businessLicense.length >0 && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.businessLicense.length >0 && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1066,7 +1082,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.businessLicense.length < 20">
+                <div v-if="infoModel.businessLicense.length < 20 &&  specialResult.businessLicenseState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传营业执照副本(盖公章)</div>
                 </div>
@@ -1112,7 +1128,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="介绍信备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.letterIntroductionState == 1">{{infoModel.letterIntroductionRemark}}</span>
+          <span v-if="specialResult.letterIntroductionState == 1">{{ infoModel.letterIntroductionRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('letterIntroduction','letterIntroductionRemark')"
                       v-model="infoModel.letterIntroductionRemark"
@@ -1142,13 +1158,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.letterIntroduction.length > 0 && specialResult.letterIntroductionState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'letterIntroduction')">移除
+              <a-button
+                v-if="infoModel.letterIntroduction.length && item.urlBase && specialResult.letterIntroductionState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'letterIntroduction')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.letterIntroduction.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.letterIntroduction.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1194,7 +1212,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.letterIntroduction.length < 20">
+                <div v-if="infoModel.letterIntroduction.length < 20 && specialResult.letterIntroductionState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传介绍信</div>
                 </div>
@@ -1240,7 +1258,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="号码备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.numberCardState == 1">{{infoModel.numberCardRemark}}</span>
+          <span v-if="specialResult.numberCardState == 1">{{ infoModel.numberCardRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('numberCard','numberCardRemark')"
                       v-model="infoModel.numberCardRemark"
@@ -1270,13 +1288,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.numberCard.length > 0 && specialResult.numberCardState != 1"
+              <a-button v-if="infoModel.numberCard.length && item.urlBase && specialResult.numberCardState != 1"
                         style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'numberCard')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.numberCard.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.numberCard.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
             </swiper-slide>
             <!--            <div
@@ -1321,7 +1340,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.numberCard.length < 20">
+                <div v-if="infoModel.numberCard.length < 20 &&  specialResult.numberCardState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传号卡</div>
                 </div>
@@ -1367,7 +1386,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="消费凭证备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.consumptionVoucherState == 1">{{infoModel.consumptionVoucherRemark}}</span>
+          <span v-if="specialResult.consumptionVoucherState == 1">{{ infoModel.consumptionVoucherRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('consumptionVoucher','consumptionVoucherRemark')"
                       v-model="infoModel.consumptionVoucherRemark"
@@ -1397,13 +1416,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.consumptionVoucher.length > 0 && specialResult.consumptionVoucherState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'consumptionVoucher')">移除
+              <a-button
+                v-if="infoModel.consumptionVoucher.length && item.urlBase && specialResult.consumptionVoucherState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'consumptionVoucher')">移除
               </a-button>
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.consumptionVoucher.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.consumptionVoucher.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1449,7 +1470,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.consumptionVoucher.length < 20">
+                <div v-if="infoModel.consumptionVoucher.length < 20 && specialResult.consumptionVoucherState != 1">
                   <a-icon type="plus"/>
                   <div class="ant-upload-text">点我上传消费凭证</div>
                 </div>
@@ -1495,7 +1516,7 @@
           </a-form-model-item>
         </div>
         <a-form-model-item style="width: 90%;" label="承诺视频备注:" v-bind="labelCol1Note">
-          <span v-if="specialResult.commitmentVideoState == 1">{{infoModel.commitmentVideoRemark}}</span>
+          <span v-if="specialResult.commitmentVideoState == 1">{{ infoModel.commitmentVideoRemark }}</span>
           <a-textarea v-else style="height: 77px"
                       @change="textareaChange('commitmentVideo','commitmentVideoRemark')"
                       v-model="infoModel.commitmentVideoRemark"
@@ -1525,14 +1546,16 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.commitmentVideo.length > 0 && specialResult.commitmentVideoState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
-                        danger @click="removeFile(item,'commitmentVideo')">移除
+              <a-button
+                v-if="infoModel.commitmentVideo.length && item.urlBase && specialResult.commitmentVideoState != 1"
+                style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
+                danger @click="removeFile(item,'commitmentVideo')">移除
               </a-button>
 
-              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                         v-if="infoModel.commitmentVideo.length && item.urlBase"
-                         @click="jumpUrl(item.urlBase)">预览
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.commitmentVideo.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
             </swiper-slide>
             <!--            <div
@@ -1601,7 +1624,6 @@
 
     </a-card>
 
-
   </a-spin>
 
 
@@ -1680,7 +1702,7 @@ export default {
       // 是否整改
       rectification: false,
       // 详情
-      detail : false,
+      detail: false,
       specialResult: {
         //基础信息
         basicInfoState: null,
@@ -1783,15 +1805,11 @@ export default {
       },
       //表单验证
       rules: {
-        openingNumber: [
-          {required: true, message: '必须输入手机号'},
-        ],
-
-        customerName: [
-          {required: true, message: '必须输入客户名称'},
-        ],
         shutdownTime: [
-          {required: true, message: '必须选择关停时间'},
+          {required: true, message: '请选择关停时间'},
+        ],
+        reasonReopening: [
+          {required: true, message: '请输入申请复开原因'},
         ]
       },
       labelCol4: {
@@ -1830,6 +1848,7 @@ export default {
         current: 0,
         currentId: "",
         stepsNow: {},
+        // 默认
         steps00: [
           {
             title: '系统实名制截图',
@@ -1986,6 +2005,9 @@ export default {
       postAction(this.url.findCheckState, model)
         .then((res) => {
           if (res.success) {
+            if (res.result == null) {
+              return;
+            }
             that.specialResult = res.result;
             // 整改->处理步骤条状态
             if (that.rectification) {
@@ -2007,7 +2029,7 @@ export default {
     },
     /**备注监听*/
     textareaChange(name, nameRemark) {
-      if (!this.rectification){
+      if (!this.rectification) {
         if (this.infoModel[nameRemark].length > 0) {
           this.steps.stepsNow[this.steps.current].status = "finish"
         } else if (this.infoModel[name].length > 0 && this.infoModel[name][0].urlBase) {
@@ -2015,7 +2037,7 @@ export default {
         } else {
           this.steps.stepsNow[this.steps.current].status = "wait"
         }
-      }else {
+      } else {
         this.steps.stepsNow[this.steps.current].solution = true;
       }
 
@@ -2033,7 +2055,7 @@ export default {
     },
     //材料不全有特审步骤条
     stepsMaterialLabel() {
-      if (this.infoModel.materialLabel == "0" || this.infoModel.shutdownLabel == "999") {
+      if (this.infoModel.materialLabel == "0") {
         let stepsMaterial = this.steps.stepsMaterial;
         for (var i in stepsMaterial) {
           this.steps.stepsNow.push(stepsMaterial[i])
@@ -2046,19 +2068,6 @@ export default {
       //材料不全有特审步骤条
       //that.stepsMaterialLabel();
       let userLable = that.infoModel.userLable;
-      if (this.infoModel.shutdownLabel == "999") {
-        //个人户
-        let stepUserLable0 = this.steps.stepUserLable0;
-        for (var i in stepUserLable0) {
-          this.steps.stepsNow.push(stepUserLable0[i])
-        }
-        //单位户
-        let stepUserLable1 = this.steps.stepUserLable1;
-        for (var j in stepUserLable1) {
-          this.steps.stepsNow.push(stepUserLable1[j])
-        }
-        return
-      }
       switch (userLable) {
         case "0":
           //个人户
@@ -2075,7 +2084,6 @@ export default {
           }
           break
       }
-
     },
     /**材料标签点击事件*/
     shutdownLabelClick() {
@@ -2083,29 +2091,12 @@ export default {
       //材料不全有特审步骤条
       //that.stepsMaterialLabel();
       let shutdownLabel = that.infoModel.shutdownLabel;
-      switch (shutdownLabel) {
-        case "0":
-          let shutdownLabel0 = this.steps.shutdownLabel0;
-          for (var i in shutdownLabel0) {
-            this.steps.stepsNow.push(shutdownLabel0[i])
-          }
-          break;
-        case "5":
-          let shutdownLabel5 = this.steps.shutdownLabel5;
-          for (var j in shutdownLabel5) {
-            this.steps.stepsNow.push(shutdownLabel5[j])
-          }
-          break;
-      }
-      if (this.infoModel.shutdownLabel == "999") {
+      // 其它包含所有
+      if (shutdownLabel.indexOf("0") > -1) {
         let shutdownLabel0 = this.steps.shutdownLabel0;
         for (var i in shutdownLabel0) {
           this.steps.stepsNow.push(shutdownLabel0[i])
         }
-        let shutdownLabel5 = this.steps.shutdownLabel5;
-        for (var j in shutdownLabel5) {
-          this.steps.stepsNow.push(shutdownLabel5[j])
-        }
       }
     },
 
@@ -2117,11 +2108,11 @@ export default {
       if (swiperImg) {
         let number = swiperImg.indexOf(fileData);
         swiperImg.splice(number, 1)
-        if (swiperImg.length == 0 ) {
+        if (swiperImg.length == 0) {
           swiperImg.push({})
           that[fileAttribute] = swiperImg
           let textId = fileAttribute + "Remark";
-          if (!this.rectification){
+          if (!this.rectification) {
             if (this.infoModel[textId].trim() > 0) {
               this.steps.stepsNow[this.steps.current].status = "finish"
             } else {
@@ -2129,7 +2120,7 @@ export default {
             }
           }
         } else {
-          if (!this.rectification){
+          if (!this.rectification) {
             this.steps.stepsNow[this.steps.current].status = "finish"
           }
         }
@@ -2164,14 +2155,14 @@ export default {
               //数据发生变化
               that.infoModel[fileAttribute][0] = swipData;
             }
-            if (!that.rectification){
+            if (!that.rectification) {
               // 改变步骤条状态
               if (that.infoModel[fileAttribute].length > 0) {
                 that.steps.stepsNow[that.steps.current].status = "finish"
               } else {
                 that.steps.stepsNow[that.steps.current].status = "wait"
               }
-            }else {
+            } else {
               that.steps.stepsNow[that.steps.current].solution = true
             }
 
@@ -2228,7 +2219,7 @@ export default {
         // 用户标签
         "userLable": infoModel.userLable,
         // 关停标签
-        "shutdownLabel": infoModel.shutdownLabel,
+        "shutdownLabel": infoModel.shutdownLabel.join(),
         // 关停标签其他-名称
         "shutdownLabelOther": infoModel.shutdownLabelOther,
         // 最后一次关停时间
@@ -2282,43 +2273,71 @@ export default {
     },
     /**提交申请事件*/
     submitAuditLot() {
-      //材料不全有特审
-      if (this.infoModel.materialLabel == '0' || this.infoModel.materialLabel == '999') {
-        if ((this.infoModel.specialReviewForm.length == 0 || !this.infoModel.specialReviewForm[0].urlBase) && this.infoModel.specialReviewFormRemark.length == 0) {
-          this.$warning({
-            title: '提示',
-            content: '材料不全请上特审单',
-          })
-          return;
-        }
+      // 表单效验证结果
+      let fromValid = false;
+      // 是否为单位户
+      if (this.infoModel.userLable == '1') {
+        this.rules["unitName"] = [{required: true, message: '请输入单位名称  '}]
+      } else {
+        this.rules["unitName"] = [{required: false, message: '请输入单位名称  '}]
       }
-
-      //系统实名制截图
-      if ((this.infoModel.nameFindCompliance.length == 0 || !this.infoModel.nameFindCompliance[0].urlBase) && this.infoModel.nameFindComplianceRemark.length == 0) {
+      // 触发表单验证
+      this.$refs.form.validate(valid => {
+        // 验证是否通过
+        fromValid = valid;
+      })
+      // 表单效验是否通过
+      if (!fromValid) {
         this.$warning({
           title: '提示',
-          content: '请上传系统实名制截图,如没有截图则填写备注信息',
+          content: '请完成全部特审资料填写',
         })
-        return
+        return;
       }
 
-      // 有特审 不需要上传全部材料, 无特审 需要上传全部材料
-      if ((this.infoModel.materialLabel == '1' || this.infoModel.materialLabel == '999') &&
-        (
-          ((this.infoModel.fileListIdCard.length == 0 || !this.infoModel.fileListIdCard[0].urlBase) && this.infoModel.fileListIdCardRemark.length == 0)
-          ||
-          ((this.infoModel.handCertificate.length == 0 || !this.infoModel.handCertificate[0].urlBase) && this.infoModel.handCertificateRemark.length == 0)
-          ||
-          ((this.infoModel.numberCard.length == 0 || !this.infoModel.numberCard[0].urlBase) && (this.infoModel.numberCardRemark.length == 0))
-          ||
-          ((this.infoModel.letterIntroduction.length == 0 || !this.infoModel.letterIntroduction[0].urlBase) && this.infoModel.letterIntroductionRemark.length == 0)
-        )
-      ) {
+      // 关停标签
+      if (this.infoModel.shutdownLabel.length == 0) {
         this.$warning({
           title: '提示',
-          content: '无特审,请上传全部材料',
+          content: '至少选择一个关停标签',
         })
-        return
+        return;
+      }
+
+      // 材料不全,必须上传特深单
+      if (this.infoModel.materialLabel == '0') {
+        if (!this.labelValidation(['specialReviewForm'])) {
+          this.$warning({
+            title: '提示',
+            content: '材料不全,请上传特审单',
+          })
+          return;
+        }
+      } else {
+        // 无特审,所有材料必须上传
+        // 公用效验参数
+        var labels = ["nameFindCompliance", "fileListIdCard", "handCertificate", "fraudPrevention"]
+        // 单位户或个人
+        if (this.infoModel.userLable == '0') {
+          // 个人->号卡照片
+          labels.push('numberCard')
+        } else {
+          // 单位户 -> 使用人证件,营业执照副本,介绍信
+          labels.push('userCertificate')
+          labels.push('businessLicense')
+          labels.push('letterIntroduction')
+        }
+        // 关停标签 -> 安防停机(高危漫游地)
+        if (this.infoModel.shutdownLabel.indexOf('0') > -1) {
+          labels.push('consumptionVoucher')
+        }
+        if (!this.labelValidation(labels)) {
+          this.$warning({
+            title: '提示',
+            content: '无特审,请上传全部材料!',
+          })
+          return;
+        }
       }
       let data = this.getDataNow();
       let url = this.url.editInfo;
@@ -2344,9 +2363,27 @@ export default {
         }).finally(() => {
         this.uploading = false;
       })
-
-
     },
+    /**标签效验*/
+    labelValidation(lableName) {
+      let boolean = true;
+      let infoModel = this.infoModel;
+      for (var i in lableName) {
+        let value = lableName[i];
+        let valueRemark = value + "Remark";
+        // 去除两端空格
+        if (infoModel[valueRemark] != null) {
+          infoModel[valueRemark] = infoModel[valueRemark].trim();
+        }
+        if ((infoModel[value].length == 0 || !infoModel[value][0].urlBase)
+          && (infoModel[valueRemark] == null || infoModel[valueRemark].length == 0)) {
+          boolean = false
+          break;
+        }
+      }
+      return boolean;
+    }
+    ,
     /**步骤条点击事件*/
     stepsClick(current) {
       if (!this.rectification) {
@@ -2357,19 +2394,23 @@ export default {
             this.steps.stepsNow[i].status = "wait"
           }
         }
-        this.steps.stepsNow[current].status = "process"
+        if (this.steps.stepsNow[current].status != "finish") {
+          this.steps.stepsNow[current].status = "process"
+        }
       } else {
         this.steps.current = current;
         this.steps.currentId = this.steps.stepsNow[current].id
       }
-    },
+    }
+    ,
 
     /**返回上一级*/
     back() {
       this.$router.go(-1);
       //关闭当前页
       this.closeCurrent();
-    },
+    }
+    ,
     /**获取客户信息*/
     getInfoDataById(id) {
       var that = this;
@@ -2396,7 +2437,8 @@ export default {
         })
       }
 
-    },
+    }
+    ,
     /**获取特审复开数据*/
     getInfoSpecialData(infoId) {
       let that = this;
@@ -2442,7 +2484,7 @@ export default {
           // 用户标签
           infoModel.userLable = result.userLable.toString()
           // 关停标签
-          infoModel.shutdownLabel = result.shutdownLabel.toString()
+          infoModel.shutdownLabel = result.shutdownLabel.split(",")
           // 关停标签其他-名称
           infoModel.shutdownLabelOther = result.shutdownLabelOther
           // 最后一次关停时间
@@ -2457,7 +2499,8 @@ export default {
 
         }
       })
-    },
+    }
+    ,
     // 照片格式转换
     urlBaseJoin(dataArray, name) {
       let newDataArr = [];
@@ -2466,7 +2509,8 @@ export default {
         newDataArr.push(dataArrayElementElement);
       }
       return newDataArr.toString();
-    },
+    }
+    ,
     /**包装轮播数据*/
     packageArr(data) {
       let id = 0;
@@ -2497,9 +2541,10 @@ export default {
         newArr.push(swipData);
       }
       return newArr;
-    },
+    }
+    ,
     // 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦!
-    jumpUrl(url){
+    jumpUrl(url) {
       var a = document.createElement("a");
       a.setAttribute("href", url);
       a.setAttribute("target", "_blank");

+ 173 - 149
src/views/specialApply/modules/TaskCheckAudit.vue

@@ -16,44 +16,44 @@
           <a-row>
             <a-col :span="6">
               <a-form-model-item label="用户选择" prop="userOpenState" v-bind="labelCol4">
-                <span>{{ infoModel.userLable == '0' ? '个人户' : '单位户' }}</span>
+                <span class="cornflowerblue">{{ infoModel.userLable == '0' ? '个人户' : '单位户' }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="6">
               <a-form-model-item label="申请复开号码" prop="openingNumber" v-bind="labelCol4">
-                <span>{{ infoModel.openingNumber }}</span>
+                <span class="cornflowerblue">{{ infoModel.openingNumber }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="6">
               <a-form-model-item label="客户名称(使用人)" prop="customerName" v-bind="labelCol4">
-                <span>{{ infoModel.customerName }}</span>
+                <span class="cornflowerblue">{{ infoModel.customerName }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="6" v-if="infoModel.userLable == '1'">
               <a-form-model-item label="单位名称" prop="unitName" v-bind="labelCol4">
-                <span>{{ infoModel.unitName }}</span>
+                <span class="cornflowerblue">{{ infoModel.unitName }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="6">
               <a-form-model-item label="最后一次关停时间" prop="shutdownTime" v-bind="labelCol4">
-                <span>{{ infoModel.shutdownTime }}</span>
+                <span class="cornflowerblue">{{ infoModel.shutdownTime }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="6">
               <a-form-model-item label="申请复开原因" prop="reasonReopening" v-bind="labelCol4">
-                <span>{{ infoModel.reasonReopening }}</span>
+                <span class="cornflowerblue">{{ infoModel.reasonReopening }}</span>
               </a-form-model-item>
             </a-col>
 
             <a-col :span="24">
               <a-form-model-item label="材料标签选择" prop="userOpenState" v-bind="labelCol1">
                 <a-radio-group :disabled="true" v-model="infoModel.materialLabel" button-style="solid">
-                  <span>{{ infoModel.userLable == '0' ? '材料不全(有特审/签报)' : '材料齐全(无特审)' }}</span>
+                  <span class="cornflowerblue">{{ infoModel.userLable == '0' ? '材料不全(有特审/签报)' : '材料齐全(无特审)' }}</span>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
@@ -61,20 +61,17 @@
 
             <a-col :span="24">
               <a-form-model-item label="关停标签选择" prop="userOpenState" v-bind="labelCol1">
-                <a-radio-group disabled v-model="infoModel.shutdownLabel" button-style="solid" @change="stepLoading">
-                  <a-radio-button value="0">安防停机(高危漫游地)</a-radio-button>
-                  <a-radio-button value="1">安防关停(紫名单)</a-radio-button>
-                  <a-radio-button value="2">安防停机(专班研判)</a-radio-button>
-                  <a-radio-button value="3">安防停机(可复开)</a-radio-button>
-                  <a-radio-button value="4">沉默移动卡保护性单停</a-radio-button>
-                  <a-radio-button value="5">集团一点停复机(单停)</a-radio-button>
-                  <a-radio-button value="6">大数据保护停机单停</a-radio-button>
-                  <a-radio-button value="7">工信部断卡单停</a-radio-button>
-                  <a-radio-button value="8">实人核验未通过关停(单停)</a-radio-button>
-                  <a-radio-button value="999">其他 {{ infoModel.shutdownLabelOther }}</a-radio-button>
-                </a-radio-group>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('0') > -1">安防停机(高危漫游地)</span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('1') > -1">安防关停(紫名单)</span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('2') > -1">安防停机(专班研判)</span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('3') > -1">安防停机(可复开)</span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('4') > -1">沉默移动卡保护性单停 </span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('5') > -1">集团一点停复机(单停) </span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('6') > -1">大数据保护停机单停 </span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('7') > -1">工信部断卡单停 </span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('8') > -1">实人核验未通过关停(单停)</span>
+                <span class="cornflowerblue" v-if="infoModel.shutdownLabel.indexOf('999') > -1">其他 {{ infoModel.shutdownLabelOther }} </span>
               </a-form-model-item>
-
             </a-col>
 
             <div>
@@ -102,12 +99,20 @@
     <!--    步骤条-->
     <a-card style="margin-bottom:10px;width: 15%;float: left">
       <a-steps direction="vertical" :current="steps.current" size="small" @change="stepsClick">
-        <a-step v-for="item in steps.stepsNow" :key="item.title" :title="item.title" :status="item.status">
-          <a-icon v-if="item.solution" type="solution" slot="icon" />
+        <a-step v-for="item in steps.stepsNow" :key="item.title"  :status="item.status">
+          <a-icon v-if="item.solution && item.status=='error' " style='color: #faad14;'  type="solution" slot="icon"/>
+          <span v-if="item.solution && item.status=='error'"  style='color: #faad14;'  slot="title">{{item.title}}</span>
+          <a-icon v-if="item.solution && item.status=='finish' " style='color: #52c41a;'  type="solution" slot="icon"/>
+          <span v-if="item.solution && item.status=='finish'"  style='color: #52c41a;'  slot="title">{{item.title}}</span>
+          <span v-if="item.status=='error' && !item.solution" style="color: red" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='finish' && !item.solution" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='process' && !item.solution" slot="title">{{ item.title }}</span>
+          <span v-if="item.status=='wait'" slot="title">{{ item.title }}</span>
         </a-step>
       </a-steps>
       <a-button @click="submitSpecial" style="width: 100%;position: relative;top: 10px" type="primary">提交稽核</a-button>
     </a-card>
+
     <!--    系统实名制截图-->
     <a-card v-if="steps.currentId == 'nameFindCompliance'"
             style="margin-bottom:10px;
@@ -160,9 +165,15 @@
                 </iframe>
                 <img style="width: 100%;height: 500px;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <a-button v-if="infoModel.nameFindCompliance.length > 0"
-                          style="display: block;margin-top: 10px;border-color: red;color: red"
-                          danger @click="removeFile(item,'nameFindCompliance')">移除
+                <a-button
+                  style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                  v-if="infoModel.nameFindCompliance.length && item.urlBase"
+                  @click="jumpUrl(item.url)">下载
+                </a-button>
+                <a-button
+                  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                  v-if="infoModel.nameFindCompliance.length && item.urlBase"
+                  @click="jumpUrl(item.urlBase)">预览
                 </a-button>
 
               </swiper-slide>
@@ -208,10 +219,7 @@
                   :beforeUpload="importBeforeUpload"
                   @change="importHandleChange"
                 >
-                  <div v-if="infoModel.nameFindCompliance.length < 10">
-                    <a-icon type="plus"/>
-                    <div class="ant-upload-text">点我上传合同</div>
-                  </div>
+
                 </a-upload>
 
               </div>
@@ -283,9 +291,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'fileListIdCard')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fileListIdCard.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fileListIdCard.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -331,10 +345,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.fileListIdCard.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传身份证正反面</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -400,15 +411,22 @@
                 frameborder="1"
                 :src="item.urlBase"
                 ref="ifr"
-                width="90%"
+                width="100%"
                 height="500px"
                 scrolling="auto">
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'handCertificate')">移除
+
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.handCertificate.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.handCertificate.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -454,10 +472,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.handCertificate.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传手持证件半身照片</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -521,15 +536,22 @@
                 frameborder="1"
                 :src="item.urlBase"
                 ref="ifr"
+                style="position: relative;"
                 width="100%"
                 height="500px"
                 scrolling="auto">
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'fraudPrevention')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fraudPrevention.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.fraudPrevention.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -575,10 +597,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.fraudPrevention.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传手持证件半身照片</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -650,9 +669,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'specialReviewForm')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.specialReviewForm.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.specialReviewForm.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -698,10 +723,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.specialReviewForm.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传特审单</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -772,10 +794,17 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'userCertificate')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.userCertificate.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
               </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.userCertificate.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
+              </a-button>
+
 
             </swiper-slide>
             <!--            <div
@@ -820,10 +849,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.userCertificate.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传使用人证件</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -895,11 +921,18 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'businessLicense')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.businessLicense.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.businessLicense.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
+
             </swiper-slide>
             <!--            <div
                           class="swiper-button-next swiper-button-white"
@@ -943,10 +976,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.businessLicense.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传营业执照副本(盖公章)</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -1019,9 +1049,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'letterIntroduction')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.letterIntroduction.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.letterIntroduction.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1067,10 +1103,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.letterIntroduction.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传介绍信</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -1146,9 +1179,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'numberCard')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.numberCard.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.numberCard.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1194,10 +1233,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.numberCard.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传号卡</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -1269,9 +1305,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'consumptionVoucher')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.consumptionVoucher.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.consumptionVoucher.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1317,10 +1359,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.consumptionVoucher.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传消费凭证</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -1392,9 +1431,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.commitmentVideo.length > 0"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
-                        danger @click="removeFile(item,'commitmentVideo')">移除
+              <a-button
+                style="display: block;position: relative;float:left;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.commitmentVideo.length && item.urlBase"
+                @click="jumpUrl(item.url)">下载
+              </a-button>
+              <a-button
+                style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                v-if="infoModel.commitmentVideo.length && item.urlBase"
+                @click="jumpUrl(item.urlBase)">预览
               </a-button>
 
             </swiper-slide>
@@ -1440,10 +1485,7 @@
                 :beforeUpload="importBeforeUpload"
                 @change="importHandleChange"
               >
-                <div v-if="infoModel.commitmentVideo.length < 20">
-                  <a-icon type="plus"/>
-                  <div class="ant-upload-text">点我上传承诺视频</div>
-                </div>
+
               </a-upload>
 
             </div>
@@ -1464,7 +1506,6 @@
 
     </a-card>
 
-
   </a-spin>
 
 
@@ -1845,6 +1886,9 @@ export default {
       postAction(this.url.findCheckState, model)
         .then((res) => {
           if (res.success) {
+            if ( res.result == null){
+              return
+            }
             that.specialResult = res.result;
             // 整改->处理步骤条状态
             for (var i in that.steps.stepsNow) {
@@ -1886,7 +1930,7 @@ export default {
     },
     //材料不全有特审步骤条
     stepsMaterialLabel() {
-      if (this.infoModel.materialLabel == "0" || this.infoModel.shutdownLabel == "999") {
+      if (this.infoModel.materialLabel == "0") {
         let stepsMaterial = this.steps.stepsMaterial;
         for (var i in stepsMaterial) {
           this.steps.stepsNow.push(stepsMaterial[i])
@@ -1899,19 +1943,6 @@ export default {
       //材料不全有特审步骤条
       //that.stepsMaterialLabel();
       let userLable = that.infoModel.userLable;
-      if (this.infoModel.shutdownLabel == "999") {
-        //个人户
-        let stepUserLable0 = this.steps.stepUserLable0;
-        for (var i in stepUserLable0) {
-          this.steps.stepsNow.push(stepUserLable0[i])
-        }
-        //单位户
-        let stepUserLable1 = this.steps.stepUserLable1;
-        for (var j in stepUserLable1) {
-          this.steps.stepsNow.push(stepUserLable1[j])
-        }
-        return
-      }
       switch (userLable) {
         case "0":
           //个人户
@@ -1928,7 +1959,6 @@ export default {
           }
           break
       }
-
     },
     /**材料标签点击事件*/
     shutdownLabelClick() {
@@ -1936,29 +1966,12 @@ export default {
       //材料不全有特审步骤条
       //that.stepsMaterialLabel();
       let shutdownLabel = that.infoModel.shutdownLabel;
-      switch (shutdownLabel) {
-        case "0":
-          let shutdownLabel0 = this.steps.shutdownLabel0;
-          for (var i in shutdownLabel0) {
-            this.steps.stepsNow.push(shutdownLabel0[i])
-          }
-          break;
-        case "5":
-          let shutdownLabel5 = this.steps.shutdownLabel5;
-          for (var j in shutdownLabel5) {
-            this.steps.stepsNow.push(shutdownLabel5[j])
-          }
-          break;
-      }
-      if (this.infoModel.shutdownLabel == "999") {
+      // 其它包含所有
+      if (shutdownLabel.indexOf("0") > -1) {
         let shutdownLabel0 = this.steps.shutdownLabel0;
         for (var i in shutdownLabel0) {
           this.steps.stepsNow.push(shutdownLabel0[i])
         }
-        let shutdownLabel5 = this.steps.shutdownLabel5;
-        for (var j in shutdownLabel5) {
-          this.steps.stepsNow.push(shutdownLabel5[j])
-        }
       }
     },
 
@@ -2178,13 +2191,6 @@ export default {
       let specialResult = that.specialResult;
       let materialLabel = that.infoModel.materialLabel;
       let userLable = that.infoModel.userLable;
-      //有特审
-      if (materialLabel == '0') {
-        if (specialResult.specialReviewFormState == null) {
-          that.$message.warn("请完成相关稽核");
-          return;
-        }
-      }
       //必稽核项
       if (specialResult.basicInfoState == null || specialResult.nameFindComplianceState == null
         || specialResult.idCardState == null || specialResult.handCertificateState == null ||
@@ -2192,24 +2198,33 @@ export default {
         that.$message.warn("请完成相关稽核");
         return;
       }
+
+      //有无特审单
+      if (materialLabel == '0') {
+        if (specialResult.specialReviewFormState == null) {
+          that.$message.warn("请完成相关稽核");
+          return;
+        }
+      }
+      // 个人户
       if (userLable == '0') {
         if (specialResult.numberCardState == null) {
           that.$message.warn("请完成相关稽核");
           return;
         }
       }
+      //
       if (userLable == '1') {
         if (specialResult.userCertificateState == null || specialResult.businessLicenseState == null
-          || specialResult.letterIntroductionState) {
+          || specialResult.letterIntroductionState == null) {
           that.$message.warn("请完成相关稽核");
           return;
         }
       }
-      if (userLable == '5') {
-        if (specialResult.commitmentVideoState == null) {
-          that.$message.warn("请完成相关稽核");
-          return;
-        }
+      // 关停标签 -> 安防停机(高危漫游地)
+      if (this.infoModel.shutdownLabel.indexOf('0') > -1 && specialResult.consumptionVoucherState == null ) {
+        that.$message.warn("请完成相关稽核");
+        return;
       }
       let SpecialParams = {}
       SpecialParams = that.specialResult
@@ -2386,6 +2401,13 @@ export default {
         this.steps.stepsNow[this.steps.current]["status"] = "error";
       }
     },
+    // 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦!
+    jumpUrl(url) {
+      var a = document.createElement("a");
+      a.setAttribute("href", url);
+      a.setAttribute("target", "_blank");
+      a.click();
+    },
 
   }
 
@@ -2537,5 +2559,7 @@ export default {
   position: relative;
   left: 10%
 }
-
+.cornflowerblue {
+  color: cornflowerblue;
+}
 </style>

+ 87 - 25
src/views/specialApply/modules/TaskCheckList.vue

@@ -150,9 +150,16 @@
           <template v-slot:customerName="text, record">
             <a @click="showCheckDetail(record)">{{ text }}</a>
           </template>
+
           <template v-slot:checkState="status">
             <a-badge :status="status | statusTypeFilter" :text="status | statusFilter"/>
           </template>
+
+          <template v-slot:shutdownLabel="text, record">
+           <span style="width: 300px;max-width: 30em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;">{{shutdownLabelSpan(text)}}</span>
+          </template>
+
+
           <template v-slot:rowIndex="text,records,index">
             {{ (ipagination.current - 1) * ipagination.pageSize + Number(index) + 1 }}
           </template>
@@ -221,57 +228,70 @@ export default {
         {
           title: '提交材料日期',
           align: "center",
+          sorter: true,
           dataIndex: 'createTime'
         },
         {
           title: '机主姓名',
           align: "center",
           width: 60,
+          sorter: true,
           dataIndex: 'customerName',
           scopedSlots: {customRender: 'customerName'}
         },
         {
           title: '号码',
           align: "center",
+          sorter: true,
           dataIndex: 'smsNumber'
         },
         {
           title: '关停标签',
           align: "center",
+          sorter: true,
+          width: 20,
           dataIndex: 'shutdownLabel',
-          customRender:(text) => {
+          scopedSlots: {customRender: 'shutdownLabel'}
+         /* customRender:(text) => {
             if ( text == null ){
               return  ""
             }
-            let value = "未识别"
-            switch (text) {
-              case "0":
-                value = "安防停机(高危漫游地"
-              case "1":
-                value = "安防关停(紫名单)"
-              case "2":
-                value = "安防停机(专班研判)"
-              case "3":
-                value = "安防停机(可复开)"
-              case "4":
-                value = "沉默移动卡保护性单停"
-              case "5":
-                value = "集团一点停复机(单停)"
-              case "6":
-                value = "大数据保护停机单停"
-              case "7":
-                value = "工信部断卡单停"
-              case "8":
-                value = "实人核验未通过关停(单停)"
-              case "999":
-                value = "其他"
+            let value = ""
+            let split = text.split(",");
+
+            for (var i in split){
+              console.log(split[i])
+              switch (split[i]) {
+                case '0':
+                  value = value + ' ' + "安防停机(高危漫游地"
+                case 1:
+                  value = value + ' ' + "安防关停(紫名单)"
+                case 2:
+                  value = value + ' ' + "安防停机(专班研判)"
+                case 3:
+                  value = value + ' ' + "安防停机(可复开)"
+                case 4:
+                  value = value + ' ' + "沉默移动卡保护性单停"
+                case 5:
+                  value = value + ' ' + "集团一点停复机(单停)"
+                case 6:
+                  value = value + ' ' + "大数据保护停机单停"
+                case 7:
+                  value = value + ' ' + "工信部断卡单停"
+                case 8:
+                  value = value + ' ' + "实人核验未通过关停(单停)"
+                case 999:
+                  value = value + ' ' + "其他"
+              }
             }
+
             return value;
-          }
+          }*/
         },
         {
           title: '最后一次关停时间',
           align: "center",
+          sorter: true,
           dataIndex: 'shutdownLabelDate'
         },
        /* {
@@ -282,16 +302,19 @@ export default {
         {
           title: '有无特审单',
           align: "center",
+          sorter: true,
           dataIndex: 'materialLabel'
         },
         {
           title: '是否自查实名制合规',
           align: "center",
+          sorter: true,
           dataIndex: 'nameFindCompliance'
         },
         {
           title: '负责人',
           align: "center",
+          sorter: true,
           dataIndex: 'staffName'
         },
         {
@@ -303,6 +326,7 @@ export default {
         {
           title: '复开时间',
           align: "center",
+          sorter: true,
           dataIndex: 'reopenTime'
         },
         {
@@ -577,7 +601,45 @@ export default {
         this.task.taskStateColor = '#52c41a';
         this.task.taskStateText = '稽核完成';
       }
-    }
+    },
+    // 关停标签处理
+    shutdownLabelSpan(text){
+      let value = '';
+      if (text){
+        text = text.split(",")
+        if (text.indexOf("0") > -1){
+          value = value + " " + "安防停机(高危漫游地)";
+        }
+        if (text.indexOf("1") > -1){
+          value = value + " " + "安防关停(紫名单)";
+        }
+        if (text.indexOf("2") > -1){
+          value = value + " " + "安防停机(专班研判)";
+        }
+        if (text.indexOf("3") > -1){
+          value = value + " " + "安防停机(可复开)";
+        }
+        if (text.indexOf("4") > -1){
+          value = value + " " + "沉默移动卡保护性单停 ";
+        }
+        if (text.indexOf("5") > -1){
+          value = value + " " + "集团一点停复机(单停) ";
+        }
+        if (text.indexOf("6") > -1){
+          value = value + " " + "大数据保护停机单停 ";
+        }
+        if (text.indexOf("7") > -1){
+          value = value + " " + "工信部断卡单停 ";
+        }
+        if (text.indexOf("8") > -1){
+          value = value + " " + "实人核验未通过关停(单停) ";
+        }
+        if (text.indexOf("999") > -1){
+          value = value + " " + "其它 ";
+        }
+      }
+      return value
+    },
   }
 }
 </script>