<gsb-pcpage>
  <div style="background-color:white;width:98%;margin:0 1%;padding:20px 0 ">
    <!-- 基本信息 -->
    <div style="height: auto;border-bottom:1px solid #e1e1e1">
      <div style="margin: 25px 20px;">
        <h4>基本信息</h4>
        <div style="font-size: 14px;">
          <div style="width:20%;float:left">订单编号：<span style="color:#828282">{{order.code}}</span></div>
          <div style="width:20%;float:left">订单金额：<span style="color:#828282">{{order.totalSum}}</span></div>
          <div style="width:20%;float:left">下单时间：<span style="color:#828282">{{order.created_at}}</span></div>
          <div style="width:40%;float:left">流程状态：<span style="color:#828282">
            <el-select v-if="order && order.orderPayStatus==\'yfk\' && from && from==\'order\'" @change="changeOrderStatus" size="mini" v-model="order.orderStatus" placeholder="请选择">
                <!-- { "1": "提交订单", "2": "待上传材料", "3": "待审核", "4": "审核不通过", "5": "待递交", "6": "部分递交异常", "7": "已完成" } -->
              <el-option label="提交订单" value="1"> </el-option>
              <el-option label="待上传材料" value="2"> </el-option>
              <el-option label="待审核" value="3"> </el-option>
              <el-option label="审核不通过" value="4"> </el-option>
              <el-option label="待递交" value="5"> </el-option>
              <el-option label="部分递交异常" value="6"> </el-option>
              <el-option label="已完成" value="7"> </el-option>
            </el-select>
            <span v-else style="color:#828282">{{order.orderStatusName}}</span>
            <!-- <gsb-select  dicKey="order_status" v-model="order.orderStatus" labelField="label" valueField="value"></gsb-select> -->
          </span></div>
          <!-- <div style="width:20%;float:left">所属业务员：<span style="color:#828282"></span></div> -->
          <div style="clear:both;height:20px"></div>
          <div style="width:20%;float:left">公司名称：<span style="color:#828282">{{icpcustomerinfo.name}}</span></div>
          <div style="width:20%;float:left">法人类型：<span style="color:#828282">{{icpcustomerinfo.customerTypeName}}</span></div>
          <div style="width:20%;float:left">法定代表人姓名：<span style="color:#828282">{{icpcustomerinfo.customerName}}</span></div>
          <div style="width:20%;float:left">证件类型：<span style="color:#828282">{{icpcustomerinfo.credentialsTypeName}}</span></div>
          <div style="width:20%;float:left">证件号码：<span style="color:#828282">{{icpcustomerinfo.legalRepresentativeCertificateNo}}</span></div>
          <div style="clear:both;height:20px"></div>
          <div style="width:20%;float:left">联系电话：<span style="color:#828282">{{order.mobile}}</span></div>
          <div style="width:20%;float:left">邮箱：<span style="color:#828282">{{order.email}}</span></div>
          <div style="width:60%;float:left">联系地址：<span style="color:#828282">{{icpcustomerinfo.applyAddr}}</span></div>
          <div style="clear:both;height:20px"></div>
        </div>
      </div>
    </div> 
    <!-- 资料管理 -->
    <div style="height: auto;border-bottom:1px solid #e1e1e1">
      <div style="margin: 25px 20px;">
        <h4>资料管理</h4>
        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">增值电信业务申请表</p>
          <img v-if="icpcustomerinfo.valueAddedTelecomBusinessApplicationForm" src="/imgs/icp/zip.png" @click="openUrl(\'zzdxywsqb\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png" style="border:1px solid #e1e1e1;">
          <gsb-upload flag="zzdxywsqb" ref="zzdxywsqb" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.valueAddedTelecomBusinessApplicationForm">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">营业执照</p>
          <img v-if="icpcustomerinfo.businessLicensePic" src="/imgs/icp/pdf.png" @click="openUrl(\'yyzz\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png" style="border:1px solid #e1e1e1;">
          <gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action" filetype="application/pdf" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.businessLicensePic">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">法人身份证</p>
          <img v-if="icpcustomerinfo.legalRepresentativeCertificatePic" src="/imgs/icp/pdf.png" @click="openUrl(\'frsfz\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png" style="border:1px solid #e1e1e1;">
          <gsb-upload flag="frsfz" ref="frsfz" :d="d" @setKey="setKey" :action="action" filetype="application/pdf" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.legalRepresentativeCertificatePic">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">自然人股东身份证</p>
          <img v-if="icpcustomerinfo.naturalPersonShareholderIdCard" src="/imgs/icp/zip.png" @click="openUrl(\'zrrgdsfz\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png"  style="border:1px solid #e1e1e1;">
          <gsb-upload flag="zrrgdsfz" ref="zrrgdsfz" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.naturalPersonShareholderIdCard">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">托管协议及IDC证</p>
          <img v-if="icpcustomerinfo.trusteeshipAgreementAndIDC" src="/imgs/icp/zip.png" @click="openUrl(\'tgxyidc\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png"  style="border:1px solid #e1e1e1;">
          <gsb-upload flag="tgxyidc" ref="tgxyidc" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.trusteeshipAgreementAndIDC">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>
        
        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">域名证书</p>
          <img v-if="icpcustomerinfo.domainNameCertificate" src="/imgs/icp/zip.png" @click="openUrl(\'ymzs\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png" style="border:1px solid #e1e1e1;">
          <gsb-upload flag="ymzs" ref="ymzs" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.domainNameCertificate">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">社保人员及社保证明</p>
          <img v-if="icpcustomerinfo.paymentAgreementAndLicense" src="/imgs/icp/zip.png" @click="openUrl(\'zfxypz\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png"  style="border:1px solid #e1e1e1;">
          <gsb-upload flag="zfxypz" ref="zfxypz" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.paymentAgreementAndLicense">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>

        <div  style="float:left;width:25%;min-width: 180px;text-align:center;margin-bottom: 30px;">
          <p style="width:100%;text-align:center">盖章材料返回</p>
          <img v-if="icpcustomerinfo.capitalFlowDesAndMerchantPresenceTemp" src="/imgs/icp/zip.png" @click="openUrl(\'zjlxsmsjrzmb\')" style="border:1px solid #e1e1e1;">
          <img v-else src="/imgs/icp/upload_icon.png" style="border:1px solid #e1e1e1;">
          <gsb-upload flag="zjlxsmsjrzmb" ref="zjlxsmsjrzmb" :d="d" @setKey="setKey" :action="action" filetype="application/zip,application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
            <el-button type="primary" plain v-if="icpcustomerinfo.capitalFlowDesAndMerchantPresenceTemp">重新上传</el-button> 
            <el-button type="primary" plain v-else>文件上传</el-button> 
          </gsb-upload>
        </div>
        <div style="clear:both"></div>
        <div style="width:100%;text-align:center;">
          <el-button v-if="from==\'order\'" type="primary" plain>提交材料</el-button>
          <el-button type="primary" @click="save">保存修改</el-button>
        </div>
      </div>
    </div>
  </div>
</gsb-pcpage>

