no message

src/views/partsManagement/accessoryWebsite/website-old-parts-shop-refund/index.vue

@@ -8,25 +8,23 @@
     :tableAttributes="tableAttributes"
     :tableEvents="tableEvents"
   >
-    <el-dialog
-      title=""
-      width="600px"
-      :modal="true"
-      :visible.sync="formDialog"
-      :show-close="true"
-      :close-on-click-modal="false"
-      :modal-append-to-body="false"
-      append-to-body
-      :before-close="formCancel"
-    >
-      <zj-form-container ref="formRef" :form-data="formData" :styleSwitch="false">
-        <zj-form-module title="新增" label-width="90px" :form-data="formData" :form-items="formItems"> </zj-form-module>
-      </zj-form-container>
-      <div slot="footer" class="dialog-footer" style="text-align: right">
-        <el-button size="mini" @click="formCancel">取 消</el-button>
-        <el-button size="mini" @click="formConfirm" type="primary">确 定</el-button>
-      </div>
-    </el-dialog>
+    <div class="cartographer_big">
+      <el-dialog title="创建工单" width="100%" :modal="false" :visible.sync="formDialog" :before-close="formCancel">
+        <zj-page-container>
+          <zj-page-fill class="neibuview">
+            <zj-form-container ref="formRef" :form-data="formData" :styleSwitch="false">
+              <zj-form-module title="新增" label-width="90px" :form-data="formData" :form-items="formItems">
+              </zj-form-module>
+            </zj-form-container>
+          </zj-page-fill>
+          <!-- 操作按钮 -->
+          <div slot="footer" class="dialog-footer" style="text-align: right; box-sizing: border-box; padding: 20px">
+            <el-button size="mini" @click="formCancel">取 消</el-button>
+            <el-button size="mini" @click="formConfirm" type="primary">确 定</el-button>
+          </div>
+        </zj-page-container>
+      </el-dialog>
+    </div>
   </template-page>
 </template>
 
@@ -97,7 +95,7 @@ export default {
       return [
         {
           name: 'el-select',
-          md: 24,
+          md: 8,
           options: this.objectTypeList,
           attributes: {
             placeholder: '请选择',
@@ -127,7 +125,7 @@ export default {
         },
         {
           name: 'el-select',
-          md: 24,
+          md: 8,
           options: this.websitList,
           attributes: {
             placeholder: '请选择',
@@ -153,7 +151,7 @@ export default {
         },
         {
           name: 'el-select',
-          md: 24,
+          md: 8,
           options: this.partsList,
           attributes: {
             placeholder: '请选择',
@@ -196,25 +194,25 @@ export default {
         },
         {
           name: 'el-input',
-          md: 24,
+          md: 8,
           attributes: { placeholder: '请输入', disabled: true },
           formItemAttributes: { label: '配件编码', prop: 'partsNumberName_' }
         },
         {
           name: 'el-input',
-          md: 24,
+          md: 8,
           attributes: { placeholder: '请输入', disabled: true },
           formItemAttributes: { label: '物料组名称', prop: 'materialGroupName' }
         },
         {
           name: 'el-input',
-          md: 24,
+          md: 8,
           attributes: { placeholder: '请输入', disabled: true },
           formItemAttributes: { label: '单位名称', prop: 'goodsStockUnit' }
         },
         {
           name: 'el-input',
-          md: 12,
+          md: 8,
           attributes: { placeholder: '请输入', type: 'number' },
           formItemAttributes: {
             label: '数量',
@@ -236,19 +234,19 @@ export default {
         },
         {
           name: 'el-input',
-          md: 12,
+          md: 8,
           attributes: { placeholder: '请输入', type: 'number', disabled: true },
           formItemAttributes: { label: '剩余数量', prop: 'totalNumber' }
         },
         {
           name: 'el-input',
-          md: 24,
+          md: 8,
           attributes: { placeholder: '请输入' },
           formItemAttributes: { label: '申请单号', prop: 'applyNo' }
         },
         {
           name: 'el-input',
-          md: 24,
+          md: 8,
           attributes: { placeholder: '请输入' },
           formItemAttributes: { label: '凭证号', prop: 'voucherNo' }
         },
@@ -319,4 +317,18 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.neibuview {
+  box-sizing: border-box;
+  padding-left: 16px;
+
+  ::v-deep & > .zj-page-fill-scroll {
+    box-sizing: border-box;
+    padding-right: 16px;
+
+    & > div:nth-child(1) {
+      margin-top: 20px;
+    }
+  }
+}
+</style>