tag标签可修改

xiangpei

2025-02-23 e72ea5c4043cc79ae7eaf875242a03e3fe1421d9

 src/views/projectEngineering/projectLibrary/component/BasicInfo.vue

@@ -16,19 +16,23 @@
                          placeholder="请输入"/>
              </el-form-item>
            </el-col>
            <el-col :span="12" style="position: relative">
              <div style="width: 100%; height: 100%; position: absolute;">
            <el-col :span="5">
                <el-form-item class="item" label="赋码" label-width="50px" prop="coding">
                  <template slot-scope="scope">
                    <!--                <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>-->
                    <!--                <div class="green-dot" v-if="scope.row.coding === 'green'"></div>-->
                    <!--                <div class="red-dot" v-if="scope.row.coding === 'red'"></div>-->
                    <div class="red-dot"></div>
                    <tag-list></tag-list>
                  </template>
                </el-form-item>
                <!--            <img alt="" src="../../../../assets/images/s.png"/>-->
              </div>
                    <template slot-scope="scope">
                      <!--                <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>-->
                      <!--                <div class="green-dot" v-if="scope.row.coding === 'green'"></div>-->
                      <!--                <div class="red-dot" v-if="scope.row.coding === 'red'"></div>-->
                      <div class="red-dot"></div>
                    </template>

                  </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="标签" label-width="50px" prop="tag">
                <template slot-scope="scope">
                  <tag-list :tag-list="tagList" ref="tagList" @getTags="getTagList"></tag-list>
                </template>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
@@ -67,6 +71,21 @@
                  style="width: 100%"
                >
                  <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label"
                             :value="item.value"/>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="6">
              <el-form-item label="招商引资项目" label-width="100px" prop="attractInvestment"
                            style="width: 100%; min-width: 260px">
                <el-select
                  v-model="projectForm.attractInvestment"
                  clearable
                  placeholder="请选择"
                  style="width: 100%"
                >
                  <el-option v-for="item in dict.type.attract_investment" :key="item.value" :label="item.label"
                             :value="item.value"/>
                </el-select>
              </el-form-item>
@@ -131,7 +150,7 @@
<!--                           style="width: 100%">-->
<!--                <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />-->

                <treeselect v-model="projectForm.projectOwnerUnit"  :options="selectOptions"  :normalizer="normalizer" placeholder="选择上级部门" />
                <treeselect v-model="projectForm.projectOwnerUnit"  :options="selectOptions"  :normalizer="normalizer" placeholder="选择单位" />
                  <!--              <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />-->
<!--                </el-select>-->
              </el-form-item>
@@ -359,11 +378,11 @@
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
            <el-col :span="7">
              <el-form-item label="年度投资金额" label-width="100px" prop="company" style="width: 100%; min-width: 260px">
                <el-input v-model.trim="yearPlan.yearTotalMoney" clearable maxlength="255" placeholder="请输入"
                          style="width: 90%" type="number"/>
                <span style="margin-left: 2px">元</span>
                <span style="margin-left: 2px">万元</span>
              </el-form-item>
            </el-col>
            <el-col :span="10">
@@ -441,7 +460,8 @@
export default {
  name: 'BasicInfo',
  dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status', 'sys_competent_department'
    , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan', 'construction_nature'],
    , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'
    , 'construction_nature', 'attract_investment'],
  components: {
    Treeselect,
    Map,
@@ -461,10 +481,12 @@
  },
  data() {
    return {
      tagList: [],
      projectSubTypeList: [], // 项目子类型
      projectForm: {
        id: '',
        projectName: '',
        attractInvestment: '',
        projectCode: '',
        projectType: '',
        projectSubType: '',
@@ -586,11 +608,25 @@
      }
      // this.handleLoadMore(1);
    }
    console.log(this.projectForm, "原始值")
    this.$nextTick(() => {
      console.log("设置了")
      this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : []
      console.log(this.tagList)
    })
  },
  beforeDestroy() {
    localStorage.setItem("projectForm", JSON.stringify(this.projectForm));
  },
  methods: {
    getTagList(list) {
      console.log("拿到了")
      if (!list || list.length < 1) {
        this.projectForm.tag = ''
      } else {
        this.projectForm.tag = list.join(",");
      }
    },
    getChildSelect(select) {
      this.projectForm.projectSubType = ''
      if (select) {
@@ -693,6 +729,12 @@
          })
        }
        this.$emit('updateIsShow', true);
        console.log(this.projectForm, "原始值")
        this.$nextTick(() => {
          console.log("设置了")
          this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : []
          console.log(this.tagList)
        })
      });
    },
    getApprovalList() {