新增销售合同首页

src/views/salesManagement/salesContract/index.vue

@@ -0,0 +1,204 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"
+               :data="dataList"
+               ref="crud"
+               v-model="form"
+               :page.sync="page"
+               @row-del="rowDel"
+               @row-update="rowUpdate"
+               :before-open="beforeOpen"
+               :before-close="beforeClose"
+               @row-save="rowSave"
+               @search-change="searchChange"
+               @search-reset="searchReset"
+               @selection-change="selectionChange"
+               @current-change="currentChange"
+               @size-change="sizeChange"
+               @refresh-change="refreshChange"
+               @on-load="onLoad">
+      <template slot-scope="{row,size}" slot="search">
+      </template>
+      <template slot-scope="scope" slot="expand">
+        <el-table
+          :data="scope.row.insideList"
+          v-loading="scope.row.loading"
+        >
+          <el-table-column  label="提单号" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="货物品种" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="件数" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="销售价格" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="销售数量" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="码单数量" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="是否发货" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+          <el-table-column  label="付款金额" prop="fBillstatus" align="center" show-overflow-tooltip width="100"></el-table-column>
+        </el-table>
+      </template>
+      <template slot-scope="scope" slot="menu">
+        <el-button
+          type="text"
+          icon="el-icon-view"
+          size="small"
+          @click.stop="beforeOpenPage(scope.row,scope.index)"
+        >查看
+        </el-button>
+        <el-button
+          type="text"
+          icon="el-icon-edit"
+          size="small"
+          @click.stop="editOpen(scope.row,scope.index)"
+        >编辑
+        </el-button>
+        <el-button
+          type="text"
+          icon="el-icon-delete"
+          size="small"
+          @click.stop="rowDel(scope.row,scope.index)"
+        >删除
+        </el-button>
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import option from "./config/mainList.json";
+
+export default {
+  name: "index",
+  data() {
+    return {
+      option: option,
+      dataList: [{sysNo: 1, orderNo: 1}],
+      page: {
+        pageSize: 10,
+        pagerCount: 5,
+        total: 0,
+      },
+      form: {},
+      search: {},
+    }
+  },
+  methods: {
+    //删除列表后面的删除按钮触发触发(row, index, done)
+    rowDel(row, index, done) {
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        return deleteDetails(row.id);
+      }).then(() => {
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+        this.page.currentPage = 1;
+        this.onLoad(this.page, {parentId: 0});
+      });
+    },
+    //修改时的修改按钮点击触发
+    rowUpdate(row, index, done, loading) {
+      typeSave(row).then(() => {
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+        // 数据回调进行刷新
+        done(row);
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    //新增修改时保存触发
+    rowSave(row, done, loading) {
+      typeSave(row).then(res => {
+        console.log(res)
+        done()
+      })
+    },
+    //查询全部
+    initData() {
+      customerList().then(res => {
+        console.log(this.form);
+        const column = this.findObject(this.option.column, "parentId");
+        column.dicData = res.data.data.records;
+      });
+    },
+    //新增子项触发
+    handleAdd(row) {
+      this.parentId = row.id;
+      const column = this.findObject(this.option.column, "parentId");
+      column.value = row.id;
+      column.addDisabled = true;
+      this.$refs.crud.rowAdd();
+    },
+    //查看跳转页面
+    beforeOpenPage(row, index) {
+      this.$router.push({
+        path: "/salesContract_detailsPage",
+        query: {id: JSON.stringify(row.id)},
+      });
+    },
+    //新增跳转页面
+    beforeOpen(row, index) {
+      this.$router.push({
+        path: "/salesContract_detailsPage",
+        query: {id: JSON.stringify(row.id)},
+      });
+    },
+    editOpen(row, index) {
+      this.$router.push({
+        path: "/salesContract_detailsPage",
+        query: {id: JSON.stringify(row.id)},
+      });
+    },
+    //点击新增时触发
+    beforeClose(done) {
+      this.parentId = "";
+      const column = this.findObject(this.option.column, "parentId");
+      column.value = "";
+      column.addDisabled = false;
+      done();
+    },
+    //点击搜索按钮触发
+    searchChange(params, done) {
+      console.log(params)
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done()
+    },
+    searchReset() {
+      console.log('1')
+    },
+    selectionChange() {
+      console.log('1')
+    },
+    currentChange() {
+      console.log('1')
+    },
+    sizeChange() {
+      console.log('1')
+    },
+    refreshChange() {
+      console.log('1')
+    },
+    onLoad(page, params = {parentId: 0}) {
+      let queryParams = Object.assign({}, params, {
+        pageSize: page.pageSize,
+        pageNum: page.currentPage,
+        corpsTypeId: this.treeDeptId
+      })
+      // customerList(queryParams).then(res => {
+      //   this.dataList = res.data.data.records
+      //   this.page.total = res.data.data.total
+      // })
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>