提交内容

src/views/shops/enter/add.vue

@@ -23,7 +23,15 @@
           <el-input v-model="form.qyname"></el-input>
         </el-form-item>
         <el-form-item class="formItem" label="企业类型">
-          <el-input v-model="form.qytype"></el-input>
+          <el-select v-model="form.qytype" placeholder="请选择">
+            <el-option
+              v-for="item in qyTypeArr"
+              :key="item.dictValue"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item class="formItem" label="企业所在地">
           <el-select
@@ -121,14 +129,13 @@
           <el-button class="submitBtn" @click="onSubmit">提交</el-button>
         </el-form-item>
       </el-form>
-      <div id="mapDiv">
-        <div id="map"></div>
-      </div>
     </div>
   </div>
 </template>
 <script>
 import { Component, Vue } from "vue-property-decorator";
+// import VDistpicker from "v-distpicker";
+import areadata from "@/api/area.json";
 import BMap from "BMap";
 export default {
   name: "app",
@@ -149,11 +156,29 @@ export default {
         lng: "",
         lat: ""
       },
+      qyTypeArr: [],
       mapVisible: false,
       local: null
     };
   },
   methods: {
+    qyTypeData() {
+      var that = this;
+      that
+        .$post("/common/dict", { dictType: "company_type" })
+        .then(function(res) {
+          console.log(res);
+          if (!res[0]) {
+            that.qyTypeArr = res[1].list;
+          }
+        });
+    },
+    areaData() {},
+    citySelected(data) {
+      this.form.sheng = data.province.value;
+      this.form.shi = data.city.value;
+      this.form.qu = data.area.value;
+    },
     onSubmit() {},
     chooseMap() {
       this.mapVisible = true;
@@ -246,8 +271,8 @@ export default {
   },
   mounted() {
     var that = this;
-
     this.createMap();
+    that.qyTypeData();
   }
 };
 </script>
@@ -381,5 +406,8 @@ export default {
   .avatar-uploader .el-upload:hover {
     border-color: #409eff;
   }
+  .distpicker-address-wrapper select {
+    width: 32%;
+  }
 }
 </style>