完善存放地点

anrui-scm/anrui-scm-ui/src/views/anruiscm/scmwarehouse/scmwarehouseInfo.vue

@@ -3,83 +3,63 @@
     <!--标题按钮部分开始-->
     <div class="tab-header webtop">
       <!--标题-->
-      <div>存放地点详情</div>
-      <!--start 详情按钮-->
+      <div>{{ viewTitle }}</div>
+      <!--start 添加修改按钮-->
       <div>
         <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
       </div>
+      <!--end 添加修改按钮-->
       <!--end 详情按钮-->
     </div>
     <!--标题按钮部分结束-->
+    <!--Start 新增修改部分-->
     <div class="listconadd">
       <div class="titwu"><span>存放地点</span></div>
-      <el-form ref="form_obj" :model="formobj" class="formadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
         <el-row style="border-top: 1px solid #E0E3EB">
-          <el-col :span="3" class="tleftb">
-            <span>使用组织</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.useOrg }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3" class="tleftb">
-            <span>编码</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.gressionCode }}</span>
-            </el-form-item>
+          <el-col :span="24">
+            <el-form-item><span style="color: red">注：存放地点名称、详细地址会在相关合同中显示，请安要求认真填写</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3" class="tleftb">
-            <span>名称</span>
-          </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.warehouseName }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3" class="tleftb">
-            <span>负责人及电话</span>
+          <el-col :span="12">
+            <div class="span-sty">使用组织</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.useOrg }}</span></el-form-item>
           </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.warehouseContract }}</span>
-            </el-form-item>
+          <el-col :span="12">
+            <div class="span-sty">编码</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.gressionCode }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3" class="tleftb">
-            <span>分组</span>
+          <el-col :span="12">
+            <div class="span-sty">名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.warehouseName }}</span></el-form-item>
           </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.warehouseGroupValue }}</span>
-            </el-form-item>
+          <el-col :span="12">
+            <div class="span-sty">负责人及电话</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.warehouseContract }}</span></el-form-item>
           </el-col>
-          <el-col :span="3" class="tleftb">
-            <span>库管人员</span>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty">分组</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.warehouseGroupValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="9">
-            <el-form-item>
-              <span>{{ formobj.libTubeName }}</span>
-            </el-form-item>
+          <el-col :span="12">
+            <div class="span-sty">库管人员</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.libTubeName }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3" class="tleftb">
-            <span>详细地址</span>
-          </el-col>
-          <el-col :span="21">
-            <el-form-item>
-              <span>{{ formobj.warehouseAttribute }}</span>
-            </el-form-item>
+          <el-col :span="24">
+            <div class="span-sty">详细地址</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.city }}{{ formobj.county }}{{ formobj.warehouseAttribute }}</span></el-form-item>
           </el-col>
         </el-row>
       </el-form>
     </div>
+    <!--End 添加修改部分-->
   </div>
 </template>
 
@@ -90,35 +70,78 @@ export default {
   name: 'ScmWarehouseInfo',
   data() {
     return {
-      formobj: {}
+      viewTitle: '',
+      formobj: {
+        sid: '',
+        useOrg: '', // 使用组织
+        useOrgSid: '', // 使用组织sid
+        gressionCode: '', // 编码
+        warehouseName: '', // 名称
+        warehouseAttribute: '', // 存放地点属性
+        warehouseContract: '', // 存放地点负责人
+        warehouseContractSid: '', // 存放地点负责人sid
+        warehouseGroupValue: '',
+        warehouseGroupKey: '',
+        libTubeName: '',
+        libTubeSid: '',
+        provinceSid: '',
+        province: '',
+        citySid: '',
+        city: '',
+        countySid: '',
+        county: ''
+      },
+      rules: {}
     }
   },
   methods: {
-    handleReturn() {
-      this.formobj = {}
-      this.$emit('doback')
-    },
     showInfo(row) {
-      this.formobj = row
-      req.fetchBySid(row.sid).then(resp => {
-        const vdata = resp.data
-        this.formobj.id = vdata.id
-        this.formobj.sid = vdata.sid // SID
-        this.formobj.useOrg = vdata.useOrg // 使用组织
-        this.formobj.warehouseName = vdata.warehouseName // 名称
-        this.formobj.gressionCode = vdata.gressionCode // 编码
-        this.formobj.warehouseAttribute = vdata.warehouseAttribute // 存放地点属性
-        this.formobj.warehouseContract = vdata.warehouseContract // 存放地点负责人
-        this.formobj.warehouseContractSid = vdata.warehouseContractSid // 存放地点负责人sid
-        this.formobj.warehouseGroupKey = vdata.warehouseGroupKey // 分组
-        this.formobj.warehouseGroupValue = vdata.warehouseGroupValue // 分组
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.dialogStatus = 'edit'
+      this.viewTitle = '存放地点详情'
+      req.fetchBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+        }
       }).catch(e => {
         this.formobj = row
       })
-    }
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        useOrg: '', // 使用组织
+        useOrgSid: '', // 使用组织sid
+        gressionCode: '', // 编码
+        warehouseName: '', // 名称
+        warehouseAttribute: '', // 存放地点属性
+        warehouseContract: '', // 存放地点负责人
+        warehouseContractSid: '', // 存放地点负责人sid
+        warehouseGroupValue: '',
+        warehouseGroupKey: '',
+        libTubeName: '',
+        libTubeSid: '',
+        provinceSid: '',
+        province: '',
+        citySid: '',
+        city: '',
+        countySid: '',
+        county: ''
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    },
   }
 }
 </script>
 
 <style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
 </style>