浏览代码

园区内企业基础数据页面样式修改以及添加搜索

lcmxs 1 年之前
父节点
当前提交
6c746eb819
共有 1 个文件被更改,包括 253 次插入172 次删除
  1. 253 172
      src/views/GARDENBASEDATA/index.vue

+ 253 - 172
src/views/GARDENBASEDATA/index.vue

@@ -6,8 +6,14 @@
       size="small"
       :inline="true"
       v-show="showSearch"
-      label-width="68px"
+      label-width="88px"
     >
+      <el-form-item label="部门名称" prop="deptName">
+        <el-input v-model="queryParams.deptName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="法定代表人" prop="fddbr">
+        <el-input v-model="queryParams.fddbr" placeholder="请输入"></el-input>
+      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
@@ -188,179 +194,254 @@
     />
 
     <!-- 添加或修改园区内企业基础数据对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="35%" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="65%" append-to-body>
       <el-form ref="form" :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-form-item label="部门" prop="fddbr">
-          <el-select v-model="detpValue" @change="deptSelect" placeholder="请选择部门">
-            <el-option
-              v-for="(item,index) in detpList"
-              :key="index"
-              :label="item.deptName"
-              :value="index"
+        <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="fddbr">
+              <el-select v-model="detpValue" @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="kgqy">
+              <el-input
+                v-model="form.kgqy"
+                placeholder="请输入控股企业 "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-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="qylx">
+              <el-input
+                v-model="form.qylx"
+                placeholder="请输入企业类型 "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-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="qyhgbm">
+              <el-input
+                v-model="form.qyhgbm"
+                placeholder="请输入企业海关编码 "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-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-row>
+        <el-row>
+          <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-col :span="12">
+            <el-form-item label="经营期限自 " prop="jyqxz">
+              <el-input
+                v-model="form.jyqxz"
+                placeholder="请输入经营期限自 "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-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-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="jyfw">
+              <el-input
+                v-model="form.jyfw"
+                placeholder="请输入经营范围  "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-col :span="12">
+            <el-form-item label="主要市场  " prop="zysc">
+              <el-input
+                v-model="form.zysc"
+                placeholder="请输入主要市场  "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-col :span="12">
+            <el-form-item label="国家级奖项、发明专利   " prop="gjjjxfmzl">
+              <el-input
+                v-model="form.gjjjxfmzl"
+                placeholder="请输入国家级奖项、发明专利   "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <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-col :span="12">
+            <el-form-item
+              label="检测、服务外包、文化服务创新   "
+              prop="jcfwwbwhfwcx"
             >
-            </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="kgqy">
-          <el-input
-            v-model="form.kgqy"
-            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="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="qylx">
-          <el-input
-            v-model="form.qylx"
-            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="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="qyhgbm">
-          <el-input
-            v-model="form.qyhgbm"
-            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="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="zcdz">
-          <el-input
-            v-model="form.zcdz"
-            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="jyfw">
-          <el-input
-            v-model="form.jyfw"
-            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-input
+                v-model="form.jcfwwbwhfwcx"
+                placeholder="请输入检测、服务外包、文化服务创新   "
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>