新增生产投入明细,房屋装修,宴席等相关组件

components/newArchives/banquetBirthday.vue

@@ -0,0 +1,157 @@
+
+<template>
+  <view class="">
+    <view class="title">寿宴</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/banquetFullMoon.vue

@@ -0,0 +1,157 @@
+
+<template>
+  <view class="">
+    <view class="title">满月酒</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/banquetFuneral.vue

@@ -0,0 +1,170 @@
+
+<template>
+  <view class="">
+    <view class="title">白事</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无墓地" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/banquetMarry.vue

@@ -0,0 +1,165 @@
+
+<template>
+  <view class="">
+    <view class="title">婚宴</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/banquetOther.vue

@@ -0,0 +1,160 @@
+
+<template>
+  <view class="">
+    <view class="title">其他庆祝宴</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="宴席类型" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/deepProcessing.vue

@@ -0,0 +1,263 @@
+<!-- 深加工 -->
+<template>
+  <view class="">
+    <view class="title">深加工</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
+        <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <block v-if="formData.shop_front">
+        <u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
+          <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无销售渠道" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
+          <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
+            count></u--textarea>
+        </u-form-item>
+      </block>
+      <block v-else>
+        <u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
+          <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
+          <u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
+            <u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
+              disabledColor="#fff"></u--input>
+            <u-icon slot="right" name="arrow-right"></u-icon>
+          </u-form-item>
+        </picker>
+        <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无食堂" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无用工需求" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
+          <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
+            count></u--textarea>
+        </u-form-item>
+      </block>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/houseDecoration.vue

@@ -0,0 +1,137 @@
+<template>
+  <view class="">
+    <view class="title">装房</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="房屋面积" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="装修风格" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="装修地点" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="装修预算" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="装修类型" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'私人'},{value:0,label:'公共建设'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+        
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/houseRenovate.vue

@@ -0,0 +1,127 @@
+<template>
+  <view class="">
+    <view class="title">翻新</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" labelPosition="top" label="维护内容" required prop="policy_subsidies" borderBottom>
+        <u--textarea v-model="formData.policy_subsidies" autoHeight placeholder="请输入维护内容" border="surround"
+          count></u--textarea>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="维护类型" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'换'},{value:0,label:'修'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/houseRepair.vue

@@ -0,0 +1,162 @@
+<template>
+  <view class="">
+    <view class="title">修房</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="修房类型" required prop="shop_front" borderBottom>
+        <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'自建'},{value:0,label:'外包'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="建设面积" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="房屋风格" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="修建地址" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无绿化" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="有无装修" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="房屋类型" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'私人'},{value:0,label:'公共建设'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="修建地照片" required prop="planting_company" borderBottom>
+        
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/houseTransaction.vue

@@ -0,0 +1,153 @@
+<template>
+  <view class="">
+    <view class="title">买卖房</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="房型" required prop="cultivated_area" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="几房" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="面积" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="朝向" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="楼层" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="装修类型" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'精装'},{value:0,label:'清水'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
+      </u-form-item>
+      <u-form-item labelWidth="auto" label="付款类型" required prop="planting_company" borderBottom>
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'按揭'},{value:0,label:'全款'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>  
+      </u-form-item>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

components/newArchives/store.vue

@@ -1,10 +1,9 @@
 <template>
   <view class="">
     <view class="title">开设店铺</view>
-    <block v-for="(item, index) in formData">
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
-      <u--form labelPosition="left" :model="item" :rules="rules" ref="breedingForm">
       <u-form-item labelWidth="auto" label="有无门面" required prop="shop_front" borderBottom>
-          <u-radio-group v-model="item.shop_front" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -12,25 +11,26 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" label="门面面积" required prop="cultivated_area" borderBottom>
-          <u--input v-model="item.cultivated_area" placeholder="请输入门面面积"></u--input>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
-          <u--input v-model="item.cultivated_area" placeholder="请输入经营地点"></u--input>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
       </u-form-item>
-        <picker :range="storeTypeList" mode="selector" @change="changeLanPlan" :data-index="index">
+      <picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
         <u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
-            <u--input :value="storeTypeList[item.planning]" placeholder="请选择经营类型" disabled disabledColor="#fff"></u--input>
+          <u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
+            disabledColor="#fff"></u--input>
           <u-icon slot="right" name="arrow-right"></u-icon>
         </u-form-item>
       </picker>
       <u-form-item labelWidth="auto" label="门面环境" required prop="notes" borderBottom>
-          <u--input v-model="item.cultivated_area" placeholder="请输入门面环境"></u--input>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
-          <u--input v-model="item.cultivated_area" placeholder="请输入服务对象"></u--input>
+        <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="有无营业资质" required prop="planting_company" borderBottom>
-          <u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -38,7 +38,7 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" label="有无进货渠道" required prop="planting_company" borderBottom>
-          <u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -46,16 +46,16 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" label="店铺规模" required prop="notes" borderBottom>
-          <u--input v-model="item.breeding_type" placeholder="请输入店铺规模"></u--input>
+        <u--input v-model="formData.breeding_type" placeholder="请输入店铺规模"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="商品来源" required prop="notes" borderBottom>
-          <u--input v-model="item.breeding_type" placeholder="请输入商品来源"></u--input>
+        <u--input v-model="formData.breeding_type" placeholder="请输入商品来源"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
-          <u--input v-model="item.breeding_type" placeholder="请输入服务对象"></u--input>
+        <u--input v-model="formData.breeding_type" placeholder="请输入服务对象"></u--input>
       </u-form-item>
       <u-form-item labelWidth="auto" label="有无线上展示" required prop="planting_company" borderBottom>
-          <u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -63,7 +63,7 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
-          <u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -71,7 +71,7 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" label="库存情况" required prop="planting_company" borderBottom>
-          <u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
+        <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
           <u-radio :customStyle="{marginRight: '16px'}"
             v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
             :name="item.value">
@@ -79,11 +79,10 @@
         </u-radio-group>
       </u-form-item>
       <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
-          <u--textarea v-model="item.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
+        <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
           count></u--textarea>
       </u-form-item>
     </u--form>
-    </block>
 
   </view>
 </template>
@@ -93,11 +92,9 @@
     data() {
       return {
         storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
-        formData: [
+        formData: {
-          {
           shop_front: '', //有无门面
-          }
+        },
-        ],
         rules: {
 
         }
@@ -109,13 +106,11 @@
     methods: {
       // 初始化校验
       initRules() {
-        let arr = Object.keys(this.formData[0]);
+        let arr = Object.keys(this.formData);
         arr.forEach(key => {
           this.rules[key] = {
             validator: (rule, value, callback) => {
-              if(Array.isArray(this.$refs.breedingForm)) for(let i = 0;i<this.$refs.breedingForm.length;i++){
+              this.$refs.breedingForm.clearValidate(rule.field);
-                this.$refs.breedingForm[i].clearValidate(rule.field);
-              }
               value.trim() !== '' ? callback() : callback('不能为空');
             },
             trigger: ['change', 'blur']
@@ -124,25 +119,17 @@
       },
       // 校验
       async validate() {
-        let flag = true;
+        return await this.$refs.breedingForm.validate();;
-        if(Array.isArray(this.$refs.breedingForm)) for(let i = 0;i<this.$refs.breedingForm.length;i++){
-          let res = await this.$refs.breedingForm[i].validate();
-          if(!res) {
-            flag = false;
-            break;
-          }
-        }
-        return flag;
       },
       // 选择土地规划
       changeLanPlan(e) {
         let index = e.currentTarget.dataset.index;
-        this.formData[index].planning = e.detail.value;
+        this.formData.planning = e.detail.value;
       },
       // 选择时间
       changeDate(e) {
         let data = e.currentTarget.dataset;
-        this.formData[data.index][data.value] = e.detail.value;
+        this.formData[data.value] = e.detail.value;
       },
       // 新增开设店铺
       pushBreedingList() {
@@ -180,6 +167,7 @@
       margin-right: 8rpx;
     }
   }
+
   .delete {
     margin: 22rpx 0;
     // margin-bottom: 40rpx;

components/newArchives/thickProcessing.vue

@@ -0,0 +1,263 @@
+<!-- 深加工 -->
+<template>
+  <view class="">
+    <view class="title">粗加工</view>
+    <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
+      <u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
+        <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <block v-if="formData.shop_front">
+        <u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
+          <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无销售渠道" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
+          <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
+            count></u--textarea>
+        </u-form-item>
+      </block>
+      <block v-else>
+        <u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
+          <u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
+          <u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
+            <u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
+              disabledColor="#fff"></u--input>
+            <u-icon slot="right" name="arrow-right"></u-icon>
+          </u-form-item>
+        </picker>
+        <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无食堂" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无用工需求" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
+          <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
+        </u-form-item>
+        <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
+          <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
+          <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
+            count></u--textarea>
+        </u-form-item>
+      </block>
+    </u--form>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
+        formData: {
+          shop_front: '', //有无门面
+        },
+        rules: {
+
+        }
+      }
+    },
+    created() {
+      this.initRules()
+    },
+    methods: {
+      // 初始化校验
+      initRules() {
+        let arr = Object.keys(this.formData);
+        arr.forEach(key => {
+          this.rules[key] = {
+            validator: (rule, value, callback) => {
+              this.$refs.breedingForm.clearValidate(rule.field);
+              value.trim() !== '' ? callback() : callback('不能为空');
+            },
+            trigger: ['change', 'blur']
+          }
+        })
+      },
+      // 校验
+      async validate() {
+        return await this.$refs.breedingForm.validate();;
+      },
+      // 选择土地规划
+      changeLanPlan(e) {
+        let index = e.currentTarget.dataset.index;
+        this.formData.planning = e.detail.value;
+      },
+      // 选择时间
+      changeDate(e) {
+        let data = e.currentTarget.dataset;
+        this.formData[data.value] = e.detail.value;
+      },
+      // 新增开设店铺
+      pushBreedingList() {
+        this.formData.push({})
+      },
+      // 删除开设店铺
+      removeBreedingList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.formData.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .title {
+    margin-top: 30rpx;
+    font-weight: 500;
+    font-size: 34rpx;
+
+    &::before {
+      width: 8rpx;
+      height: 26rpx;
+      border-radius: 4rpx;
+      background-color: #3175f9;
+      content: "";
+      display: inline-block;
+      margin-right: 8rpx;
+    }
+  }
+
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>

subpkg/newArchives/newArchives.vue

@@ -56,9 +56,27 @@
         </view>
         <residents ref="residentsRef"></residents>
         <breeding ref="breedingRef"></breeding>
+        
+        
         <block v-for="(item, index) in showDemandList" :key="'demand'+index">
           <block v-if="item.category_id==0">
+            <breeding v-if="item.category_child==0" ref="demandRef00"></breeding>
             <store v-if="item.category_child==1" ref="demandRef01"></store>
+            <deepProcessing v-if="item.category_child==2" ref="demandRef02"></deepProcessing>
+            <thickProcessing v-if="item.category_child==3" ref="demandRef03"></thickProcessing>
+          </block>
+          <block v-if="item.category_id==1">
+            <houseRepair v-if="item.category_child==0" ref="demandRef10"></houseRepair>
+            <houseDecoration v-if="item.category_child==1" ref="demandRef11"></houseDecoration>
+            <houseRenovate v-if="item.category_child==2" ref="demandRef12"></houseRenovate>
+            <houseTransaction v-if="item.category_child==3" ref="demandRef13"></houseTransaction>
+          </block>
+          <block v-if="item.category_id==2">
+            <banquetMarry v-if="item.category_child==0" ref="demandRef20"></banquetMarry>
+            <banquetBirthday v-if="item.category_child==1" ref="demandRef21"></banquetBirthday>
+            <banquetFullMoon v-if="item.category_child==2" ref="demandRef22"></banquetFullMoon>
+            <banquetOther v-if="item.category_child==3" ref="demandRef23"></banquetOther>
+            <banquetFuneral v-if="item.category_child==4" ref="demandRef24"></banquetFuneral>
           </block>
           <button type="primary" class="delete" @click="removeShowDemand">-</button>
         </block>
@@ -79,8 +97,19 @@
   import residents from "@/components/newArchives/residents.vue" // 常住人口
   import breeding from "@/components/newArchives/breeding.vue" // 种养殖
   import store from "@/components/newArchives/store.vue" // 开设店铺
+  import deepProcessing from "@/components/newArchives/deepProcessing.vue" // 深加工
+  import thickProcessing from "@/components/newArchives/thickProcessing.vue" // 粗加工
+  import houseRepair from "@/components/newArchives/houseRepair.vue" // 修房
+  import houseDecoration from "@/components/newArchives/houseDecoration.vue" // 装房
+  import houseRenovate from "@/components/newArchives/houseRenovate.vue" // 翻新
+  import houseTransaction from "@/components/newArchives/houseTransaction.vue" // 买卖房子
+  import banquetMarry from "@/components/newArchives/banquetMarry.vue" // 婚宴
+  import banquetBirthday from "@/components/newArchives/banquetBirthday.vue" // 寿宴
+  import banquetFullMoon from "@/components/newArchives/banquetFullMoon.vue" // 满月酒
+  import banquetOther from "@/components/newArchives/banquetOther.vue" // 其他庆祝宴
+  import banquetFuneral from "@/components/newArchives/banquetFuneral.vue" // 白事
   export default {
-    components: { districtSelector, residents, breeding, store },
+    components: { districtSelector, residents, breeding, store, deepProcessing, thickProcessing, houseRepair, houseDecoration, houseRenovate,houseTransaction, banquetMarry, banquetBirthday,banquetFullMoon, banquetOther, banquetFuneral },
     data() {
       return {
         demandShow: false,
@@ -231,12 +260,17 @@
           category_id: e.indexs[0],
           category_child: e.indexs[1],
         })
-        console.log(this.showDemandList);
+        // console.log(this.showDemandList);
         this.demandShow = false;
       },
       // 删除需求
       removeShowDemand(index){
-        this.showDemandList.splice(index, 1);
+        uni.showModal({
+          title:'确定删除这一部分内容吗',
+          success: (res) => {
+            if(res.confirm)this.showDemandList.splice(index, 1);
+          }
+        })
       }
     },
     onPullDownRefresh() {