|  | @@ -21,7 +21,20 @@
 | 
	
		
			
				|  |  |            <el-button type="primary">查询</el-button>
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  |          <el-form-item style="float: right;">
 | 
	
		
			
				|  |  | -          <el-button type="primary">下载</el-button>
 | 
	
		
			
				|  |  | +          <el-dropdown>
 | 
	
		
			
				|  |  | +            <el-button type="primary">
 | 
	
		
			
				|  |  | +              下载
 | 
	
		
			
				|  |  | +              <i class="el-icon-arrow-down el-icon--right"></i>
 | 
	
		
			
				|  |  | +            </el-button>
 | 
	
		
			
				|  |  | +            <el-dropdown-menu slot="dropdown">
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(0)">全部下载</el-dropdown-item>
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(1)" divided>模具3D图档</el-dropdown-item>
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(2)">模具2D图档</el-dropdown-item>
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(3)">零件3D图档</el-dropdown-item>
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(4)">零件2D图档</el-dropdown-item>
 | 
	
		
			
				|  |  | +              <el-dropdown-item @click.native="download(5)">保养方案</el-dropdown-item>
 | 
	
		
			
				|  |  | +            </el-dropdown-menu>
 | 
	
		
			
				|  |  | +          </el-dropdown>
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  |        </el-form>
 | 
	
		
			
				|  |  |      </el-col>
 | 
	
	
		
			
				|  | @@ -33,106 +46,44 @@
 | 
	
		
			
				|  |  |        highlight-current-row
 | 
	
		
			
				|  |  |        v-loading="listLoading"
 | 
	
		
			
				|  |  |        style="width: 100%;"
 | 
	
		
			
				|  |  | +      @selection-change="selectionChanged"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  | +      <el-table-column type="selection" width="40"></el-table-column>
 | 
	
		
			
				|  |  |        <el-table-column type="index" width="60"></el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][0].value" @change="checkChanged(0,0)">
 | 
	
		
			
				|  |  | -            <span>模具名称</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="模具名称" prop="name"></el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="模具3D图档">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox
 | 
	
		
			
				|  |  | -            :model="checkBoxArray[scope.row.id][0].value"
 | 
	
		
			
				|  |  | -            @change="checkChanged(scope.$index+1,0)"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <span>{{scope.row.name}}</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.states[0] == 0">未上传</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.states[0] == 1">审批中</span>
 | 
	
		
			
				|  |  | +          <span v-else>已通过</span>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][1].value" @change="checkChanged(0,1)">
 | 
	
		
			
				|  |  | -            <span>模具3D图档</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="模具2D图档">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <span v-if="scope.row.states[0] == 0" style="padding-left: 24px;">未上传</span>
 | 
	
		
			
				|  |  | -          <span v-else-if="scope.row.states[0] == 1" style="padding-left: 24px;">审批中</span>
 | 
	
		
			
				|  |  | -          <span v-else>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              :model="checkBoxArray[scope.row.id][1].value"
 | 
	
		
			
				|  |  | -              @change="checkChanged(scope.$index+1,1)"
 | 
	
		
			
				|  |  | -            >已通过</el-checkbox>
 | 
	
		
			
				|  |  | -          </span>
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.states[1] == 0">未上传</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.states[1] == 1">审批中</span>
 | 
	
		
			
				|  |  | +          <span v-else>已通过</span>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][2].value" @change="checkChanged(0,2)">
 | 
	
		
			
				|  |  | -            <span>模具2D图档</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="零件3D图档">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <span v-if="scope.row.states[1] == 0" style="padding-left: 24px;">未上传</span>
 | 
	
		
			
				|  |  | -          <span v-else-if="scope.row.states[1] == 1" style="padding-left: 24px;">审批中</span>
 | 
	
		
			
				|  |  | -          <span v-else>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              :model="checkBoxArray[scope.row.id][2].value"
 | 
	
		
			
				|  |  | -              @change="checkChanged(scope.$index+1,2)"
 | 
	
		
			
				|  |  | -            >已通过</el-checkbox>
 | 
	
		
			
				|  |  | -          </span>
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.states[2] == 0">未上传</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.states[2] == 1">审批中</span>
 | 
	
		
			
				|  |  | +          <span v-else>已通过</span>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][3].value" @change="checkChanged(0,3)">
 | 
	
		
			
				|  |  | -            <span>零件3D图档</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="零件2D图档">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <span v-if="scope.row.states[2] == 0" style="padding-left: 24px;">未上传</span>
 | 
	
		
			
				|  |  | -          <span v-else-if="scope.row.states[2] == 1" style="padding-left: 24px;">审批中</span>
 | 
	
		
			
				|  |  | -          <span v-else>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              :model="checkBoxArray[scope.row.id][3].value"
 | 
	
		
			
				|  |  | -              @change="checkChanged(scope.$index+1,3)"
 | 
	
		
			
				|  |  | -            >已通过</el-checkbox>
 | 
	
		
			
				|  |  | -          </span>
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.states[3] == 0">未上传</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.states[3] == 1">审批中</span>
 | 
	
		
			
				|  |  | +          <span v-else>已通过</span>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][4].value" @change="checkChanged(0,4)">
 | 
	
		
			
				|  |  | -            <span>零件2D图档</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | +      <el-table-column width="200" label="保养方案">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <span v-if="scope.row.states[3] == 0" style="padding-left: 24px;">未上传</span>
 | 
	
		
			
				|  |  | -          <span v-else-if="scope.row.states[3] == 1" style="padding-left: 24px;">审批中</span>
 | 
	
		
			
				|  |  | -          <span v-else>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              :model="checkBoxArray[scope.row.id][4].value"
 | 
	
		
			
				|  |  | -              @change="checkChanged(scope.$index+1,4)"
 | 
	
		
			
				|  |  | -            >已通过</el-checkbox>
 | 
	
		
			
				|  |  | -          </span>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column width="200">
 | 
	
		
			
				|  |  | -        <template slot="header" slot-scope="scope">
 | 
	
		
			
				|  |  | -          <el-checkbox :model="checkBoxArray[0][5].value" @change="checkChanged(0,5)">
 | 
	
		
			
				|  |  | -            <span>保养方案</span>
 | 
	
		
			
				|  |  | -          </el-checkbox>
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | -        <template slot-scope="scope">
 | 
	
		
			
				|  |  | -          <span v-if="scope.row.states[4] == 0" style="padding-left: 24px;">未上传</span>
 | 
	
		
			
				|  |  | -          <span v-else-if="scope.row.states[4] == 1" style="padding-left: 24px;">审批中</span>
 | 
	
		
			
				|  |  | -          <span v-else>
 | 
	
		
			
				|  |  | -            <el-checkbox
 | 
	
		
			
				|  |  | -              :model="checkBoxArray[scope.row.id][5].value"
 | 
	
		
			
				|  |  | -              @change="checkChanged(scope.$index+1,5)"
 | 
	
		
			
				|  |  | -            >已通过</el-checkbox>
 | 
	
		
			
				|  |  | -          </span>
 | 
	
		
			
				|  |  | +          <span v-if="scope.row.states[4] == 0">未上传</span>
 | 
	
		
			
				|  |  | +          <span v-else-if="scope.row.states[4] == 1">审批中</span>
 | 
	
		
			
				|  |  | +          <span v-else>已通过</span>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |      </el-table>
 | 
	
	
		
			
				|  | @@ -166,27 +117,18 @@ export default {
 | 
	
		
			
				|  |  |          { id: 5, name: "墨盒类型5", states: [2, 0, 1, 2, 0] },
 | 
	
		
			
				|  |  |          { id: 6, name: "墨盒类型6", states: [2, 2, 2, 2, 2] }
 | 
	
		
			
				|  |  |        ],
 | 
	
		
			
				|  |  | -      checkBoxArray: [],
 | 
	
		
			
				|  |  | -      defaultItem: { value: false, able: true },
 | 
	
		
			
				|  |  | -      defaultLine: [
 | 
	
		
			
				|  |  | -        { value: false, able: true },
 | 
	
		
			
				|  |  | -        { value: false, able: true },
 | 
	
		
			
				|  |  | -        { value: false, able: true },
 | 
	
		
			
				|  |  | -        { value: false, able: true },
 | 
	
		
			
				|  |  | -        { value: false, able: true },
 | 
	
		
			
				|  |  | -        { value: false, able: true }
 | 
	
		
			
				|  |  | -      ],
 | 
	
		
			
				|  |  |        filters: {
 | 
	
		
			
				|  |  |          name: "",
 | 
	
		
			
				|  |  |          value: ""
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  |        listLoading: false,
 | 
	
		
			
				|  |  |        total: 0,
 | 
	
		
			
				|  |  | -      tableHeight: 0
 | 
	
		
			
				|  |  | +      tableHeight: 0,
 | 
	
		
			
				|  |  | +      selectedArray: []
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    methods: {
 | 
	
		
			
				|  |  | -    //  分页
 | 
	
		
			
				|  |  | +    //分页
 | 
	
		
			
				|  |  |      handleCurrentChange(val) {
 | 
	
		
			
				|  |  |        this.page = val;
 | 
	
		
			
				|  |  |        // this.getUsers();
 | 
	
	
		
			
				|  | @@ -195,45 +137,44 @@ export default {
 | 
	
		
			
				|  |  |        this.size = val;
 | 
	
		
			
				|  |  |        // this.getUsers();
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    selsChange(sels) {
 | 
	
		
			
				|  |  | -      this.sels = sels;
 | 
	
		
			
				|  |  | +    selectionChanged(row) {
 | 
	
		
			
				|  |  | +      this.selectedArray = [];
 | 
	
		
			
				|  |  | +      row.forEach(item => {
 | 
	
		
			
				|  |  | +        this.selectedArray.push(item.id);
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +      console.log(this.selectedArray);
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    // 点击复选框事件
 | 
	
		
			
				|  |  | -    checkChanged(y, x) {
 | 
	
		
			
				|  |  | -      this.checkBoxArray[y][x].value = !this.checkBoxArray[y][x].value;
 | 
	
		
			
				|  |  | -      // if (x == 0 && y == 0 && this.checkBoxArray[0][0].value == true) {
 | 
	
		
			
				|  |  | -      //   for (var i = 0; i < this.checkBoxArray.length; i++) {
 | 
	
		
			
				|  |  | -      //     for (var j = 0; j < this.checkBoxArray[i].length; j++) {
 | 
	
		
			
				|  |  | -      //       if (this.checkBoxArray[i][j].able == true) {
 | 
	
		
			
				|  |  | -      //         // this.checkBoxArray[i][j].value = true;
 | 
	
		
			
				|  |  | -      //         this.$set(this.checkBoxArray[i], j, {value:true,able:true});
 | 
	
		
			
				|  |  | -      //       }
 | 
	
		
			
				|  |  | -      //     }
 | 
	
		
			
				|  |  | -      //   }
 | 
	
		
			
				|  |  | -      // }
 | 
	
		
			
				|  |  | -      console.log("(" + x + ", " + y + ") " + this.checkBoxArray[y][x].value);
 | 
	
		
			
				|  |  | -      // console.log(this.checkBoxArray);
 | 
	
		
			
				|  |  | +    //下载
 | 
	
		
			
				|  |  | +    download(type) {
 | 
	
		
			
				|  |  | +      if (this.selectedArray == []) {
 | 
	
		
			
				|  |  | +        this.$message("请选择要下载的文档");
 | 
	
		
			
				|  |  | +      } else {
 | 
	
		
			
				|  |  | +        switch (type) {
 | 
	
		
			
				|  |  | +          case 0:
 | 
	
		
			
				|  |  | +            console.log("点击了下载全部");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 1:
 | 
	
		
			
				|  |  | +            console.log("点击了下载模具3D图档");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 2:
 | 
	
		
			
				|  |  | +            console.log("点击了下载模具2D图档");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 3:
 | 
	
		
			
				|  |  | +            console.log("点击了下载零件3D图档");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 4:
 | 
	
		
			
				|  |  | +            console.log("点击了下载零件2D图档");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +          case 5:
 | 
	
		
			
				|  |  | +            console.log("点击了下载保养方案");
 | 
	
		
			
				|  |  | +            break;
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    created() {
 | 
	
		
			
				|  |  |      let height = window.innerHeight;
 | 
	
		
			
				|  |  |      this.tableHeight = height - 210;
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    //向checkBoxArray中push信息
 | 
	
		
			
				|  |  | -    this.checkBoxArray = [];
 | 
	
		
			
				|  |  | -    this.checkBoxArray.push(this.defaultLine);
 | 
	
		
			
				|  |  | -    this.moulds.forEach(mould => {
 | 
	
		
			
				|  |  | -      var checkBoxLine = [];
 | 
	
		
			
				|  |  | -      checkBoxLine.push(this.defaultItem);
 | 
	
		
			
				|  |  | -      for (var i = 0; i < 6; i++) {}
 | 
	
		
			
				|  |  | -      mould.states.forEach(state => {
 | 
	
		
			
				|  |  | -        var value = false;
 | 
	
		
			
				|  |  | -        var able = state == 2;
 | 
	
		
			
				|  |  | -        var item = { value, able };
 | 
	
		
			
				|  |  | -        checkBoxLine.push(item);
 | 
	
		
			
				|  |  | -      });
 | 
	
		
			
				|  |  | -      this.checkBoxArray.push(checkBoxLine);
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    mounted() {}
 | 
	
		
			
				|  |  |  };
 |