<template>
  <div>
		<c-page title="企业名录查询">
			<el-form ref="modelForm" :model="model" label-width="120px" label-position="right" size="small">
				<div class="eibs-tab">
					<c-col :span="24" class="col-left">
						<c-col :span="8">
							<el-form-item label="企业客户号" style="width: 100%">
								<c-input v-model="model.infcon.extkty" filterable style="width: 100%" placeholder="请输入企业客户号">
								</c-input>
							</el-form-item>
						</c-col>
            	<c-col :span="8">
                <el-form-item label="组织机构代码" style="width: 100%">
                    <c-input v-model="model.infcon.corpid"  style="width: 100%" placeholder="请输入组织机构代码" >
                    </c-input>
                  </el-form-item>
            	</c-col>
            <c-col :span="8" style="text-align: right">
              <el-button type="primary" size="small" icon="el-icon-search" @click="show">预览</el-button>
							<el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">查询</el-button>
						</c-col>
					</c-col>
          <div style="padding-top:20px">
          <el-divider></el-divider>
          </div>
					<c-col :span="24">
            <c-col :span="12" class="col-left">
						<c-col :span="24">
							<el-form-item label="企业代码" style="width: 100%">
								<c-input v-model="model.entinf.corpid" disabled filterable style="width: 100%" >
								</c-input>
							</el-form-item>
						</c-col>
              <c-col :span="24">
                <el-form-item label="分类结果" style="width: 100%" >
                  <c-select disabled placeholder="请输入" v-model="model.entinf.entrank" :code="entrankCode"></c-select>
                </el-form-item>
              </c-col>
            	<c-col :span="24">
                <el-form-item label="进口可付汇余额(美元)" style="width: 100%">
                       <c-input-currency disabled v-model="model.entinf.paybal" :precision="2"></c-input-currency>
                  </el-form-item>
            	</c-col>
            	<c-col :span="24">
                <el-form-item label="分类起始日期" style="width: 100%">
                     <c-date-picker type="date" v-model="model.entinf.rakbegdat" 
                                 value-format="yyyy-MM-dd" disabled style="width: 100%"></c-date-picker>
                  </el-form-item>
            	</c-col>
              <c-col :span="24">
                <el-form-item label="特殊监管区域类型" style="width: 100%">
                    <c-select v-model="model.entinf.taxfrecod" disabled :code="taxfreCode"  style="width: 100%">
                    </c-select>
                  </el-form-item>
            	</c-col>
              <c-col :span="24">
                <el-form-item label="企业所属外汇局代码" style="width: 100%">
                    <c-input v-model="model.entinf.safecode" disabled style="width: 100%">
                    </c-input>
                  </el-form-item>
            	</c-col>
              <c-col :span="24">
                <el-form-item label="名录状态" style="width: 100%">
                    <c-select v-model="model.entinf.paylist" disabled dbCode="ATHTXT" style="width: 100%">
                    </c-select>
                  </el-form-item>
            	</c-col>
               <c-col :span="24">
                <el-form-item label="跨境人民币出口重点监管企业" style="width: 100%">
                    <c-select v-model="model.entinf.ismoncorp" disabled dbCode="ATHTXT" style="width: 100%">
                    </c-select>
                  </el-form-item>
            	</c-col>
					</c-col>
          <c-col :span="12">
               <c-col :span="24">
                <el-form-item label="企业名称" style="width: 100%">
                  <c-input type="textarea" v-model="model.entinf.corpname" disabled :cols="50" :rows="4"  >
                  </c-input>
                </el-form-item>
            	</c-col>
            	<c-col :span="24">
                <el-form-item label="出口可收汇余额(美元)" style="width: 100%">
                   <c-input-currency disabled v-model="model.entinf.rcvbal" :precision="2"></c-input-currency>
                </el-form-item>
            	</c-col>
            	<c-col :span="24">
                <el-form-item label="分类截止日期" style="width: 100%">
                     <c-date-picker type="date" v-model="model.entinf.rakenddat" 
                                 value-format="yyyy-MM-dd" disabled style="width: 100%"></c-date-picker>
                  </el-form-item>
            	</c-col>
              <c-col :span="24">
                <el-form-item label="是否特殊监管区域内企业" style="width: 100%">
                    <c-select v-model="model.entinf.istaxfre" disabled dbCode="CXMFLG" style="width: 100%">
                    </c-select>
                  </el-form-item>
            	</c-col>
              <c-col :span="24">
                <el-form-item label="辅导期企业" style="width: 100%">
                    <c-select v-model="model.entinf.newcorp" disabled dbCode="ATHTXT" style="width: 100%">
                    </c-select>
                  </el-form-item>
            	</c-col>
                <c-col :span="24">
                <el-form-item label="企业所属外汇局名称" style="width: 100%">
                  <c-input type="textarea" v-model="model.entinf.safename" disabled :cols="50" :rows="4"   >
                  </c-input>
                </el-form-item>
            	</c-col>
          </c-col>
        </c-col>
				</div>
			</el-form>
		</c-page>
    	<!-- 预览弹框 -->	
    <el-dialog :visible.sync="previewDetailVisible" center class="preview" destroy-on-close title="企业当前管理信息" width="70%">
      	<div style="position: relative;height:100%" >
				<object :data="viewPdfUrl" class="printEm" height="100%" type="application/pdf" width="100%"></object>
			</div>
		</el-dialog>
	</div>

</template>
<script>
import event from '../event'
import MtView from "~/components/business/MtView";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {MtView},
  data() {
    return {
      previewDetailVisible:false,
      load:false,
      viewPdfUrl: "",
       entrankCode:[
        {label: "A类企业", value: "A"},
        {label: "B类企业", value: "B"},
        {label: "C类企业", value: "C"},
      ],
      taxfreCode:[
        {label: "一般贸易区", value: "00"},
        {label: "保税区", value: "01"},
        {label: "出口加工区", value: "02"},
        {label: "保税物流中心B型", value: "03"},
        {label: "保税物流园区", value: "04"},
        {label: "钻石交易所", value: "05"},
        {label: "保税港区", value: "06"},
        {label: "综合保税区", value: "07"},
        {label: "跨境工业园区", value: "08"},
        {label: "保税物流中心A型", value: "09"},
        {label: "出口监管仓库", value: "10"},
        {label: "进口保税仓库", value: "11"},
        {label: "自由贸易试验区(特殊监管区)", value: "12"},
        {label: "自由贸易试验区(非特殊监管区)", value: "60"},
        {label: "其他", value: "99"},
      ],
      


    };
  },
  methods: {
  },
  created: function () {
   
  },
  mounted(){
  },
   computed: {
  },
};
</script>
<style scope>
.m-table-search {
  padding: 20px 0px 10px 0px;
}

.pagination-box {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
  background: #fff;
  margin-top: 5px;
}

.el-dialog__body {
  padding: 10px 5px 50px;
}

.m-table-search {
  padding: 20px 0px 10px 0px;
}

.btn-group-wrap {
  max-height: 200px;
  width: 100%;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.btn-item {
  margin-bottom: 10px;
  margin-right: 10px;
}
</style>