qgb-process 0.1.3 → 0.1.53

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

@@ -1,1758 +0,0 @@
-<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>