线上发包任务功能优化

package.json

@@ -42,6 +42,7 @@
     "core-js": "^3.25.0",
     "crypto-js": "^4.1.1",
     "echarts": "4.9.0",
+    "element-china-area-data": "^5.0.2",
     "element-ui": "2.15.8",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",

src/views/business/onlineTaskInfo/index.vue

@@ -144,11 +144,14 @@
           <!--          <el-input v-model="form.araeCode" placeholder="请输入地区code" />-->
           <!--        </el-form-item>-->
           <el-form-item label="所在区域" prop="area">
+            <el-cascader style="width: 100%;" size="small" :options="options" v-model="form.selectedOptions" @change="handleChange" />
+          </el-form-item>
+          <!--   <el-form-item label="所在区域" prop="area">
             <el-input v-model="form.area" placeholder="请输入所在区域" />
           </el-form-item>
-          <!--        <el-form-item label="详细地址" prop="address">-->
-          <!--          <el-input v-model="form.address" placeholder="请输入详细地址" />-->
-          <!--        </el-form-item>-->
+          <el-form-item label="详细地址" prop="address">
+            <el-input v-model="form.address" placeholder="请输入详细地址" />
+          </el-form-item>-->
           <el-form-item label="服务时间" prop="serviceTime">
             <el-date-picker clearable placeholder="请选择服务时间" v-model="form.serviceTimeArr" @change="changeServiceTime"
               type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
@@ -220,12 +223,18 @@ import {
 import { listCompanyInfo } from '@/api/business/companyInfo'
 import { getInvoiceInfoByCompanyId } from '@/api/business/invoiceInfo'
 import { laborSign, querySignList } from '@/api/business/unitInfo'
+import { regionData, CodeToText } from 'element-china-area-data';
 
 export default {
   name: "OnlineTaskInfo",
   dicts: ['task_status'],
   data() {
     return {
+      //地区选择
+      options: regionData,
+      CodeToText: CodeToText,
+      selectedOptions: [],
+
       // 任务名称
       batchPayName: '',
       onlineTaskId: '',
@@ -370,7 +379,14 @@ export default {
     this.getListgetCompanyList(1);
     // this.getListgetCompanyList(2);
   },
-  methods: {
+  methods: {    //地区选择
+    handleChange(arr) {
+      // this.form.province = this.CodeToText[arr[0]] || '';
+      // this.form.city = this.CodeToText[arr[1]] || '';
+      // this.form.area = this.CodeToText[arr[2]] || '';
+      this.form.area = this.CodeToText[arr[0]] + this.CodeToText[arr[1]] + this.CodeToText[arr[2]];
+      console.log(this.form.area);
+    },
     //获取企业信息数据
     getListgetCompanyList(bindType) {
       this.loading = true;

src/views/business/payOrder/batchToAli.vue

@@ -5,7 +5,7 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="业务名称" prop="batchPayName">
-              <el-input v-model="batchForm.batchPayName" placeholder="请输入支业务名称" />
+              <el-input v-model="batchForm.batchPayName" placeholder="请输入支业务名称" :disabled="disableBatchPayName" />
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -184,6 +184,7 @@ export default {
     return {
       //发包任务名称
       defaultBatchPayName: null,
+      disableBatchPayName: false,
 
       page: {
         search: '',
@@ -270,6 +271,7 @@ export default {
     if (this.$route.query.batchPayName) {
       this.defaultBatchPayName = this.$route.query.batchPayName;
       this.batchForm.batchPayName = this.$route.query.batchPayName;
+      this.disableBatchPayName = true;
     }
     if (this.$route.query.onlineTaskId) {
       this.batchForm.onlineTaskId = this.$route.query.onlineTaskId;

src/views/business/payOrder/batchToBank.vue

@@ -5,7 +5,7 @@
         <el-row :gutter="10">
           <el-col :span="12">
             <el-form-item label="业务名称" prop="batchPayName">
-              <el-input v-model="batchForm.batchPayName" placeholder="请输入业务名称" />
+              <el-input v-model="batchForm.batchPayName" placeholder="请输入业务名称" :disabled="disableBatchPayName"/>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -185,6 +185,7 @@ export default {
     return {
       //发包任务名称
       defaultBatchPayName: null,
+      disableBatchPayName: false,
 
       page: {
         search: '',
@@ -271,6 +272,7 @@ export default {
     if (this.$route.query.batchPayName) {
       this.defaultBatchPayName = this.$route.query.batchPayName;
       this.batchForm.batchPayName = this.$route.query.batchPayName;
+      this.disableBatchPayName = true;
     }
     if (this.$route.query.onlineTaskId) {
       this.batchForm.onlineTaskId = this.$route.query.onlineTaskId;