<template>
 
  <div>
 

    <el-card class="box-card">
      <!-- 搜索区域 -->
      <div class="search-bx1">
          <el-input v-model="searchData.number" placeholder="工单编号"  style="width: 180px;" class="g-mr20 g-mb20" clearable />
          
          <el-input v-model="searchData.operation_user_name" placeholder="派单人"  style="width: 180px;" class="g-mr20" clearable />
          <el-input v-model="searchData.operation_user_phone" placeholder="派单人手机号"  style="width: 180px;" class="g-mr20" clearable />
          
          <el-select v-model="searchData.work_order_type" filterable placeholder="工单类型" class="g-mr20" style="width: 180px;" clearable>
             <el-option v-for="item in orderTypeList" :key="item.id" :label="item.name" :value="item.id" />
           </el-select>

  
           <el-select v-model="searchData.work_order_category_id" filterable placeholder="工单分类" class="g-mr20" style="width: 180px;" clearable>
             <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id" />
           </el-select>
 

          <el-date-picker v-model="searchData.inputDatetime1" class="g-mr20" type="daterange" range-separator="至" start-placeholder="派单时间" end-placeholder="派单时间" style="width: 250px;" />
        
          
          <el-button type="primary"   @click="form_search">搜索</el-button>
          <el-button type="primary"   @click="form_clear">重置</el-button>
          
           <!-- <el-button type="primary"   @click="form_export">导出</el-button> -->
      </div>

 
      <!-- 表格 -->
      <el-table   key="0"  :data="tableList"  v-loading="tableLoading" element-loading-text="给我一点时间"    border fit>
      
        <el-table-column label="序号"  width="50px" align="center"  fixed="left">
           <template slot-scope="scope">
             <span>{{ scope.row.id }}</span>
           </template>
         </el-table-column>
         <el-table-column label="工单编号" min-width="200px" align="center"  fixed="left">
           <template slot-scope="scope">
             <span>{{ scope.row.number }}</span> 
          
           </template>
         </el-table-column>
         <el-table-column label="工单分类" min-width="150px" align="center" fixed="left">
           <template slot-scope="scope">
             <span>{{ scope.row.work_order_category_name }}</span>
           </template>
         </el-table-column>
         <el-table-column label="状态" min-width="150px" align="center"  fixed="left">
           <template slot-scope="scope">
             <span v-if = "scope.row.status == 1">未派发</span>
             <span v-if = "scope.row.status == 2">未接单</span>
             <span v-if = "scope.row.status == 3">未完成</span>
             <span v-if = "scope.row.status == 4">已关闭</span>
             <span v-if = "scope.row.status == 5">已完成</span>
           </template>
         </el-table-column>
 
         <el-table-column label="工单类型" min-width="150px" align="center">
           <template slot-scope="scope">
             <span v-if = "scope.row.work_order_type == 1">一次性工单</span>
             <span v-if = "scope.row.work_order_type == 2">周期性工单</span>
           </template>
         </el-table-column>
        <el-table-column label="对象" min-width="150px" align="center">
          <template slot-scope="scope">
             <!-- <el-button type="primary" size="mini"  @click="form_see(scope.row)">查看</el-button> -->
             <span>{{ scope.row.barn_names }}</span>
          </template>
        </el-table-column>
        <el-table-column label="任务" min-width="150px" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.remark }}</span>
          </template>
        </el-table-column>
       
        <el-table-column label="派单人" min-width="150px" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.operation_user_name }}</span>
          </template>
        </el-table-column>
        <el-table-column label="派单人手机号" min-width="150px" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.operation_user_phone }}</span>
          </template>
        </el-table-column>
        
        <el-table-column label="派单时间" min-width="150px" align="center">
          <template slot-scope="scope">
            <span>{{ scope.row.created_at_format }}</span>
          </template>
        </el-table-column>
       
         
  

        <el-table-column label="操作" align="center" width="120" class-name="small-padding fixed-width" fixed="right">
          <template slot-scope="scope">
             <!-- 修改按钮 -->
             <el-button type="primary"   size="mini" v-if="isButtonEdit &&  scope.row.work_order_type == 1 && scope.row.status  == 3"  @click="form_see1(scope.row)">完成工单1</el-button>
             <!-- 删除按钮 -->
             <el-button type="primary"   size="mini" v-if="isButtonEdit &&  scope.row.work_order_type == 2 && scope.row.status  == 3"  @click="form_see2(scope.row)">完成工单2</el-button>
          </template>
        </el-table-column>
      </el-table>


      <!-- <span v-if = "scope.row.status == 1">已创建未执行</span>
            <span v-if = "scope.row.status == 2">执行中</span>
            <span v-if = "scope.row.status == 3">已完成</span>
            <span v-if = "scope.row.status == 4">已关闭</span> -->

      <!-- 分页区域 -->
      <el-pagination  @size-change="change_size_page"  @current-change="change_current_page"  :current-page="searchData.page" :page-sizes="[1,5,10,20,30,50]"  :page-size="searchData.page_size" layout="total, prev, pager, next" :total="searchData.total"/>
    </el-card>


     <!-- 弹窗  详情 一次期工单  关闭-->
     <el-dialog   title="工单信息" :visible.sync="seeFormShow1" @close="see_dialog_close1" width="50%">
      <div class="">
        <el-form  ref="seeFormRef1"   :model="seeForm1"  label-position="right" label-width="140px"  style="width:90%;margin:0 auto 50px">

          
          <el-row :gutter="20"  >
            <el-col :span="8">
              <el-form-item label="工单编号：" prop="number">
                <el-input  v-model="seeForm1.number" type="input"    disabled />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="工单分类：" prop="work_order_category_name">
                <el-input  v-model="seeForm1.work_order_category_name" type="input"    disabled />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="状态：" prop="status">
                <el-input  v-if = "seeForm1.status == 1"  value="未派发" type="input"    disabled />
                <el-input  v-if = "seeForm1.status == 2"  value="未接单" type="input"    disabled />
                <el-input  v-if = "seeForm1.status == 3"  value="未完成" type="input"    disabled />
                <el-input  v-if = "seeForm1.status == 4"  value="已关闭" type="input"    disabled />
                <el-input  v-if = "seeForm1.status == 5"  value="已完成" type="input"    disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
                <el-form-item label="派单员工：" prop="operation_name">
                <el-input  v-model="seeForm1.operation_name" type="textarea" maxlength="200"   :rows="1"  disabled />
              </el-form-item>
            </el-col>
            </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
                <el-form-item label="任务：" prop="remark">
                <el-input  v-model="seeForm1.remark" type="textarea" maxlength="200"   :rows="1"  disabled />
              </el-form-item>
            </el-col>
          </el-row>

 

          <el-row :gutter="20">
            <el-table  :data="tableSeeList1"   style="width: 100%;margin-bottom: 20px;"    row-key="id"  border  :span-method="ObjectSpanMethod"  >
                 <el-table-column  prop="barn_group_name_and_number"    label="栏舍组"  min-width="200px"  align="center" >  </el-table-column>
                 <el-table-column   prop="barn_name"   label="栏舍"  min-width="200px"  align="center">   </el-table-column>
                 <el-table-column  prop="barn_calf_amount"  label="数量"     min-width="200px"  align="center">   </el-table-column>
             </el-table>
          </el-row>

    
        </el-form>
        <div slot="footer" class="dialog-footer">
        
          <el-button type="primary"    @click="sure_dialog_close1()">完成该工单</el-button>
          <el-button    @click="see_dialog_close1()">返回</el-button>
        </div>
      </div>
    </el-dialog>





     <!-- 弹窗  详情 周期工单  关闭-->
    <el-dialog   title="工单信息" :visible.sync="seeFormShow2" @close="see_dialog_close2" width="50%">
      <div class="">
        <el-form  ref="seeFormRef2"   :model="seeForm2"  label-position="right" label-width="140px"  style="width:90%;margin:0 auto 50px">

          <el-row :gutter="20"  >
            <el-col :span="8">
              <el-form-item label="工单编号：" prop="number">
                <el-input  v-model="seeForm2.number" type="input"    disabled />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="工单分类：" prop="work_order_category_name">
                <el-input  v-model="seeForm2.work_order_category_name" type="input"    disabled />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="状态：" prop="status">
                <el-input  v-if = "seeForm2.status == 1"  value="未派发" type="input"    disabled />
                <el-input  v-if = "seeForm2.status == 2"  value="未接单" type="input"    disabled />
                <el-input  v-if = "seeForm2.status == 3"  value="未完成" type="input"    disabled />
                <el-input  v-if = "seeForm2.status == 4"  value="已关闭" type="input"    disabled />
                <el-input  v-if = "seeForm2.status == 5"  value="已完成" type="input"    disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
                <el-form-item label="派单员工：" prop="operation_name">
                <el-input  v-model="seeForm2.operation_name" type="textarea" maxlength="200"   :rows="1"  disabled />
              </el-form-item>
            </el-col>
            </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
                <el-form-item label="任务：" prop="remark">
                <el-input  v-model="seeForm2.remark" type="textarea" maxlength="200"   :rows="1"  disabled />
              </el-form-item>
            </el-col>
          </el-row>

          

          <el-row :gutter="20">
            <div v-for="item in tableSeeList2">
                 <h3>{{item.created_at_format}}</h3>
                
                 <el-table  :data="item.barn_group_list"   style="width: 100%;margin-bottom: 20px;"    row-key="id"  border :span-method="ObjectSpanMethod" >
                    <el-table-column  prop="barn_group_name_and_number"    label="栏舍组"  min-width="200px"  align="center" >  </el-table-column>
                    <el-table-column   prop="barn_name"   label="栏舍"  min-width="200px"  align="center">   </el-table-column>
                    <el-table-column  prop="barn_calf_amount"  label="数量"     min-width="200px"  align="center">   </el-table-column>
                </el-table>
                <el-button type="primary"    @click="sure_dialog_close2(item)">完成该工单</el-button>
             </div>
             
          </el-row>

    
        </el-form>
        <div slot="footer" class="dialog-footer">
        
        
          <el-button    @click="see_dialog_close2()">返回</el-button>
        </div>
      </div>
    </el-dialog>

    
  </div>

  
</template> 

<script>
import {  ajaxDataGet, ajaxDataPost, ajaxDataPut, ajaxDataDelete, checkButtons} from '@/api/common'
import { parseTime, json2excel } from '@/utils/index.js'
export default {
  data() {
 
    return {
 
      //接口 - 获取 - 表格
      url_get_table:'/api/v1/ops/work_order/user/list',
      //接口 - 新增 - 表格
      url_add_table:'/api/v1/ops/work_order/add',  
      //接口 - 修改 - 表格
      url_edit_table:'/api/v1/ops/work_order/update', 
      //接口 - 删除 - 表格
      url_complete_table:'/api/v1/ops/work_order/finished', 

      //接口 - 表格中的详情表格 - 表格
      url_close_detail_table:'/api/v1/ops/work_order/close_view', 
      
      //接口 - 下拉框 列表 
      url_get_select1:'/role/getAll',

      //按钮权限
      isButtonEdit:false,

      //获取 - 表格数据 - 参数
      searchData:{
        number: "",
         work_order_user_name: "",
         operation_user_name: "",
         work_order_category_id: undefined,
         work_order_type: undefined,
         status: undefined,
 
         start_created_time: "",
         end_created_time: "",
         inputDatetime1:"",
         inputDatetime2:"",
       
      
          page: 1,  //页码
          page_size: 10,   //每页数量
          total:0,  //总页数
          pastureId: ""
      },
      tableLoading: false,
      //表格内容
      tableList:[
          //{ number:"admin", id:100, date:'2023-12-01',email:'测试信息1123',roleList:[2,3] },
        // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123',roleList:[] },
        // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
        // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
        // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
        // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
        // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
        // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
        // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
        // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
        // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
        // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
      ],


      
      typeList:[
        
      ],

      personList:[
        
        ],

        orderTypeList:[
         {id: 1, name: '一次性工单'},
         {id: 2, name: '周期性工单'},
       ],
     


     enableList:[
       {id: 1, name: '开启'},
       {id: 2, name: '关闭'},
     ],

     seeFormShow2:false,
     seeFormStatus2: 'see',
     seeFormTxt2: {  edit: '修改',  create: '新增' },
     seeForm2:{
       remark:'',user_phone:'',  work_order_category_id:undefined,user_id:undefined,id:undefined,
     },

     tableSeeList2:[
      //  {date:"123123", id: 1,tableArr: [
      //       {  id: 1,  cowshedGroup: 'A组(总数：100)', groupnum: '100',   num: '33',    cowshed: '001舍' },   
      //       { id: 31,  cowshedGroup: 'A组(总数：100)',  groupnum: '100', num: '33',  cowshed: '002舍'  }, 
      //       { id: 32, cowshedGroup: 'A组(总数：100)',   groupnum: '100',num: '33', cowshed: '003舍' }, 
      //       {  id: 1,  cowshedGroup: 'B组(总数：100)',   groupnum: '200',num: '33',    cowshed: '003舍' },   
      //       { id: 31,  cowshedGroup: 'B组(总数：100)',  groupnum: '200', num: '33',  cowshed: '003舍'  }, 
      //       { id: 32, cowshedGroup: 'B组(总数：100)',  groupnum: '200', num: '33', cowshed: '006舍' }, 
      //     ]
      //  } ,
      //  {date:"2222", id: 1,tableArr: [
      //       {  id: 1,  cowshedGroup: 'A组(总数：100)', groupnum: '100',   num: '33',    cowshed: '001舍' },   
      //       { id: 31,  cowshedGroup: 'A组(总数：100)',  groupnum: '100', num: '33',  cowshed: '002舍'  }, 
      //       { id: 32, cowshedGroup: 'A组(总数：100)',   groupnum: '100',num: '33', cowshed: '003舍' }, 
      //       {  id: 1,  cowshedGroup: 'B组(总数：100)',   groupnum: '200',num: '33',    cowshed: '003舍' },   
      //       { id: 31,  cowshedGroup: 'B组(总数：100)',  groupnum: '200', num: '33',  cowshed: '003舍'  }, 
      //       { id: 32, cowshedGroup: 'B组(总数：100)',  groupnum: '200', num: '33', cowshed: '006舍' }, 
      //     ]

      //  }


     ],



     seeFormShow1:false,
     seeFormStatus1: 'see',
     seeFormTxt1: {  edit: '修改',  create: '新增' },
     seeForm1:{
       remark:'',user_phone:'',  work_order_category_id:undefined,user_id:undefined,id:undefined,
     },
     tableSeeList1:[],
 
     tableCloseId1:undefined,

     
       
    }
  },
  created(){
      var me = this

      //获取按钮权限
      const isButtonEdit = checkButtons(this.$store.state.buttonsList, "犊牛类型编辑")
      this.isButtonEdit = isButtonEdit
      console.log('this.isButtonEdit==========',this.isButtonEdit)
     

     //获取下拉框
     this.get_select_list1()

      //表格 - 初始化 
      this.get_table_data()

     

    
  },
  watch: {
     filterText(val) {
       this.$refs.tree.filter(val);
     }
   },
 methods:{


 
  getSpanArr2(list,index) {
       var me = this
         // 先给所有的数据都加一个v.rowspan = 1
         list.forEach(item => {
             item.rowspan = 1;
             item.rowspan1 = 1;
         
         });
         // 双层循环
         for (let i = 0; i < list.length; i++) {
             for (let j = i + 1; j < list.length; j++) {
                 //此处可根据相同字段进行合并
                 if (list[i].date== list[j].date) {
                     list[i].rowspan++;
                     list[j].rowspan--;
                 }
             }
             // 这里跳过已经重复的数据
             i = i + list[i].rowspan - 1;
             i = i + list[i].rowspan1 - 1;
         }
         me.tableSeeList2[index].barn_group_list = list;
     },
 
     //设置单元格
     getSpanArr1(list) {
         // 先给所有的数据都加一个v.rowspan = 1
         list.forEach(item => {
             item.rowspan = 1;
             item.rowspan1 = 1;
         
         });
         // 双层循环
         for (let i = 0; i < list.length; i++) {
             for (let j = i + 1; j < list.length; j++) {
                 //此处可根据相同字段进行合并 -  第一列
                 if (list[i].barn_group_name_and_number== list[j].barn_group_name_and_number) {
                     list[i].rowspan++;
                     list[j].rowspan--;
                 }
                 //此处可根据相同字段进行合并 -  第二列
                 // if (list[i].cowshed== list[j].cowshed) {
                 //     list[i].rowspan1++;
                 //     list[j].rowspan1--;
                 // }
             }
             // 这里跳过已经重复的数据
             i = i + list[i].rowspan - 1;
             i = i + list[i].rowspan1 - 1;
         }
         this.tableSeeList1 = list;
     },
 
     // 合并单元格相同内容
     ObjectSpanMethod({ row, column, rowIndex, columnIndex }) {
         // 第一列
         if (columnIndex === 0) {
             return {
                 rowspan: row.rowspan,
                 colspan: 1,
             };
         }
         // 第二列
         // if (columnIndex === 1) {
         //     return {
         //         rowspan: row.rowspan1,
         //         colspan: 1,
         //     };
         // }
       
    },
  
   filterNode(value, data) {
       if (!value) return true;
       return data.name.indexOf(value) !== -1;
     },


    get_auto_buttons() {
      // 编辑
      const isButtonEdit = checkButtons(this.$store.state.buttonsList, "用户管理编辑")
      this.isButtonEdit = isButtonEdit
      console.log('this.isButtonEdit==========',this.isButtonEdit)
    },
    
    //获取 下拉框
    get_select_list1(){
        var me = this
        
        ajaxDataPost('/api/v1/ops/base_setting/category_table/list?page=1&page_size=1000', {category_type:1}).then(e => {
           console.log("工单分类下拉框1：",e)
           if(e.code == 200 ){
             me.typeList = e.data.list
           } else {
             me.typeList = []
           }
 
         })
        
 


        ajaxDataPost('/api/v1/system/user/list?page=1&page_size=1000', {name:""}).then(e => {
          console.log("人员下拉：",e)
          if(e.code == 200 ){
            me.personList = e.data.list
          } else {
            me.personList = []
          }

        })


        // ajaxDataPost('/api/v1/ops/barn_group/list?page=1&page_size=1000', {name:""}).then(e => {
        //   console.log("穿梭框1：",e)

        //   //打印请求成功结果
        //   if(e.data.list == null || e.data.list == undefined ||e.data.list.length == 0   ){
        //     me.transDataList1 = []
        //   } else {
        //     var transDataList1 = e.data.list
        //     transDataList1.forEach(function(item){
        //       item.name = item.name + "（犊牛数量："+ item.calf_number + "）"
        //     })
        //     me.transDataList1 = transDataList1
        //   }

        // })


        ajaxDataPost('/api/v1/ops/barn/list?page=1&page_size=1000', {name:"",barn_group_name:"",status:undefined}).then(e => {
          console.log("穿梭框2：",e)

          //打印请求成功结果
          if(e.data.list == null || e.data.list == undefined ||e.data.list.length == 0   ){
            me.transDataList2 = []
          } else {
        
            var transDataList2 = e.data.list
            transDataList2.forEach(function(item){
              if(item.stauts == 4){
                item.name = item.name + "（犊牛数量：0）"
              } else {
                item.name = item.name + "（犊牛数量：1）"
              }
              
            })
            me.transDataList2 = transDataList2

          }

        })
    
    },

    
    //获取 表格
    get_table_data() {
 
     var me = this

     me.tableLoading = true
     console.log("searchData======>", me.searchData)


     if( me.searchData.work_order_category_id == ""){
        me.searchData.work_order_category_id = undefined
      }

      if( me.searchData.work_order_type == ""){
        me.searchData.work_order_type = undefined
      }

    


      var send_url = me.url_get_table + '?page=' + me.searchData.page +  '&page_size=' + me.searchData.page_size

      ajaxDataPost(send_url,  me.searchData).then(e => {
        console.log("表格请求结果：",e)
          //打印请求成功结果
          if(e.code == 200 ){
            me.tableList = e.data.list
            me.searchData.total = e.data.total;	// 总数
            me.searchData.page = e.data.page;	//页码
            me.searchData.page_size = e.data.page_size;	//每页数量
           
          } else {
            me.$message({ type: 'error', message: '请求表格列表失败！' + e.msg, duration: 2000 })
          }

          setTimeout(() => {
            me.tableLoading = false
          }, 100)
  
        })

       
    },
    //搜索 查询表格
    form_search(){
      var me = this
      console.log('请求表格列表searchData',me.searchData)
   
        if (me.searchData.inputDatetime1 !== '' && me.searchData.inputDatetime1 !== null) {
          me.searchData.start_created_time = parseTime(me.searchData.inputDatetime1[0], '{y}-{m}-{d}')
          me.searchData.end_created_time = parseTime(me.searchData.inputDatetime1[1], '{y}-{m}-{d}')
        } else {
          me.searchData.inputDatetime1 = ''
          me.searchData.start_created_time = ''
          me.searchData.end_created_time = ''
        }
      me.get_table_data()

    },

    //重置 表格
    form_clear(){
      var me = this
      me.searchData.number = ""
      me.searchData.user_name = ""
      me.searchData.user_phone = ""
      me.searchData.operation_user = ""
      me.searchData.operation_phone = ""
      me.searchData.work_order_category_id = undefined
      me.searchData.status = undefined
      me.searchData.start_finished_time = ""
      me.searchData.end_finished_time = ""
      me.searchData.start_created_time = ""
      me.searchData.end_created_time = ""
      me.searchData.inputDatetime1 = ""
      me.searchData.inputDatetime2 = ""

      me.searchData.page = 1
      me.searchData.page_size = 10


 

      me.get_table_data()
    },

    //监听 page_size 改变的事件
    change_size_page(item){
      console.log(item)
     // this.searchData.page_size = item
      //  this.getUserList()
    },

    //监听 page 改变的事件
    change_current_page(item){
      console.log(item)
       this.searchData.page = item
       this.get_table_data()
    },

    //清空弹窗表单信息
    reset_form(){
      this.addForm.remark = ''
      this.addForm.user_phone = ''
      this.addForm.work_order_category_id = undefined
      this.addForm.user_id = undefined
      this.addForm.id = undefined
     
    },

    form_see1(row) {
       console.log('行内容row=========', row)

       this.seeForm1 = Object.assign({}, row)  
       //编辑行内容赋值
       var me = this

       ajaxDataPost( me.url_close_detail_table+'?page=1&page_size=1000', {work_order_id:row.work_order_master_id}).then(e => {
           console.log("详情里的表格1：",e)
           //打印请求成功结果
           if(e.data.list == null || e.data.list == undefined ||e.data.list.length == 0   ){
             me.tableSeeList1 = []
             me.tableCloseId1 = undefined
           } else {
              
             me.tableSeeList1 = e.data.list[0].barn_group_list
             me.tableCloseId1 = e.data.list[0].id

             me.tableSeeList1.forEach(function(item){
                item.barn_group_name_and_number = item.barn_group_name + "（总数："  + item.barn_group_calf_amount + "）"
             })
          
           }

            //合并单元格
            me.getSpanArr1(me.tableSeeList1)

            this.seeFormShow1 = true
          
      })
 
       
     
     },
    form_see2(row) {
      var me = this
     console.log('行内容row=========', row)
     //编辑行内容赋值
     this.seeForm2 = Object.assign({}, row)  
     this.seeFormStatus2 = 'see'
     ajaxDataPost( me.url_close_detail_table+'?page=1&page_size=1000', {work_order_id:row.work_order_master_id}).then(e => {
            console.log("详情里的表格1：",e)
            //打印请求成功结果
            if(e.data.list == null || e.data.list == undefined ||e.data.list.length == 0   ){
              me.tableSeeList2 = []
      
            } else {
                
              me.tableSeeList2 = e.data.list
  
              me.tableSeeList2.forEach(function(item){

                  item.barn_group_list.forEach(function(items){
                    items.barn_group_name_and_number = items.barn_group_name + "（总数："  + items.barn_group_calf_amount + "）"
                  })
                  
              })
            
            }

            //不定项的合并单元格
            me.tableSeeList2.forEach(function(item,index){
              me.getSpanArr2(item.barn_group_list, index)
            })
  

            me.seeFormShow2 = true
            
     })

  


    
    },

     //完成工单：
     sure_dialog_close1(){
      var me = this 
 

        ajaxDataPut( '/api/v1/ops/work_order/user/finished/'+ me.tableCloseId1, {}).then(e => {
           console.log("完成工单：",e)
           if(e.code == 200  ){
                   me.$message({ type: 'success', message: '成功！'  , duration: 2000 })
                   //关闭弹窗
                   me.seeFormShow1 = false
                   me.get_table_data()
            } else {
                   me.$message({ type: 'error', message: '失败！' + e.msg, duration: 2000 })
            }

          
        })

 
     },  

    see_dialog_close1(){
      //内容重置
 
      this.seeFormShow1 = false
   },
    
   see_dialog_close2(){
      //内容重置
 
      this.seeFormShow2 = false
   },
   sure_dialog_close2(row){
    console.log(row)
      var me = this 
        ajaxDataPut( '/api/v1/ops/work_order/user/finished/'+ row.id, {}).then(e => {
           console.log("完成工单：",e)
           if(e.code == 200  ){
                   me.$message({ type: 'success', message: '成功！'  , duration: 2000 })
                   //关闭弹窗
                   me.seeFormShow2 = false
                   me.get_table_data()
            } else {
                   me.$message({ type: 'error', message: '失败！' + e.msg, duration: 2000 })
            }

          
        })
   },

 
 
    form_export() {
    //获取请求表格数据的参数
    //this.download.getdataListParm.parammaps = this.tableObj.getdataListParm.parammaps
    //请求表格
    // GetDataByName(this.download.getdataListParm).then(response => {
    //     if (response.data.list !== null) {
    //       this.download.list = response.data.list
    //     } else {
    //       this.download.list = []
    //     }
    //     var excelDatas = [
    //       {
    //         tHeader: ['表头1', '表头2', '表头3', '表头4',],
    //         filterVal: ['title1', 'title2', 'title3', 'title4'],
    //         tableDatas: this.download.list,
    //         sheetName: 'Sheet1'
    //       }
    //     ]
    //     json2excel(excelDatas, '表格大标题', true, 'xlsx')
    // })

    var excelDatas = [
        {
            tHeader: ['表头1', '表头2', '表头3', '表头4',],
            filterVal: ['title1', 'title2', 'title3', 'title4'],
            tableDatas: [ 
                {title1: "内容1",title2: "内容2",title3: "内容3",title4: "内容4"},
                {title1: "内容11",title2: "内容22",title3: "内容32",title4: "内容44"},
                {title1: "内容111",title2: "内容222",title3: "内容333",title4: "内容444"},
            ],
            sheetName: 'Sheet1'
        }
    ]
    json2excel(excelDatas, '表格大标题', true, 'xlsx')
}

     

  }
}
</script>
<!-- 加了scoped，则是仅在此组件里生效 -->
<style scoped>
.el-transfer /deep/.el-transfer-panel {  width:300px;  text-align: left;}
</style>
