huang_an пре 2 година
родитељ
комит
f743487722
1 измењених фајлова са 161 додато и 191 уклоњено
  1. 161 191
      src/views/ledgerAssets/equipment/edit.vue

+ 161 - 191
src/views/ledgerAssets/equipment/edit.vue

@@ -163,37 +163,53 @@
           <div class="basic-details-title border-none">
             <span class="border-span">资产信息</span>
           </div>
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="固资编码">
+          <el-descriptions
+            title=""
+            :column="4"
+            size="medium"
+            border
+            style="edit"
+          >
+            <el-descriptions-item>
+              <template slot="label"> 固资编码 </template>
+              <el-form-item label-width="0">
                 <el-input class="input" v-model="zcInfo.fixCode"></el-input>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="编号">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 编号 </template>
+              <el-form-item label-width="0">
                 <el-input class="input" v-model="zcInfo.code1"></el-input>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="颜色">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 颜色 </template>
+              <el-form-item label-width="0">
                 <el-input class="input" v-model="zcInfo.color"></el-input>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="重量">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 重量 </template>
+              <el-form-item label-width="0">
                 <el-input class="input" v-model="zcInfo.weight"></el-input>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="维护部门">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 维护部门 </template>
+              <el-form-item label-width="0">
                 <div class="input">
                   <DeptSelect v-model="zcInfo.repairGroupId" @input="getwhbm" />
                 </div>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="维护人">
-                <el-select v-model="zcInfo.repairUserId" placeholder="请选择">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 维护人 </template>
+              <el-form-item label-width="0">
+                <el-select
+                  style="width: 100%"
+                  v-model="zcInfo.repairUserId"
+                  placeholder="请选择"
+                >
                   <el-option
                     v-for="item in options.repairUserId"
                     :key="item.id"
@@ -203,9 +219,10 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="权属部门">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 权属部门 </template>
+              <el-form-item label-width="0">
                 <div class="input">
                   <DeptSelect
                     v-model="zcInfo.ownershipGroupId"
@@ -213,10 +230,12 @@
                   />
                 </div>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="权属人">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 权属人 </template>
+              <el-form-item label-width="0">
                 <el-select
+                  style="width: 100%"
                   v-model="zcInfo.ownershipUserId"
                   placeholder="请选择"
                 >
@@ -229,36 +248,35 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="设备用途">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 设备用途 </template>
+              <el-form-item label-width="0">
                 <el-input v-model="zcInfo.purpose" class="input"></el-input>
               </el-form-item>
-            </el-col>
-            <!--            <el-col :span="8">
-              <el-form-item label="所属工序">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 所属工序 </template>
+              <el-form-item label-width="0">
                 <WorkingProcedureSelect
                   v-model="zcInfo.roteId"
                 ></WorkingProcedureSelect>
               </el-form-item>
-            </el-col> -->
-            <el-col :span="8">
-              <el-form-item label="品牌">
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 品牌 </template>
+              <el-form-item label-width="0">
                 <el-input v-model="zcInfo.brand" class="input"></el-input>
-                <!-- <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-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 供应商 </template>
+              <el-form-item label-width="0">
+                <el-select
+                  v-model="zcInfo.supplierId"
+                  style="width: 100%"
+                  placeholder="请选择"
+                >
                   <el-option
                     v-for="item in options.supplierId"
                     :key="item.id"
@@ -268,150 +286,91 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-row>
-                <el-col :span="5">
-                  <el-form-item label="所属厂房">
-                    <FactoryAreaSelect
-                      v-model="zcInfo.factoryRoomId1"
-                      :augr="1"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label-width="10px">
-                    <FactoryAreaSelect
-                      v-model="zcInfo.factoryRoomId2"
-                      :augr="2"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label-width="10px">
-                    <FactoryAreaSelect
-                      v-model="zcInfo.factoryRoomId3"
-                      :augr="3"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label-width="10px">
-                    <FactoryAreaSelect
-                      v-model="zcInfo.factoryRoomId4"
-                      :augr="4"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="3">
-                  <el-form-item label-width="10px">
-                    <el-input
-                      placeholder="请输入"
-                      v-model="zcInfo.factoryRoomId5"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </el-col>
-            <el-col :span="24">
-              <el-row>
-                <el-col :span="6">
-                  <!-- prop="location" -->
-                  <el-form-item label="设备位置">
-                    <div class="location-warp">
-                      <el-cascader
-                        clearable
-                        style="width: 100%"
-                        v-model="form.location"
-                        :options="options.cityDataLabel"
-                      ></el-cascader>
-                    </div>
-                    <!-- <div class="sbwz">
-                  <el-row :gutter="12">
-                    <el-col :span="3">
-                      <el-form-item
-                        label=""
-                        label-width="0"
-                        prop="factoryCode"
-                        :rules="[
-                          {
-                            required: true,
-                            message: '请选择工厂',
-                            trigger: 'change'
-                          }
-                        ]"
-                        ><factorySelect
-                          v-model="positionInfo.factoryCode"
-                          placeholder="请选择工厂"
-                          @selfChange="hanldFactoryCode"
-                        /> </el-form-item
-                    ></el-col>
-                    <el-col :span="3">
-                      <el-form-item
-                        label=""
-                        label-width="0"
-                        prop="workshopCode"
-                        :rules="[
-                          {
-                            required: true,
-                            message: '请选择车间',
-                            trigger: 'change'
-                          }
-                        ]"
-                      >
-                        <WorkshopSelect
-                          ref="WorkshopSelectRef"
-                          :factoryId="positionInfo.factoryCode"
-                          v-model="positionInfo.workshopCode"
-                          @selfChange="hanldWorkshopCode"
-                          placeholder="请选择车间" /></el-form-item
-                    ></el-col>
-                    <el-col :span="3">
-                      <el-form-item
-                        label=""
-                        label-width="0"
-                        prop="lineCode"
-                        :rules="[
-                          {
-                            required: true,
-                            message: '请选择产线',
-                            trigger: 'change'
-                          }
-                        ]"
-                      >
-                        <FactoryLineSelect
-                          ref="FactoryLineSelectRef"
-                          :workshopId="positionInfo.workshopCode"
-                          v-model="positionInfo.lineCode"
-                          @selfChange="hanldlineCodeCode"
-                          placeholder="请选择产线"
-                        /> </el-form-item
-                    ></el-col>
-                    <el-col :span="4">
-                      <el-input
-                        class="item item-input"
-                        placeholder="详细地址"
-                        v-model="positionInfo.detailPosition"
-                      ></el-input
-                    ></el-col>
-                  </el-row>
-                </div> -->
-                  </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                  <el-form-item label-width="10px">
-                    <el-input
-                      class="detail"
+            </el-descriptions-item>
+
+            <el-descriptions-item :span="4">
+              <template slot="label"> 所属厂房 </template>
+              <el-form-item label-width="0">
+                <FactoryAreaSelect
+                  style="margin-right: 10px"
+                  v-model="zcInfo.factoryRoomId1"
+                  :augr="1"
+                />
+                <FactoryAreaSelect
+                  style="margin-right: 10px"
+                  v-model="zcInfo.factoryRoomId2"
+                  :augr="2"
+                />
+                <FactoryAreaSelect
+                  style="margin-right: 10px"
+                  v-model="zcInfo.factoryRoomId3"
+                  :augr="3"
+                />
+                <FactoryAreaSelect
+                  style="margin-right: 10px"
+                  v-model="zcInfo.factoryRoomId4"
+                  :augr="4"
+                />
+                <el-input
+                  placeholder="请输入"
+                  v-model="zcInfo.factoryRoomId5"
+                  style="width: 20%"
+                ></el-input>
+              </el-form-item>
+            </el-descriptions-item>
+            <el-descriptions-item :span="4">
+              <template slot="label"> 设备位置 </template>
+              <el-form-item label-width="0">
+                <div style="display: flex">
+                  <div
+                    class="location-warp"
+                    style="width: 50%; margin-right: 10px"
+                  >
+                    <el-cascader
                       clearable
-                      :maxlength="20"
-                      v-model="form.locationDetail"
-                      placeholder="请输入详细地址"
-                    />
-                  </el-form-item>
-                </el-col>
-              </el-row>
-            </el-col>
-          </el-row>
+                      v-model="form.location"
+                      :options="options.cityDataLabel"
+                    ></el-cascader>
+                  </div>
+                  <factorySelect
+                    style="margin-right: 10px"
+                    v-model="positionInfo.factoryCode"
+                    placeholder="请选择工厂"
+                    @selfChange="hanldFactoryCode"
+                  />
+                  <WorkshopSelect
+                    style="margin-right: 10px"
+                    ref="WorkshopSelectRef"
+                    :factoryId="positionInfo.factoryCode"
+                    v-model="positionInfo.workshopCode"
+                    @selfChange="hanldWorkshopCode"
+                    placeholder="请选择车间"
+                  />
+                  <FactoryLineSelect
+                    style="margin-right: 10px"
+                    ref="FactoryLineSelectRef"
+                    :workshopId="positionInfo.workshopCode"
+                    v-model="positionInfo.lineCode"
+                    @selfChange="hanldlineCodeCode"
+                    placeholder="请选择产线"
+                  />
+                  <el-input
+                    style="margin-right: 10px"
+                    class="item item-input"
+                    placeholder="详细地址"
+                    v-model="positionInfo.detailPosition"
+                  ></el-input>
+                  <el-input
+                    class="detail"
+                    clearable
+                    :maxlength="20"
+                    v-model="form.locationDetail"
+                    placeholder="请输入详细地址"
+                  />
+                </div>
+              </el-form-item>
+            </el-descriptions-item>
+          </el-descriptions>
 
           <div class="basic-details-title border-none">
             <span class="border-span">仓储配置</span>
@@ -1236,6 +1195,12 @@
 </script>
 
 <style lang="scss" scoped>
+  ::v-deep .el-descriptions__table tbody:nth-child(4) {
+    .el-descriptions-row {
+      .el-descriptions-item__cell:last-child {
+      }
+    }
+  }
   .baseinfo-container .basic-details-title {
     font-size: 16px;
     margin: 15px 0;
@@ -1270,7 +1235,7 @@
     }
   }
   .input {
-    width: 202px;
+    width: 100%;
   }
   .kzzd {
     width: 500px;
@@ -1286,4 +1251,9 @@
       }
     }
   }
+  ::v-deep .el-descriptions {
+    .el-form-item {
+      margin-bottom: 0px;
+    }
+  }
 </style>