增加区号显示

src/views/ecw/region/index.vue

@@ -43,6 +43,11 @@
       <el-table-column prop="titleZh" :label="$t('中文名称')" width="200"></el-table-column>
       <el-table-column prop="titleEn" :label="$t('英文名称')" width="200"></el-table-column>
       <el-table-column prop="shortName" :label="$t('简称')"  width="120"/>
+      <el-table-column prop="areaCode" :label="$t('区号')" width="120">
+        <template slot-scope="scope" v-if="scope.row.areaCode">
+          <span>+{{ scope.row.areaCode }}</span>
+        </template>
+      </el-table-column>
       <el-table-column :label="$t('语言')" width="120" align="center" prop="language" />
       <el-table-column prop="sort" :label="$t('排序')" width="50"></el-table-column>
       <el-table-column prop="type" :label="$t('类型')" width="120">
@@ -77,7 +82,7 @@
     </el-table>
 
     <!-- 添加或修改部门对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="876px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="160px">
         <el-row>
           <el-col :span="24">
@@ -162,6 +167,10 @@
                             :key="dict.id" :label="dict.titleZh" :value="dict.id.toString()"/>
               </el-select>
             </el-form-item>
+
+            <el-form-item :label="$t('区号')" prop="areaCode">
+              <area-code-selector v-model="form.areaCode"  />
+            </el-form-item>
           </div>
 <!--          <el-col :span="12">-->
 <!--            <el-form-item :label="$t('部门状态')" prop="status">-->
@@ -201,10 +210,11 @@ import {
 import {changeUserStatus} from "@/api/system/user";
 import {updateBankAccount} from "@/api/ecw/bankAccount";
 import { getCurrencyList } from '@/api/ecw/currency'
+import AreaCodeSelector from '@/components/AreaCodeSelector'
 
 export default {
   name: "Region",
-  components: { Treeselect },
+  components: { Treeselect, AreaCodeSelector },
   data() {
     return {
       // 遮罩层