协议前后端完善

src/views/bst/agreement/index.vue

@@ -122,7 +122,15 @@
           <form-col :span="24" label="标题" prop="title">
             <el-input v-model="form.title" placeholder="请输入标题" />
           </form-col>
-
+          <form-col label="运营区" prop="areaId">
+            <area-remote-select
+              v-model="form.areaId"
+              placeholder="请选择运营区"
+              clearable
+              @change="handleQuery"
+              style="width: 100%"
+            />
+          </form-col>
           <el-col :span="12">
             <form-col label="协议类型" prop="agreementType">
               <el-select
@@ -176,7 +184,7 @@ import { listAgreement, getAgreement, delAgreement, addAgreement, updateAgreemen
 import { $showColumns } from '@/utils/mixins';
 import FormCol from "@/components/FormCol/index.vue";
 import Editor from "@/components/Editor/index.vue";
-
+import AreaRemoteSelect from "@/components/Business/Area/AreaRemoteSelect.vue";
   // 默认排序字段
 const defaultSort = {
   prop: "createTime",
@@ -187,7 +195,7 @@ export default {
   name: "Agreement",
   mixins: [$showColumns],
   dicts: ['agreement_type'],
-  components: {FormCol,Editor},
+  components: {FormCol,Editor,AreaRemoteSelect},
   data() {
     return {
       span: 24,