|  | @@ -107,7 +107,6 @@
 | 
	
		
			
				|  |  |              <el-col :span="6">
 | 
	
		
			
				|  |  |                <el-form-item prop="roleList" label="履职角色:">
 | 
	
		
			
				|  |  |                  <el-select
 | 
	
		
			
				|  |  | -                  
 | 
	
		
			
				|  |  |                    label="履职角色"
 | 
	
		
			
				|  |  |                    v-model="formData.roleList"
 | 
	
		
			
				|  |  |                    placeholder="请选择履职角色"
 | 
	
	
		
			
				|  | @@ -157,41 +156,40 @@
 | 
	
		
			
				|  |  |              </el-col>
 | 
	
		
			
				|  |  |            </el-row>
 | 
	
		
			
				|  |  |            <el-form-item prop="note" label="备注">
 | 
	
		
			
				|  |  | -            <el-input
 | 
	
		
			
				|  |  | -              v-model="formData.note"
 | 
	
		
			
				|  |  | -              :maxlength="255"
 | 
	
		
			
				|  |  | -              clearable
 | 
	
		
			
				|  |  | -            />
 | 
	
		
			
				|  |  | +            <el-input v-model="formData.note" :maxlength="255" clearable />
 | 
	
		
			
				|  |  |            </el-form-item>
 | 
	
		
			
				|  |  |          </el-form>
 | 
	
		
			
				|  |  |          <el-button @click="openSelect">新增履职内容</el-button>
 | 
	
		
			
				|  |  | -       
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |          <el-table :data="tableData" style="width: 100%" height="400px">
 | 
	
		
			
				|  |  | -          <el-table-column  label="是否扫描" >
 | 
	
		
			
				|  |  | -            <template v-slot="{ row }"> 
 | 
	
		
			
				|  |  | +          <el-table-column label="是否扫描">
 | 
	
		
			
				|  |  | +            <template v-slot="{ row }">
 | 
	
		
			
				|  |  |                <el-switch
 | 
	
		
			
				|  |  |                  v-model="row.pointScan"
 | 
	
		
			
				|  |  |                  active-text="是"
 | 
	
		
			
				|  |  | -                inactive-text="否">
 | 
	
		
			
				|  |  | +                inactive-text="否"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  |                </el-switch>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -          <el-table-column label="必须履职" >
 | 
	
		
			
				|  |  | -            <template v-slot="{ row }"> 
 | 
	
		
			
				|  |  | +          <el-table-column label="必须履职">
 | 
	
		
			
				|  |  | +            <template v-slot="{ row }">
 | 
	
		
			
				|  |  |                <el-switch
 | 
	
		
			
				|  |  |                  v-model="row.required"
 | 
	
		
			
				|  |  |                  active-text="是"
 | 
	
		
			
				|  |  | -                inactive-text="否">
 | 
	
		
			
				|  |  | +                inactive-text="否"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  |                </el-switch>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="ruleName" label="履职内容库" > </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="itemName" label="履职项" > </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="pointName" label="履职内容" > </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="areaName" label="履职区域" > </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="areaName" label="操作" >
 | 
	
		
			
				|  |  | -            <template v-slot="{ row }"> 
 | 
	
		
			
				|  |  | +          <el-table-column prop="ruleName" label="履职内容库">
 | 
	
		
			
				|  |  | +          </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column prop="itemName" label="履职项"> </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column prop="pointName" label="履职内容"> </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column prop="areaName" label="履职区域"> </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column prop="areaName" label="操作">
 | 
	
		
			
				|  |  | +            <template v-slot="{ row }">
 | 
	
		
			
				|  |  |                <el-button type="text" @click="removeRow(row)">删除</el-button>
 | 
	
		
			
				|  |  |              </template>
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
	
		
			
				|  | @@ -204,11 +202,11 @@
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |      </DialogCom>
 | 
	
		
			
				|  |  |      <DialogSelect
 | 
	
		
			
				|  |  | -          ref="DialogSelect"
 | 
	
		
			
				|  |  | -          :defaultSelect=defaultSelect
 | 
	
		
			
				|  |  | -          :orgType="formData.execOrgType"
 | 
	
		
			
				|  |  | -          @select="onSelect"
 | 
	
		
			
				|  |  | -        ></DialogSelect>
 | 
	
		
			
				|  |  | +      ref="DialogSelect"
 | 
	
		
			
				|  |  | +      :defaultSelect="defaultSelect"
 | 
	
		
			
				|  |  | +      :orgType="formData.execOrgType"
 | 
	
		
			
				|  |  | +      @select="onSelect"
 | 
	
		
			
				|  |  | +    ></DialogSelect>
 | 
	
		
			
				|  |  |    </div>
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -347,33 +345,35 @@ export default {
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      async refresh(id, other) {
 | 
	
		
			
				|  |  |        this.formData = id ? (await api.get(id)).data : this.reset(other);
 | 
	
		
			
				|  |  | -      if(this.formData.execOrgType){
 | 
	
		
			
				|  |  | +      if (this.formData.execOrgType) {
 | 
	
		
			
				|  |  |          this.getRolesByOrg();
 | 
	
		
			
				|  |  | -      } 
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    onSelect(selectList){
 | 
	
		
			
				|  |  | +    onSelect(selectList) {
 | 
	
		
			
				|  |  |        console.log(selectList);
 | 
	
		
			
				|  |  | -      for(let i=0;i<selectList.length;i++){
 | 
	
		
			
				|  |  | -        let tem={
 | 
	
		
			
				|  |  | -          pointScan:!selectList[i].pointScan,
 | 
	
		
			
				|  |  | -          required:!selectList[i].required,
 | 
	
		
			
				|  |  | -          ruleName:selectList[i].ruleName,
 | 
	
		
			
				|  |  | -          itemName:selectList[i].itemName,
 | 
	
		
			
				|  |  | -          pointName:selectList[i].pointName,
 | 
	
		
			
				|  |  | -          areaName:selectList[i].areaName,
 | 
	
		
			
				|  |  | -          itemId:selectList[i].itemId,
 | 
	
		
			
				|  |  | -          id:selectList[i].id,
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -        if(this.tableData==null){
 | 
	
		
			
				|  |  | -          this.tableData=[];
 | 
	
		
			
				|  |  | +      if (this.tableData == null) {
 | 
	
		
			
				|  |  | +        this.tableData = [];
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      for (let i = 0; i < selectList.length; i++) {
 | 
	
		
			
				|  |  | +        let item = selectList[i];
 | 
	
		
			
				|  |  | +        let exist = this.tableData.find((d) => d.id == item.id);
 | 
	
		
			
				|  |  | +        if (!exist) {
 | 
	
		
			
				|  |  | +          let tem = {
 | 
	
		
			
				|  |  | +            pointScan: !item.pointScan,
 | 
	
		
			
				|  |  | +            required: !item.required,
 | 
	
		
			
				|  |  | +            ruleName: item.ruleName,
 | 
	
		
			
				|  |  | +            itemName: item.itemName,
 | 
	
		
			
				|  |  | +            pointName: item.pointName,
 | 
	
		
			
				|  |  | +            areaName: item.areaName,
 | 
	
		
			
				|  |  | +            itemId: item.itemId,
 | 
	
		
			
				|  |  | +            id: item.id,
 | 
	
		
			
				|  |  | +          };
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +          this.tableData.push(tem);
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  | -        this.tableData.push(tem);
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  | -     
 | 
	
		
			
				|  |  | -      
 | 
	
		
			
				|  |  | -      
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    onOrgTypeChanged(){
 | 
	
		
			
				|  |  | +    onOrgTypeChanged() {
 | 
	
		
			
				|  |  |        this.getRolesByOrg();
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      async show(id, other = {}) {
 | 
	
	
		
			
				|  | @@ -392,26 +392,26 @@ export default {
 | 
	
		
			
				|  |  |        this.isShow = true;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      removeRow(row) {
 | 
	
		
			
				|  |  | -      this.tableData = this.tableData.filter(item => item !== row)
 | 
	
		
			
				|  |  | +      this.tableData = this.tableData.filter((item) => item !== row);
 | 
	
		
			
				|  |  |        // this.tableData.splice(index, 1);
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      // 事件
 | 
	
		
			
				|  |  |      onHide() {
 | 
	
		
			
				|  |  |        this.isShow = false;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    getIteamF(){
 | 
	
		
			
				|  |  | -      if(this.id==null){
 | 
	
		
			
				|  |  | -        this.defaultSelect=[];
 | 
	
		
			
				|  |  | -        return;
 | 
	
		
			
				|  |  | -      }
 | 
	
		
			
				|  |  | -      api.getPointIds(this.id).then((res) => {
 | 
	
		
			
				|  |  | -        this.defaultSelect = res.data;
 | 
	
		
			
				|  |  | -      });
 | 
	
		
			
				|  |  | +    getIteamF() {
 | 
	
		
			
				|  |  | +      // if(this.id==null){
 | 
	
		
			
				|  |  | +      //   this.defaultSelect=[];
 | 
	
		
			
				|  |  | +      //   return;
 | 
	
		
			
				|  |  | +      // }
 | 
	
		
			
				|  |  | +      // api.getPointIds(this.id).then((res) => {
 | 
	
		
			
				|  |  | +      //   this.defaultSelect = res.data;
 | 
	
		
			
				|  |  | +      // });
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +      return this.tableData.map((d) => d.id);
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      openSelect() {
 | 
	
		
			
				|  |  | -      
 | 
	
		
			
				|  |  | -      this.getIteamF();
 | 
	
		
			
				|  |  | -      this.$refs.DialogSelect.show();
 | 
	
		
			
				|  |  | +      this.$refs.DialogSelect.show(this.getIteamF());
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      onSubmit() {
 | 
	
		
			
				|  |  |        this.$refs.form.validate(async (isValidate) => {
 | 
	
	
		
			
				|  | @@ -420,7 +420,8 @@ export default {
 | 
	
		
			
				|  |  |          this.formData.planCreateOrgName = this.orgName;
 | 
	
		
			
				|  |  |          if (!isValidate) return;
 | 
	
		
			
				|  |  |          this.formData.itemList = this.tableData == null ? [] : this.tableData;
 | 
	
		
			
				|  |  | -        this.formData.roleList = this.selectedValues.length==0?null:this.selectedValues;
 | 
	
		
			
				|  |  | +        this.formData.roleList =
 | 
	
		
			
				|  |  | +          this.selectedValues.length == 0 ? null : this.selectedValues;
 | 
	
		
			
				|  |  |          await api.update(this.formData);
 | 
	
		
			
				|  |  |          this.$emit("success");
 | 
	
		
			
				|  |  |          this.onHide();
 | 
	
	
		
			
				|  | @@ -433,7 +434,7 @@ export default {
 | 
	
		
			
				|  |  |      //apimark//
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    mounted() {},
 | 
	
		
			
				|  |  | -  components: {DialogSelect},
 | 
	
		
			
				|  |  | +  components: { DialogSelect },
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  
 |