feat: #省市区组件

README.md

@@ -104,19 +104,20 @@ Copyright (c) 2017-present PanJiaChen
 - 三个照片列表还是没有加载列表预览图（目前界面是可以跑通上传图片了）[x]
 - 照片商品管理的编辑框，照片错位了。 [x]
 - 照片商品管理的列表。把是否精选，是否随手拍放到列表上[x]
+- 是否精选 配置哪里？ [x]
 
 -------- todo -----------
 
-- 是否精选，是否随手拍 配置哪里？
 - 后台前端富文本需要 px 转换 rem
 - 积分配置
 - 省市区组件
+- img 裁切显示
 - 三个照片列表的图片被压缩。看看如何适配好看些。
-- 优化项，场景管理里面的两个列表。页面加载卡顿。不确定是否与编辑页的模态框数据加载有关。
 - H5 补充幼儿园详情页、活动详情页。到时再看看怎么展示图片等图片吧。（H5 的详情页只是做基本信息展示 + 后面增加个导流下载 app 的（增加一个浮动弹框，打开腾讯应用宝的注册。上线后就有了））
-- 照片审核通过，是否可以考虑设置为上架？
 
 --- hold 暂时停滞 --------------
 
+- 优化项，场景管理里面的两个列表。页面加载卡顿。不确定是否与编辑页的模态框数据加载有关。
+- 照片审核通过，是否可以考虑设置为上架？
 - 优化项，全局的搜索条件如果是下啦选择的，选择之后立马发送查询请求
 - 客户端那边我看到请求接口带上了"/yxl-back-end"，其实这个应该是写到环境变量里面。域名 + 上下文。决定请求的前缀。。。

src/components/index.js

@@ -1,4 +1,5 @@
 import Vue from 'vue';
+import AddressSelect from './AddressSelect.vue';
 import AdvanceViewImage from './AdvanceViewImage.vue';
 import BaseBtn from './BaseBtn.vue';
 import BaseTable from './BaseTable.vue';
@@ -10,6 +11,7 @@ import RichText from './RichText.vue';
 import SvgIcon from './SvgIcon.vue';
 import Upload from './Upload.vue';
 
+Vue.component('AddressSelect', AddressSelect);
 Vue.component('AdvanceViewImage', AdvanceViewImage);
 Vue.component('BaseBtn', BaseBtn);
 Vue.component('BaseTable', BaseTable);

src/containers/ToolbarContainer.vue

@@ -95,6 +95,12 @@
               :params="field.params"
               :clearable="true"
             ></ActivitySelect>
+            <AddressSelect
+              v-if="field.type === 'AddressSelect'"
+              v-model="form[field.name]"
+              :params="field.params"
+              :clearable="true"
+            />
           </el-form-item>
         </el-col>
       </el-row>

src/views/sceneManagement/sceneList/modal/ItemModal.vue

@@ -27,7 +27,7 @@
       </el-form-item>
       <el-form-item label="所在地区">
         <!-- TODO 联动select -->
-        {{ form.area ? form.province + '/' + form.city + '/' + form.area : '' }}
+        <AddressSelect v-model="form.addressArr" />
       </el-form-item>
       <el-form-item label="详细地址" prop="type">
         <el-input v-model="form.address" placeholder="请输入详细地址" />
@@ -140,7 +140,7 @@ export default {
         bodyPhoto: [],
         idCardFront: [],
         idCardBack: [],
-
+        addressArr: [],
         isShow: false
       },
       rules: {
@@ -215,6 +215,14 @@ export default {
             message: '请上传图片',
             trigger: 'change'
           }
+        ],
+        addressArr: [
+          {
+            type: 'array',
+            required: true,
+            message: '请选择地址',
+            trigger: 'change'
+          }
         ]
       }
     };
@@ -268,6 +276,7 @@ export default {
             url: data.idCardBack
           }
         ];
+        result.addressArr = [form.province, form.city, form.area];
         this.form = result;
       }
     },
@@ -282,7 +291,9 @@ export default {
           params.bodyPhoto = this.form.bodyPhoto[0].url;
           params.idCardFront = this.form.idCardFront[0].url;
           params.idCardBack = this.form.idCardBack[0].url;
-
+          params.province = this.form.addressArr[0];
+          params.city = this.form.addressArr[1];
+          params.area = this.form.addressArr[2];
           if (this.id) params.id = this.id;
           const { success, msg } = await saveItem(params);
           if (success) {

src/views/sceneManagement/sceneList/toolbar.vue

@@ -18,9 +18,11 @@ export default {
           label: '机构名称'
         },
         {
-          type: 'text',
+          type: 'AddressSelect',
           name: 'area',
-          label: '所在地区'
+          label: '所在地区',
+          defaultValue: [],
+          format: val => val[2] || null
         },
         {
           type: 'select',

src/views/sceneManagement/sceneVerify/toolbar.vue

@@ -18,9 +18,11 @@ export default {
           label: '机构名称'
         },
         {
-          type: 'text',
+          type: 'AddressSelect',
           name: 'area',
-          label: '所在地区'
+          label: '所在地区',
+          defaultValue: [],
+          format: val => val[2] || null
         },
         {
           type: 'select',