初次对接

src/views/mssPurchaseOrder/purchaseDetails.vue

@@ -22,7 +22,7 @@
               type="date"
               placeholder="日期"
               size="small"
-              style="width: 115px"
+              style="width: 220px"
               format="YYYY-MM-DD"
               value-format="YYYY-MM-DD"
               @change="batchSetChengNuoJiaoQiFun([{id:row.id,newTime:row.chengNuoJiaoQi}])"
@@ -34,66 +34,12 @@
               type="date"
               placeholder="日期"
               size="small"
-              style="width: 130px"
+              style="width: 220px"
               format="YYYY-MM-DD"
               value-format="YYYY-MM-DD"
               @change="batchSetNewChengNuoJiaoQiFun([{id:row.id,newTime:row.newChengNuoJiaoQi}])"
           />
         </template>
-        <template #menu-left>
-          <div class="selectBoxes">
-            <div class="selectItem">
-              <el-input v-model="state.formData.fBillNo" style="width: 240px" placeholder="单据编号" size="default" />
-            </div>
-            <div class="selectItem">
-              <el-select placeholder="业务状态" size="default" style="width: 240px" v-model="state.formData.fmrpCloseStatus">
-                <el-option v-for="item in state.option.column[2].dicData" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </div>
-            <div class="selectItem">
-              <el-date-picker
-                  v-model="state.elDatePicker"
-                  style="width: 560px"
-                  type="daterange"
-                  range-separator="-"
-                  start-placeholder="开始采购日期"
-                  end-placeholder="采购结束日期"
-                  size="default"
-                  format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD"
-                  @change="elDatePickerFun"
-              />
-            </div>
-            <div class="selectItem" style="flex: 1">
-              <el-button type="primary" size="default" @click="selectFun">搜索</el-button>
-              <el-button size="default" @click="resetFun">重置</el-button>
-              <div class="piliang">
-                <el-button type="primary" size="small" @click="state.selectedDataShow = true">
-                  <span>已选中 {{ state.selectedData.length }} 条数据，去查看</span>
-                </el-button>
-                <el-date-picker
-                    v-model="state.chengNuoJiaoQiP"
-                    type="date"
-                    placeholder="批量修改选中承诺日期"
-                    size="small"
-                    style="width: 190px; margin-left: 12px"
-                    @change="chengNuoJiaoQiPFun('0')"
-                />
-                <el-date-picker
-                    v-model="state.newChengNuoJiaoQiP"
-                    type="date"
-                    placeholder="批量修改选中承诺最新交期"
-                    size="small"
-                    style="width: 190px; margin-left: 12px"
-                    @change="chengNuoJiaoQiPFun('1')"
-                />
-              </div>
-            </div>
-          </div>
-        </template>
-        <template #menu="{ row }">
-          <el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails(row)">查看</el-button>
-        </template>
       </avue-crud>
     </el-card>
     <selectedData ref="selectedDataRef" :showes="state.selectedDataShow" :listData="state.selectedData" @generateDocuments="generateDocumentsFun" @close="state.selectedDataShow = false"/>
@@ -119,9 +65,9 @@ const state = reactive({
     pageSize: 25,
   },
   option: {
-    height: '720',
+    height: '790',
     tip: false,
-    index: false,
+    index: true,
     menuWidth: 120,
     border: true,
     delBtn: false,
@@ -131,6 +77,7 @@ const state = reactive({
     selection: true,
     searchMenuSpan: 3,
     addBtn: false,
+    menu: false,
     column: [
       { label: 'PO号', prop: 'fBillNo', /*search: true,*/ searchSpan: 3, width: '125' },
       { label: '采购日期', prop: 'fDate', /*search: true,*/ type: 'datetime', searchSpan: 6, searchRange: true },
@@ -160,8 +107,8 @@ const state = reactive({
       },
       { label: '累计收料数量', prop: 'sendedQty', width: '110' },
       { label: '剩余收料数量', prop: 'notSendQty' },
-      { label: '供应商承诺交期', prop: 'chengNuoJiaoQi', width: '140' },
-      { label: '供应商承诺最新交期', prop: 'newChengNuoJiaoQi', width: '160' },
+      { label: '供应商承诺交期', prop: 'chengNuoJiaoQi', width: '220' },
+      { label: '供应商承诺最新交期', prop: 'newChengNuoJiaoQi', width: '220' },
     ],
   },
   data: [],
@@ -266,6 +213,7 @@ const getList = () => {
   listApi().getPurchaseOrderItemList({
     fid:state.topId
   }).then((res:any) => {
+    state.loading = false
     if(res.resultCode === 0){
       state.data = res.data
     }
@@ -279,6 +227,21 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
+:deep(.avue-crud__header) {
+  display: none;
+}
+:deep(.el-button--text){
+  padding: 0 !important;
+  height: auto !important;
+}
+:deep(.avue-crud__pagination) {
+  padding: 0 12px !important;
+}
+
+:deep(.cell) {
+  padding: 0 !important;
+}
+
 :deep(.avue-crud__left) {
   flex: 1;
 }
@@ -317,8 +280,7 @@ onMounted(() => {
 
 .selectBoxes {
   display: flex;
-  flex: 1;
-
+  flex-wrap: wrap;
   .selectItem {
     margin-right: 16px;
     display: flex;