广西总和保税区数据菜单页面新增市进出口总值数据

src/views/TOTEXP/index.vue

@@ -75,11 +75,17 @@
           {{scope.row.deptName}}
         </template>
       </el-table-column>
+
       <el-table-column label="进出口值" align="center" prop="imExport">
         <template slot-scope="scope">
           {{scope.row.imExport}}
         </template>
       </el-table-column>
+      <el-table-column label="市进出口值" align="center" prop="cityTotal">
+        <template slot-scope="scope">
+          {{scope.row.cityTotal}}
+        </template>
+      </el-table-column>
 <!--      <el-table-column label="创建时间" align="center" prop="createTime">-->
 <!--        <template slot-scope="scope">-->
 <!--          {{scope.row.deptId}}-->
@@ -124,10 +130,10 @@
     />
 
     <!-- 添加或修改保税区进出口总值数据对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
       <el-form :ref="'form'" :model="form" :rules="rules" label-width="80px">
-        <el-form-item prop="deptId"  label-width="100px" label="保税区名称">
-          <el-select v-model="form.deptId" filterable default-first-option clearable placeholder="请选择保税区">
+        <el-form-item prop="deptId"  label-width="120px" label="保税区名称">
+          <el-select v-model="form.deptId" style="width: 100%;" filterable default-first-option clearable placeholder="请选择保税区">
             <el-option
               v-for="item in deptList"
               :key="item.deptId"
@@ -136,8 +142,18 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item prop="year" label-width="100px" label="年份">
-          <el-select v-model="form.year" filterable default-first-option clearable placeholder="请选择年份">
+<!--        <el-form-item prop="type" label-width="120px" label="级别">-->
+<!--          <el-select v-model="form.type" style="width: 100%;" filterable default-first-option clearable placeholder="请选择级别">-->
+<!--            <el-option-->
+<!--              v-for="(item,index) in typeList"-->
+<!--              :key="index"-->
+<!--              :label="item"-->
+<!--              :value="item">-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+        <el-form-item prop="year" label-width="120px" label="年份">
+          <el-select v-model="form.year" style="width: 100%;" filterable default-first-option clearable placeholder="请选择年份">
             <el-option
               v-for="(item,index) in nearYearList"
               :key="index"
@@ -146,9 +162,25 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item prop="imExport" label-width="100px" label="进出口总值">
+<!--        <el-form-item prop="month" label-width="120px" label="月份">-->
+<!--          <el-select v-model="form.month" style="width: 100%;" filterable default-first-option clearable placeholder="请选择月份">-->
+<!--            <el-option-->
+<!--              v-for="(item,index) in nearMonth"-->
+<!--              :key="index"-->
+<!--              :label="item"-->
+<!--              :value="item">-->
+<!--            </el-option>-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item prop="identicalContrast" label-width="120px" label="同比">-->
+<!--          <el-input  v-model="form.identicalContrast" placeholder="请输入同比值" ></el-input>-->
+<!--        </el-form-item>-->
+        <el-form-item prop="imExport" label-width="120px" label="进出口总值">
           <el-input  v-model="form.imExport" placeholder="请输入进出口总值" ></el-input>
         </el-form-item>
+        <el-form-item prop="cityTotal" label-width="120px" label="市进出口总值">
+          <el-input  v-model="form.cityTotal" placeholder="请输入市进出口总值" ></el-input>
+        </el-form-item>
 
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -185,8 +217,12 @@ export default {
       TOTEXPList: [],
       // 保税区列表
       deptList: [],
+      // 近年月份
+      nearMonth: [],
       // 近年年份列表
       nearYearList: [],
+      // 类型列表
+      typeList: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -202,6 +238,7 @@ export default {
         createBy: null,
         year: null
       },
+
       // 表单参数
       form: {},
       // 表单校验
@@ -209,12 +246,26 @@ export default {
         deptId: [
           { required: true, message: "保税区不能为空", trigger: "blur" }
         ],
+        // type: [
+        //   { required: true, message: "保税区不能为空", trigger: "blur" }
+        // ],
         imExport: [
           { required: true, message: "进出口值不能为空", trigger: "blur" },
           { trigger: 'blur', validator: this.validatorFloatNum }
         ],
+        // identicalContrast: [
+        //   { required: true, message: "同比值不能为空", trigger: "blur" },
+        //   { trigger: 'blur', validator: this.validatorFloatNum }
+        // ],
         year: [
           { required: true, message: "年份不能为空", trigger: "blur" }
+        ],
+        // month: [
+        //   { required: true, message: "月份不能为空", trigger: "blur" }
+        // ],
+        cityTotal: [
+          { required: true, message: "市进出口值不能为空", trigger: "blur" },
+          { trigger: 'blur', validator: this.validatorFloatNum }
         ]
       }
     };
@@ -222,6 +273,7 @@ export default {
   created() {
     this.getList();
     this.getNearYear();
+    this.getTypeList();
   },
   methods: {
     /** 查询保税区进出口总值数据列表 */
@@ -253,9 +305,17 @@ export default {
       for (let i = 1; i <= 4; i++) {
         nearYearArr.push(curYear - i + '');
       }
-
+      let nearMonthArr = [];
+      // 构建月份列表
+      for (let month = 1; month <= 12; month++) {
+        nearMonthArr.push(month);
+      }
+      this.nearYearList = nearMonthArr;
       this.nearYearList = nearYearArr
     },
+    getTypeList() {
+      this.typeList = ['自治区', '市区', '综保区']
+    },
     // 取消按钮
     cancel() {
       this.open = false;