供应链数据

src/views/BONDEDUPPLY/index.vue

@@ -1,11 +1,14 @@
 <template>
   <div class="app-container">
-    <!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form-item label="录单单位名称">
+        <el-input v-model="queryParams.lddwmc"></el-input>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
-    </el-form> -->
+    </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
@@ -105,6 +108,7 @@
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
+        width="120px"
       >
         <template slot-scope="scope">
           <el-button
@@ -136,83 +140,142 @@
     />
 
     <!-- 添加或修改保税区供应链数据对话框 -->
-    <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-form ref="form" :model="form" :rules="rules" label-width="140px">
-        <el-form-item label="录单单位名称" prop="lddwmc">
-          <el-input v-model="form.lddwmc"></el-input>
-        </el-form-item>
-        <el-form-item label="进出口标志" prop="jckbz">
-          <el-input v-model="form.jckbz"></el-input>
-        </el-form-item>
-        <el-form-item label="进出口日期" prop="jckrq">
-          <!-- <el-input v-model="form.jckrq"></el-input> -->
-          <el-date-picker
-            v-model="form.jckrq"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择日期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="净重" prop="jz">
-          <el-input v-model="form.jz"></el-input>
-        </el-form-item>
-        <el-form-item label="净值" prop="jingzhi">
-          <el-input v-model="form.jingzhi"></el-input>
-        </el-form-item>
-        <el-form-item label="件数" prop="js">
-          <el-input v-model="form.js"></el-input>
-        </el-form-item>
-        <el-form-item label="境内收发货人标号" prop="jnsfhrbh">
-          <el-input v-model="form.jnsfhrbh"></el-input>
-        </el-form-item>
-        <el-form-item label="境内收发货人名称 " prop="jnsfhrmc">
-          <el-input v-model="form.jnsfhrmc"></el-input>
-        </el-form-item>
-        <el-form-item label="境外发货人代码 " prop="jwfhrdm">
-          <el-input v-model="form.jwfhrdm"></el-input>
-        </el-form-item>
-        <el-form-item label="境外收发货人名称   " prop="jwsfhrmc">
-          <el-input v-model="form.jwsfhrmc"></el-input>
-        </el-form-item>
-        <el-form-item label="境外收发货人地址   " prop="jwsfhrdz">
-          <el-input v-model="form.jwsfhrdz"></el-input>
-        </el-form-item>
-        <el-form-item label="启运日期  " prop="qyrq">
-          <!-- <el-input v-model="form.qyrq"></el-input> -->
-          <el-date-picker
-            v-model="form.qyrq"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择日期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="卸毕日期   " prop="xbrq">
-          <el-input v-model="form.xbrq"></el-input>
-          <!-- <el-date-picker
-            v-model="form.xbrq"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择日期"
-          >
-          </el-date-picker> -->
-        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="录单单位名称" prop="lddwmc">
+              <el-input v-model="form.lddwmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="进出口标志" prop="jckbz">
+              <el-input v-model="form.jckbz"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="进出口日期" prop="jckrq">
+              <!-- <el-input v-model="form.jckrq"></el-input> -->
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.jckrq"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="净重" prop="jz">
+              <el-input v-model="form.jz"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="净值" prop="jingzhi">
+              <el-input v-model="form.jingzhi"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="件数" prop="js">
+              <el-input v-model="form.js"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="境内收发货人标号" prop="jnsfhrbh">
+              <el-input v-model="form.jnsfhrbh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="境内收发货人名称 " prop="jnsfhrmc">
+              <el-input v-model="form.jnsfhrmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="境外发货人代码 " prop="jwfhrdm">
+              <el-input v-model="form.jwfhrdm"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="境外收发货人名称   " prop="jwsfhrmc">
+              <el-input v-model="form.jwsfhrmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="境外收发货人地址   " prop="jwsfhrdz">
+              <el-input v-model="form.jwsfhrdz"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="启运日期  " prop="qyrq">
+              <!-- <el-input v-model="form.qyrq"></el-input> -->
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.qyrq"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="卸毕日期   " prop="xbrq">
+<!--              <el-input v-model="form.xbrq"></el-input>-->
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.xbrq"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="报关单币种统计   " prop="bgdbztj">
+              <el-input v-model="form.bgdbztj"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="申报单位名称   " prop="sbdwmc">
+              <el-input v-model="form.sbdwmc"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="录单单位编码名称   " prop="lddwbmmc">
+              <el-input v-model="form.lddwbmmc"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12"></el-col>
+          <el-col :span="12"></el-col>
+        </el-row>
+
+
+
         <!-- <el-form-item label="供应链主键  " prop="id">
           <el-input v-model="form.id"></el-input>
         </el-form-item>
         <el-form-item label="保税区主键  " prop="deptId">
           <el-input v-model="form.deptId"></el-input>
         </el-form-item> -->
-        <el-form-item label="报关单币种统计   " prop="bgdbztj">
-          <el-input v-model="form.bgdbztj"></el-input>
-        </el-form-item>
-        <el-form-item label="申报单位名称   " prop="sbdwmc">
-          <el-input v-model="form.sbdwmc"></el-input>
-        </el-form-item>
-        <el-form-item label="录单单位编码名称   " prop="lddwbmmc">
-          <el-input v-model="form.lddwbmmc"></el-input>
-        </el-form-item>
+
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>