发包方接口对接

src/api/contracted/fbf.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request';
+
+// 获取承包方列表
+export function listFbf(params) {
+  return request({
+    url: '/service/fbf/list',
+    method: 'get',
+    params: params
+  });
+}
+
+// 新增发包方信息
+export function addFbf(data) {
+  return request({
+    url: '/service/fbf/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改发包方信息
+export function updateFbf(data) {
+  return request({
+    url: '/service/fbf/edit',
+    method: 'post',
+    data: data
+  })
+}

src/views/contracted/village/employer/employer.vue

@@ -17,40 +17,41 @@
     </div>
 
     <div class="list_main">
-      <van-field v-model="value" label="代码：" placeholder="请输入代码" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="名称：" placeholder="请输入名称" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="负责人：" placeholder="请输入负责人" required :border="false" input-align="right" label-width="auto" />
-
-      <van-field v-model="value" label="证件类型："
-        placeholder="请选择证件类型"
-        required
-        :border="false"
-        input-align="right"
-        right-icon="arrow-down"
-        label-width="auto"
-        readonly
-        clickable
-        @click="showType = true"
-      />
-      <van-popup v-model="showType" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="typeOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmTypeOptions"
-          @cancel="showType = false"
+      <van-form ref="formData">
+        <van-field v-model="form.fbfbm" label="代码：" placeholder="请输入代码" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" :disabled="isDisabled" />
+        <van-field v-model="form.fbfmc" label="名称：" placeholder="请输入名称" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="form.fbffzrxm" label="负责人姓名：" placeholder="请输入负责人姓名" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="credentialTypeText" label="证件类型："
+          placeholder="请选择证件类型"
+          required
+          :rules="[{ required: true }]"
+          :border="false"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          readonly
+          clickable
+          @click="showCredentialType = true"
         />
-      </van-popup>
-
-      <van-field v-model="value" label="证件号码：" placeholder="请输入证件号码" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="联系电话：" placeholder="请输入联系电话" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="地址：" placeholder="请输入地址" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="邮编：" placeholder="请输入邮编" required :border="false" input-align="right" label-width="auto" />
-      <van-field v-model="value" label="调查记事：" placeholder="请输入调查记事" required :border="false" input-align="right" label-width="auto" />
-      <van-field readonly v-model="value" label="签字(上传图片)：" :border="false" input-align="right" label-width="auto" />
-
+        <van-popup v-model="showCredentialType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="credentialTypeOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmTypeOptions"
+            @cancel="showCredentialType = false"
+          />
+        </van-popup>
+        <van-field v-model="form.fzrzjhm" label="证件号码：" placeholder="请输入证件号码" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="form.lxdh" label="联系电话：" placeholder="请输入联系电话" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="form.fbfdz" label="地址：" placeholder="请输入地址" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="form.yzbm" label="邮政编码：" placeholder="请输入邮政编码" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field v-model="form.fbfdcjs" label="调查记事：" placeholder="请输入调查记事" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" />
+        <van-field label="签字图片：" readonly :border="false" label-width="auto" />
+        <img :src="'/api'+form.fbfdcqz" width="100%" alt="" />
+      </van-form>
       <div class="btn_main">
-        <p class="btn">保存</p>
+        <p class="btn" @click="submitForm">保存</p>
         <p class="btn1">签字</p>
       </div>
     </div>
@@ -60,40 +61,91 @@
 </template>
 <script>
   import Cookies from "js-cookie";
+  import { listFbf, addFbf, updateFbf } from "@/api/contracted/fbf";
+
   export default {
     name: "contractedVillageContractor",
     data() {
       return {
-        loading:false,
-        finished:true,
-        value:'',
-        showType:false,
-        typeOptions:[{
-          dictLabel:'类型1',
-          dictValue:'1',
-        }],
+        form: {},                         // 发包方信息表单
+        isDisabled: false,                // 是否禁用
+        credentialTypeOptions: [],        // 证件类型字典
+        credentialTypeText: null,         // 证件类型标签名
+        showCredentialType: false,        // 控制证件类型字典弹出层的显示和隐藏
       };
     },
     created() {
-
+      this.getDicts("cert_type").then(response => {
+        this.credentialTypeOptions = response.data;
+      });
+      this.getDetail();
     },
     methods: {
-      getList(){
-
+      getDetail() {
+        listFbf({deptId: this.$route.query.deptId}).then(response => {
+          if (response.rows.length > 0) {
+            this.form = response.rows[0];
+            this.isDisabled = true;
+            this.$nextTick(() => {
+              this.credentialTypeText = this.selectDictLabel(this.credentialTypeOptions, this.form.fzrzjlx);
+            });
+          } else {
+            this.resetForm();
+            this.isDisabled = false;
+          }
+        });
       },
-      onSearch(){
-
+      onConfirmTypeOptions(value){
+        this.form.fzrzjlx = value.dictValue;
+        this.credentialTypeText = value.dictLabel;
+        this.showCredentialType = false;
       },
-      onConfirmTypeOptions(){
-
+      submitForm() {
+        this.$refs.formData.validate().then(() => {
+          if (this.form.id) {
+            updateFbf(this.form).then(response => {
+              if (response.code == 200) {
+                this.$toast({
+                  icon: 'success',
+                  message: '保存成功',
+                  duration:"1000",
+                });
+              }
+            });
+          } else {
+            this.form.deptId = this.$route.query.deptId;
+            addFbf(this.form).then(response => {
+              if (response.code == 200) {
+                this.$toast({
+                  icon: 'success',
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose: () => {
+                    this.getDetail();
+                  }
+                });
+              }
+            });
+          }
+        }).catch(() => {
+          this.$notify({ type: 'danger', message: '请填写完整的表单项' });
+        });
       },
-      onConfirmZjTypeOptions(){
-
-      },
-      onConfirmTDYTOptions(){
-
-      },
-
+      resetForm() {
+        this.form = {
+          deptId: null,
+          fbfbm: null,
+          fbfmc: null,
+          fbffzrxm: null,
+          fzrzjlx: null,
+          fzrzjhm: null,
+          lxdh: null,
+          fbfdz: null,
+          yzbm: null,
+          fbfdcjs: null,
+          fbfdcqz: null
+        }
+      }
     },
   };
 </script>
@@ -131,6 +183,10 @@
     overflow: initial;
   }
 
+  /deep/ .van-field--disabled .van-field__label {
+    color: #646566;
+  }
+
   .tb_main{
     position: relative;
     p{