营业执照文件

src/views/truckCheck/TaskUploadData.vue

@@ -350,6 +350,146 @@
       </div>
 
 
+    </a-card>
+
+    <!--    中继线营业执照 -->
+    <a-card v-if="steps.currentId === 'businessLicense'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
+      <div slot="title">
+        <span style="float: left;position: relative;top: 4px">中继线营业执照</span>
+      </div>
+      <div class="a-card-25">
+        <a-alert
+          message="注意事项（必看）"
+          type="warning"
+          style="height: 100vh"
+        >
+          <div slot="description" class="markdown" style="position: relative;top:30px">
+            <ul>
+              <li>1）请按材料如实上传</li>
+            </ul>
+          </div>
+        </a-alert>
+      </div>
+      <div class="a-card-70">
+        <div>
+          <a-form-model-item style="left: -2%" label="上传资料备注：" v-bind="labelCol1Note">
+            <a-textarea class="a-textarea-line-30"
+                        v-model="infoModel.businessLicenseRemark"
+                        @change="textareaChange('businessLicense','businessLicenseRemark')"
+                        placeholder="如没有上传资料备注，需要说明原因"
+            />
+            <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
+          </a-form-model-item>
+        </div>
+
+        <a-upload
+          name="file"
+          :multiple="true"
+          :action="importMinioUploadAction"
+          :customRequest="e => selfUploadContract(e, 'businessLicense')"
+          :headers="tokenHeader"
+          :showUploadList="false"
+          :beforeUpload="importBeforeUpload"
+          @change="importHandleChange"
+          style='margin-left: 125px;line-height: 50px'
+        >
+          <a-button> <a-icon type="upload" /> 上传文件 </a-button>
+        </a-upload>
+
+        <div style="height: 70%">
+          <div class="thumb-example">
+            <swiper
+              class="swiper gallery-top"
+              :options="swiperOptionTop"
+              ref="swiperTop"
+            >
+              <swiper-slide class="slide-1" v-for="(item, index) in infoModel.businessLicense" :key="item.id">
+                <iframe
+                  v-if="item.urlBase"
+                  frameborder="1"
+                  :src="item.urlBase"
+                  ref="ifr"
+                  width="70%"
+                  height="500px"
+                  scrolling="auto">
+                </iframe>
+                <img style="width: 70%;height: 70%;border: 1px solid;"
+                     v-if="!item.urlBase" :src="noDataPng" border="1">
+                <div><a-button v-if="item.urlBase" style="display: block;margin-top: 1px;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="  item.urlBase"
+                             @click="jumpUrl(item.urlBase)">预览
+                  </a-button></div>
+
+              </swiper-slide>
+              <div
+                class="swiper-button-next swiper-button-white"
+                slot="button-next"
+              ></div>
+              <div
+                class="swiper-button-prev swiper-button-white"
+                slot="button-prev"
+              ></div>
+            </swiper>
+            <!-- swiper2 Thumbs -->
+            <swiper
+              class="swiper gallery-thumbs"
+              :options="swiperOptionThumbs"
+              ref="swiperThumbs"
+            >
+              <swiper-slide
+                class="slide"
+                style="width:100px;height:100px;"
+                v-for="(item, index) in infoModel.businessLicense"
+                :key="item.id"
+              >
+                <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
+                  <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
+                </div>
+
+                <img style="width: 100%;height: 96px"
+                     v-if="!item.urlBase" :src="noDataPng" border="1">
+
+              </swiper-slide>
+              <!--              点我上传文件按钮-->
+              <div class="clearfix">
+                <a-upload
+                  listType="picture-card"
+                  name="file"
+                  :multiple="false"
+                  :action="importMinioUploadAction"
+                  :customRequest="e => selfUploadContract(e, 'businessLicense')"
+                  :headers="tokenHeader"
+                  :showUploadList="false"
+                  :beforeUpload="importBeforeUpload"
+                  @change="importHandleChange"
+                >
+                  <div>
+                    <a-icon type="plus"/>
+                    <div class="ant-upload-text">点我上传</div>
+                  </div>
+                </a-upload>
+
+              </div>
+
+              <div class="swiper-button-next swiper-button-white" slot="button-next">
+                <div>
+                  <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
+                </div>
+              </div>
+              <div class="swiper-button-prev swiper-button-white" slot="button-prev">
+                <div>
+                  <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
+                </div>
+              </div>
+            </swiper>
+          </div>
+        </div>
+      </div>
+
+
     </a-card>
     <!--    三张现场照片 -->
     <a-card v-if="steps.currentId === 'threePhotos'" style="margin-bottom:10px; float: left;width: 83%;left: 2%; ">
@@ -2725,6 +2865,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -2794,6 +2939,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -2875,6 +3025,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -2956,6 +3111,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -3037,6 +3197,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -3129,6 +3294,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -3318,6 +3488,9 @@ export default {
         //入网申请签报 applySign
         applySign:[{}],
         applySignRemark:"",
+
+        businessLicense:[{}],
+        businessLicenseRemark:"",
         //三张现场照片 threePhotos
         threePhotos:[{}],
         threePhotosRemark:"",
@@ -3616,6 +3789,7 @@ export default {
             that.infoModel.operatorIdCard= JSON.parse(result.operatorIdCard);
             that.infoModel.authorizeBook= JSON.parse(result.authorizeBook);
             that.infoModel.zZBusinessLicense= JSON.parse(result.zZBusinessLicense);
+            that.infoModel.businessLicense= JSON.parse(result.businessLicense);
             that.infoModel.centerBusiness= JSON.parse(result.centerBusiness);
             that.infoModel.contractOrProve= JSON.parse(result.contractOrProve);
             that.infoModel.riskTable= JSON.parse(result.riskTable);

src/views/truckCheck/modules/TaskCheckAudit.vue

@@ -618,6 +618,183 @@
         </div>
 
       </a-card>
+
+
+      <!--    中继线营业执照 -->
+      <a-card v-if="steps.currentId === 'businessLicense'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
+        <div slot="title">
+          <span style="float: left;position: relative;top: 4px">中继线营业执照</span>
+        </div>
+        <div class="a-card-25">
+          <a-alert
+            message="注意事项（必看）"
+            type="warning"
+            style="height: 100vh"
+          >
+            <div slot="description" class="markdown" style="position: relative;top:30px">
+              <ul>
+                <li>1)请按材料如实上传</li>
+              </ul>
+            </div>
+          </a-alert>
+
+        </div>
+        <div class="a-card-70">
+          <div>
+            <a-form-model-item style="left:  10%;margin-top: 20px" label="稽核是否通过：" v-bind="labelCol1Note">
+              <div v-if="checkState===2?false:true">
+                <a-tag class="font-size-14" v-if="infoModel.businessLicenseResult == 1" color="#2db7f5">是</a-tag>
+                <a-tag class="font-size-14" v-if="infoModel.businessLicenseResult == 2" color="#f50">否</a-tag>
+              </div>
+              <div v-if="checkState===2?true:false">
+                <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
+                               @change="basicCheckClick(infoModel.businessLicenseResult)" v-model='infoModel.businessLicenseResult'>
+                  <a-radio :value="'1'">是</a-radio>
+                  <a-radio :value="'2'">否</a-radio>
+                </a-radio-group>
+              </div>
+              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
+            </a-form-model-item>
+          </div>
+          <div>
+            <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注：" v-bind="labelCol1Note">
+              <a-tag v-if="checkState===2?false:true" class="font-size-14"
+                     color="orange">{{ infoModel.businessLicenseResultRemark }}</a-tag>
+              <a-textarea v-if="checkState===2?true:false" style="height: 77px"
+                          v-model="infoModel.businessLicenseResultRemark"
+                          placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
+              />
+            </a-form-model-item>
+            <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注：" v-bind="labelCol1Note">
+              <a-tag v-if="(checkState===4 && infoModel.businessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                     class="font-size-14" color="orange">{{ infoModel.businessLicenseRemark }}</a-tag>
+
+              <a-textarea v-if="(checkState===4 && infoModel.businessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                          style="height: 77px"
+                          :disabled="(checkState===4 && infoModel.businessLicenseResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                          v-model="infoModel.businessLicenseRemark"
+                          @change="textareaChange('businessLicense','businessLicenseRemark')"
+                          placeholder="如没有上传资料备注，需要说明原因"
+              />
+              <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
+            </a-form-model-item>
+          </div>
+          <a-upload
+            name="file"
+            :multiple="true"
+            :action="importMinioUploadAction"
+            :customRequest="e => selfUploadContract(e, 'businessLicense')"
+            :headers="tokenHeader"
+            :showUploadList="false"
+            :beforeUpload="importBeforeUpload"
+            @change="importHandleChange"
+            v-if='checkState===4 && infoModel.businessLicenseResult==="2"'
+            class="a-upload-line-30"
+          >
+            <a-button>
+              <a-icon type="upload"/>
+              上传文件
+            </a-button>
+          </a-upload>
+
+          <div style="height: 70%">
+            <div class="thumb-example">
+
+              <!-- swiper1 -->
+              <swiper
+                class="swiper gallery-top"
+                :options="swiperOptionTop"
+                ref="swiperTop"
+              >
+                <swiper-slide class="slide-1" v-for="(item, index) in infoModel.businessLicense" :key="item.id">
+                  <iframe
+                    v-if="item.urlBase"
+                    frameborder="1"
+                    :src="item.urlBase"
+                    ref="ifr"
+                    width="74%"
+                    height="450px"
+                    scrolling="auto">
+                  </iframe>
+                  <img style="width: 70%;height: 70%;border: 1px solid;"
+                       v-if="!item.urlBase" :src="noDataPng" border="1">
+                  <div>
+                    <a-button style="float: left; margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                              v-if="  item.urlBase "
+                              @click="downloadFile(item.url)">下载
+                    </a-button>
+                    <a-button style="float: left;margin-top: 10px;border-color: #1890FF;color: #1890FF;margin: 10px"
+                              v-if=" item.urlBase "
+                              @click="jumpUrl(item.urlBase)">预览
+                    </a-button>
+                    <a-button v-if="item.urlBase&& checkState!==2  &&checkState!==5 && infoModel.businessLicenseResult==='2'"
+                              style="float: left;margin-top: 10px;border-color: red;color: red"
+                              danger @click="removeFile(item,'businessLicense')">移除
+                    </a-button>
+                  </div>
+                </swiper-slide>
+
+              </swiper>
+              <!-- swiper2 Thumbs -->
+              <swiper
+                class="swiper gallery-thumbs"
+                :options="swiperOptionThumbs"
+                ref="swiperThumbs"
+              >
+                <swiper-slide
+                  class="slide"
+                  style="width:100px;height:100px;"
+                  v-for="(item, index) in infoModel.businessLicense"
+                  :key="item.id"
+                >
+                  <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
+                    <span style="white-space:normal; word-break:break-all;overflow:hidden;">{{ item.fileName }}</span>
+                  </div>
+
+                  <img style="width: 100%;height: 96px"
+                       v-if="!item.urlBase" :src="noDataPng" border="1">
+
+                </swiper-slide>
+                <!--              点我上传文件按钮-->
+                <div class="clearfix">
+                  <a-upload
+                    listType="picture-card"
+                    name="file"
+                    :multiple="false"
+                    :action="importMinioUploadAction"
+                    :customRequest="e=>selfUploadContract(e,'businessLicense')"
+                    :headers="tokenHeader"
+                    :showUploadList="false"
+                    :beforeUpload="importBeforeUpload"
+                    @change="importHandleChange"
+                  >
+                    <div v-if='checkState===4 && infoModel.businessLicenseResult==="2"'>
+                      <a-icon type="plus"/>
+                      <div class="ant-upload-text">点我上传资料</div>
+                    </div>
+                  </a-upload>
+
+                </div>
+
+                <div class="swiper-button-next swiper-button-white" slot="button-next">
+                  <div>
+                    <!--                  <img src="../../../../assets/images/nextImg.png" alt=""/>-->
+                  </div>
+                </div>
+                <div class="swiper-button-prev swiper-button-white" slot="button-prev">
+                  <div>
+                    <!--                  <img src="../../../../assets/images/prevImg.png" alt=""/>-->
+                  </div>
+                </div>
+              </swiper>
+            </div>
+          </div>
+        </div>
+
+      </a-card>
+
+
+
       <!--    三张现场照片 -->
       <a-card v-if="steps.currentId === 'threePhotos'" style="margin-bottom:10px; float: left;width: 83%;;left: 2%;  ">
         <div slot="title">
@@ -3582,6 +3759,13 @@ export default {
         threePhotosResult:"",
         threePhotosResultRemark:"",
          //DID(含中继线)业务的责任承诺函
+
+        businessLicense:[{}],
+        businessLicenseRemark:"",
+        businessLicenseResult:"",
+        businessLicenseResultRemark:"",
+
+
         commitmentBookResult:"",
         commitmentBookResultRemark:"",
          //价格审批表
@@ -3787,6 +3971,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -3856,6 +4045,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -3937,6 +4131,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -4018,6 +4217,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -4099,6 +4303,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -4192,6 +4401,11 @@ export default {
             content: 'First-content',
             id: "applySign",
           },
+          {
+            title: '中继线营业执照',
+            content: 'First-content',
+            id: "businessLicense",
+          },
           //不分类型与场景 三张现场照片
           {
             title: '三张现场照片 ',
@@ -4601,6 +4815,7 @@ export default {
             that.infoModel.legalIdCard= JSON.parse(result.legalIdCard);
             that.infoModel.operatorIdCard= JSON.parse(result.operatorIdCard);
             that.infoModel.authorizeBook= JSON.parse(result.authorizeBook);
+            that.infoModel.businessLicense= JSON.parse(result.businessLicense);
             that.infoModel.zZBusinessLicense= JSON.parse(result.zZBusinessLicense);
             that.infoModel.centerBusiness= JSON.parse(result.centerBusiness);
             that.infoModel.contractOrProve= JSON.parse(result.contractOrProve);