qgb-process 0.2.3 → 0.2.7

package/src/formBuilder/components/app-main/components/components/customTable.vue

@@ -1,1758 +1,1758 @@
-<template>
-  <div class="wrapper">
-    <div class="opt">
-      <!-- <span>字表</span> -->
-      <el-button
-        v-if="!edit"
-        @click="addValue"
-      >添加</el-button>
-    </div>
-    <div class="tables">
-      <el-tooltip
-        content="从左侧拖拽来添加字段"
-        placement="top"
-        :disabled="!edit"
-      >
-        <div
-          class="tables-sub"
-          v-if="columns.length > 0"
-        >
-          <draggable
-            v-if="!tableChange "
-            :animation="200"
-            :disabled="!edit"
-            :list="columns1"
-            @add="handleAdd"
-            @end="handleMoveEnd"
-            @start="handleMoveStart"
-            :group="{ name: 'form', pull: false, put: true}"
-            style="display: flex;  border-top: 1px solid #ebeef5;
-     border-bottom: 1px solid #ebeef5;"
-            filter='.nodraggable'
-          >
-            <!-- <draggable
-            v-if="( (desc.type =='custom-table' &&!desc.types) || $route.name=='index') || (flag !=='dialog' && desc.types !='goods') "
-            :animation="200"
-            :disabled="!edit"
-            :list="columns"
-            @add="handleAdd"
-            @end="handleMoveEnd"
-            @start="handleMoveStart"
-            :group="{ name: 'form', pull: false, put: true}"
-            style="display: flex;  border-top: 1px solid #ebeef5;
-     border-bottom: 1px solid #ebeef5;"
-            filter='.nodraggable'
-          > -->
-            <div
-              class="parts"
-              :class="{'nodraggable' : item.type == 'index', 'form-item-active': (selSubIndex == index && edit && list[activeFormName][selectIndex].field == desc.field),'disoption': edit}"
-              :style="{width: item.type == 'index' ? '50px' : '300px'}"
-              v-for="(item,index) in columns1"
-              :key="index+1"
-              @click.stop="handleFormItemClick(item,index)"
-            >
-
-              <div>
-                <div class="heard isSummary">{{item.content ? item.content.label : item.label}}
-                  <el-tooltip
-                    v-if='item.content?item.content.attrs.summary:false'
-                    class="item isSummary"
-                    effect="dark"
-                    :content="item.content.attrs.summary "
-                    placement="top"
-                  >
-                    <i class="el-icon-warning-outline isSummary"></i>
-                  </el-tooltip>
-                </div>
-                <div
-                  class="botom handle"
-                  v-for="(val,indexs) in computedValue"
-                  @click.stop="handleFormCusClick(val,indexs)"
-                  :key="indexs"
-                >
-                  <template v-if="item.content">
-                    <el-form-item :required="item.content._attrs.required ? true : false">
-                      <component
-                        v-if="item.content.type =='ele-form-textarea'"
-                        :desc="item.content"
-                        :is="item.content.type"
-                        v-bind="getAttrs(item.content)"
-                        v-model="val[item.prop]"
-                        v-on="item.content.on"
-                        :autosize="{ minRows: 1, maxRows: 1}"
-                        :rows='1'
-                        :class="'eleFormTextarea'"
-                        :ref="item.prop+indexs"
-                      >
-
-                      </component>
-                      <component
-                        v-else-if="item.content.type !='ele-form-select' "
-                        :desc="item.content"
-                        :is="item.content.type"
-                        :options="setItemOption(item,index,indexs)"
-                        v-bind="getAttrs(item.content)"
-                        v-model="val[item.prop]"
-                        v-on="item.content.on"
-                        @click="setIndex(index)"
-                        :class="'indexs_' + indexs+'_' + item.prop"
-                        :ref="item.prop+indexs"
-                      >
-                      </component>
-                      <component
-                        v-else-if="item.content.type =='ele-form-select' && desc.types "
-                        :desc="item.content"
-                        :is="item.content.type"
-                        :options="setItemOption(item,index,indexs)"
-                        v-bind="getAttrs(item.content)"
-                        v-model="val[item.prop]"
-                        v-on="item.content.on"
-                        @click="setIndex(index)"
-                        :class="'indexs_' + indexs+'_' + item.prop"
-                        :ref="item.prop+indexs"
-                      >
-                      </component>
-                      <el-select
-                        v-model="val[item.prop]"
-                        :placeholder="'请选择'+item.content.label"
-                        @click="setIndex(index)"
-                        :multiple="item.content.attrs.multiple"
-                        :ref="item.prop+indexs"
-                        v-else-if="!desc.types"
-                      >
-                        <el-option
-                          v-for="item2 in item.content.options"
-                          :key="item2.value"
-                          :label="item2.text"
-                          :value="item2.value"
-                        >
-                        </el-option>
-                      </el-select>
-                    </el-form-item>
-                  </template>
-                  <template v-else-if="!item.content&&item._attrs">
-                    <el-form-item :required="item._attrs.required ? true : false">
-                      <component
-                        v-if="item.type =='ele-form-textarea'"
-                        :desc="item"
-                        :is="item.type"
-                        v-bind="getAttrs(item)"
-                        v-model="val[item.field]"
-                        v-on="item.on"
-                        :autosize="{ minRows: 1, maxRows: 1}"
-                        :rows='1'
-                        :class="'eleFormTextarea'"
-                        :ref="item.field+indexs"
-                      >
-
-                      </component>
-                      <component
-                        v-else-if="item.type !='ele-form-select' "
-                        :desc="item"
-                        :is="item.type"
-                        :options="setItemOption(item,index,indexs)"
-                        v-bind="getAttrs(item)"
-                        v-model="val[item.field]"
-                        v-on="item.on"
-                        @click="setIndex(index)"
-                        :class="'indexs_' + indexs+'_' + item.field"
-                        :ref="item.field+indexs"
-                      >
-                      </component>
-                      <!-- <component
-                        v-else-if="item.type =='ele-form-select' && desc.types "
-                        :desc="item"
-                        :is="item.type"
-                        :options="setItemOption(item,index,indexs)"
-                        v-bind="getAttrs(item)"
-                        v-model="val[item.prop]"
-                        v-on="item.on"
-                        @click="setIndex(index)"
-                        :class="'indexs_' + indexs+'_' + item.prop"
-                        :ref="item.prop+indexs"
-                      >
-                      </component> -->
-                      <el-select
-                        v-model="val[item.field]"
-                        :placeholder="'请选择'+item.label"
-                        @click="setIndex(index)"
-                        :multiple="item.attrs.multiple"
-                        :ref="item.field+indexs"
-                        v-else-if="item.type =='ele-form-select' && !desc.types"
-                      >
-                        <el-option
-                          v-for="item2 in item.options"
-                          :key="item2.value"
-                          :label="item2.text"
-                          :value="item2.value"
-                        >
-                        </el-option>
-                      </el-select>
-                    </el-form-item>
-                  </template>
-                  <template v-else>
-                    <span>{{setValue(item.prop,indexs)}}</span>
-                  </template>
-                </div>
-              </div>
-
-              <!-- 复制按钮 -->
-              <el-button
-                @click.stop="handleCopy(index)"
-                class="form-item-copy-btn"
-                icon="el-icon-document-copy"
-                size="mini"
-                style="border-radius: 0"
-                type="primary"
-                v-if="selSubIndex === index && edit && list[activeFormName][selectIndex].field == desc.field && !list[activeFormName][selectIndex].attrs.columns[selSubIndex].isFixed"
-              ></el-button>
-              <!-- 删除按钮 -->
-              <el-button
-                @click.stop="handleDelete(index)"
-                class="form-item-delete-btn"
-                icon="el-icon-delete"
-                size="mini"
-                style="border-radius: 0"
-                type="primary"
-                v-if="selSubIndex === index && edit && list[activeFormName][selectIndex].field == desc.field && !list[activeFormName][selectIndex].attrs.columns[selSubIndex].isFixed"
-              ></el-button>
-            </div>
-            <!-- TODO: 多选后如果有自定义选项 则渲染在选择项后方 -->
-            <template v-for="(item,indexs) in columnsValue">
-              <div
-                class="parts"
-                v-if="propertyList[indexs] && propertyList[indexs].length "
-                @click.stop="handleFormItemClick(item,j)"
-                :key="'pro'+indexs"
-              >
-                <div class="heard isSummary">
-                  规格属性
-                  <!-- {{pro.name ? pro.name : pro.name}} -->
-                </div>
-
-                <div
-                  v-for="(pro,j) in propertyList[indexs]"
-                  :key='j'
-                >
-                  <div
-                    class="botom handle"
-                    @click.stop="handleFormCusClick(item,indexs)"
-                    :key="indexs"
-                  >
-                    <component
-                      :desc="{label: pro.name,on: {'change': (val)=>{setProStr(item,pro,indexs,val)}}}"
-                      :is="pro.key == 0 ? 'ele-form-input' : 'ele-form-select'"
-                      :options="propertyList[indexs][j].data"
-                      v-model="item['pro-'+pro.propertyId]"
-                    >
-                    </component>
-                  </div>
-                </div>
-                <!-- <span
-                    style="padding-left: 4px; word-break: keep-all;"
-                    v-if="pro.unit"
-                  >{{pro.unit}}</span> -->
-
-              </div>
-            </template>
-            <div
-              v-if="!edit"
-              class="parts"
-            >
-              <div class="heard">操作</div>
-              <div
-                class="botom handle"
-                v-for="(item,index) in computedValue"
-                :key="index"
-              >
-                <el-button
-                  type="text"
-                  @click="deteleVal(index)"
-                >删除</el-button>
-              </div>
-            </div>
-          </draggable>
-
-          <el-table
-            v-if="tableChange"
-            class="cusTable"
-            max-height="500"
-            :data="computedValue"
-            border
-          >
-            <!-- <el-table
-            v-if="(flag=='dialog'&&desc.types == 'goods') || ($route.name=='formGeneration'&&desc.types == 'goods')"
-            class="cusTable"
-            max-height="500"
-            :data="computedValue"
-            border
-          > -->
-
-            <template slot="empty">
-              <base-empty-data />
-            </template>
-
-            <el-table-column
-              align="center"
-              v-for="(item, index) in columns1"
-              :key="index"
-              :prop="item.prop"
-              :width="item.type=='index'?50:   item.label!='规格属性'?'200%':'250%'"
-              :label="item.content?item.content.label:item.label"
-            >
-              <template slot-scope="scope">
-                <template v-if="item.type == 'conunt'">
-                  <div v-if="propertyList[scope.$index] && propertyList[scope.$index].length>0">
-                    <el-form-item
-                      v-for="(pro,j) in propertyList[scope.$index]"
-                      :label="pro.name"
-                      :key='j'
-                    >
-                      <component
-                        :desc="{label: pro.name,on: {'change': (val)=>{setProStr(item,pro,scope.$index,val)}}}"
-                        :is="pro.key == 0 ? 'ele-form-input' : 'ele-form-select'"
-                        :options="propertyList[scope.$index][j].data"
-                        v-model="scope.row['pro-'+pro.propertyId]"
-                      >
-                      </component>
-                    </el-form-item>
-                  </div>
-
-                  <div v-else>无</div>
-                </template>
-                <template v-else-if="item.content">
-                  <el-form-item>
-                    <component
-                      v-if="item.content.type =='ele-form-textarea'"
-                      :desc="item.content"
-                      :is="item.content.type"
-                      v-bind="getAttrs(item.content)"
-                      v-model="scope.row[item.prop]"
-                      v-on="item.content.on"
-                      :autosize="{ minRows: 1, maxRows: 1}"
-                      :rows='1'
-                      :class="'eleFormTextarea'"
-                      :ref="item.prop+scope.$index"
-                    >
-
-                    </component>
-                    <component
-                      v-else-if="item.content.type !='ele-form-select' "
-                      :desc="item.content"
-                      :is="item.content.type"
-                      :options="setItemOption(item,index,scope.$index)"
-                      v-bind="getAttrs(item.content)"
-                      v-model="scope.row[item.prop]"
-                      v-on="item.content.on"
-                      @click="setIndex(index)"
-                      :class="'indexs_' + scope.$index+'_' + item.prop"
-                      :ref="item.prop+scope.$index"
-                    >
-                    </component>
-                    <component
-                      v-else-if="item.content.type =='ele-form-select' && desc.types "
-                      :desc="item.content"
-                      :is="item.content.type"
-                      :options="setItemOption(item,index,scope.$index)"
-                      v-bind="getAttrs(item.content)"
-                      v-model="scope.row[item.prop]"
-                      v-on="item.content.on"
-                      @click="setIndex(index)"
-                      :class="'indexs_' + scope.$index+'_' + item.prop"
-                      :ref="item.prop+scope.$index"
-                    >
-                    </component>
-                    <el-select
-                      v-model="scope.row[item.prop]"
-                      :placeholder="'请选择'+item.content.label"
-                      @click="setIndex(index)"
-                      :multiple="item.content.attrs.multiple"
-                      :ref="item.prop+scope.$index"
-                      v-else-if="!desc.types"
-                    >
-                      <el-option
-                        v-for="item2 in item.content.options"
-                        :key="item2.value"
-                        :label="item2.text"
-                        :value="item2.value"
-                      >
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
-                </template>
-                <template v-else-if="!item.content&&item._attrs">
-                  <el-form-item>
-                    <component
-                      v-if="item.type =='ele-form-textarea'"
-                      :desc="item"
-                      :is="item.type"
-                      v-model="val[item.field]"
-                      v-on="item.on"
-                      v-bind="getAttrs(item.content)"
-                      :autosize="{ minRows: 1, maxRows: 1}"
-                      :rows='1'
-                      :class="'eleFormTextarea'"
-                      :ref="item.field+indexs"
-                    >
-
-                    </component>
-                    <component
-                      v-else-if="item.type !='ele-form-select' "
-                      :desc="item"
-                      :is="item.type"
-                      :options="setItemOption(item,index,scope.$index)"
-                      v-model="val[item.field]"
-                      v-bind="getAttrs(item.content)"
-                      v-on="item.on"
-                      @click="setIndex(index)"
-                      :class="'indexs_' + scope.$index+'_' + item.field"
-                      :ref="item.field+scope.$index"
-                    >
-                    </component>
-                    <!-- <component
-                      v-else-if="item.type =='ele-form-select' && desc.types "
-                      :desc="item"
-                      :is="item.type"
-                      v-bind="getAttrs(item)"
-                      v-model="val[item.prop]"
-                      v-on="item.on"
-                      @click="setIndex(index)"
-                      :class="'indexs_' + scope.$index+'_' + item.prop"
-                      :ref="item.prop+scope.$index"
-                    >
-                    </component> -->
-                    <el-select
-                      v-model="val[item.field]"
-                      :placeholder="'请选择'+item.label"
-                      @click="setIndex(index)"
-                      :multiple="item.attrs.multiple"
-                      :ref="item.field+scope.$index"
-                      v-else-if="item.type =='ele-form-select'&&!desc.types"
-                    >
-                      <el-option
-                        v-for="item2 in item.options"
-                        :key="item2.value"
-                        :label="item2.text"
-                        :value="item2.value"
-                      >
-                      </el-option>
-                    </el-select>
-                  </el-form-item>
-                </template>
-                <template v-else>
-                  <span>{{setValue(item.prop,scope.$index)}}</span>
-                </template>
-              </template>
-
-            </el-table-column>
-            <el-table-column
-              v-if="computedValue.length>1"
-              header-align="center"
-              align="center"
-              prop="prop"
-              label="操作"
-            >
-              <template slot-scope="scope">
-                <el-button
-                  type="text"
-                  @click="deteleVal(scope.$index)"
-                >删除</el-button>
-              </template>
-
-            </el-table-column>
-
-          </el-table>
-
-          <!-- <div
-          class="msg nodraggable"
-          v-if="edit"
-        >从左侧拖拽来添加字段</div> -->
-        </div>
-      </el-tooltip>
-    </div>
-  </div>
-</template>
-
-<script>
-import request from "@/http";
-import * as _ from "lodash";
-import OptionSlot from "./optionSolt";
-import postman from "../components/postman";
-import handleCode from "../components/handleCode";
-import linkForm from "../components/linkForm";
-// import draggable from "vuedraggable";
-import { mapGetters, mapMutations, mapState } from "vuex";
-import {
-  getGooodsType,
-  getGooodsBrand,
-  getMachineryList,
-  getMachineryType,
-  getEquipmentList,
-  getUnitListData,
-  getGooodsProperty,
-  concreteStrongAll,
-  concreteAdmixtureAll,
-  getMechanicsAttr,
-  getEquipProp,
-  modelSelect,
-  brandSelect,
-  getSeriesSelect,
-  getSeatSelect,
-  gearboxSelect,
-  gethouseType,
-  getTeamCategory,
-  getTeamEngineeringMajor,
-  getTeamLocation
-} from "@/formBuilder/apiBusiness.js";
-import {
-  carSeating,
-  driveModel,
-  carYear
-} from "@/formBuilder/component/components/data.js";
-const draggable = () => ({
-  // 需要加载的组件 (应该是一个 `Promise` 对象)
-  component: import("vuedraggable"),
-  // 异步组件加载时使用的组件
-  loading: "",
-  // 加载失败时使用的组件
-  error: "",
-  // 展示加载时组件的延时时间。默认值是 200 (毫秒)
-  delay: 200,
-  // 如果提供了超时时间且组件加载也超时了，
-  // 则使用加载失败时使用的组件。默认值是：`Infinity`
-  timeout: 3000
-});
-export default {
-  name: "CustomTable",
-  extends: {},
-  components: {
-    OptionSlot,
-    draggable,
-    postman,
-    handleCode,
-    linkForm
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    flag: {
-      type: String,
-      default: ""
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    desc: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    edit: {
-      type: Boolean,
-      default: () => false
-    }
-  },
-  data() {
-    return {
-      tableCustomArr: [],
-      optionTypes: {
-        "ele-form-select": {
-          type: "el-option",
-          text: "label",
-          value: "value"
-        },
-        "ele-form-checkbox": {
-          type: "el-checkbox",
-          text: "content",
-          value: "label"
-        },
-        "ele-form-radio": {
-          type: "el-radio",
-          text: "content",
-          value: "label"
-        }
-      },
-      goodsOption: [],
-      Mechanics: [],
-      equipment: [],
-      team: [],
-      EngineeringMajorOption: [],
-      addressOption: [],
-      bidding: [],
-      biddingType: [
-        { text: "商品/材料", value: "3" },
-        { text: "工程分包", value: "4" },
-        { text: "机械设备租赁", value: "1" },
-        { text: "劳务", value: "2" }
-      ],
-      // 自定义属性
-      muster: {
-        brand: []
-      },
-      unitList: [],
-      propertyList: [],
-      strength: [],
-      admixture: [],
-      // 车辆信息
-      carModel: [],
-      carBrand: [],
-      carGearbox: [],
-      carSeries: [],
-      carSeating: carSeating,
-      driveModel: driveModel,
-      carYear: carYear(),
-      houseType: [],
-      houseType2: [],
-      category: []
-      //   columnsValue: _.cloneDeep(this.columns)
-      //   columns1: _.cloneDeep(this.columns)
-    };
-  },
-  computed: {
-    ...mapState(["selSubIndex", "activeFormName", "list", "selectIndex"]),
-    ...mapGetters(["currentFormItem"]),
-    computedValue: function() {
-      if (this.value.length > 0) {
-        return this.value;
-      } else {
-        const type = [
-          "checkbox",
-          "datetimerange",
-          "cascader",
-          "postman",
-          "handleCode"
-        ];
-        const arr = {};
-        const arr1 = _.cloneDeep(this.columns1);
-        arr1.forEach(item => {
-          if (item.type != "index") {
-            if (item.prop && item.prop != "key_conunt") {
-              const typeStr = item.content.type.replace("ele-form-", "");
-              arr[item.prop] = type.indexOf(typeStr) > -1 ? [] : "";
-            }
-          }
-        });
-        return [arr];
-      }
-    },
-    tableChange: function() {
-      if (this.desc.types == "goods" && this.$route.name == "formGeneration") {
-        return true;
-      } else if (this.desc.types == "goods" && this.flag == "dialog") {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    columns1: {
-      set: function(newV) {},
-      get: function() {
-        const res = _.cloneDeep(this.columns);
-        res.forEach((e, i) => {
-          if (e.type != "index" && e.content) {
-            e.content._attrs = e.content.attrs;
-          } else if (e.attrs) {
-            e._attrs = e.attrs;
-          }
-        });
-        if (
-          (this.flag == "dialog" && this.desc.types == "goods") ||
-          (this.$route.name == "formGeneration" && this.desc.types == "goods")
-        ) {
-          res.splice(2, 0, {
-            label: "规格属性",
-            prop: "key_conunt",
-            type: "conunt",
-            width: "200%"
-          });
-        }
-        return res;
-      }
-    },
-    columnsValue() {
-      return _.cloneDeep(this.columns);
-    }
-  },
-  methods: {
-    ...mapMutations([
-      "updateSelSubIndex",
-      "updateSelectIndex",
-      "updateList",
-      "updateCusIndex"
-    ]),
-    handleFormCusClick(v, i) {
-      //   this.$store.state.curCusTableIndex = i
-      this.updateCusIndex(i);
-    },
-    setProStr(val, pro, j, valNum) {
-      if (!val) return;
-      const name =
-        pro.key == 1 && pro.data.length > 0
-          ? pro.data.filter(item => item.value == valNum)[0].text
-          : val;
-      this.value[j]["pro-" + pro.propertyId + "-Str"] = {
-        value: name,
-        property: pro.name,
-        unit: pro.unit
-      };
-      this.$emit("input", this.value);
-    },
-    setIndex(index) {
-      this.$store.state.curCusTableIndex = index - 1;
-    },
-    setValue(prop, index) {
-      if (prop) {
-        const val = this.value.filter(item => item[prop]);
-        return val[0][prop];
-      } else {
-        return index + 1;
-      }
-    },
-    getAttrs(item) {
-      return Object.assign({}, item.attrs);
-    },
-    // option设置
-    setItemOption(item, index, indexs) {
-      const arr = [];
-      const vm = this;
-
-      if (!item.content.options) return [];
-      if (item.content.field == "leaseType") {
-        item.content["on"] = {
-          change: newVal => {
-            vm.leaseTypeChange(newVal, item, indexs);
-          }
-        };
-      }
-
-      if (
-        item.content.field == "carSeries" ||
-        item.content.field == "carSeating"
-      ) {
-        item.content["on"] = {
-          change: newVal => {
-            vm.handleCustomChangeOption(newVal, item, indexs);
-          }
-        };
-        return vm[item.content.options][indexs];
-      }
-      if (
-        item.content.field == "unit" ||
-        item.content.field == "carGearbox" ||
-        item.content.field == "carSeating" ||
-        item.content.field == "driveModel" ||
-        item.content.field == "carYear"
-      ) {
-        item.content["on"] = {
-          change: newVal => {
-            vm.handleCustomChangeOption(newVal, item, indexs);
-          }
-        };
-        return vm[item.content.options];
-      }
-
-      if (item.content.options && typeof item.content.options != "string") {
-        return item.content.options;
-      } else {
-        if (item.content.types) {
-          //   vm.$nextTick(function() {
-          item.content["on"] = {
-            change: async newVal => {
-              await vm.handleChange(newVal, item, indexs);
-            }
-          };
-          item["on"] = {
-            change: async newVal => {
-              await vm.handleChange(newVal, item, indexs);
-            }
-          };
-          //   });
-          return vm[item.content.options];
-        } else if (!item.content.types) {
-          item.content["on"] = {
-            change: newVal => {
-              vm.handleChangeOption(newVal, item, indexs);
-            }
-          };
-          const key = item.content.options;
-          !this.muster[key] && this.$set(this.muster, key, []);
-          !this.muster[key][indexs] && this.$set(this.muster[key], indexs, []);
-          return this.muster[key][indexs];
-        }
-      }
-    },
-    // 加载车辆选择框信息
-    async initCarInfo() {
-      const vm = this;
-      if (this.carModel.length == 0) {
-        const res = await modelSelect();
-        this.carModel =
-          res.data.code == 200
-            ? res.data.data.map((item, index) => ({
-              text: item.name,
-              value: item.key
-            }))
-            : [];
-      }
-      if (this.carBrand.length == 0) {
-        const res = await brandSelect();
-        this.carBrand =
-          res.data.code == 200
-            ? res.data.data.map((item, index) => ({
-              text: item.name,
-              value: item.key
-            }))
-            : [];
-      }
-      if (vm.carGearbox.length == 0) {
-        const res = await gearboxSelect();
-        vm.carGearbox =
-          res.data.code == 200
-            ? res.data.data.map((item, index) => ({
-              text: item.value.toString(),
-              value: item.key.toString()
-            }))
-            : [];
-      }
-    },
-    leaseTypeChange(newVal, item, indexs) {
-      if (newVal == 1) {
-        this.getMachineryList();
-      } else if (newVal == 2) {
-        this.getEquipmentList();
-      } else if (newVal == 3) {
-        this.initCarInfo();
-      } else if (newVal == 4) {
-        this.getHouse();
-      }
-      Object.keys(this.value[indexs]).forEach(k => {
-        if (k.indexOf("pro-") > -1) {
-          delete this.value[indexs][k];
-        } else if (k != "leaseType") {
-          const type = Array.isArray(this.value[indexs][k]);
-          this.value[indexs][k] = type ? [] : "";
-        }
-      });
-      this.$emit("input", this.value);
-    },
-    // 父级元素数据发生变化
-    async handleChange(val, item, indexs) {
-      if (item.content.types == "goods") {
-        const str = this.goodsOption.filter(k => val[0] && k.id == val[0]);
-        if (str[0] && str[0].name == "商砼") {
-          this.getConcrete(val, item, indexs);
-        } else {
-          this.getGooodsBrand(val, item, indexs);
-          this.getGooodsProperty(val, item, indexs);
-        }
-      } else if (item.content.types == "Mechanics") {
-        this.getMachineryType(val, item, indexs);
-      } else if (item.content.types == "equipment") {
-        this.getEquipmentType(val, item, indexs);
-      } else if (item.content.types == "team") {
-        this.setTeamStr(val, item, indexs);
-      } else if (item.content.types == "bidding") {
-        this.setBiddingStr(val, item, indexs);
-      } else if (item.content.types == "houses") {
-        this.setHouseStr(val, item, indexs);
-        this.getHouseType2(val, item, indexs);
-      } else if (item.content.types == "carBrand") {
-        this.setcarBrandStr(val, item, indexs);
-        this.getSeriesSelect(val, item, indexs);
-      } else if (item.content.types == "cars") {
-        this.setcarsStr(val, item, indexs);
-        this.getSeatSelect(val, item, indexs);
-      }
-    },
-    setcarBrandStr(val, item, indexs) {
-      const name = this.carBrand.filter(i => i.value == val);
-      this.value[indexs][item.content.field + "Str"] = name[0]
-        ? name[0].text
-        : "";
-      this.value[indexs]["carSeries" + "Str"] = "";
-      this.value[indexs]["carSeries"] = "";
-      this.$emit("input", this.value);
-    },
-    setcarsStr(val, item, indexs) {
-      const name = this.carModel.filter(i => i.value == val);
-      this.value[indexs][item.content.field + "Str"] = name[0]
-        ? name[0].text
-        : "";
-      this.value[indexs]["carSeating" + "Str"] = "";
-      this.value[indexs]["carSeating"] = "";
-      this.$emit("input", this.value);
-    },
-    setHouseStr(val, item, indexs) {
-      const name = this.houseType.filter(i => i.value == val);
-      this.value[indexs][item.content.field + "Str"] = name[0]
-        ? name[0].text
-        : "";
-      // 清空子集
-      if (item.content.link) {
-        this.value[indexs][item.content.link + "Str"] = "";
-        this.value[indexs][item.content.link] = "";
-      }
-      this.$emit("input", this.value);
-    },
-    // 扁平化树形数据
-    flatTreeData(tree) {
-      const res = [];
-      function toflat(tree) {
-        tree.forEach(el => {
-          res.push(el);
-          el.children && el.children.length > 0 ? toflat(el.children) : "";
-        });
-      }
-      toflat(tree);
-      return res;
-    },
-    setTeamStr(val, item, indexs) {
-      if (item.content.field == "EngineeringMajor") {
-        const name = this.EngineeringMajorOption.filter(i => i.value == val);
-        this.value[indexs][item.content.field + "Str"] = name[0]
-          ? name[0].text
-          : "";
-        this.$emit("input", this.value);
-      }
-      if (item.content.field == "address") {
-        const arr = this.flatTreeData(this.addressOption);
-        let title = "";
-        arr.map(item => {
-          val.map(one => {
-            if (item.no == one) {
-              title += item.name + "/";
-            }
-          });
-        });
-        title = title.substring(0, title.length - 1);
-        this.value[indexs][item.content.field + "Str"] = title || "";
-        this.$emit("input", this.value);
-      }
-    },
-    setBiddingStr(val, item, indexs) {
-      const name = this.biddingType.filter(i => i.value == val);
-      this.value[indexs][item.content.field + "Str"] = name[0]
-        ? name[0].text
-        : "";
-      this.$emit("input", this.value);
-    },
-    // 子级元素发生变化
-    handleChangeOption(newVal, item, indexs) {
-      console.log(newVal, item, indexs);
-      const name = this.muster[item.content.options][indexs].filter(
-        i => i.value == newVal
-      );
-      const nameStr = name[0].text;
-      const key = item.content.field + "Str";
-      this.value[indexs][key] = nameStr;
-      this.$emit("input", this.value);
-    },
-    handleCustomChangeOption(newVal, item, indexs) {
-      let name = "";
-      const vm = this;
-      if (item.content.field == "unit") {
-        name = vm.unitList.filter(i => i.value == newVal);
-      } else if (item.content.field == "carSeries") {
-        name = vm.carSeries[indexs].filter(i => i.value == newVal);
-      } else if (item.content.field == "carGearbox") {
-        name = vm.carGearbox.filter(i => i.value == newVal);
-      } else if (item.content.field == "carSeating") {
-        name = vm.carSeating[indexs].filter(i => i.value == newVal);
-      } else if (item.content.field == "driveModel") {
-        name = vm.driveModel.filter(i => i.value == newVal);
-      } else if (item.content.field == "carYear") {
-        name = vm.carYear.filter(i => i.value == newVal);
-      }
-
-      const nameStr = name[0].text || name[0].label;
-      const key = item.content.field + "Str";
-      vm.value[indexs][key] = nameStr;
-      vm.$emit("input", vm.value);
-    },
-
-    // 点击选中
-    handleFormItemClick(item, index) {
-      if (!this.edit) return;
-      if (item.type != "index") {
-        this.list[this.activeFormName].forEach((i, v) => {
-          if (i.field == this.desc.field) {
-            this.updateSelectIndex(v);
-          }
-        });
-        this.updateSelSubIndex(index);
-      }
-    },
-    // 复制
-    handleCopy(index) {
-      const obj = _.cloneDeep(this.columns1[index]);
-      obj.field = `key_${Date.now()}`;
-      this.columns1.splice(index + 1, 0, obj);
-      this.setListColumns(this.columns1);
-      this.updateSelSubIndex(index + 1);
-    },
-    // 删除
-    handleDelete(index) {
-      this.columns1.splice(index, 1);
-      this.setListColumns(this.columns1);
-      // 如果删除的最后一个, 则重新选择最后一个
-      if (index >= this.columns1.length) {
-        this.updateSelSubIndex(this.columns1.length - 1);
-      } else if (index - 1 < 1 && this.columns1 > 1) {
-        this.updateSelSubIndex(1);
-      } else {
-        this.updateSelSubIndex(null);
-      }
-    },
-    // 新增
-    handleAdd(res) {
-      const vm = this;
-      const type = [
-        "linkForm",
-        "ele-form-select",
-        "checkbox",
-        "datetimerange",
-        "cascader",
-        "postman",
-        "handleCode"
-      ];
-      if (
-        this.columns1[res.newIndex].type.indexOf("custom-table") > -1 ||
-        this.columns1[res.newIndex].type.indexOf("columns") > -1 ||
-        this.columns1[res.newIndex].type.indexOf("quill-editor") > -1 ||
-        this.columns1[res.newIndex].type.indexOf("linkForm") > -1
-      ) {
-        this.$message.error("不支持添加此类型控件，请添加其他类型控件");
-        this.columns1.splice(res.newIndex, 1);
-        return;
-      }
-      const obj = this.columns1[res.newIndex];
-      let content = {};
-      // 如果是单选框 多选框 进入表格 则添加下拉框
-      if (obj.type && (obj.type === "radio" || obj.type === "checkbox")) {
-        if (obj.type === "checkbox") {
-          obj.attrs["multiple"] = true;
-        }
-        obj.type = "ele-form-select";
-        content = obj;
-        vm.columns[res.newIndex] = {
-          prop: obj.field,
-          label: obj.label,
-          isFlex: true,
-          content: content
-        };
-      }
-
-      vm.columns1.map((e, i) => {
-        if (e.field) {
-          e.type = type.indexOf(e.type) > -1 ? e.type : "ele-form-" + e.type;
-          vm.columns1[i] = {
-            prop: e.field,
-            label: e.label,
-            isFlex: true,
-            content: e
-          };
-        }
-        if (e.type === "ele-form-radio" || e.type === "ele-form-checkbox") {
-          if (e.type === "ele-form-checkbox") {
-            e.attrs["multiple"] = true;
-          }
-          e.type = "ele-form-select";
-        }
-      });
-      this.setListColumns(this.columns1);
-      this.list[this.activeFormName].forEach((i, v) => {
-        if (i.field == this.desc.field) {
-          this.updateSelectIndex(v);
-        }
-      });
-      this.updateSelSubIndex(res.newIndex);
-    },
-    // 移动开始
-    handleMoveStart(res) {
-      this.updateSelSubIndex(res.oldIndex);
-    },
-    // 移动结束
-    handleMoveEnd(res) {
-      this.setListColumns(this.columns1);
-      this.updateSelSubIndex(res.newIndex);
-    },
-    setListColumns(columns) {
-      const list = _.cloneDeep(this.list);
-      list[this.activeFormName].forEach(item => {
-        if (item.field == this.desc.field) {
-          item.attrs.columns = columns;
-        }
-      });
-      this.updateList({
-        name: this.activeFormName,
-        newList: list[this.activeFormName]
-      });
-    },
-    addValue() {
-      const type = [
-        "checkbox",
-        "datetimerange",
-        "cascader",
-        "postman",
-        "handleCode"
-      ];
-      const obj = {};
-      this.columns1.forEach(item => {
-        if (item.prop && item.prop != "key_conunt") {
-          const typeStr = item.content.type.replace("ele-form-", "");
-          obj[item.prop] = type.indexOf(typeStr) > -1 ? [] : "";
-        }
-      });
-      this.value.push(obj);
-      this.$emit("input", this.value);
-    },
-    deteleVal(index) {
-      this.value.splice(index, 1);
-      const type = {
-        goods: "brand",
-        Mechanics: "classify",
-        equipment: "equipClassify",
-        houses: "houseType2"
-      };
-      const key = type[this.desc.types];
-      this.muster[key].splice(index, 1);
-      this.$emit("input", this.value);
-    },
-    // 获取团队主营业务
-    async getTeamBusiness() {
-      const res = await getTeamCategory();
-      this.category = res.data && res.data.code == 200 ? res.data.data : [];
-    },
-    // 获取工队工程专业
-    async getTeamEngineeringMajor() {
-      const res = await getTeamEngineeringMajor();
-      if (res.data.code == 200) {
-        res.data.data.map(item => {
-          item["text"] = item.name;
-          item["value"] = item.no;
-        });
-        this.EngineeringMajorOption = res.data.data;
-      }
-    },
-    // 获取工队所在地区
-    async getTeamLocation() {
-      const res = await getTeamLocation();
-      this.addressOption =
-        res.data && res.data.code == 200 ? res.data.data.data : [];
-      console.log("res: ", res.data.data.data);
-    },
-    // 获取机械自定义属性
-    async getClassifyPro(newVal, item, indexs) {
-      Object.keys(this.value[indexs]).forEach(k => {
-        if (k.indexOf("pro-") > -1) {
-          delete this.value[indexs][k];
-        }
-      });
-      const params = {
-        categoryNo:
-          item.prop == "classify"
-            ? this.value[indexs].Mechanics
-            : this.value[indexs].equipment,
-        typeNo: newVal
-      };
-      const res =
-        item.prop == "classify"
-          ? await getMechanicsAttr(params)
-          : await getEquipProp(params);
-      if (res.data.code == 200) {
-        let propertyList = [];
-        if (item.prop == "classify") {
-          propertyList = res.data.data.map((item, index) => {
-            item.data = item.valList.map(i => ({
-              text: i.startVal,
-              value: i.startVal
-            }));
-            item.propertyId = index;
-            return item;
-          });
-        } else {
-          res.data.data.forEach((item, index) => {
-            item.data = item.valList.map(i => ({ text: i.val, value: i.val }));
-            item.propertyId = index;
-            propertyList.push({
-              name: item.name,
-              propertyId: index,
-              data: item.data,
-              unit: item.unit,
-              key: item.attrKey
-            });
-          });
-        }
-        this.$set(this.propertyList, indexs, propertyList);
-      }
-    },
-    // 房产分类
-    async getHouse() {
-      if (this.houseType.length == 0) {
-        const res = await gethouseType({ type: 0 });
-        if (res.data.code == 200) {
-          res.data.data.map(item => {
-            item["text"] = item.categoryName;
-            item["value"] = item.id;
-          });
-          this.houseType = res.data.data;
-        }
-      }
-    },
-    getHouseType2(val, item, indexs) {
-      const key = item.content.link || item.content.options;
-      var Arr = this.houseType.filter(item => item.id == val);
-      if (Arr.length != 0) {
-        this.houseType2 = Arr[0].children.map(item => ({
-          text: item.categoryName,
-          value: item.id
-        }));
-      }
-      this.$set(this.muster[key], indexs, this.houseType2);
-    },
-    async getSeriesSelect(a, b, c) {
-      const vm = this;
-      console.log(a, b, c, vm.value[c].carBrand);
-
-      const res = await getSeriesSelect({
-        brandNo: a
-      });
-
-      if (res.data.code == 200) {
-        const res1 = res.data.data.map((e, i) => {
-          return {
-            text: e.name,
-            value: e.id
-          };
-        });
-        // vm.carSeries.push(res1);
-        this.$set(vm.carSeries, c, res1);
-      }
-    },
-    async getSeatSelect(a, b, c) {
-      const vm = this;
-
-      const res = await getSeatSelect({
-        modelNo: vm.value[c].carModel
-      });
-      if (res.data.code == 200) {
-        var res1 = res.data.data.map((e, i) => {
-          return {
-            text: e.name,
-            value: e.key
-          };
-        });
-      }
-      this.$set(vm.carSeating, c, res1);
-    },
-    // 商品分类
-    async getGooodsType() {
-      const res = await getGooodsType({ type: "purchase" });
-      if (res.status == 200) {
-        this.goodsOption = this.formatChildData(res.data.data);
-      }
-    },
-    // 商品品牌
-    async getGooodsBrand(val, item, indexs, flg) {
-      let value = [];
-      const vm = this;
-      const key = item.content.link;
-      if (!flg) {
-        vm.value[indexs].brand = "";
-        vm.value[indexs].brandStr = "";
-        setTimeout(() => {
-          const text =
-            vm.$refs[item.content.field + indexs][0].$refs.cascader
-              ?.presentText ||
-            vm.$refs[item.content.field + indexs][0].$refs.input.$props.value;
-          vm.value[indexs][item.content.field + "Str"] = text || "";
-          vm.$emit("input", vm.value);
-        }, 100);
-      }
-
-      const data = val[val.length - 1];
-      if (!data) return;
-      const res = await getGooodsBrand(data, indexs);
-      if (res.data.code == 0) {
-        value = res.data.data.reduce(
-          (total, currentValue) => total.concat(currentValue.options),
-          []
-        );
-        value = value.map(i => ({ text: i.brandName, value: i.id }));
-      }
-      vm.$set(vm.muster[key], indexs, value);
-    },
-    // 商品属性
-    async getGooodsProperty(val, item, indexs, flg) {
-      const vm = this;
-      const id = val[val.length - 1];
-      if (!id) return;
-      if (!flg) {
-        Object.keys(this.value[indexs]).forEach(k => {
-          if (k.indexOf("pro-") > -1) {
-            delete this.value[indexs][k];
-          }
-        });
-        this.$emit("input", this.value);
-      }
-      const res = await getGooodsProperty(id, indexs);
-      if (res.data.code == 0) {
-        const list = res.data.data;
-        const propertyList = []; // 商品属性列表
-        for (let i = 0; i < list.length; i++) {
-          if (list[i].itemparamname === "仓储") {
-            continue;
-          }
-          let flag = true;
-          for (let j = 0; j < propertyList.length; j++) {
-            // 去重 合并属性名相同的项
-            if (propertyList[j].name === list[i].itemparamname) {
-              propertyList[j].data.push({
-                text: list[i].valdata,
-                value: list[i].id
-              });
-              flag = false;
-              break;
-            }
-          }
-          if (flag) {
-            // 非重复 添加商品属性和id
-            const obj = {
-              name: list[i].itemparamname,
-              data: [],
-              key: 1
-            };
-            obj.data.push({ text: list[i].valdata, value: list[i].id });
-            obj.propertyId = list[i].itemparamid;
-            propertyList.push(obj);
-          }
-        }
-        vm.$set(vm.propertyList, indexs, propertyList);
-      } else {
-        vm.$set(vm.propertyList, indexs, []);
-      }
-    },
-    // 商砼属性
-    async getConcrete(val, item, indexs, flg) {
-      const vm = this;
-      setTimeout(() => {
-        const text = vm.$refs[item.content.field + indexs][0].$refs.input.value;
-        vm.value[indexs][item.content.field + "Str"] = text || "";
-        vm.$emit("input", vm.value);
-      }, 100);
-      if (vm.strength.length == 0) {
-        const business = await concreteStrongAll();
-        vm.strength = business.data.result.map
-          ? business.data.result.map(i => ({
-            text: i.strongLevel,
-            value: i.sort
-          }))
-          : [];
-      }
-      if (vm.admixture.length == 0) {
-        const res = await concreteAdmixtureAll();
-        vm.admixture = vm.formatData(res.data.result);
-      }
-      if (!flg) {
-        Object.keys(vm.value[indexs]).forEach(k => {
-          if (k.indexOf("pro-") > -1) {
-            delete vm.value[indexs][k];
-          }
-        });
-        vm.$emit("input", vm.value);
-      }
-      const propertyList = [];
-      propertyList.push({
-        name: "强度等级",
-        data: vm.strength,
-        propertyId: "1",
-        key: 1
-      });
-      propertyList.push({
-        name: "外加剂",
-        data: vm.admixture,
-        propertyId: "2",
-        key: 1
-      });
-      vm.$set(vm.propertyList, indexs, propertyList);
-    },
-    // 机械分类
-    async getMachineryList() {
-      const res = await getMachineryList();
-      if (res.data.code == 200) {
-        this.Mechanics = res.data.data.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-    },
-    // 机械类型
-    async getMachineryType(val, item, indexs, flg) {
-      let value = [];
-      const key = item.content.link;
-      if (!flg) {
-        const name = this.Mechanics.filter(i => i.value == val);
-        this.value[indexs][item.content.field + "Str"] = name[0]
-          ? name[0].text
-          : "";
-        this.value[indexs].classify = "";
-        this.value[indexs].classifyStr = "";
-        this.$emit("input", this.value);
-      }
-      const res = await getMachineryType({ categoryNo: val }, indexs);
-      if (res.data.code == 200) {
-        value = res.data.data.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-      this.$set(this.muster[key], indexs, value);
-    },
-    async getTeamSize() {
-      const res = await getTeamSize();
-      if (res.data.code == 200) {
-        this.team = res.data.data.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-    },
-    async getBiddingProject() {
-      const data = this.$store.state.user.no;
-      const res = await getBiddingProject(data);
-      if (res.data.code == 0) {
-        this.bidding = res.data.result.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-    },
-    formatChildData(data) {
-      data.forEach((item, index) => {
-        if (item.children && item.children.length > 0) {
-          return this.formatChildData(item.children);
-        } else {
-          delete item.children;
-        }
-      });
-      return data;
-    },
-
-    // 设备分类
-    async getEquipmentList(val, item, indexs) {
-      const res = await getEquipmentList({});
-      if (res.data.code == 200) {
-        this.equipment = res.data.data.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-    },
-    // 设备类型
-    async getEquipmentType(val, item, indexs, flg) {
-      let value = [];
-      const key = item.content.link;
-      if (!flg) {
-        const name = this.equipment.filter(i => i.value == val);
-        this.value[indexs][item.content.field + "Str"] = name[0]
-          ? name[0].text
-          : "";
-        this.value[indexs].equipClassify = "";
-        this.value[indexs].equipClassifyStr = "";
-        this.$emit("input", this.value);
-      }
-      const res = await getEquipmentList({ categoryNo: val }, indexs);
-      if (res.data.code == 200) {
-        value = res.data.data.map(item => ({
-          text: item.name,
-          value: item.no
-        }));
-      }
-      this.$set(this.muster[key], indexs, value);
-    },
-    // 获取单位
-    async getUnitList() {
-      const res = await getUnitListData();
-      if (res.data.code == 0) {
-        res.data.data = res.data.data.map(item => ({
-          text: item.name,
-          value: item.id
-        }));
-        this.unitList = res.data.data;
-      }
-    },
-
-    init() {
-      if (this.desc.types == "goods") {
-        this.getGooodsType();
-        this.getUnitList();
-      } else if (this.desc.types == "Mechanics") {
-        this.getMachineryList();
-      } else if (this.desc.types == "team") {
-        this.getTeamEngineeringMajor();
-        this.getTeamLocation();
-      } else if (this.desc.types == "bidding") {
-        this.getBiddingProject();
-      } else if (this.desc.types == "equipment") {
-        this.getEquipmentList();
-      } else if (this.desc.types == "houses") {
-        this.getHouse();
-      } else if (this.desc.types == "cars") {
-        this.initCarInfo();
-      }
-    }
-  },
-  created() {
-    const vm = this;
-    !vm.edit && vm.init();
-
-    setTimeout(() => {
-      if (vm.value.length == 0) {
-        vm.addValue();
-      } else {
-        vm.value.forEach((item, index) => {
-          if (vm.desc.types == "goods") {
-            const content = vm.columns.filter(item => item.prop == "goodType");
-            const content2 = vm.columns.filter(item => item.prop == "goodType");
-            content.length > 0 &&
-              vm.getGooodsBrand(item.goodType, content[0], index, true);
-            vm.propertyList.length >= 0 &&
-              item.goodType.length > 0 &&
-              vm.getGooodsProperty(item.goodType, content[0], index, true);
-          } else if (vm.desc.types == "Mechanics") {
-            const content = vm.columns.filter(item => item.prop == "Mechanics");
-            content.length > 0 &&
-              vm.getMachineryType(item.Mechanics, content[0], index, true);
-          } else if (vm.desc.types == "equipment") {
-            const content = vm.columns.filter(item => item.prop == "equipment");
-            content.length > 0 &&
-              vm.getEquipmentType(item.equipment, content[0], index, true);
-          } else if (vm.desc.types == "houses") {
-            const content = vm.columns.filter(
-              item => item.prop == "houseType2"
-            );
-            content.length > 0 &&
-              vm.getHouseType2(item.houseType, content[0], index);
-          } else if (vm.desc.types == "cars") {
-            item.carBrand.length > 0 &&
-              vm.getSeriesSelect(item.carBrand, null, index);
-            item.carSeating.length > 0 &&
-              vm.getSeatSelect(item.carBrand, null, index);
-          }
-        });
-      }
-    }, 1000);
-  },
-  mounted() {},
-  watch: {
-    value: {
-      handler(nv, ov) {
-        const vm = this;
-        if (vm.desc.types == "goods") {
-          nv.map((e, i) => {
-            // return {
-            //   Price: e.Price,
-            //   amount: e.amount,
-            //   brand: e.brand,
-            //   goodType: e.goodType,
-            //   total: e.Price * e.amount,
-            //   unit: e.unit,
-            //   unitStr: e.unitStr
-            // }
-            if (!vm.edit && e.Price * e.amount != 0) {
-              vm.$set(vm.value[i], "total", e.Price * e.amount);
-            }
-            vm.$set(vm.value[i], "scck", "市场参考：");
-          });
-        }
-      },
-      deep: true
-    },
-    propertyList: {
-      handler(nv, ov) {
-        const _this = this;
-
-        _.find(_this.computedValue, function(o, i) {
-          const obj = {};
-          for (const key in o) {
-            // if (o.hasOwnProperty.call(o, key)) {
-
-            if (_this.propertyList.length > 0 && _this.flag == "dialog") {
-              obj[key] = o[key];
-              if (
-                !_.find(_this.columnsValue, function(o) {
-                  return o.type == "conunt";
-                })
-              ) {
-                // _this.$nextTick(function() {
-                //   console.log(vm.$el.textContent); // 可以得到'changed'
-                // });
-                // _this.tableConfig.push({
-                //   label: "规格属性",
-                //   prop: "key_conunt",
-                //   type: "conunt"
-                // });
-              }
-            }
-            // }
-          }
-          _this.$set(_this.tableCustomArr, i, obj);
-        });
-      },
-      deep: true
-    }
-    // columns1: {
-    //   handler(nv, ov) {
-    //     const _this = this;
-    //     const obj = {};
-    //     const newNv = _.cloneDeep(nv);
-
-    //     // _this.$set(this, "columns1", newNv)
-    //   },
-    //   immediate: true,
-    //   deep: true
-    // }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.handle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-/deep/ .eleFormTextarea textarea {
-  height: 40px !important;
-  min-height: 40px !important;
-}
-/deep/ .el-textarea {
-  //   padding-top: 30px;
-}
-.isSummary {
-  z-index: 2004;
-  cursor: pointer;
-
-  //   position: absolute;
-  //   left: -12px;
-  //   top: 50%;
-  //   transform: translateY(-50%);
-}
-.wrapper {
-  overflow-x: auto;
-  .tables {
-    margin-top: 20px;
-    border-left: 1px solid #ebeef5;
-  }
-  .tables-sub {
-    display: flex;
-    // border-top: 1px solid #ebeef5;
-    // border-bottom: 1px solid #ebeef5;
-
-    .disoption {
-      &:after {
-        content: " ";
-        display: block;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        position: absolute;
-        z-index: 2;
-        cursor: move;
-      }
-    }
-    .el-icon-remove-outline {
-      font-size: 26px;
-    }
-    .parts {
-      position: relative;
-      border-right: 1px solid #ebeef5;
-      text-align: center;
-      &:nth-child(1) {
-        min-width: 50px;
-      }
-      .heard {
-        border-bottom: 1px solid #ebeef5;
-        font-weight: 500;
-        height: 40px;
-        overflow: hidden;
-        /*文本不会换行*/
-        white-space: nowrap;
-        /*当文本溢出包含元素时，以省略号表示超出的文本*/
-        text-overflow: ellipsis;
-      }
-      .botom {
-        box-sizing: border-box;
-        padding: 10px 10px 10px 20px;
-        min-height: 50px;
-        position: relative;
-        // top: 50%;
-        // transform: translateY(-79%);
-      }
-    }
-  }
-  .msg {
-    min-width: 200px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid #ebeef5;
-    border-top: 0;
-    border-bottom: 0;
-  }
-  .form-item-active {
-    border: 1px dashed #409eff !important;
-    background-color: rgba(2, 134, 223, 0.06) !important;
-    position: relative;
-  }
-  /deep/ .el-icon-delete {
-    font-size: 17px !important;
-  }
-  /deep/ .el-icon-document-copy {
-    font-size: 17px !important;
-  }
-  .form-item-delete-btn {
-    background-color: #ff0000;
-    border-color: #ff0000;
-    height: 30px;
-    width: 30px;
-    border-radius: 100% !important;
-    position: absolute;
-    right: 10px;
-    top: -15px;
-    z-index: 3;
-    padding: 4px 6px;
-  }
-  .form-item-copy-btn {
-    position: absolute;
-    height: 30px;
-    width: 30px;
-    border-radius: 100% !important;
-    right: 37px;
-    top: -15px;
-    z-index: 3;
-    margin-right: 10px;
-    padding: 4px 6px;
-  }
-  /deep/ .el-form-item {
-    // margin: 20px !important;
-  }
-
-  /deep/ .botom .el-form-item__content > div {
-    display: flex;
-    .el-radio {
-      margin-right: 30px !important;
-    }
-    .el-checkbox {
-      margin-right: 30px !important;
-    }
-  }
-  /deep/ .botom .el-form-item__content {
-    min-width: 150px;
-  }
-}
-</style>
+<template>
+  <div class="wrapper">
+    <div class="opt">
+      <!-- <span>字表</span> -->
+      <el-button
+        v-if="!edit"
+        @click="addValue"
+      >添加</el-button>
+    </div>
+    <div class="tables">
+      <el-tooltip
+        content="从左侧拖拽来添加字段"
+        placement="top"
+        :disabled="!edit"
+      >
+        <div
+          class="tables-sub"
+          v-if="columns.length > 0"
+        >
+          <draggable
+            v-if="!tableChange "
+            :animation="200"
+            :disabled="!edit"
+            :list="columns1"
+            @add="handleAdd"
+            @end="handleMoveEnd"
+            @start="handleMoveStart"
+            :group="{ name: 'form', pull: false, put: true}"
+            style="display: flex;  border-top: 1px solid #ebeef5;
+     border-bottom: 1px solid #ebeef5;"
+            filter='.nodraggable'
+          >
+            <!-- <draggable
+            v-if="( (desc.type =='custom-table' &&!desc.types) || $route.name=='index') || (flag !=='dialog' && desc.types !='goods') "
+            :animation="200"
+            :disabled="!edit"
+            :list="columns"
+            @add="handleAdd"
+            @end="handleMoveEnd"
+            @start="handleMoveStart"
+            :group="{ name: 'form', pull: false, put: true}"
+            style="display: flex;  border-top: 1px solid #ebeef5;
+     border-bottom: 1px solid #ebeef5;"
+            filter='.nodraggable'
+          > -->
+            <div
+              class="parts"
+              :class="{'nodraggable' : item.type == 'index', 'form-item-active': (selSubIndex == index && edit && list[activeFormName][selectIndex].field == desc.field),'disoption': edit}"
+              :style="{width: item.type == 'index' ? '50px' : '300px'}"
+              v-for="(item,index) in columns1"
+              :key="index+1"
+              @click.stop="handleFormItemClick(item,index)"
+            >
+
+              <div>
+                <div class="heard isSummary">{{item.content ? item.content.label : item.label}}
+                  <el-tooltip
+                    v-if='item.content?item.content.attrs.summary:false'
+                    class="item isSummary"
+                    effect="dark"
+                    :content="item.content.attrs.summary "
+                    placement="top"
+                  >
+                    <i class="el-icon-warning-outline isSummary"></i>
+                  </el-tooltip>
+                </div>
+                <div
+                  class="botom handle"
+                  v-for="(val,indexs) in computedValue"
+                  @click.stop="handleFormCusClick(val,indexs)"
+                  :key="indexs"
+                >
+                  <template v-if="item.content">
+                    <el-form-item :required="item.content._attrs.required ? true : false">
+                      <component
+                        v-if="item.content.type =='ele-form-textarea'"
+                        :desc="item.content"
+                        :is="item.content.type"
+                        v-bind="getAttrs(item.content)"
+                        v-model="val[item.prop]"
+                        v-on="item.content.on"
+                        :autosize="{ minRows: 1, maxRows: 1}"
+                        :rows='1'
+                        :class="'eleFormTextarea'"
+                        :ref="item.prop+indexs"
+                      >
+
+                      </component>
+                      <component
+                        v-else-if="item.content.type !='ele-form-select' "
+                        :desc="item.content"
+                        :is="item.content.type"
+                        :options="setItemOption(item,index,indexs)"
+                        v-bind="getAttrs(item.content)"
+                        v-model="val[item.prop]"
+                        v-on="item.content.on"
+                        @click="setIndex(index)"
+                        :class="'indexs_' + indexs+'_' + item.prop"
+                        :ref="item.prop+indexs"
+                      >
+                      </component>
+                      <component
+                        v-else-if="item.content.type =='ele-form-select' && desc.types "
+                        :desc="item.content"
+                        :is="item.content.type"
+                        :options="setItemOption(item,index,indexs)"
+                        v-bind="getAttrs(item.content)"
+                        v-model="val[item.prop]"
+                        v-on="item.content.on"
+                        @click="setIndex(index)"
+                        :class="'indexs_' + indexs+'_' + item.prop"
+                        :ref="item.prop+indexs"
+                      >
+                      </component>
+                      <el-select
+                        v-model="val[item.prop]"
+                        :placeholder="'请选择'+item.content.label"
+                        @click="setIndex(index)"
+                        :multiple="item.content.attrs.multiple"
+                        :ref="item.prop+indexs"
+                        v-else-if="!desc.types"
+                      >
+                        <el-option
+                          v-for="item2 in item.content.options"
+                          :key="item2.value"
+                          :label="item2.text"
+                          :value="item2.value"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </template>
+                  <template v-else-if="!item.content&&item._attrs">
+                    <el-form-item :required="item._attrs.required ? true : false">
+                      <component
+                        v-if="item.type =='ele-form-textarea'"
+                        :desc="item"
+                        :is="item.type"
+                        v-bind="getAttrs(item)"
+                        v-model="val[item.field]"
+                        v-on="item.on"
+                        :autosize="{ minRows: 1, maxRows: 1}"
+                        :rows='1'
+                        :class="'eleFormTextarea'"
+                        :ref="item.field+indexs"
+                      >
+
+                      </component>
+                      <component
+                        v-else-if="item.type !='ele-form-select' "
+                        :desc="item"
+                        :is="item.type"
+                        :options="setItemOption(item,index,indexs)"
+                        v-bind="getAttrs(item)"
+                        v-model="val[item.field]"
+                        v-on="item.on"
+                        @click="setIndex(index)"
+                        :class="'indexs_' + indexs+'_' + item.field"
+                        :ref="item.field+indexs"
+                      >
+                      </component>
+                      <!-- <component
+                        v-else-if="item.type =='ele-form-select' && desc.types "
+                        :desc="item"
+                        :is="item.type"
+                        :options="setItemOption(item,index,indexs)"
+                        v-bind="getAttrs(item)"
+                        v-model="val[item.prop]"
+                        v-on="item.on"
+                        @click="setIndex(index)"
+                        :class="'indexs_' + indexs+'_' + item.prop"
+                        :ref="item.prop+indexs"
+                      >
+                      </component> -->
+                      <el-select
+                        v-model="val[item.field]"
+                        :placeholder="'请选择'+item.label"
+                        @click="setIndex(index)"
+                        :multiple="item.attrs.multiple"
+                        :ref="item.field+indexs"
+                        v-else-if="item.type =='ele-form-select' && !desc.types"
+                      >
+                        <el-option
+                          v-for="item2 in item.options"
+                          :key="item2.value"
+                          :label="item2.text"
+                          :value="item2.value"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </template>
+                  <template v-else>
+                    <span>{{setValue(item.prop,indexs)}}</span>
+                  </template>
+                </div>
+              </div>
+
+              <!-- 复制按钮 -->
+              <el-button
+                @click.stop="handleCopy(index)"
+                class="form-item-copy-btn"
+                icon="el-icon-document-copy"
+                size="mini"
+                style="border-radius: 0"
+                type="primary"
+                v-if="selSubIndex === index && edit && list[activeFormName][selectIndex].field == desc.field && !list[activeFormName][selectIndex].attrs.columns[selSubIndex].isFixed"
+              ></el-button>
+              <!-- 删除按钮 -->
+              <el-button
+                @click.stop="handleDelete(index)"
+                class="form-item-delete-btn"
+                icon="el-icon-delete"
+                size="mini"
+                style="border-radius: 0"
+                type="primary"
+                v-if="selSubIndex === index && edit && list[activeFormName][selectIndex].field == desc.field && !list[activeFormName][selectIndex].attrs.columns[selSubIndex].isFixed"
+              ></el-button>
+            </div>
+            <!-- TODO: 多选后如果有自定义选项 则渲染在选择项后方 -->
+            <template v-for="(item,indexs) in columnsValue">
+              <div
+                class="parts"
+                v-if="propertyList[indexs] && propertyList[indexs].length "
+                @click.stop="handleFormItemClick(item,j)"
+                :key="'pro'+indexs"
+              >
+                <div class="heard isSummary">
+                  规格属性
+                  <!-- {{pro.name ? pro.name : pro.name}} -->
+                </div>
+
+                <div
+                  v-for="(pro,j) in propertyList[indexs]"
+                  :key='j'
+                >
+                  <div
+                    class="botom handle"
+                    @click.stop="handleFormCusClick(item,indexs)"
+                    :key="indexs"
+                  >
+                    <component
+                      :desc="{label: pro.name,on: {'change': (val)=>{setProStr(item,pro,indexs,val)}}}"
+                      :is="pro.key == 0 ? 'ele-form-input' : 'ele-form-select'"
+                      :options="propertyList[indexs][j].data"
+                      v-model="item['pro-'+pro.propertyId]"
+                    >
+                    </component>
+                  </div>
+                </div>
+                <!-- <span
+                    style="padding-left: 4px; word-break: keep-all;"
+                    v-if="pro.unit"
+                  >{{pro.unit}}</span> -->
+
+              </div>
+            </template>
+            <div
+              v-if="!edit"
+              class="parts"
+            >
+              <div class="heard">操作</div>
+              <div
+                class="botom handle"
+                v-for="(item,index) in computedValue"
+                :key="index"
+              >
+                <el-button
+                  type="text"
+                  @click="deteleVal(index)"
+                >删除</el-button>
+              </div>
+            </div>
+          </draggable>
+
+          <el-table
+            v-if="tableChange"
+            class="cusTable"
+            max-height="500"
+            :data="computedValue"
+            border
+          >
+            <!-- <el-table
+            v-if="(flag=='dialog'&&desc.types == 'goods') || ($route.name=='formGeneration'&&desc.types == 'goods')"
+            class="cusTable"
+            max-height="500"
+            :data="computedValue"
+            border
+          > -->
+
+            <template slot="empty">
+              <base-empty-data />
+            </template>
+
+            <el-table-column
+              align="center"
+              v-for="(item, index) in columns1"
+              :key="index"
+              :prop="item.prop"
+              :width="item.type=='index'?50:   item.label!='规格属性'?'200%':'250%'"
+              :label="item.content?item.content.label:item.label"
+            >
+              <template slot-scope="scope">
+                <template v-if="item.type == 'conunt'">
+                  <div v-if="propertyList[scope.$index] && propertyList[scope.$index].length>0">
+                    <el-form-item
+                      v-for="(pro,j) in propertyList[scope.$index]"
+                      :label="pro.name"
+                      :key='j'
+                    >
+                      <component
+                        :desc="{label: pro.name,on: {'change': (val)=>{setProStr(item,pro,scope.$index,val)}}}"
+                        :is="pro.key == 0 ? 'ele-form-input' : 'ele-form-select'"
+                        :options="propertyList[scope.$index][j].data"
+                        v-model="scope.row['pro-'+pro.propertyId]"
+                      >
+                      </component>
+                    </el-form-item>
+                  </div>
+
+                  <div v-else>无</div>
+                </template>
+                <template v-else-if="item.content">
+                  <el-form-item>
+                    <component
+                      v-if="item.content.type =='ele-form-textarea'"
+                      :desc="item.content"
+                      :is="item.content.type"
+                      v-bind="getAttrs(item.content)"
+                      v-model="scope.row[item.prop]"
+                      v-on="item.content.on"
+                      :autosize="{ minRows: 1, maxRows: 1}"
+                      :rows='1'
+                      :class="'eleFormTextarea'"
+                      :ref="item.prop+scope.$index"
+                    >
+
+                    </component>
+                    <component
+                      v-else-if="item.content.type !='ele-form-select' "
+                      :desc="item.content"
+                      :is="item.content.type"
+                      :options="setItemOption(item,index,scope.$index)"
+                      v-bind="getAttrs(item.content)"
+                      v-model="scope.row[item.prop]"
+                      v-on="item.content.on"
+                      @click="setIndex(index)"
+                      :class="'indexs_' + scope.$index+'_' + item.prop"
+                      :ref="item.prop+scope.$index"
+                    >
+                    </component>
+                    <component
+                      v-else-if="item.content.type =='ele-form-select' && desc.types "
+                      :desc="item.content"
+                      :is="item.content.type"
+                      :options="setItemOption(item,index,scope.$index)"
+                      v-bind="getAttrs(item.content)"
+                      v-model="scope.row[item.prop]"
+                      v-on="item.content.on"
+                      @click="setIndex(index)"
+                      :class="'indexs_' + scope.$index+'_' + item.prop"
+                      :ref="item.prop+scope.$index"
+                    >
+                    </component>
+                    <el-select
+                      v-model="scope.row[item.prop]"
+                      :placeholder="'请选择'+item.content.label"
+                      @click="setIndex(index)"
+                      :multiple="item.content.attrs.multiple"
+                      :ref="item.prop+scope.$index"
+                      v-else-if="!desc.types"
+                    >
+                      <el-option
+                        v-for="item2 in item.content.options"
+                        :key="item2.value"
+                        :label="item2.text"
+                        :value="item2.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </template>
+                <template v-else-if="!item.content&&item._attrs">
+                  <el-form-item>
+                    <component
+                      v-if="item.type =='ele-form-textarea'"
+                      :desc="item"
+                      :is="item.type"
+                      v-model="val[item.field]"
+                      v-on="item.on"
+                      v-bind="getAttrs(item.content)"
+                      :autosize="{ minRows: 1, maxRows: 1}"
+                      :rows='1'
+                      :class="'eleFormTextarea'"
+                      :ref="item.field+indexs"
+                    >
+
+                    </component>
+                    <component
+                      v-else-if="item.type !='ele-form-select' "
+                      :desc="item"
+                      :is="item.type"
+                      :options="setItemOption(item,index,scope.$index)"
+                      v-model="val[item.field]"
+                      v-bind="getAttrs(item.content)"
+                      v-on="item.on"
+                      @click="setIndex(index)"
+                      :class="'indexs_' + scope.$index+'_' + item.field"
+                      :ref="item.field+scope.$index"
+                    >
+                    </component>
+                    <!-- <component
+                      v-else-if="item.type =='ele-form-select' && desc.types "
+                      :desc="item"
+                      :is="item.type"
+                      v-bind="getAttrs(item)"
+                      v-model="val[item.prop]"
+                      v-on="item.on"
+                      @click="setIndex(index)"
+                      :class="'indexs_' + scope.$index+'_' + item.prop"
+                      :ref="item.prop+scope.$index"
+                    >
+                    </component> -->
+                    <el-select
+                      v-model="val[item.field]"
+                      :placeholder="'请选择'+item.label"
+                      @click="setIndex(index)"
+                      :multiple="item.attrs.multiple"
+                      :ref="item.field+scope.$index"
+                      v-else-if="item.type =='ele-form-select'&&!desc.types"
+                    >
+                      <el-option
+                        v-for="item2 in item.options"
+                        :key="item2.value"
+                        :label="item2.text"
+                        :value="item2.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                </template>
+                <template v-else>
+                  <span>{{setValue(item.prop,scope.$index)}}</span>
+                </template>
+              </template>
+
+            </el-table-column>
+            <el-table-column
+              v-if="computedValue.length>1"
+              header-align="center"
+              align="center"
+              prop="prop"
+              label="操作"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  @click="deteleVal(scope.$index)"
+                >删除</el-button>
+              </template>
+
+            </el-table-column>
+
+          </el-table>
+
+          <!-- <div
+          class="msg nodraggable"
+          v-if="edit"
+        >从左侧拖拽来添加字段</div> -->
+        </div>
+      </el-tooltip>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from "@/http";
+import * as _ from "lodash";
+import OptionSlot from "./optionSolt";
+import postman from "../components/postman";
+import handleCode from "../components/handleCode";
+import linkForm from "../components/linkForm";
+// import draggable from "vuedraggable";
+import { mapGetters, mapMutations, mapState } from "vuex";
+import {
+  getGooodsType,
+  getGooodsBrand,
+  getMachineryList,
+  getMachineryType,
+  getEquipmentList,
+  getUnitListData,
+  getGooodsProperty,
+  concreteStrongAll,
+  concreteAdmixtureAll,
+  getMechanicsAttr,
+  getEquipProp,
+  modelSelect,
+  brandSelect,
+  getSeriesSelect,
+  getSeatSelect,
+  gearboxSelect,
+  gethouseType,
+  getTeamCategory,
+  getTeamEngineeringMajor,
+  getTeamLocation
+} from "@/formBuilder/apiBusiness.js";
+import {
+  carSeating,
+  driveModel,
+  carYear
+} from "@/formBuilder/component/components/data.js";
+const draggable = () => ({
+  // 需要加载的组件 (应该是一个 `Promise` 对象)
+  component: import("vuedraggable"),
+  // 异步组件加载时使用的组件
+  loading: "",
+  // 加载失败时使用的组件
+  error: "",
+  // 展示加载时组件的延时时间。默认值是 200 (毫秒)
+  delay: 200,
+  // 如果提供了超时时间且组件加载也超时了，
+  // 则使用加载失败时使用的组件。默认值是：`Infinity`
+  timeout: 3000
+});
+export default {
+  name: "CustomTable",
+  extends: {},
+  components: {
+    OptionSlot,
+    draggable,
+    postman,
+    handleCode,
+    linkForm
+  },
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+    flag: {
+      type: String,
+      default: ""
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    desc: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    edit: {
+      type: Boolean,
+      default: () => false
+    }
+  },
+  data() {
+    return {
+      tableCustomArr: [],
+      optionTypes: {
+        "ele-form-select": {
+          type: "el-option",
+          text: "label",
+          value: "value"
+        },
+        "ele-form-checkbox": {
+          type: "el-checkbox",
+          text: "content",
+          value: "label"
+        },
+        "ele-form-radio": {
+          type: "el-radio",
+          text: "content",
+          value: "label"
+        }
+      },
+      goodsOption: [],
+      Mechanics: [],
+      equipment: [],
+      team: [],
+      EngineeringMajorOption: [],
+      addressOption: [],
+      bidding: [],
+      biddingType: [
+        { text: "商品/材料", value: "3" },
+        { text: "工程分包", value: "4" },
+        { text: "机械设备租赁", value: "1" },
+        { text: "劳务", value: "2" }
+      ],
+      // 自定义属性
+      muster: {
+        brand: []
+      },
+      unitList: [],
+      propertyList: [],
+      strength: [],
+      admixture: [],
+      // 车辆信息
+      carModel: [],
+      carBrand: [],
+      carGearbox: [],
+      carSeries: [],
+      carSeating: carSeating,
+      driveModel: driveModel,
+      carYear: carYear(),
+      houseType: [],
+      houseType2: [],
+      category: []
+      //   columnsValue: _.cloneDeep(this.columns)
+      //   columns1: _.cloneDeep(this.columns)
+    };
+  },
+  computed: {
+    ...mapState(["selSubIndex", "activeFormName", "list", "selectIndex"]),
+    ...mapGetters(["currentFormItem"]),
+    computedValue: function() {
+      if (this.value.length > 0) {
+        return this.value;
+      } else {
+        const type = [
+          "checkbox",
+          "datetimerange",
+          "cascader",
+          "postman",
+          "handleCode"
+        ];
+        const arr = {};
+        const arr1 = _.cloneDeep(this.columns1);
+        arr1.forEach(item => {
+          if (item.type != "index") {
+            if (item.prop && item.prop != "key_conunt") {
+              const typeStr = item.content.type.replace("ele-form-", "");
+              arr[item.prop] = type.indexOf(typeStr) > -1 ? [] : "";
+            }
+          }
+        });
+        return [arr];
+      }
+    },
+    tableChange: function() {
+      if (this.desc.types == "goods" && this.$route.name == "formGeneration") {
+        return true;
+      } else if (this.desc.types == "goods" && this.flag == "dialog") {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    columns1: {
+      set: function(newV) {},
+      get: function() {
+        const res = _.cloneDeep(this.columns);
+        res.forEach((e, i) => {
+          if (e.type != "index" && e.content) {
+            e.content._attrs = e.content.attrs;
+          } else if (e.attrs) {
+            e._attrs = e.attrs;
+          }
+        });
+        if (
+          (this.flag == "dialog" && this.desc.types == "goods") ||
+          (this.$route.name == "formGeneration" && this.desc.types == "goods")
+        ) {
+          res.splice(2, 0, {
+            label: "规格属性",
+            prop: "key_conunt",
+            type: "conunt",
+            width: "200%"
+          });
+        }
+        return res;
+      }
+    },
+    columnsValue() {
+      return _.cloneDeep(this.columns);
+    }
+  },
+  methods: {
+    ...mapMutations([
+      "updateSelSubIndex",
+      "updateSelectIndex",
+      "updateList",
+      "updateCusIndex"
+    ]),
+    handleFormCusClick(v, i) {
+      //   this.$store.state.curCusTableIndex = i
+      this.updateCusIndex(i);
+    },
+    setProStr(val, pro, j, valNum) {
+      if (!val) return;
+      const name =
+        pro.key == 1 && pro.data.length > 0
+          ? pro.data.filter(item => item.value == valNum)[0].text
+          : val;
+      this.value[j]["pro-" + pro.propertyId + "-Str"] = {
+        value: name,
+        property: pro.name,
+        unit: pro.unit
+      };
+      this.$emit("input", this.value);
+    },
+    setIndex(index) {
+      this.$store.state.curCusTableIndex = index - 1;
+    },
+    setValue(prop, index) {
+      if (prop) {
+        const val = this.value.filter(item => item[prop]);
+        return val[0][prop];
+      } else {
+        return index + 1;
+      }
+    },
+    getAttrs(item) {
+      return Object.assign({}, item.attrs);
+    },
+    // option设置
+    setItemOption(item, index, indexs) {
+      const arr = [];
+      const vm = this;
+
+      if (!item.content.options) return [];
+      if (item.content.field == "leaseType") {
+        item.content["on"] = {
+          change: newVal => {
+            vm.leaseTypeChange(newVal, item, indexs);
+          }
+        };
+      }
+
+      if (
+        item.content.field == "carSeries" ||
+        item.content.field == "carSeating"
+      ) {
+        item.content["on"] = {
+          change: newVal => {
+            vm.handleCustomChangeOption(newVal, item, indexs);
+          }
+        };
+        return vm[item.content.options][indexs];
+      }
+      if (
+        item.content.field == "unit" ||
+        item.content.field == "carGearbox" ||
+        item.content.field == "carSeating" ||
+        item.content.field == "driveModel" ||
+        item.content.field == "carYear"
+      ) {
+        item.content["on"] = {
+          change: newVal => {
+            vm.handleCustomChangeOption(newVal, item, indexs);
+          }
+        };
+        return vm[item.content.options];
+      }
+
+      if (item.content.options && typeof item.content.options != "string") {
+        return item.content.options;
+      } else {
+        if (item.content.types) {
+          //   vm.$nextTick(function() {
+          item.content["on"] = {
+            change: async newVal => {
+              await vm.handleChange(newVal, item, indexs);
+            }
+          };
+          item["on"] = {
+            change: async newVal => {
+              await vm.handleChange(newVal, item, indexs);
+            }
+          };
+          //   });
+          return vm[item.content.options];
+        } else if (!item.content.types) {
+          item.content["on"] = {
+            change: newVal => {
+              vm.handleChangeOption(newVal, item, indexs);
+            }
+          };
+          const key = item.content.options;
+          !this.muster[key] && this.$set(this.muster, key, []);
+          !this.muster[key][indexs] && this.$set(this.muster[key], indexs, []);
+          return this.muster[key][indexs];
+        }
+      }
+    },
+    // 加载车辆选择框信息
+    async initCarInfo() {
+      const vm = this;
+      if (this.carModel.length == 0) {
+        const res = await modelSelect();
+        this.carModel =
+          res.data.code == 200
+            ? res.data.data.map((item, index) => ({
+              text: item.name,
+              value: item.key
+            }))
+            : [];
+      }
+      if (this.carBrand.length == 0) {
+        const res = await brandSelect();
+        this.carBrand =
+          res.data.code == 200
+            ? res.data.data.map((item, index) => ({
+              text: item.name,
+              value: item.key
+            }))
+            : [];
+      }
+      if (vm.carGearbox.length == 0) {
+        const res = await gearboxSelect();
+        vm.carGearbox =
+          res.data.code == 200
+            ? res.data.data.map((item, index) => ({
+              text: item.value.toString(),
+              value: item.key.toString()
+            }))
+            : [];
+      }
+    },
+    leaseTypeChange(newVal, item, indexs) {
+      if (newVal == 1) {
+        this.getMachineryList();
+      } else if (newVal == 2) {
+        this.getEquipmentList();
+      } else if (newVal == 3) {
+        this.initCarInfo();
+      } else if (newVal == 4) {
+        this.getHouse();
+      }
+      Object.keys(this.value[indexs]).forEach(k => {
+        if (k.indexOf("pro-") > -1) {
+          delete this.value[indexs][k];
+        } else if (k != "leaseType") {
+          const type = Array.isArray(this.value[indexs][k]);
+          this.value[indexs][k] = type ? [] : "";
+        }
+      });
+      this.$emit("input", this.value);
+    },
+    // 父级元素数据发生变化
+    async handleChange(val, item, indexs) {
+      if (item.content.types == "goods") {
+        const str = this.goodsOption.filter(k => val[0] && k.id == val[0]);
+        if (str[0] && str[0].name == "商砼") {
+          this.getConcrete(val, item, indexs);
+        } else {
+          this.getGooodsBrand(val, item, indexs);
+          this.getGooodsProperty(val, item, indexs);
+        }
+      } else if (item.content.types == "Mechanics") {
+        this.getMachineryType(val, item, indexs);
+      } else if (item.content.types == "equipment") {
+        this.getEquipmentType(val, item, indexs);
+      } else if (item.content.types == "team") {
+        this.setTeamStr(val, item, indexs);
+      } else if (item.content.types == "bidding") {
+        this.setBiddingStr(val, item, indexs);
+      } else if (item.content.types == "houses") {
+        this.setHouseStr(val, item, indexs);
+        this.getHouseType2(val, item, indexs);
+      } else if (item.content.types == "carBrand") {
+        this.setcarBrandStr(val, item, indexs);
+        this.getSeriesSelect(val, item, indexs);
+      } else if (item.content.types == "cars") {
+        this.setcarsStr(val, item, indexs);
+        this.getSeatSelect(val, item, indexs);
+      }
+    },
+    setcarBrandStr(val, item, indexs) {
+      const name = this.carBrand.filter(i => i.value == val);
+      this.value[indexs][item.content.field + "Str"] = name[0]
+        ? name[0].text
+        : "";
+      this.value[indexs]["carSeries" + "Str"] = "";
+      this.value[indexs]["carSeries"] = "";
+      this.$emit("input", this.value);
+    },
+    setcarsStr(val, item, indexs) {
+      const name = this.carModel.filter(i => i.value == val);
+      this.value[indexs][item.content.field + "Str"] = name[0]
+        ? name[0].text
+        : "";
+      this.value[indexs]["carSeating" + "Str"] = "";
+      this.value[indexs]["carSeating"] = "";
+      this.$emit("input", this.value);
+    },
+    setHouseStr(val, item, indexs) {
+      const name = this.houseType.filter(i => i.value == val);
+      this.value[indexs][item.content.field + "Str"] = name[0]
+        ? name[0].text
+        : "";
+      // 清空子集
+      if (item.content.link) {
+        this.value[indexs][item.content.link + "Str"] = "";
+        this.value[indexs][item.content.link] = "";
+      }
+      this.$emit("input", this.value);
+    },
+    // 扁平化树形数据
+    flatTreeData(tree) {
+      const res = [];
+      function toflat(tree) {
+        tree.forEach(el => {
+          res.push(el);
+          el.children && el.children.length > 0 ? toflat(el.children) : "";
+        });
+      }
+      toflat(tree);
+      return res;
+    },
+    setTeamStr(val, item, indexs) {
+      if (item.content.field == "EngineeringMajor") {
+        const name = this.EngineeringMajorOption.filter(i => i.value == val);
+        this.value[indexs][item.content.field + "Str"] = name[0]
+          ? name[0].text
+          : "";
+        this.$emit("input", this.value);
+      }
+      if (item.content.field == "address") {
+        const arr = this.flatTreeData(this.addressOption);
+        let title = "";
+        arr.map(item => {
+          val.map(one => {
+            if (item.no == one) {
+              title += item.name + "/";
+            }
+          });
+        });
+        title = title.substring(0, title.length - 1);
+        this.value[indexs][item.content.field + "Str"] = title || "";
+        this.$emit("input", this.value);
+      }
+    },
+    setBiddingStr(val, item, indexs) {
+      const name = this.biddingType.filter(i => i.value == val);
+      this.value[indexs][item.content.field + "Str"] = name[0]
+        ? name[0].text
+        : "";
+      this.$emit("input", this.value);
+    },
+    // 子级元素发生变化
+    handleChangeOption(newVal, item, indexs) {
+      console.log(newVal, item, indexs);
+      const name = this.muster[item.content.options][indexs].filter(
+        i => i.value == newVal
+      );
+      const nameStr = name[0].text;
+      const key = item.content.field + "Str";
+      this.value[indexs][key] = nameStr;
+      this.$emit("input", this.value);
+    },
+    handleCustomChangeOption(newVal, item, indexs) {
+      let name = "";
+      const vm = this;
+      if (item.content.field == "unit") {
+        name = vm.unitList.filter(i => i.value == newVal);
+      } else if (item.content.field == "carSeries") {
+        name = vm.carSeries[indexs].filter(i => i.value == newVal);
+      } else if (item.content.field == "carGearbox") {
+        name = vm.carGearbox.filter(i => i.value == newVal);
+      } else if (item.content.field == "carSeating") {
+        name = vm.carSeating[indexs].filter(i => i.value == newVal);
+      } else if (item.content.field == "driveModel") {
+        name = vm.driveModel.filter(i => i.value == newVal);
+      } else if (item.content.field == "carYear") {
+        name = vm.carYear.filter(i => i.value == newVal);
+      }
+
+      const nameStr = name[0].text || name[0].label;
+      const key = item.content.field + "Str";
+      vm.value[indexs][key] = nameStr;
+      vm.$emit("input", vm.value);
+    },
+
+    // 点击选中
+    handleFormItemClick(item, index) {
+      if (!this.edit) return;
+      if (item.type != "index") {
+        this.list[this.activeFormName].forEach((i, v) => {
+          if (i.field == this.desc.field) {
+            this.updateSelectIndex(v);
+          }
+        });
+        this.updateSelSubIndex(index);
+      }
+    },
+    // 复制
+    handleCopy(index) {
+      const obj = _.cloneDeep(this.columns1[index]);
+      obj.field = `key_${Date.now()}`;
+      this.columns1.splice(index + 1, 0, obj);
+      this.setListColumns(this.columns1);
+      this.updateSelSubIndex(index + 1);
+    },
+    // 删除
+    handleDelete(index) {
+      this.columns1.splice(index, 1);
+      this.setListColumns(this.columns1);
+      // 如果删除的最后一个, 则重新选择最后一个
+      if (index >= this.columns1.length) {
+        this.updateSelSubIndex(this.columns1.length - 1);
+      } else if (index - 1 < 1 && this.columns1 > 1) {
+        this.updateSelSubIndex(1);
+      } else {
+        this.updateSelSubIndex(null);
+      }
+    },
+    // 新增
+    handleAdd(res) {
+      const vm = this;
+      const type = [
+        "linkForm",
+        "ele-form-select",
+        "checkbox",
+        "datetimerange",
+        "cascader",
+        "postman",
+        "handleCode"
+      ];
+      if (
+        this.columns1[res.newIndex].type.indexOf("custom-table") > -1 ||
+        this.columns1[res.newIndex].type.indexOf("columns") > -1 ||
+        this.columns1[res.newIndex].type.indexOf("quill-editor") > -1 ||
+        this.columns1[res.newIndex].type.indexOf("linkForm") > -1
+      ) {
+        this.$message.error("不支持添加此类型控件，请添加其他类型控件");
+        this.columns1.splice(res.newIndex, 1);
+        return;
+      }
+      const obj = this.columns1[res.newIndex];
+      let content = {};
+      // 如果是单选框 多选框 进入表格 则添加下拉框
+      if (obj.type && (obj.type === "radio" || obj.type === "checkbox")) {
+        if (obj.type === "checkbox") {
+          obj.attrs["multiple"] = true;
+        }
+        obj.type = "ele-form-select";
+        content = obj;
+        vm.columns[res.newIndex] = {
+          prop: obj.field,
+          label: obj.label,
+          isFlex: true,
+          content: content
+        };
+      }
+
+      vm.columns1.map((e, i) => {
+        if (e.field) {
+          e.type = type.indexOf(e.type) > -1 ? e.type : "ele-form-" + e.type;
+          vm.columns1[i] = {
+            prop: e.field,
+            label: e.label,
+            isFlex: true,
+            content: e
+          };
+        }
+        if (e.type === "ele-form-radio" || e.type === "ele-form-checkbox") {
+          if (e.type === "ele-form-checkbox") {
+            e.attrs["multiple"] = true;
+          }
+          e.type = "ele-form-select";
+        }
+      });
+      this.setListColumns(this.columns1);
+      this.list[this.activeFormName].forEach((i, v) => {
+        if (i.field == this.desc.field) {
+          this.updateSelectIndex(v);
+        }
+      });
+      this.updateSelSubIndex(res.newIndex);
+    },
+    // 移动开始
+    handleMoveStart(res) {
+      this.updateSelSubIndex(res.oldIndex);
+    },
+    // 移动结束
+    handleMoveEnd(res) {
+      this.setListColumns(this.columns1);
+      this.updateSelSubIndex(res.newIndex);
+    },
+    setListColumns(columns) {
+      const list = _.cloneDeep(this.list);
+      list[this.activeFormName].forEach(item => {
+        if (item.field == this.desc.field) {
+          item.attrs.columns = columns;
+        }
+      });
+      this.updateList({
+        name: this.activeFormName,
+        newList: list[this.activeFormName]
+      });
+    },
+    addValue() {
+      const type = [
+        "checkbox",
+        "datetimerange",
+        "cascader",
+        "postman",
+        "handleCode"
+      ];
+      const obj = {};
+      this.columns1.forEach(item => {
+        if (item.prop && item.prop != "key_conunt") {
+          const typeStr = item.content.type.replace("ele-form-", "");
+          obj[item.prop] = type.indexOf(typeStr) > -1 ? [] : "";
+        }
+      });
+      this.value.push(obj);
+      this.$emit("input", this.value);
+    },
+    deteleVal(index) {
+      this.value.splice(index, 1);
+      const type = {
+        goods: "brand",
+        Mechanics: "classify",
+        equipment: "equipClassify",
+        houses: "houseType2"
+      };
+      const key = type[this.desc.types];
+      this.muster[key].splice(index, 1);
+      this.$emit("input", this.value);
+    },
+    // 获取团队主营业务
+    async getTeamBusiness() {
+      const res = await getTeamCategory();
+      this.category = res.data && res.data.code == 200 ? res.data.data : [];
+    },
+    // 获取工队工程专业
+    async getTeamEngineeringMajor() {
+      const res = await getTeamEngineeringMajor();
+      if (res.data.code == 200) {
+        res.data.data.map(item => {
+          item["text"] = item.name;
+          item["value"] = item.no;
+        });
+        this.EngineeringMajorOption = res.data.data;
+      }
+    },
+    // 获取工队所在地区
+    async getTeamLocation() {
+      const res = await getTeamLocation();
+      this.addressOption =
+        res.data && res.data.code == 200 ? res.data.data.data : [];
+      console.log("res: ", res.data.data.data);
+    },
+    // 获取机械自定义属性
+    async getClassifyPro(newVal, item, indexs) {
+      Object.keys(this.value[indexs]).forEach(k => {
+        if (k.indexOf("pro-") > -1) {
+          delete this.value[indexs][k];
+        }
+      });
+      const params = {
+        categoryNo:
+          item.prop == "classify"
+            ? this.value[indexs].Mechanics
+            : this.value[indexs].equipment,
+        typeNo: newVal
+      };
+      const res =
+        item.prop == "classify"
+          ? await getMechanicsAttr(params)
+          : await getEquipProp(params);
+      if (res.data.code == 200) {
+        let propertyList = [];
+        if (item.prop == "classify") {
+          propertyList = res.data.data.map((item, index) => {
+            item.data = item.valList.map(i => ({
+              text: i.startVal,
+              value: i.startVal
+            }));
+            item.propertyId = index;
+            return item;
+          });
+        } else {
+          res.data.data.forEach((item, index) => {
+            item.data = item.valList.map(i => ({ text: i.val, value: i.val }));
+            item.propertyId = index;
+            propertyList.push({
+              name: item.name,
+              propertyId: index,
+              data: item.data,
+              unit: item.unit,
+              key: item.attrKey
+            });
+          });
+        }
+        this.$set(this.propertyList, indexs, propertyList);
+      }
+    },
+    // 房产分类
+    async getHouse() {
+      if (this.houseType.length == 0) {
+        const res = await gethouseType({ type: 0 });
+        if (res.data.code == 200) {
+          res.data.data.map(item => {
+            item["text"] = item.categoryName;
+            item["value"] = item.id;
+          });
+          this.houseType = res.data.data;
+        }
+      }
+    },
+    getHouseType2(val, item, indexs) {
+      const key = item.content.link || item.content.options;
+      var Arr = this.houseType.filter(item => item.id == val);
+      if (Arr.length != 0) {
+        this.houseType2 = Arr[0].children.map(item => ({
+          text: item.categoryName,
+          value: item.id
+        }));
+      }
+      this.$set(this.muster[key], indexs, this.houseType2);
+    },
+    async getSeriesSelect(a, b, c) {
+      const vm = this;
+      console.log(a, b, c, vm.value[c].carBrand);
+
+      const res = await getSeriesSelect({
+        brandNo: a
+      });
+
+      if (res.data.code == 200) {
+        const res1 = res.data.data.map((e, i) => {
+          return {
+            text: e.name,
+            value: e.id
+          };
+        });
+        // vm.carSeries.push(res1);
+        this.$set(vm.carSeries, c, res1);
+      }
+    },
+    async getSeatSelect(a, b, c) {
+      const vm = this;
+
+      const res = await getSeatSelect({
+        modelNo: vm.value[c].carModel
+      });
+      if (res.data.code == 200) {
+        var res1 = res.data.data.map((e, i) => {
+          return {
+            text: e.name,
+            value: e.key
+          };
+        });
+      }
+      this.$set(vm.carSeating, c, res1);
+    },
+    // 商品分类
+    async getGooodsType() {
+      const res = await getGooodsType({ type: "purchase" });
+      if (res.status == 200) {
+        this.goodsOption = this.formatChildData(res.data.data);
+      }
+    },
+    // 商品品牌
+    async getGooodsBrand(val, item, indexs, flg) {
+      let value = [];
+      const vm = this;
+      const key = item.content.link;
+      if (!flg) {
+        vm.value[indexs].brand = "";
+        vm.value[indexs].brandStr = "";
+        setTimeout(() => {
+          const text =
+            vm.$refs[item.content.field + indexs][0].$refs.cascader
+              ?.presentText ||
+            vm.$refs[item.content.field + indexs][0].$refs.input.$props.value;
+          vm.value[indexs][item.content.field + "Str"] = text || "";
+          vm.$emit("input", vm.value);
+        }, 100);
+      }
+
+      const data = val[val.length - 1];
+      if (!data) return;
+      const res = await getGooodsBrand(data, indexs);
+      if (res.data.code == 0) {
+        value = res.data.data.reduce(
+          (total, currentValue) => total.concat(currentValue.options),
+          []
+        );
+        value = value.map(i => ({ text: i.brandName, value: i.id }));
+      }
+      vm.$set(vm.muster[key], indexs, value);
+    },
+    // 商品属性
+    async getGooodsProperty(val, item, indexs, flg) {
+      const vm = this;
+      const id = val[val.length - 1];
+      if (!id) return;
+      if (!flg) {
+        Object.keys(this.value[indexs]).forEach(k => {
+          if (k.indexOf("pro-") > -1) {
+            delete this.value[indexs][k];
+          }
+        });
+        this.$emit("input", this.value);
+      }
+      const res = await getGooodsProperty(id, indexs);
+      if (res.data.code == 0) {
+        const list = res.data.data;
+        const propertyList = []; // 商品属性列表
+        for (let i = 0; i < list.length; i++) {
+          if (list[i].itemparamname === "仓储") {
+            continue;
+          }
+          let flag = true;
+          for (let j = 0; j < propertyList.length; j++) {
+            // 去重 合并属性名相同的项
+            if (propertyList[j].name === list[i].itemparamname) {
+              propertyList[j].data.push({
+                text: list[i].valdata,
+                value: list[i].id
+              });
+              flag = false;
+              break;
+            }
+          }
+          if (flag) {
+            // 非重复 添加商品属性和id
+            const obj = {
+              name: list[i].itemparamname,
+              data: [],
+              key: 1
+            };
+            obj.data.push({ text: list[i].valdata, value: list[i].id });
+            obj.propertyId = list[i].itemparamid;
+            propertyList.push(obj);
+          }
+        }
+        vm.$set(vm.propertyList, indexs, propertyList);
+      } else {
+        vm.$set(vm.propertyList, indexs, []);
+      }
+    },
+    // 商砼属性
+    async getConcrete(val, item, indexs, flg) {
+      const vm = this;
+      setTimeout(() => {
+        const text = vm.$refs[item.content.field + indexs][0].$refs.input.value;
+        vm.value[indexs][item.content.field + "Str"] = text || "";
+        vm.$emit("input", vm.value);
+      }, 100);
+      if (vm.strength.length == 0) {
+        const business = await concreteStrongAll();
+        vm.strength = business.data.result.map
+          ? business.data.result.map(i => ({
+            text: i.strongLevel,
+            value: i.sort
+          }))
+          : [];
+      }
+      if (vm.admixture.length == 0) {
+        const res = await concreteAdmixtureAll();
+        vm.admixture = vm.formatData(res.data.result);
+      }
+      if (!flg) {
+        Object.keys(vm.value[indexs]).forEach(k => {
+          if (k.indexOf("pro-") > -1) {
+            delete vm.value[indexs][k];
+          }
+        });
+        vm.$emit("input", vm.value);
+      }
+      const propertyList = [];
+      propertyList.push({
+        name: "强度等级",
+        data: vm.strength,
+        propertyId: "1",
+        key: 1
+      });
+      propertyList.push({
+        name: "外加剂",
+        data: vm.admixture,
+        propertyId: "2",
+        key: 1
+      });
+      vm.$set(vm.propertyList, indexs, propertyList);
+    },
+    // 机械分类
+    async getMachineryList() {
+      const res = await getMachineryList();
+      if (res.data.code == 200) {
+        this.Mechanics = res.data.data.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+    },
+    // 机械类型
+    async getMachineryType(val, item, indexs, flg) {
+      let value = [];
+      const key = item.content.link;
+      if (!flg) {
+        const name = this.Mechanics.filter(i => i.value == val);
+        this.value[indexs][item.content.field + "Str"] = name[0]
+          ? name[0].text
+          : "";
+        this.value[indexs].classify = "";
+        this.value[indexs].classifyStr = "";
+        this.$emit("input", this.value);
+      }
+      const res = await getMachineryType({ categoryNo: val }, indexs);
+      if (res.data.code == 200) {
+        value = res.data.data.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+      this.$set(this.muster[key], indexs, value);
+    },
+    async getTeamSize() {
+      const res = await getTeamSize();
+      if (res.data.code == 200) {
+        this.team = res.data.data.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+    },
+    async getBiddingProject() {
+      const data = this.$store.state.user.no;
+      const res = await getBiddingProject(data);
+      if (res.data.code == 0) {
+        this.bidding = res.data.result.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+    },
+    formatChildData(data) {
+      data.forEach((item, index) => {
+        if (item.children && item.children.length > 0) {
+          return this.formatChildData(item.children);
+        } else {
+          delete item.children;
+        }
+      });
+      return data;
+    },
+
+    // 设备分类
+    async getEquipmentList(val, item, indexs) {
+      const res = await getEquipmentList({});
+      if (res.data.code == 200) {
+        this.equipment = res.data.data.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+    },
+    // 设备类型
+    async getEquipmentType(val, item, indexs, flg) {
+      let value = [];
+      const key = item.content.link;
+      if (!flg) {
+        const name = this.equipment.filter(i => i.value == val);
+        this.value[indexs][item.content.field + "Str"] = name[0]
+          ? name[0].text
+          : "";
+        this.value[indexs].equipClassify = "";
+        this.value[indexs].equipClassifyStr = "";
+        this.$emit("input", this.value);
+      }
+      const res = await getEquipmentList({ categoryNo: val }, indexs);
+      if (res.data.code == 200) {
+        value = res.data.data.map(item => ({
+          text: item.name,
+          value: item.no
+        }));
+      }
+      this.$set(this.muster[key], indexs, value);
+    },
+    // 获取单位
+    async getUnitList() {
+      const res = await getUnitListData();
+      if (res.data.code == 0) {
+        res.data.data = res.data.data.map(item => ({
+          text: item.name,
+          value: item.id
+        }));
+        this.unitList = res.data.data;
+      }
+    },
+
+    init() {
+      if (this.desc.types == "goods") {
+        this.getGooodsType();
+        this.getUnitList();
+      } else if (this.desc.types == "Mechanics") {
+        this.getMachineryList();
+      } else if (this.desc.types == "team") {
+        this.getTeamEngineeringMajor();
+        this.getTeamLocation();
+      } else if (this.desc.types == "bidding") {
+        this.getBiddingProject();
+      } else if (this.desc.types == "equipment") {
+        this.getEquipmentList();
+      } else if (this.desc.types == "houses") {
+        this.getHouse();
+      } else if (this.desc.types == "cars") {
+        this.initCarInfo();
+      }
+    }
+  },
+  created() {
+    const vm = this;
+    !vm.edit && vm.init();
+
+    setTimeout(() => {
+      if (vm.value.length == 0) {
+        vm.addValue();
+      } else {
+        vm.value.forEach((item, index) => {
+          if (vm.desc.types == "goods") {
+            const content = vm.columns.filter(item => item.prop == "goodType");
+            const content2 = vm.columns.filter(item => item.prop == "goodType");
+            content.length > 0 &&
+              vm.getGooodsBrand(item.goodType, content[0], index, true);
+            vm.propertyList.length >= 0 &&
+              item.goodType.length > 0 &&
+              vm.getGooodsProperty(item.goodType, content[0], index, true);
+          } else if (vm.desc.types == "Mechanics") {
+            const content = vm.columns.filter(item => item.prop == "Mechanics");
+            content.length > 0 &&
+              vm.getMachineryType(item.Mechanics, content[0], index, true);
+          } else if (vm.desc.types == "equipment") {
+            const content = vm.columns.filter(item => item.prop == "equipment");
+            content.length > 0 &&
+              vm.getEquipmentType(item.equipment, content[0], index, true);
+          } else if (vm.desc.types == "houses") {
+            const content = vm.columns.filter(
+              item => item.prop == "houseType2"
+            );
+            content.length > 0 &&
+              vm.getHouseType2(item.houseType, content[0], index);
+          } else if (vm.desc.types == "cars") {
+            item.carBrand.length > 0 &&
+              vm.getSeriesSelect(item.carBrand, null, index);
+            item.carSeating.length > 0 &&
+              vm.getSeatSelect(item.carBrand, null, index);
+          }
+        });
+      }
+    }, 1000);
+  },
+  mounted() {},
+  watch: {
+    value: {
+      handler(nv, ov) {
+        const vm = this;
+        if (vm.desc.types == "goods") {
+          nv.map((e, i) => {
+            // return {
+            //   Price: e.Price,
+            //   amount: e.amount,
+            //   brand: e.brand,
+            //   goodType: e.goodType,
+            //   total: e.Price * e.amount,
+            //   unit: e.unit,
+            //   unitStr: e.unitStr
+            // }
+            if (!vm.edit && e.Price * e.amount != 0) {
+              vm.$set(vm.value[i], "total", e.Price * e.amount);
+            }
+            vm.$set(vm.value[i], "scck", "市场参考：");
+          });
+        }
+      },
+      deep: true
+    },
+    propertyList: {
+      handler(nv, ov) {
+        const _this = this;
+
+        _.find(_this.computedValue, function(o, i) {
+          const obj = {};
+          for (const key in o) {
+            // if (o.hasOwnProperty.call(o, key)) {
+
+            if (_this.propertyList.length > 0 && _this.flag == "dialog") {
+              obj[key] = o[key];
+              if (
+                !_.find(_this.columnsValue, function(o) {
+                  return o.type == "conunt";
+                })
+              ) {
+                // _this.$nextTick(function() {
+                //   console.log(vm.$el.textContent); // 可以得到'changed'
+                // });
+                // _this.tableConfig.push({
+                //   label: "规格属性",
+                //   prop: "key_conunt",
+                //   type: "conunt"
+                // });
+              }
+            }
+            // }
+          }
+          _this.$set(_this.tableCustomArr, i, obj);
+        });
+      },
+      deep: true
+    }
+    // columns1: {
+    //   handler(nv, ov) {
+    //     const _this = this;
+    //     const obj = {};
+    //     const newNv = _.cloneDeep(nv);
+
+    //     // _this.$set(this, "columns1", newNv)
+    //   },
+    //   immediate: true,
+    //   deep: true
+    // }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.handle {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+/deep/ .eleFormTextarea textarea {
+  height: 40px !important;
+  min-height: 40px !important;
+}
+/deep/ .el-textarea {
+  //   padding-top: 30px;
+}
+.isSummary {
+  z-index: 2004;
+  cursor: pointer;
+
+  //   position: absolute;
+  //   left: -12px;
+  //   top: 50%;
+  //   transform: translateY(-50%);
+}
+.wrapper {
+  overflow-x: auto;
+  .tables {
+    margin-top: 20px;
+    border-left: 1px solid #ebeef5;
+  }
+  .tables-sub {
+    display: flex;
+    // border-top: 1px solid #ebeef5;
+    // border-bottom: 1px solid #ebeef5;
+
+    .disoption {
+      &:after {
+        content: " ";
+        display: block;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        position: absolute;
+        z-index: 2;
+        cursor: move;
+      }
+    }
+    .el-icon-remove-outline {
+      font-size: 26px;
+    }
+    .parts {
+      position: relative;
+      border-right: 1px solid #ebeef5;
+      text-align: center;
+      &:nth-child(1) {
+        min-width: 50px;
+      }
+      .heard {
+        border-bottom: 1px solid #ebeef5;
+        font-weight: 500;
+        height: 40px;
+        overflow: hidden;
+        /*文本不会换行*/
+        white-space: nowrap;
+        /*当文本溢出包含元素时，以省略号表示超出的文本*/
+        text-overflow: ellipsis;
+      }
+      .botom {
+        box-sizing: border-box;
+        padding: 10px 10px 10px 20px;
+        min-height: 50px;
+        position: relative;
+        // top: 50%;
+        // transform: translateY(-79%);
+      }
+    }
+  }
+  .msg {
+    min-width: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #ebeef5;
+    border-top: 0;
+    border-bottom: 0;
+  }
+  .form-item-active {
+    border: 1px dashed #409eff !important;
+    background-color: rgba(2, 134, 223, 0.06) !important;
+    position: relative;
+  }
+  /deep/ .el-icon-delete {
+    font-size: 17px !important;
+  }
+  /deep/ .el-icon-document-copy {
+    font-size: 17px !important;
+  }
+  .form-item-delete-btn {
+    background-color: #ff0000;
+    border-color: #ff0000;
+    height: 30px;
+    width: 30px;
+    border-radius: 100% !important;
+    position: absolute;
+    right: 10px;
+    top: -15px;
+    z-index: 3;
+    padding: 4px 6px;
+  }
+  .form-item-copy-btn {
+    position: absolute;
+    height: 30px;
+    width: 30px;
+    border-radius: 100% !important;
+    right: 37px;
+    top: -15px;
+    z-index: 3;
+    margin-right: 10px;
+    padding: 4px 6px;
+  }
+  /deep/ .el-form-item {
+    // margin: 20px !important;
+  }
+
+  /deep/ .botom .el-form-item__content > div {
+    display: flex;
+    .el-radio {
+      margin-right: 30px !important;
+    }
+    .el-checkbox {
+      margin-right: 30px !important;
+    }
+  }
+  /deep/ .botom .el-form-item__content {
+    min-width: 150px;
+  }
+}
+</style>