瀏覽代碼

页面优化

lilei 3 年之前
父節點
當前提交
65386b375f
共有 1 個文件被更改,包括 197 次插入195 次删除
  1. 197 195
      src/views/salesManagement/salesQuery/chooseCustomModal.vue

+ 197 - 195
src/views/salesManagement/salesQuery/chooseCustomModal.vue

@@ -1,199 +1,201 @@
 <template>
 <template>
-  <a-modal
-    v-model="opened"
-    :title="title"
-    centered
-    :maskClosable="false"
-    :confirmLoading="confirmLoading"
-    :width="960"
-    :footer="null"
-    @cancel="cancel"
-  >
-    <a-spin :spinning="spinning" tip="Loading...">
-      <a-form-model
-        id="chooseCustom-form"
-        ref="ruleForm"
-        :model="form"
-        :rules="rules"
-        :label-col="formItemLayout.labelCol"
-        :wrapper-col="formItemLayout.wrapperCol"
-      >
-        <a-row :gutter="15">
-          <a-col :span="16">
-            <a-form-model-item label="客户名称" prop="buyerSn" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
-              <custList ref="custList" :isValidateEnabled="true" id="chooseCustom-buyerSn" @change="custChange" v-model="form.buyerSn"></custList>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8" v-if="$hasPermissions('B_customer_customerInfo_add')">
-            <a-form-model-item :labelCol="{ span: 0 }" :wrapperCol="{ span: 24 }">
-              <a-button type="primary" class="button-primary" @click="openNewCust" icon="plus">新增</a-button>
-              (点击新增按钮新增客户)
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="15">
-          <a-col :span="24">
-            <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
-              <a-row :gutter="15">
-                <!-- 客户地址 -->
-                <a-col span="8">
-                  <a-form-model-item prop="shippingAddressProvinceSn">
-                    <a-select id="chooseCustom-provinceSn" allowClear @change="getCityList" v-model="form.shippingAddressProvinceSn" placeholder="请选择省">
-                      <a-select-option v-for="item in addrProvinceList" :value="item.areaSn" :key="item.areaSn + 'a'">{{ item.name }}</a-select-option>
-                    </a-select>
-                  </a-form-model-item>
-                </a-col>
-                <a-col span="8">
-                  <a-form-model-item prop="shippingAddressCitySn">
-                    <a-select id="chooseCustom-citySn" allowClear @change="getAreaList" v-model="form.shippingAddressCitySn" placeholder="请选择市">
-                      <a-select-option v-for="item in addrCityList" :value="item.areaSn" :key="item.areaSn + 'b'">{{ item.name }}</a-select-option>
-                    </a-select>
-                  </a-form-model-item>
-                </a-col>
-                <a-col span="8">
-                  <a-form-model-item prop="shippingAddressCountySn">
-                    <a-select id="chooseCustom-countySn" allowClear @change="areaCharged" v-model="form.shippingAddressCountySn" placeholder="请选择区/县">
-                      <a-select-option v-for="item in addrDistrictList" :value="item.areaSn" :key="item.areaSn + 'c'">{{ item.name }}</a-select-option>
-                    </a-select>
-                  </a-form-model-item>
-                </a-col>
-              </a-row>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="24">
-            <a-form-model-item label="详细地址" prop="shippingAddress" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
-              <a-input
-                id="chooseCustom-shippingAddress"
-                :maxLength="60"
-                v-model="form.shippingAddress"
-                placeholder="请输入详细地址(最多60个字符)"
-                allowClear />
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="15">
-          <a-col :span="8">
-            <a-form-model-item label="联系人" prop="consigneeName">
-              <a-input
-                id="chooseCustom-consigneeName"
-                :maxLength="30"
-                v-model="form.consigneeName"
-                placeholder="请输入联系人(最多30个字符)"
-                allowClear />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="联系电话" prop="consigneeTel">
-              <a-input
-                id="chooseCustom-consigneeTel"
-                :maxLength="15"
-                v-model="form.consigneeTel"
-                placeholder="请输入联系电话(最多15个字符)"
-                allowClear />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="联系手机" prop="contactMobile">
-              <a-input
-                id="chooseCustom-contactMobile"
-                :maxLength="11"
-                v-model="form.contactMobile"
-                placeholder="请输入联系电话(最多11个字符)"
-                allowClear />
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="15">
-          <a-col :span="8">
-            <a-form-model-item label="价格类型" prop="priceType">
-              <a-row :gutter="15">
-                <a-col :span="20">
-                  <v-select
-                    code="PRICE_TYPE"
-                    :disabled="priceTypeDisabled"
-                    id="chooseCustom-priceType"
-                    v-model="form.priceType"
-                    allowClear
-                    placeholder="请选择价格类型" ></v-select>
-                </a-col>
-                <a-col :span="4">
-                  <a-popover>
-                    <template slot="content">(选择后在当前工单不可修改)</template>
-                    <a-icon type="question-circle" />
-                  </a-popover>
-                </a-col>
-              </a-row>
-            </a-form-model-item>
-          </a-col>
-          <!-- <a-col :span="8">
-            <a-form-model-item label="支付方式" prop="payType">
-              <v-select code="PAY_TYPE" id="chooseCustom-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" />
-            </a-form-model-item>
-          </a-col> -->
-          <a-col :span="8">
-            <a-form-model-item label="收款方式" prop="settleStyleSn">
-              <a-select placeholder="请选择收款方式" allowClear v-model="form.settleStyleSn">
-                <a-select-option v-for="item in settleStyleList" :key="item.settleStyleSn" :value="item.settleStyleSn">
-                  {{ item.name }}
-                </a-select-option>
-              </a-select>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="配送方式" prop="dispatchType">
-              <v-select code="DISPATCH_TYPE" id="chooseCustom-dispatchType" v-model="form.dispatchType" allowClear placeholder="请选择配送方式"></v-select>
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="15">
-          <a-col :span="8">
-            <a-form-model-item label="业务员" prop="salesManSn">
-              <a-select id="chooseCustom-salesManSn" allowClear @change="salesManChange" v-model="form.salesManSn" placeholder="请选择业务员">
-                <a-select-option v-for="item in userList" :value="item.employeeSn" :key="item.id + 'c'">{{ item.name }}</a-select-option>
-              </a-select>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="铺货出库" prop="distributionFlag">
-              <v-select code="FLAG" id="chooseCustom-distributionFlag" v-model="form.distributionFlag" allowClear placeholder="请选择"></v-select>
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="15">
-          <a-col :span="8">
-            <a-form-model-item label="备注" prop="remarks">
-              <a-input
-                id="chooseCustom-remarks"
-                type="textarea"
-                :maxLength="100"
-                v-model="form.remarks"
-                placeholder="请输入备注(最多100个字符)"
-                allowClear />
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="开单人">{{ $store.state.user.info.userNameCN }}</a-form-model-item>
-          </a-col>
-        </a-row>
-        <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
-          <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
-          <a-button @click="cancel" style="margin-left: 15px" id="chooseCustom-btn-back">取消</a-button>
-        </a-form-model-item>
-      </a-form-model>
-      <!-- 新增客户 -->
-      <a-modal
-        v-model="isNewCust"
-        title="新增客户"
-        centered
-        :width="960"
-        :maskClosable="false"
-        @cancel="cancelNewCust"
-        :footer="null"
-      >
-        <CustomerManagementEdit ref="newCust" model="modal" @ok="newCustFun"></CustomerManagementEdit>
-      </a-modal>
-    </a-spin>
-  </a-modal>
+  <div v-if="opened">
+    <a-modal
+      v-model="opened"
+      :title="title"
+      centered
+      :maskClosable="false"
+      :confirmLoading="confirmLoading"
+      :width="960"
+      :footer="null"
+      @cancel="cancel"
+    >
+      <a-spin :spinning="spinning" tip="Loading...">
+        <a-form-model
+          id="chooseCustom-form"
+          ref="ruleForm"
+          :model="form"
+          :rules="rules"
+          :label-col="formItemLayout.labelCol"
+          :wrapper-col="formItemLayout.wrapperCol"
+        >
+          <a-row :gutter="15">
+            <a-col :span="16">
+              <a-form-model-item label="客户名称" prop="buyerSn" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
+                <custList ref="custList" :isValidateEnabled="true" id="chooseCustom-buyerSn" @change="custChange" v-model="form.buyerSn"></custList>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8" v-if="$hasPermissions('B_customer_customerInfo_add')">
+              <a-form-model-item :labelCol="{ span: 0 }" :wrapperCol="{ span: 24 }">
+                <a-button type="primary" class="button-primary" @click="openNewCust" icon="plus">新增</a-button>
+                (点击新增按钮新增客户)
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="15">
+            <a-col :span="24">
+              <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
+                <a-row :gutter="15">
+                  <!-- 客户地址 -->
+                  <a-col span="8">
+                    <a-form-model-item prop="shippingAddressProvinceSn">
+                      <a-select id="chooseCustom-provinceSn" allowClear @change="getCityList" v-model="form.shippingAddressProvinceSn" placeholder="请选择省">
+                        <a-select-option v-for="item in addrProvinceList" :value="item.areaSn" :key="item.areaSn + 'a'">{{ item.name }}</a-select-option>
+                      </a-select>
+                    </a-form-model-item>
+                  </a-col>
+                  <a-col span="8">
+                    <a-form-model-item prop="shippingAddressCitySn">
+                      <a-select id="chooseCustom-citySn" allowClear @change="getAreaList" v-model="form.shippingAddressCitySn" placeholder="请选择市">
+                        <a-select-option v-for="item in addrCityList" :value="item.areaSn" :key="item.areaSn + 'b'">{{ item.name }}</a-select-option>
+                      </a-select>
+                    </a-form-model-item>
+                  </a-col>
+                  <a-col span="8">
+                    <a-form-model-item prop="shippingAddressCountySn">
+                      <a-select id="chooseCustom-countySn" allowClear @change="areaCharged" v-model="form.shippingAddressCountySn" placeholder="请选择区/县">
+                        <a-select-option v-for="item in addrDistrictList" :value="item.areaSn" :key="item.areaSn + 'c'">{{ item.name }}</a-select-option>
+                      </a-select>
+                    </a-form-model-item>
+                  </a-col>
+                </a-row>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-model-item label="详细地址" prop="shippingAddress" :labelCol="{ span: 2 }" :wrapperCol="{ span: 22 }">
+                <a-input
+                  id="chooseCustom-shippingAddress"
+                  :maxLength="60"
+                  v-model="form.shippingAddress"
+                  placeholder="请输入详细地址(最多60个字符)"
+                  allowClear />
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="15">
+            <a-col :span="8">
+              <a-form-model-item label="联系人" prop="consigneeName">
+                <a-input
+                  id="chooseCustom-consigneeName"
+                  :maxLength="30"
+                  v-model="form.consigneeName"
+                  placeholder="请输入联系人(最多30个字符)"
+                  allowClear />
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-model-item label="联系电话" prop="consigneeTel">
+                <a-input
+                  id="chooseCustom-consigneeTel"
+                  :maxLength="15"
+                  v-model="form.consigneeTel"
+                  placeholder="请输入联系电话(最多15个字符)"
+                  allowClear />
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-model-item label="联系手机" prop="contactMobile">
+                <a-input
+                  id="chooseCustom-contactMobile"
+                  :maxLength="11"
+                  v-model="form.contactMobile"
+                  placeholder="请输入联系电话(最多11个字符)"
+                  allowClear />
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="15">
+            <a-col :span="8">
+              <a-form-model-item label="价格类型" prop="priceType">
+                <a-row :gutter="15">
+                  <a-col :span="20">
+                    <v-select
+                      code="PRICE_TYPE"
+                      :disabled="priceTypeDisabled"
+                      id="chooseCustom-priceType"
+                      v-model="form.priceType"
+                      allowClear
+                      placeholder="请选择价格类型" ></v-select>
+                  </a-col>
+                  <a-col :span="4">
+                    <a-popover>
+                      <template slot="content">(选择后在当前工单不可修改)</template>
+                      <a-icon type="question-circle" />
+                    </a-popover>
+                  </a-col>
+                </a-row>
+              </a-form-model-item>
+            </a-col>
+            <!-- <a-col :span="8">
+              <a-form-model-item label="支付方式" prop="payType">
+                <v-select code="PAY_TYPE" id="chooseCustom-payType" v-model="form.payType" allowClear placeholder="请选择支付方式" />
+              </a-form-model-item>
+            </a-col> -->
+            <a-col :span="8">
+              <a-form-model-item label="收款方式" prop="settleStyleSn">
+                <a-select placeholder="请选择收款方式" allowClear v-model="form.settleStyleSn">
+                  <a-select-option v-for="item in settleStyleList" :key="item.settleStyleSn" :value="item.settleStyleSn">
+                    {{ item.name }}
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-model-item label="配送方式" prop="dispatchType">
+                <v-select code="DISPATCH_TYPE" id="chooseCustom-dispatchType" v-model="form.dispatchType" allowClear placeholder="请选择配送方式"></v-select>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="15">
+            <a-col :span="8">
+              <a-form-model-item label="业务员" prop="salesManSn">
+                <a-select id="chooseCustom-salesManSn" allowClear @change="salesManChange" v-model="form.salesManSn" placeholder="请选择业务员">
+                  <a-select-option v-for="item in userList" :value="item.employeeSn" :key="item.id + 'c'">{{ item.name }}</a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-model-item label="铺货出库" prop="distributionFlag">
+                <v-select code="FLAG" id="chooseCustom-distributionFlag" v-model="form.distributionFlag" allowClear placeholder="请选择"></v-select>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="15">
+            <a-col :span="8">
+              <a-form-model-item label="备注" prop="remarks">
+                <a-input
+                  id="chooseCustom-remarks"
+                  type="textarea"
+                  :maxLength="100"
+                  v-model="form.remarks"
+                  placeholder="请输入备注(最多100个字符)"
+                  allowClear />
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-model-item label="开单人">{{ $store.state.user.info.userNameCN }}</a-form-model-item>
+            </a-col>
+          </a-row>
+          <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
+            <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
+            <a-button @click="cancel" style="margin-left: 15px" id="chooseCustom-btn-back">取消</a-button>
+          </a-form-model-item>
+        </a-form-model>
+        <!-- 新增客户 -->
+        <a-modal
+          v-model="isNewCust"
+          title="新增客户"
+          centered
+          :width="960"
+          :maskClosable="false"
+          @cancel="cancelNewCust"
+          :footer="null"
+        >
+          <CustomerManagementEdit ref="newCust" model="modal" @ok="newCustFun"></CustomerManagementEdit>
+        </a-modal>
+      </a-spin>
+    </a-modal>
+  </div>
 </template>
 </template>
 
 
 <script>
 <script>