Browse Source

园区内企业基础数据

lcmxs 1 year ago
parent
commit
dd0559d5bf
1 changed files with 266 additions and 193 deletions
  1. 266 193
      src/views/GARDENBASEDATA/index.vue

+ 266 - 193
src/views/GARDENBASEDATA/index.vue

@@ -9,7 +9,7 @@
       label-width="88px"
     >
     <el-form-item label="部门名称" prop="deptId">
-      <el-select v-model="queryParams.deptId" placeholder="请选择">
+      <el-select filterable v-model="queryParams.deptId" placeholder="请选择">
         <el-option
           v-for="item in detpList"
           :key="item.value"
@@ -202,209 +202,282 @@
     />
 
     <!-- 添加或修改园区内企业基础数据对话框 -->
-    <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="35%" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="65%" append-to-body>
       <el-tabs v-model="tabMsg"  type="border-card">
         <el-tab-pane name="basicMsg" label="企业基本信息">
           <el-form ref="forms" :model="form" :rules="rules" label-width="180px">
-            <el-form-item label="法定代表人" prop="fddbr">
-              <el-input
-                v-model="form.fddbr"
-                placeholder="请输入法定代表人"
-              ></el-input>
-            </el-form-item>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="法定代表人" prop="fddbr">
+                  <el-input
+                    v-model="form.fddbr"
+                    placeholder="请输入法定代表人"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="部门" prop="deptName">
+                  <el-select
+                    filterable
+                    v-model="form.deptName"
+                    @change="deptSelect"
+                    placeholder="请选择部门"
+                  >
+                    <el-option
+                      v-for="(item, index) in detpList"
+                      :key="index"
+                      :label="item.deptName"
+                      :value="index"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="企业代表联系方式 " prop="qydblxfs">
+                  <el-input
+                    v-model="form.qydblxfs"
+                    placeholder="请输入企业代表联系方式 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="注册资金" prop="zczj">
+                  <el-input
+                    v-model="form.zczj"
+                    placeholder="请输入注册资金"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="企业类型 " prop="qylx">
+                  <el-input
+                    v-model="form.qylx"
+                    placeholder="请输入企业类型 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="经营状态 " prop="jyzt">
+                  <el-input
+                    v-model="form.jyzt"
+                    placeholder="请输入经营状态 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="统一社会信用代码 " prop="shtyxydm">
+                  <el-input
+                    v-model="form.shtyxydm"
+                    placeholder="请输入统一社会信用代码 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="人员规模" prop="rygm">
+                  <el-input
+                    v-model="form.rygm"
+                    placeholder="请输入人员规模"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="成立日期 " prop="clrq">
+                  <!-- <el-input  v-model="form.clrq" placeholder="请输入成立日期 "></el-input> -->
+                  <el-date-picker
+                    value-format="yyyy-MM-dd"
+                    @change="setUpTimeSelect"
+                    v-model="form.clrq"
+                    type="date"
+                    placeholder="选择日期"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="注册地址 " prop="zcdz">
+                  <el-input
+                    v-model="form.zcdz"
+                    placeholder="请输入注册地址 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
 
-            <el-form-item label="部门" prop="deptName">
-              <el-select
-                v-model="form.deptName"
-                @change="deptSelect"
-                placeholder="请选择部门"
-              >
-                <el-option
-                  v-for="(item, index) in detpList"
-                  :key="index"
-                  :label="item.deptName"
-                  :value="index"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="企业代表联系方式 " prop="qydblxfs">
-              <el-input
-                v-model="form.qydblxfs"
-                placeholder="请输入企业代表联系方式 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="注册资金" prop="zczj">
-              <el-input
-                v-model="form.zczj"
-                placeholder="请输入注册资金"
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="企业类型 " prop="qylx">
-              <el-input
-                v-model="form.qylx"
-                placeholder="请输入企业类型 "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="经营状态 " prop="jyzt">
-              <el-input
-                v-model="form.jyzt"
-                placeholder="请输入经营状态 "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="统一社会信用代码 " prop="shtyxydm">
-              <el-input
-                v-model="form.shtyxydm"
-                placeholder="请输入统一社会信用代码 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="人员规模" prop="rygm">
-              <el-input
-                v-model="form.rygm"
-                placeholder="请输入人员规模"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="成立日期 " prop="clrq">
-              <!-- <el-input  v-model="form.clrq" placeholder="请输入成立日期 "></el-input> -->
-              <el-date-picker
-                value-format="yyyy-MM-dd"
-                @change="setUpTimeSelect"
-                v-model="form.clrq"
-                type="date"
-                placeholder="选择日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="注册地址 " prop="zcdz">
-              <el-input
-                v-model="form.zcdz"
-                placeholder="请输入注册地址 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="经营范围  " prop="jyfw">
-              <el-input
-                v-model="form.jyfw"
-                placeholder="请输入经营范围  "
-              ></el-input>
-            </el-form-item>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="经营范围  " prop="jyfw">
+                  <el-input
+                    v-model="form.jyfw"
+                    placeholder="请输入经营范围  "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12"></el-col>
+            </el-row>
           </el-form>
         </el-tab-pane>
 
         <!-- 额外信息 -->
         <el-tab-pane name="extraMsg" label="额外信息">
           <el-form ref="form" :model="form" :rules="rules" label-width="180px">
-            <el-form-item label="控股企业 " prop="kgqy">
-              <el-input
-                v-model="form.kgqy"
-                placeholder="请输入控股企业 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="行业大类 " prop="hydl">
-              <el-input
-                v-model="form.hydl"
-                placeholder="请输入行业大类 "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="行业小类 " prop="hyxl">
-              <el-input
-                v-model="form.hyxl"
-                placeholder="请输入行业小类 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="是否外资企业 " prop="sfwzqy">
-              <el-input
-                v-model="form.sfwzqy"
-                placeholder="请输入是否外资企业 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="企业海关编码 " prop="qyhgbm">
-              <el-input
-                v-model="form.qyhgbm"
-                placeholder="请输入企业海关编码 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="投产时间 " prop="tcsj">
-              <!-- <el-input  v-model="form.tcsj" placeholder="请输入投产时间 "></el-input> -->
-              <el-date-picker
-                value-format="yyyy-MM-dd"
-                @change="putTimeSelect"
-                v-model="form.tcsj"
-                type="date"
-                placeholder="选择日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="经营期限自 " prop="jyqxz">
-              <el-input
-                v-model="form.jyqxz"
-                placeholder="请输入经营期限自 "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="经营期限至 " prop="jyqxz1">
-              <el-input
-                v-model="form.jyqxz1"
-                placeholder="请输入经营期限至 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="主营业务 " prop="zyyw">
-              <el-input
-                v-model="form.zyyw"
-                placeholder="请输入主营业务 "
-              ></el-input>
-            </el-form-item>
-
-            <el-form-item label="企业资质  " prop="qyzz">
-              <el-input
-                v-model="form.qyzz"
-                placeholder="请输入企业资质  "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="主要市场  " prop="zysc">
-              <el-input
-                v-model="form.zysc"
-                placeholder="请输入主要市场  "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="一般纳税人情况  " prop="ybnsrqk">
-              <el-input
-                v-model="form.ybnsrqk"
-                placeholder="请输入一般纳税人情况  "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="国家级奖项、发明专利   " prop="gjjjxfmzl">
-              <el-input
-                v-model="form.gjjjxfmzl"
-                placeholder="请输入国家级奖项、发明专利   "
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="AEO情况   " prop="aeoqk">
-              <el-input
-                v-model="form.aeoqk"
-                placeholder="请输入AEO情况   "
-              ></el-input>
-            </el-form-item>
-            <el-form-item
-              label="检测、服务外包、文化服务创新   "
-              prop="jcfwwbwhfwcx"
-            >
-              <el-input
-                v-model="form.jcfwwbwhfwcx"
-                placeholder="请输入检测、服务外包、文化服务创新   "
-              ></el-input>
-            </el-form-item>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="控股企业 " prop="kgqy">
+                  <el-input
+                    v-model="form.kgqy"
+                    placeholder="请输入控股企业 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="行业大类 " prop="hydl">
+                  <el-input
+                    v-model="form.hydl"
+                    placeholder="请输入行业大类 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="行业小类 " prop="hyxl">
+                  <el-input
+                    v-model="form.hyxl"
+                    placeholder="请输入行业小类 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="是否外资企业 " prop="sfwzqy">
+                  <el-input
+                    v-model="form.sfwzqy"
+                    placeholder="请输入是否外资企业 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="企业海关编码 " prop="qyhgbm">
+                  <el-input
+                    v-model="form.qyhgbm"
+                    placeholder="请输入企业海关编码 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="投产时间 " prop="tcsj">
+                  <!-- <el-input  v-model="form.tcsj" placeholder="请输入投产时间 "></el-input> -->
+                  <el-date-picker
+                    value-format="yyyy-MM-dd"
+                    @change="putTimeSelect"
+                    v-model="form.tcsj"
+                    type="date"
+                    placeholder="选择日期"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="经营期限自 " prop="jyqxz">
+                  <el-input
+                    v-model="form.jyqxz"
+                    placeholder="请输入经营期限自 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="经营期限至 " prop="jyqxz1">
+                  <el-input
+                    v-model="form.jyqxz1"
+                    placeholder="请输入经营期限至 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="主营业务 " prop="zyyw">
+                  <el-input
+                    v-model="form.zyyw"
+                    placeholder="请输入主营业务 "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="企业资质  " prop="qyzz">
+                  <el-input
+                    v-model="form.qyzz"
+                    placeholder="请输入企业资质  "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="主要市场  " prop="zysc">
+                  <el-input
+                    v-model="form.zysc"
+                    placeholder="请输入主要市场  "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="一般纳税人情况  " prop="ybnsrqk">
+                  <el-input
+                    v-model="form.ybnsrqk"
+                    placeholder="请输入一般纳税人情况  "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="国家级奖项、发明专利   " prop="gjjjxfmzl">
+                  <el-input
+                    v-model="form.gjjjxfmzl"
+                    placeholder="请输入国家级奖项、发明专利   "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="AEO情况   " prop="aeoqk">
+                  <el-input
+                    v-model="form.aeoqk"
+                    placeholder="请输入AEO情况   "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="检测、服务外包、文化服务创新   "
+                  prop="jcfwwbwhfwcx"
+                >
+                  <el-input
+                    v-model="form.jcfwwbwhfwcx"
+                    placeholder="请输入检测、服务外包、文化服务创新   "
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12"></el-col>
+            </el-row>
           </el-form>
         </el-tab-pane>
       </el-tabs>
-      <!-- <el-form> 
+      <!-- <el-form>
         <h1>123</h1>
       </el-form> -->
 
@@ -711,14 +784,14 @@ export default {
       let is;
       this.$refs["forms"].validate((valid)=>{
         if (valid) {
-        
+
         }else{
           this.$message.error("请补齐企业基本信息")
           is = true;
           return;
         }
       });
-      
+
       if (is) return;
 
       this.$refs["form"].validate((valid) => {