kd-aiot-frontend/src/views/ledgerAssets/equipment/edit.vue

<template>
  <div class="ele-body">
    <el-card shadow="never">
      <div class="page-title">
        <el-page-header @back="$router.go(-1)">
          <div slot="content" class="pageContent">
            <div>{{ title }}</div>
          </div>
        </el-page-header>
        <div>
          <el-button size="small" @click="$router.go(-1)">取消</el-button>
          <el-button
            size="small"
            type="primary"
            @click="submit"
            v-loading="btnLoading"
            >确定</el-button
          >
        </div>
      </div>
      <el-form label-width="120px" :model="form" ref="form" :rules="rules">
        <div class="content">
          <div class="basic-details-title border-none">
            <span class="border-span">基本信息</span>
          </div>
          <el-descriptions title="" :column="4" size="medium" border>
            <template slot="title" v-if="pageType == 'add'">
              <el-form-item class="label-none">
                <span style="color: red; padding-right: 5px">*</span>
                <el-button type="primary" plain @click="handlwpbm"
                  >选择物品编码</el-button
                >
              </el-form-item>
            </template>
            <el-descriptions-item>
              <template slot="label"> 设备编码 </template>
              <el-form-item
                prop="informationCode"
                label-width="0"
                v-if="pageType == 'add'"
              >
                <el-input
                  v-if="basicInfo"
                  class="input"
                  size="small"
                  v-model="form.informationCode"
                ></el-input>
              </el-form-item>
              <span v-if="pageType == 'edit'">{{ form.informationCode }}</span>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 设备名称 </template>
              <el-form-item
                prop="informationName"
                label-width="0"
                v-if="pageType == 'add'"
              >
                <el-input
                  v-if="basicInfo"
                  class="input"
                  size="small"
                  v-model="form.informationName"
                ></el-input>
              </el-form-item>
              <span v-if="pageType == 'edit'">{{ form.informationName }}</span>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 型号</template>
              {{ basicInfo.modelType }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 规格 </template>
              {{ basicInfo.specification }}
            </el-descriptions-item>
            <el-descriptions-item :span="2">
              <template slot="label"> 分类 </template>
              {{ basicInfo.classificationUrl }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 生产日期 </template>
              <el-form-item
                prop="productTime"
                label-width="0"
                v-if="pageType == 'add'"
              >
                <el-date-picker
                  v-if="basicInfo"
                  v-model="form.productTime"
                  type="datetime"
                  placeholder="选择日期时间"
                  value-format="yyyy-MM-dd HH:mm:ss"
                >
                </el-date-picker>
              </el-form-item>
              <span v-if="pageType == 'edit'">{{ form.productTime }}</span>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 过保日期 </template>
              <span v-if="pageType == 'add'">{{ expirationTime }}</span>
              <span v-if="pageType == 'edit'">{{ cbexpirationTime }}</span>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 计量单位 </template>
              {{ basicInfo.measuringUnit }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 标准产能 </template>
              {{ setbzcn(basicInfo.extendField) }}
            </el-descriptions-item>
            <!-- <el-descriptions-item v-if="pageType == 'edit'">
            <template slot="label"> 实际产能 </template>
            {{ basicInfo.measuringUnit }}
          </el-descriptions-item> -->
            <el-descriptions-item v-if="pageType == 'edit'">
              <template slot="label"> 生命周期</template>
              {{ sourceDICT }}
            </el-descriptions-item>
            <el-descriptions-item v-if="pageType == 'edit'">
              <template slot="label"> 网络状态</template>
              {{ networkStatus == 1 ? '在线' : '离线' }}
            </el-descriptions-item>
          </el-descriptions>

          <div class="basic-details-title border-none">
            <span class="border-span">资产信息</span>
          </div>
          <el-row>
            <el-col :span="8">
              <el-form-item label="固资编码">
                <el-input
                  class="input"
                  size="small"
                  v-model="zcInfo.fixAssetCode"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="颜色">
                <el-input
                  class="input"
                  size="small"
                  v-model="zcInfo.color"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="重量">
                <el-input
                  size="small"
                  class="input"
                  v-model="zcInfo.weight"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="维护部门">
                <DeptSelect v-model="zcInfo.repairDeptCode" />
                <!-- <selectTree
                ref="tree1"
                class="input"
                :options="options.deptList"
                :initStr="zcInfo.repairDeptName"
                :props="{
                  value: 'code',
                  label: 'name',
                  children: 'children'
                }"
                @getValue="whDeptClick"
              /> -->
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="维护人">
                <el-select v-model="zcInfo.repairUserId" placeholder="请选择">
                  <el-option
                    v-for="item in options.repairUserId"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="权属部门">
                <selectTree
                  ref="tree2"
                  class="input"
                  :initStr="zcInfo.ownershipDeptName"
                  :options="options.deptList"
                  :props="{
                    value: 'code',
                    label: 'name',
                    children: 'children'
                  }"
                  @getValue="qsDeptClick"
                />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="权属人">
                <el-select
                  v-model="zcInfo.ownershipUserId"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in options.ownershipUserId"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="设备用途">
                <el-input
                  v-model="zcInfo.purpose"
                  size="small"
                  class="input"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="所属工序">
                <!-- <el-select v-model="zcInfo.roteCode" placeholder="请选择">
                <el-option
                  v-for="item in options.roteCode"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code"
                >
                </el-option>
              </el-select> -->
                {{ '成型工序' }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="品牌">
                <el-select v-model="zcInfo.brand" placeholder="请选择">
                  <el-option
                    v-for="item in options.brand"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="供应商">
                <el-select v-model="zcInfo.supplierId" placeholder="请选择">
                  <el-option
                    v-for="item in options.supplierId"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="所属厂房">
                <el-select
                  v-model="zcInfo.factoryPlantCode"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in options.factoryPlantCode"
                    :key="item.code"
                    :label="item.name"
                    :value="item.code"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="设备位置">
                <div class="sbwz">
                  <el-select
                    class="item"
                    v-model="zcInfo.factoryCode"
                    placeholder="请选择工厂"
                    @change="hanldFactoryCode"
                  >
                    <el-option
                      v-for="item in options.factoryCode"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                  <el-select
                    class="item"
                    v-model="zcInfo.workshopCode"
                    placeholder="请选择车间"
                    @change="hanldWorkshopCode"
                  >
                    <el-option
                      v-for="item in options.workshopCode"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    >
                    </el-option>
                  </el-select>
                  <el-select
                    class="item"
                    v-model="zcInfo.lineCode"
                    placeholder="请选择产线"
                  >
                    <el-option
                      v-for="item in options.lineCode"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                  <el-input
                    class="item item-input"
                    size="small"
                    placeholder="详细地址"
                    v-model="zcInfo.detailLocation"
                  ></el-input>
                </div>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="basic-details-title border-none">
            <span class="border-span">文档信息</span>
          </div>
          <div class="upload-container">
            <UploadImg @getImgs="cbUploadImg" ref="UploadImg" />
            <div class="file-list">
              <div>
                <el-form-item prop="image" label="使用说明书">
                  <selectUpload
                    @getImgs="setImgs('operatingManual', 1, $event)"
                    :ininObj="attUrl.operatingManual"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="生产许可证书">
                  <selectUpload
                    @getImgs="setImgs('productionLicence', 2, $event)"
                    :ininObj="attUrl.productionLicence"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="防爆合格证书">
                  <selectUpload
                    @getImgs="setImgs('explosionProofCertificate', 3, $event)"
                    :ininObj="attUrl.explosionProofCertificate"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="检验报告">
                  <selectUpload
                    @getImgs="setImgs('surveyReport', 4, $event)"
                    :ininObj="attUrl.surveyReport"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="检验周期说明">
                  <selectUpload
                    @getImgs="setImgs('inspectionCycleManual', 5, $event)"
                    :ininObj="attUrl.inspectionCycleManual"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="图纸资料">
                  <selectUpload
                    @getImgs="setImgs('informationDrawing', 6, $event)"
                    :ininObj="attUrl.informationDrawing"
                  />
                </el-form-item>
              </div>
              <div>
                <el-form-item prop="image" label="产品合格证">
                  <selectUpload
                    @getImgs="setImgs('productCertificate', 7, $event)"
                    :ininObj="attUrl.productCertificate"
                  />
                </el-form-item>
              </div>
            </div>
          </div>
          <div class="basic-details-title border-none">
            <span class="border-span">物联参数</span>
          </div>
          <el-row>
            <el-col>
              <el-form-item label="是否启用物联">
                <el-switch
                  v-model="isIotEnable"
                  active-text="开"
                  inactive-text="关"
                >
                </el-switch>
              </el-form-item>
            </el-col>
            <el-col>
              <el-form-item label="物联ID">{{ iotId }}</el-form-item>
            </el-col>
          </el-row>
          <div class="basic-details-title border-none">
            <span class="border-span">扩展信息</span>
          </div>
          <div class="kzzd">
            <el-row>
              <el-col
                :span="24"
                v-for="(item, index) in form.addList"
                :key="index"
                style="margin-bottom: 20px"
              >
                <el-form-item
                  label-width="0"
                  :prop="'addList.' + index + '.key'"
                  :rules="{
                    required: true,
                    message: '自定义参数名称不能为空',
                    trigger: 'blur'
                  }"
                >
                  <div class="add-col">
                    <el-input
                      class="col-input"
                      v-model="item.key"
                      placeholder="参数名称"
                    ></el-input>
                    <el-input
                      class="col-input"
                      v-model="item.value"
                      placeholder="参数值"
                    ></el-input>
                    <el-button
                      class="del"
                      type="text"
                      @click="delt(item, index)"
                    >
                      删除
                    </el-button>
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="form.addList.length < 10">
                <el-form-item label-width="0">
                  <el-button
                    class="primarybutton"
                    type="primary"
                    @click="addItem"
                    >增加自定义参数</el-button
                  >
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
      </el-form>
      <DialogGoods
        ref="DialogGoods"
        @succeed="cbDialogGoods"
        width="1200px"
      ></DialogGoods>
    </el-card>
  </div>
</template>

<script>
  import DeptSelect from '@/components/CommomSelect/dept-select.vue';
  // import selectUpload from "@/components/selectUpload";
  // import UploadImg from "@/components/uploadImg/WithView.vue";
  import DialogGoods from './components/DialogGoods';
  // import { parseTime } from "@/utils/ruoyi.js";
  // import org from "@/api/main/org";
  // import user from "@/api/main/user";
  // import selectTree from "@/components/selectTree";
  // import dict from "@/api/main/craft/dict";
  // import { imageView } from "@/utils";
  // import {
  //   getPlants,
  //   getfactoryInfo,
  //   getFactorys,
  //   getProductionLine,
  //   saveOrEdit,
  //   getAssetNum,
  //   getDetail,
  //   getSupplier
  // } from '@/api/ledgerAssets/equipment';
  export default {
    components: {
      //selectUpload,
      //UploadImg,
      DialogGoods,
      DeptSelect
    },
    data () {
      return {
        title: '新建设备信息',
        pageType: 'add',
        btnLoading: false,
        // 设备主键id
        id: '',
        form: {
          addList: [],
          // 基本信息
          informationCode: '',
          informationName: '',
          productTime: ''
        },
        rules: {
          informationName: [
            { required: true, message: '请输入设备名称', trigger: 'blur' }
          ],
          informationCode: [
            { required: true, message: '请输入设备编码', trigger: 'blur' }
          ]
        },
        // 基本信息
        basicInfo: '',
        // 资产信息
        zcInfo: {
          // 	固定资产编码
          fixAssetCode: '',
          // 颜色
          color: '',
          // 重量
          weight: '',
          // 维护部门code
          repairDeptCode: '',
          repairDeptName: '',
          repairUserId: '',
          // 权属部门
          ownershipDeptCode: '',
          ownershipDeptName: '',
          ownershipUserId: '',
          // 设备用途
          purpose: '',
          //品牌
          brand: '',
          // 	供应商code
          supplierId: '',
          // 详细地址
          detailLocation: '',
          // 请选择产线
          lineCode: '',
          // 请选择车间
          workshopCode: '',
          // 请选择工厂
          factoryCode: '',
          // 厂房
          factoryPlantCode: '',
          roteCode: ''
        },
        // 图片
        imageUrl: null,
        // 文档信息
        attUrl: {
          operatingManual: null,
          productionLicence: null,
          explosionProofCertificate: null,
          surveyReport: null,
          inspectionCycleManual: null,
          informationDrawing: null,
          productCertificate: null
        },
        // 是否开始物联
        isIotEnable: true,
        // 物联ID
        iotId: '',
        // 回显过保时间
        cbexpirationTime: '',
        // 生命周期
        sourceDICT: '',
        // 网络状态
        networkStatus: '',
        options: {
          deptList: [],
          repairUserId: [],
          ownershipUserId: [],
          supplierId: [],
          factoryCode: [],
          workshopCode: [],
          lineCode: [],
          factoryPlantCode: [],
          brand: []
        }
      };
    },
    watch: {
      'zcInfo.factoryCode': function (nVal) {
        if (this.pageType == 'add') {
          this.zcInfo.workshopCode = '';
          this.options.workshopCode = [];
        }

        // 获取车间
        this.getFactorys();
      },
      'zcInfo.workshopCode': function (nVal) {
        if (this.pageType == 'add') {
          this.zcInfo.lineCode = '';
          this.options.lineCode = [];
        }
        // 获取产线
        this.getProductionLine();
      }
      // "zcInfo.repairDeptCode": function (nVal) {
      //   this.zcInfo.repairUserId = "";
      //   this.options.repairUserId = [];
      // },
      // "zcInfo.ownershipDeptCode": function (nVal) {
      //   this.zcInfo.ownershipUserId = "";
      //   this.options.ownershipUserId = [];
      // },
    },
    computed: {
      // 过保时间
      expirationTime () {
        if (this.form.productTime && this.basicInfo.expirationDate) {
          return this.setGbTime(
            this.form.productTime,
            this.basicInfo.expirationDate,
            this.basicInfo.expirationDateUnit
          );
        } else {
          return '';
        }
      }
    },
    created () {
      // if (this.$route.query.pageType == "add") {
      //   this.pageType = "add";
      //   this.title = "新建设备信息";
      // } else if (this.$route.query.pageType == "edit") {
      //   this.pageType = "edit";
      //   this.id = this.$route.query.id;
      //   this.getInfo();
      //   this.title = "编辑设备信息";
      // }
      // this.getTreeList();
      // this.getgys();
      // //this.getGxlist();
      // this.getPlants();
      // this.getfactoryInfo();
    },
    methods: {
      setImgs (type, sort, info) {
        if (info[0]) {
          this.attUrl[type] = info[0];
          this.attUrl[type].sort = sort;
        } else {
          this.attUrl[type] = null;
        }
      },
      handlwpbm () {
        this.$refs.DialogGoods.open();
      },
      async cbDialogGoods (data) {
        this.basicInfo = data;
        this.form.informationName = this.basicInfo.informationName;
        let res = await getAssetNum({
          assetCode: this.basicInfo.informationCode,
          num: 1
        });
        this.form.informationCode = res.data[0].onlyCode;
      },
      // 计算过保时间
      setGbTime (basic, value, type) {
        basic = Date.parse(basic);
        let time;
        switch (type) {
          case 'minute':
            time = value * 1000 * 60;
            break;
          case 'hour':
            time = value * 1000 * 60 * 60;
            break;
          case 'day':
            time = value * 1000 * 60 * 60 * 24;
            break;
          case 'month':
            time = value * 1000 * 60 * 60 * 24 * 30;
            break;
          case 'year':
            time = value * 1000 * 60 * 60 * 24 * 365;
            break;
          default:
            break;
        }

        let num = basic + time;
        return parseTime(num);
      },
      // 维护部门点击回调
      whDeptClick (info) {
        this.zcInfo.repairDeptCode = info.code;
        // 重置
        this.zcInfo.repairUserId = '';
        this.getwhbm();
      },
      async getwhbm () {
        let res = await user.user({ deptCode: this.zcInfo.repairDeptCode });
        this.options.repairUserId = res.data;
      },
      // 权属部门点击回调
      qsDeptClick (info) {
        this.zcInfo.ownershipDeptCode = info.code;
        // 重置
        this.zcInfo.ownershipUserId = '';
        this.getqsbm();
      },
      async getqsbm () {
        let res = await user.user({ deptCode: this.zcInfo.ownershipDeptCode });
        this.options.ownershipUserId = res.data;
      },
      // 树形结构数据
      getTreeList () {
        org.tree().then((res) => {
          this.options.deptList = res.data;
        });
      },
      // 获取供应商、工序列表
      async getgys () {
        let muster = await getSupplier({
          size: 999
        });
        console.log(muster);
        this.options.supplierId = muster.data.items; //供应商
      },
      // 获取工序列表
      async getGxlist () {
        let data = await dict.list({
          size: 999
        });
        this.options.roteCode = data.data.items;
      },
      // 获取厂房列表
      async getPlants () {
        let data = await getPlants({
          size: 999
        });
        this.options.factoryPlantCode = data.data.items;
      },
      // 获取工厂列表
      async getfactoryInfo () {
        let data = await getfactoryInfo({
          size: 999
        });
        this.options.factoryCode = data.data.items;
      },
      // 获取车间列表
      async getFactorys () {
        let data = await getFactorys({
          factoryCode: this.zcInfo.factoryCode,
          size: 999
        });
        this.options.workshopCode = data.data.items;
      },
      // 获取产线列表
      async getProductionLine () {
        let data = await getProductionLine({
          factory: this.zcInfo.factoryCode,
          workshopId: this.zcInfo.workshopCode,
          size: 999
        });
        this.options.lineCode = data.data.items;
      },
      // 选择图片回调
      cbUploadImg (data) {
        if (data.length > 0) {
          this.imageUrl = data[0];
        } else {
          this.imageUrl = '';
        }
      },
      // 添加自定义参数
      addItem () {
        if (this.form.addList.length < 10) {
          let item = { key: '', value: '' };
          this.form.addList.push(item);
        } else {
          this.$message.warning('自定义参数最多添加10条');
        }
      },
      // 删除自定义参数
      delt (item, index) {
        this.form.addList.splice(index, 1);
      },
      // 提交
      submit () {
        if (!this.basicInfo && this.pageType == 'add') {
          return this.$message.error('请选择物品编码');
        }
        this.$refs.form.validate((valid) => {
          if (valid) {
            let par = {
              //基本信息
              assetCode: this.form.informationCode,
              assetName: this.form.informationName,
              assetType: 1,
              informationId: this.basicInfo.id,
              productTime: this.form.productTime,
              expirationTime: this.expirationTime,
              // 资产信息
              ...this.zcInfo,
              // 文档信息
              attUrl: this.setWd(),
              // 设备图片
              imageUrl: this.imageUrl,
              // 是否启用物联
              isIotEnable: this.isIotEnable,
              // 扩展字段
              extendField: this.setKz()
            };
            if (this.pageType == 'edit') {
              par.id = this.id;
            }
            this.btnLoading = true;
            saveOrEdit(par)
              .then((res) => {
                this.$message.success('操作成功');
                this.$router.go(-1);
              })
              .finally(() => {
                this.btnLoading = false;
              });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      // 处理扩展字段
      setKz () {
        return JSON.stringify(this.form.addList);
      },
      // 处理文档信息
      setWd () {
        let attUrl = [];
        Object.entries(this.attUrl).forEach(([key, value], index) => {
          if (value) {
            attUrl.push(value);
          } else {
            attUrl.push({ sort: index + 1 });
          }
        });
        return attUrl;
      },
      // 获取设备详情
      getInfo () {
        getDetail({
          id: this.id
        }).then((res) => {
          this.$nextTick(() => {
            let data = res.data;
            // 基本信息
            this.form.informationCode = data.assetCode;
            this.form.informationName = data.assetName;
            this.form.productTime = data.productTime;
            this.basicInfo = data.information;
            this.cbexpirationTime = data.expirationTime;
            this.sourceDICT = data.sourceDICT;
            this.networkStatus = data.networkStatus;
            // 资产信息
            for (const key of Object.keys(this.zcInfo)) {
              this.zcInfo[key] = data[key];
            }
            this.getwhbm();
            this.getqsbm();
            if (data.attUrl && data.attUrl.length > 0) {
              // 文档信息
              Object.keys(this.attUrl).forEach((n, index) => {
                if (data.attUrl[index].accessUrl) {
                  this.attUrl[n] = data.attUrl[index];
                }
              });
            }

            // 设备图片
            this.imageUrl = data.imageUrl;
            if (this.imageUrl) {
              imageView(this.imageUrl).then((res) => {
                this.$refs.UploadImg.setImg(res);
              });
            }
            // 物联参数
            this.isIotEnable = data.isIotEnable;
            this.iotId = data.iotId;
            // 扩展字段
            if (data.extendField) {
              this.form.addList = JSON.parse(data.extendField);
            }
          });
        });
      },
      // 设置标准产能
      setbzcn (val) {
        if (!val) {
          return '';
        }
        let item = JSON.parse(val);
        return item.standardCapacity || '';
      },
      hanldFactoryCode () {
        // 重置
        this.zcInfo.workshopCode = '';
        this.zcInfo.lineCode = '';
        this.options.workshopCode = [];
        this.options.lineCode = [];
        // 获取车间
        this.getFactorys();
      },
      hanldWorkshopCode () {
        // 重置
        this.options.workshopCode = [];
        this.options.lineCode = [];
        // 获取产线
        this.getProductionLine();
      }
    }
  };
</script>

<style lang="scss" scoped>
  ::v-deep.equipment-container {
    // .content {
    //   padding: 0 20px;
    // }
    .label-none {
      .el-form-item__content {
        margin-left: 0 !important;
      }
    }
    .upload-container {
      display: flex;
      .file-list {
        margin-left: 50px;
        flex: 1;
      }
    }
  }
  .sbwz {
    .item {
      width: 120px;
    }
    .item + .item {
      margin-left: 10px;
    }
    .item-input {
      width: 350px;
    }
  }
  .input {
    width: 202px;
  }
  .kzzd {
    width: 500px;
    .add-col {
      display: flex;
      .col-input {
        & + .col-input {
          margin-left: 10px;
        }
      }
      .del {
        margin-left: 10px;
      }
    }
  }
</style>