update topic

qianxj

2023-03-20 2e5dd7057fb4feaf4f5538e82f35252f40e3022d

update topic

 ruoyi-ui/src/smartor/dataobject/dw_svytopic_maint.vue

@@ -1,17 +1,69 @@
<template>
    <div>
    <!-- æ·»åŠ æˆ–修改问卷题目对话框 -->
    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
      <el-form-item label=" è€ç‰ˆæœ¬ID " prop="oldid">
        <el-input v-model="form.oldid" placeholder="请输入 è€ç‰ˆæœ¬ID " />
      </el-form-item>
      <el-form-item label=" é—®å·ID " prop="svyid">
        <el-input v-model="form.svyid" placeholder="请输入 é—®å·ID " />
      </el-form-item>
      <el-form-item label=" é¢˜ç›®Code " prop="topiccode">
        <el-input v-model="form.topiccode" placeholder="请输入 é¢˜ç›®Code " />
      </el-form-item>
      <el-form-item label=" é¢˜ç›® " prop="topic">
        <el-input v-model="form.topic" type="textarea" placeholder="请输入内容" />
      </el-form-item>
      <el-form-item label=" æŽ’序 " prop="sort">
        <el-input v-model="form.sort" placeholder="请输入 æŽ’序 " />
      </el-form-item>
      <el-form-item label=" æ˜¯å¦å¿…å¡« " prop="ismandatory">
        <el-select v-model="form.ismandatory" placeholder="请选择 æ˜¯å¦å¿…å¡« ">
          <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
            :value="parseInt(dict.value)"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label=" æ˜¯å¦éšè— " prop="ishide">
        <el-select v-model="form.ishide" placeholder="请选择 æ˜¯å¦éšè— ">
          <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
            :value="parseInt(dict.value)"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label=" åˆ é™¤æ ‡è®° " prop="delFlag">
        <el-select v-model="form.delFlag" placeholder="请选择 åˆ é™¤æ ‡è®° ">
          <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
            :value="dict.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label=" æœºæž„ID " prop="orgid">
        <el-input v-model="form.orgid" placeholder="请输入 æœºæž„ID " />
      </el-form-item>
      <el-form-item label=" ä¸Šä¼ æ ‡è®° " prop="isupload">
        <el-select v-model="form.isupload" placeholder="请选择 ä¸Šä¼ æ ‡è®° ">
          <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
            :value="parseInt(dict.value)"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label=" ä¸Šä¼ æ—¶é—´ " prop="uploadTime">
        <el-date-picker clearable v-model="form.uploadTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择 ä¸Šä¼ æ—¶é—´ ">
        </el-date-picker>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
      <el-button @click="cancel">取 æ¶ˆ</el-button>
    </div>
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
        <el-form-item label="下拉选择" prop="field101">
          <el-select v-model="formData.field101" placeholder="请选择下拉选择" clearable :style="{width: '100%'}">
            <el-option v-for="(item, index) in field101Options" :key="index" :label="item.label"
              :value="item.value" :disabled="item.disabled"></el-option>
          <el-option v-for="(item, index) in field101Options" :key="index" :label="item.label" :value="item.value"
            :disabled="item.disabled"></el-option>
          </el-select>
          <el-input placeholder="选项内容"></el-input>

        </el-form-item>
        <el-form-item size="large">
          <el-button type="primary" @click="submitForm">提交</el-button>
          <el-button @click="resetForm">重置</el-button>
        <el-button type="primary" @click="submitForm1">提交</el-button>
        <el-button @click="resetForm1">重置</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -60,19 +112,18 @@
    created() {},
    mounted() {},
    methods: {
      submitForm() {
    submitForm1() {
        this.$refs['elForm'].validate(valid => {
          if (!valid) return
          // TODO æäº¤è¡¨å•
        })
      },
      resetForm() {
    resetForm1() {
        this.$refs['elForm'].resetFields()
      },
    }
  }
  
  </script>
  <style>
  </style>
<style></style>
  

 ruoyi-ui/src/smartor/dataobject/dw_svytopicoption_list.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,122 @@
<template>
    <div class="app-container">
       <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
          <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
            v-hasPermi="['smartor:svytopicoption:add']">新增</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
            v-hasPermi="['smartor:svytopicoption:edit']">修改</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
            v-hasPermi="['smartor:svytopicoption:remove']">删除</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
            v-hasPermi="['smartor:svytopicoption:export']">导出</el-button>
        </el-col>
        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      </el-row>
  
      <el-table v-loading="loading" :data="svytopicoptionList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label=" é¢˜ç›®ç±»åž‹ " width="150" align="center" prop="topictype" />
        <el-table-column label=" é€‰é¡¹å†…容 " width="200" align="center" prop="optioncontent" />
        <el-table-column label=" æç¤º " width="200" align="center" prop="prompt" />
        <el-table-column label=" åˆ†æ•° " width="55" align="center" prop="score" />
        <el-table-column label=" éªŒè¯è§„则 " width="250" align="center" prop="verifyrule" />
        <el-table-column label=" æ˜¯å¦å­˜åœ¨æ˜Žç»† " width="150" align="center" prop="isexistdetail" />
        <el-table-column label=" å½’属机构 " width="200" align="center" prop="orgid" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
              v-hasPermi="['smartor:svytopicoption:edit']">修改</el-button>
            <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
              v-hasPermi="['smartor:svytopicoption:remove']">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </template>
  
  <script>
  import { listSvytopicoption, getSvytopicoption, delSvytopicoption, addSvytopicoption, updateSvytopicoption } from "@/api/smartor/svytopicoption";
  import maintdlg from  "@/smartor/dataobject/dw_svytopicoption_maint.vue";
  
  export default {
    name: "Svytopicoption",
    data() {
      return {
        loading : false,
        showSearch: true,
        // æ€»æ¡æ•°
        total: 0,
        // é—®å·é—®é¢˜é€‰é¡¹è¡¨æ ¼æ•°æ®
        svytopicoptionList: [],
         // æŸ¥è¯¢å‚æ•°
        queryParams: {
          topicid: null
        },
      };
    },
    components:
    {
      maintdlg: maintdlg //()=>import("@/smartor/dataobject/dw_svytopicoption_maint")
    },
    created() {
     },
    mounted() {
      
    },
    methods: {
      /** æŸ¥è¯¢é—®å·é—®é¢˜é€‰é¡¹åˆ—表 */
      getList(topicId) {
        this.loading = true;
        this.queryParams.topicid = topicId;
        listSvytopicoption(this.queryParams).then(response => {
          this.svytopicoptionList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      
      // å¤šé€‰æ¡†é€‰ä¸­æ•°æ®
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.optionid)
        this.single = selection.length !== 1
        this.multiple = !selection.length
      },
      /** æ–°å¢žæŒ‰é’®æ“ä½œ */
      handleAdd() {
        this.$refs["maint"].handleUpdate(null)
        return
      },
      /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
      handleUpdate(row) {
        const optionid = row.optionid || this.ids
        this.$refs["maint"].handleUpdate(optionid) 
        return 
      },
      
      /** åˆ é™¤æŒ‰é’®æ“ä½œ */
      handleDelete(row) {
        const optionids = row.optionid || this.ids;
        this.$modal.confirm('是否确认删除问卷问题选项编号为"' + optionids + '"的数据项？').then(function () {
          return delSvytopicoption(optionids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => { });
      },
      /** å¯¼å‡ºæŒ‰é’®æ“ä½œ */
      handleExport() {
        this.download('smartor/svytopicoption/export', {
          ...this.queryParams
        }, `svytopicoption_${new Date().getTime()}.xlsx`)
      }
    }
  };
  </script>
  

 ruoyi-ui/src/smartor/dataobject/dw_svytopicoption_maint.vue

@@ -1,92 +1,104 @@
<template>
    <div class="app-container">
      <!-- æ·»åŠ æˆ–修改问卷题目对话框 -->
      <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
          <el-form-item label=" è€ç‰ˆæœ¬ID " prop="oldid">
            <el-input v-model="form.oldid" placeholder="请输入 è€ç‰ˆæœ¬ID " />
          </el-form-item>
          <el-form-item label=" é—®å·ID " prop="svyid">
    <div>
  <!--el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body-->
    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
      <el-row>
        <el-col :span="6"><el-form-item label=" 111题目ID " prop="topicid">
            <el-input v-model="form.topicid" placeholder="请输入 é¢˜ç›®ID " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" é—®å·ID " prop="svyid">
            <el-input v-model="form.svyid" placeholder="请输入 é—®å·ID " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" é€‰é¡¹Code " prop="optioncode">
            <el-input v-model="form.optioncode" placeholder="请输入 é€‰é¡¹Code " />
          </el-form-item></el-col>
        <el-col :span="6"></el-col>
      </el-row>>

      <el-row>
        <el-form-item label=" é€‰é¡¹å†…容 ">
          <el-input v-model="form.optioncontent" placeholder="请输入 é€‰é¡¹å†…容 " />
          </el-form-item>
          <el-form-item label=" é¢˜ç›®Code " prop="topiccode">
            <el-input v-model="form.topiccode" placeholder="请输入 é¢˜ç›®Code " />
          </el-form-item>
          <el-form-item label=" é¢˜ç›® " prop="topic">
            <el-input v-model="form.topic" type="textarea" placeholder="请输入内容" />
          </el-form-item>
          <el-form-item label=" æŽ’序 " prop="sort">
      </el-row>
      <el-row>
        <el-col :span="6"><el-form-item label=" æ˜¯å¦å­˜åœ¨æ˜Žç»† " prop="isexistdetail">
            <el-input v-model="form.isexistdetail" placeholder="请输入 æ˜¯å¦å­˜åœ¨æ˜Žç»† " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æ˜Žç»†æ˜¯å¦å¿…å¡« " prop="detailismandatory">
            <el-input v-model="form.detailismandatory" placeholder="请输入 æ˜Žç»†æ˜¯å¦å¿…å¡« " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æ˜¯å¦å¼‚常项目 " prop="isexceptionitem">
            <el-input v-model="form.isexceptionitem" placeholder="请输入 æ˜¯å¦å¼‚常项目 " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æ˜¯å¦è·Ÿè¿› " prop="istrack">
            <el-input v-model="form.istrack" placeholder="请输入 æ˜¯å¦è·Ÿè¿› " />
          </el-form-item></el-col>
      </el-row>

      <el-row>
        <el-col :span="6">
          <el-form-item label=" åˆ†æ•° " prop="score">
            <el-input v-model="form.score" placeholder="请输入 åˆ†æ•° " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æç¤º " prop="prompt">
            <el-input v-model="form.prompt" placeholder="请输入 æç¤º " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" è·³è½¬ " prop="jump">
            <el-input v-model="form.jump" placeholder="请输入 è·³è½¬ " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" çˆ¶é€‰é¡¹ID " prop="parentoptionid">
            <el-input v-model="form.parentoptionid" placeholder="请输入 çˆ¶é€‰é¡¹ID " />
          </el-form-item></el-col>
      </el-row>

      <el-row>
        <el-col :span="6"><el-form-item label=" æ˜¯å¦äº’æ–¥ " prop="ismutex">
            <el-input v-model="form.ismutex" placeholder="请输入 æ˜¯å¦äº’æ–¥ " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" éªŒè¯è§„则 " prop="verifyrule">
            <el-input v-model="form.verifyrule" placeholder="请输入 éªŒè¯è§„则 " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æŽ’序 " prop="sort">
            <el-input v-model="form.sort" placeholder="请输入 æŽ’序 " />
          </el-form-item>
          <el-form-item label=" æ˜¯å¦å¿…å¡« " prop="ismandatory">
            <el-select v-model="form.ismandatory" placeholder="请选择 æ˜¯å¦å¿…å¡« ">
              <el-option
                v-for="dict in dict.type.sys_yes_no"
                :key="dict.value"
                :label="dict.label"
                :value="parseInt(dict.value)"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label=" æ˜¯å¦éšè— " prop="ishide">
            <el-select v-model="form.ishide" placeholder="请选择 æ˜¯å¦éšè— ">
              <el-option
                v-for="dict in dict.type.sys_yes_no"
                :key="dict.value"
                :label="dict.label"
                :value="parseInt(dict.value)"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label=" åˆ é™¤æ ‡è®° " prop="delFlag">
            <el-select v-model="form.delFlag" placeholder="请选择 åˆ é™¤æ ‡è®° ">
              <el-option
                v-for="dict in dict.type.sys_yes_no"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label=" æœºæž„ID " prop="orgid">
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æ˜¯å¦é™åˆ¶èŒƒå›´ " prop="isrange">
            <el-input v-model="form.isrange" placeholder="请输入 æ˜¯å¦é™åˆ¶èŒƒå›´ " />
          </el-form-item></el-col>
      </el-row>


      <el-row>
        <el-col :span="6"><el-form-item label=" æœ€å°èŒƒå›´ " prop="minrange">
            <el-input v-model="form.minrange" placeholder="请输入 æœ€å°èŒƒå›´ " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
            <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
            <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
          </el-form-item></el-col>
        <el-col :span="6"><el-form-item label=" æœºæž„ID " prop="orgid">
            <el-input v-model="form.orgid" placeholder="请输入 æœºæž„ID " />
          </el-form-item>
          <el-form-item label=" ä¸Šä¼ æ ‡è®° " prop="isupload">
            <el-select v-model="form.isupload" placeholder="请选择 ä¸Šä¼ æ ‡è®° ">
              <el-option
                v-for="dict in dict.type.sys_yes_no"
                :key="dict.value"
                :label="dict.label"
                :value="parseInt(dict.value)"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label=" ä¸Šä¼ æ—¶é—´ " prop="uploadTime">
            <el-date-picker clearable
              v-model="form.uploadTime"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="请选择 ä¸Šä¼ æ—¶é—´ ">
            </el-date-picker>
          </el-form-item>
          </el-form-item></el-col>
      </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
          <el-button @click="cancel">取 æ¶ˆ</el-button>
        </div>
      </el-dialog>
  <!--/el-dialog-->
    </div>
  </template>
  
  <script>
  import { listSvytopic, getSvytopic, delSvytopic, addSvytopic, updateSvytopic } from "@/api/smartor/svytopic";
import { listSvytopicoption, getSvytopicoption, delSvytopicoption, addSvytopicoption, updateSvytopicoption } from "@/api/smartor/svytopicoption";
  
  export default {
    name: "Svytopic",
  name: "Svytopicoption",
    dicts: ['sys_yes_no'],
    data() {
      return {
        title: "修改选项",
      title: "",
        // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
        open: false,
        // æŸ¥è¯¢å‚æ•°
@@ -104,18 +116,8 @@
      };
    },
    created() {
      this.getList();
    },
    methods: {
      /** æŸ¥è¯¢é—®å·é¢˜ç›®åˆ—表 */
      getList() {
        this.loading = true;
        listSvytopic(this.queryParams).then(response => {
          this.svytopicList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      // å–消按钮
      cancel() {
        this.open = false;
@@ -124,17 +126,31 @@
      // è¡¨å•é‡ç½®
      reset() {
        this.form = {
        optionid: null,
          topicid: null,
          oldid: null,
          svyid: null,
          topictype: null,
          topiccode: null,
          topic: null,
        optioncode: null,
        optioncontent: null,
        isexistdetail: null,
        detailismandatory: null,
        isexceptionitem: null,
        istrack: null,
        score: null,
        prompt: null,
        jump: null,
        parentoptionid: null,
        ismutex: null,
        verifyrule: null,
          sort: null,
          ismandatory: null,
          ishide: null,
          delFlag: null,
        verificationtype: null,
        isrange: null,
        minrange: null,
        maxrange: null,
        rangelength: null,
          orgid: null,
        oldid: null,
        delFlag: null,
          createBy: null,
          createTime: null,
          updateBy: null,
@@ -144,74 +160,39 @@
        };
        this.resetForm("form");
      },
      /** æœç´¢æŒ‰é’®æ“ä½œ */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** é‡ç½®æŒ‰é’®æ“ä½œ */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      // å¤šé€‰æ¡†é€‰ä¸­æ•°æ®
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.topicid)
        this.single = selection.length!==1
        this.multiple = !selection.length
      },
      /** æ–°å¢žæŒ‰é’®æ“ä½œ */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加问卷题目";
      },
      /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
      handleUpdate(row) {
    handleUpdate(id) {
        this.reset();
        const topicid = row.topicid || this.ids
        getSvytopic(topicid).then(response => {
          this.form = response.data;
          this.open = true;
          this.title = "修改问卷题目";
      if (id != null) {
        const optionid = id;
        getSvytopicoption(optionid).then(response => {
          this.form = response.data;
          this.title = "修改问卷问题选项";
        });
      }else
      {
        this.title = "新增问卷问题选项";
      }
      },
      /** æäº¤æŒ‰é’® */
      submitForm() {
        this.$refs["form"].validate(valid => {
          if (valid) {
            if (this.form.topicid != null) {
              updateSvytopic(this.form).then(response => {
          if (this.form.optionid != null) {
            updateSvytopicoption(this.form).then(response => {
                this.$modal.msgSuccess("修改成功");
                this.open = false;
                this.getList();
              });
            } else {
              addSvytopic(this.form).then(response => {
            addSvytopicoption(this.form).then(response => {
                this.$modal.msgSuccess("新增成功");
                this.open = false;
                this.getList();
              });
            }
          }
        });
      },
      /** åˆ é™¤æŒ‰é’®æ“ä½œ */
      handleDelete(row) {
        const topicids = row.topicid || this.ids;
        this.$modal.confirm('是否确认删除问卷题目编号为"' + topicids + '"的数据项？').then(function() {
          return delSvytopic(topicids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },
      /** å¯¼å‡ºæŒ‰é’®æ“ä½œ */
      handleExport() {
        this.download('smartor/svytopic/export', {
          ...this.queryParams
        }, `svytopic_${new Date().getTime()}.xlsx`)
      }
    }
  };
  </script>

 ruoyi-ui/src/views/smartor/svytopic/index.vue

@@ -317,8 +317,12 @@
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      const topicId = row.topicid || this.ids
      //const tableName = row.tableName || this.tableNames[0];
      const params = { };
      this.$tab.openPage("修改问卷", '/surveysetting/svytopic/maint/' + topicId, params);
      return
      this.reset();
      const topicid = row.topicid || this.ids
      getSvytopic(topicid).then(response => {
        this.form = response.data;
        this.open = true;

 ruoyi-ui/src/views/smartor/svytopic/index1.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,366 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label=" è€ç‰ˆæœ¬ID " prop="oldid">
        <el-input
          v-model="queryParams.oldid"
          placeholder="请输入 è€ç‰ˆæœ¬ID "
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label=" æ˜¯å¦éšè— " prop="ishide">
        <el-select v-model="queryParams.ishide" placeholder="请选择 æ˜¯å¦éšè— " clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label=" æœºæž„ID " prop="orgid">
        <el-input
          v-model="queryParams.orgid"
          placeholder="请输入 æœºæž„ID "
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['smartor:svytopic:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['smartor:svytopic:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['smartor:svytopic:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['smartor:svytopic:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="svytopicList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label=" è‡ªå¢žID " align="center" prop="topicid" />
      <el-table-column label=" é—®å·ID " align="center" prop="svyid" />
      <el-table-column label=" é¢˜ç›®ç±»åž‹;枚举 1.单选 2多选 3填空 " align="center" prop="topictype" />
      <el-table-column label=" é¢˜ç›® " align="center" prop="topic" />
      <el-table-column label=" æŽ’序 " align="center" prop="sort" />
      <el-table-column label=" æ˜¯å¦éšè— " align="center" prop="ishide">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.ishide"/>
        </template>
      </el-table-column>
      <el-table-column label=" æœºæž„ID " align="center" prop="orgid" />
      <el-table-column label=" åˆ›å»ºæ—¶é—´ " align="center" prop="createTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['smartor:svytopic:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['smartor:svytopic:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- æ·»åŠ æˆ–修改问卷题目对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label=" è€ç‰ˆæœ¬ID " prop="oldid">
          <el-input v-model="form.oldid" placeholder="请输入 è€ç‰ˆæœ¬ID " />
        </el-form-item>
        <el-form-item label=" é—®å·ID " prop="svyid">
          <el-input v-model="form.svyid" placeholder="请输入 é—®å·ID " />
        </el-form-item>
        <el-form-item label=" é¢˜ç›®Code " prop="topiccode">
          <el-input v-model="form.topiccode" placeholder="请输入 é¢˜ç›®Code " />
        </el-form-item>
        <el-form-item label=" é¢˜ç›® " prop="topic">
          <el-input v-model="form.topic" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label=" æŽ’序 " prop="sort">
          <el-input v-model="form.sort" placeholder="请输入 æŽ’序 " />
        </el-form-item>
        <el-form-item label=" æ˜¯å¦å¿…å¡« " prop="ismandatory">
          <el-select v-model="form.ismandatory" placeholder="请选择 æ˜¯å¦å¿…å¡« ">
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label=" æ˜¯å¦éšè— " prop="ishide">
          <el-select v-model="form.ishide" placeholder="请选择 æ˜¯å¦éšè— ">
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label=" åˆ é™¤æ ‡è®° " prop="delFlag">
          <el-select v-model="form.delFlag" placeholder="请选择 åˆ é™¤æ ‡è®° ">
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label=" æœºæž„ID " prop="orgid">
          <el-input v-model="form.orgid" placeholder="请输入 æœºæž„ID " />
        </el-form-item>
        <el-form-item label=" ä¸Šä¼ æ ‡è®° " prop="isupload">
          <el-select v-model="form.isupload" placeholder="请选择 ä¸Šä¼ æ ‡è®° ">
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label=" ä¸Šä¼ æ—¶é—´ " prop="uploadTime">
          <el-date-picker clearable
            v-model="form.uploadTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择 ä¸Šä¼ æ—¶é—´ ">
          </el-date-picker>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
        <el-button @click="cancel">取 æ¶ˆ</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listSvytopic, getSvytopic, delSvytopic, addSvytopic, updateSvytopic } from "@/api/smartor/svytopic";

export default {
  name: "Svytopic",
  dicts: ['sys_yes_no'],
  data() {
    return {
      // é®ç½©å±‚
      loading: true,
      // é€‰ä¸­æ•°ç»„
      ids: [],
      // éžå•ä¸ªç¦ç”¨
      single: true,
      // éžå¤šä¸ªç¦ç”¨
      multiple: true,
      // æ˜¾ç¤ºæœç´¢æ¡ä»¶
      showSearch: true,
      // æ€»æ¡æ•°
      total: 0,
      // é—®å·é¢˜ç›®è¡¨æ ¼æ•°æ®
      svytopicList: [],
      // å¼¹å‡ºå±‚标题
      title: "",
      // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
      open: false,
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        oldid: null,
        topictype: null,
        topic: null,
        ishide: null,
        orgid: null,
      },
      // è¡¨å•å‚æ•°
      form: {},
      // è¡¨å•æ ¡éªŒ
      rules: {
        delFlag: [
          { required: true, message: " åˆ é™¤æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "change" }
        ],
        isupload: [
          { required: true, message: " ä¸Šä¼ æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "change" }
        ],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** æŸ¥è¯¢é—®å·é¢˜ç›®åˆ—表 */
    getList() {
      this.loading = true;
      listSvytopic(this.queryParams).then(response => {
        this.svytopicList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // å–消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // è¡¨å•é‡ç½®
    reset() {
      this.form = {
        topicid: null,
        oldid: null,
        svyid: null,
        topictype: null,
        topiccode: null,
        topic: null,
        sort: null,
        ismandatory: null,
        ishide: null,
        delFlag: null,
        orgid: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        isupload: null,
        uploadTime: null
      };
      this.resetForm("form");
    },
    /** æœç´¢æŒ‰é’®æ“ä½œ */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** é‡ç½®æŒ‰é’®æ“ä½œ */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // å¤šé€‰æ¡†é€‰ä¸­æ•°æ®
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.topicid)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** æ–°å¢žæŒ‰é’®æ“ä½œ */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加问卷题目";
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      this.reset();
      const topicid = row.topicid || this.ids
      getSvytopic(topicid).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改问卷题目";
      });
    },
    /** æäº¤æŒ‰é’® */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.topicid != null) {
            updateSvytopic(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addSvytopic(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** åˆ é™¤æŒ‰é’®æ“ä½œ */
    handleDelete(row) {
      const topicids = row.topicid || this.ids;
      this.$modal.confirm('是否确认删除问卷题目编号为"' + topicids + '"的数据项？').then(function() {
        return delSvytopic(topicids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** å¯¼å‡ºæŒ‰é’®æ“ä½œ */
    handleExport() {
      this.download('smartor/svytopic/export', {
        ...this.queryParams
      }, `svytopic_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>

 ruoyi-ui/src/views/smartor/svytopic/maint.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,32 @@
<template>
    <div class="app-container">
    <dw_base ref="base"/>
    <dw_detail ref="detail"/>
    </div>
</template>
<script>
 import { listSvytopic, getSvytopic, delSvytopic, addSvytopic, updateSvytopic } from "@/api/smartor/svytopic";
 import dw_base from "@/smartor/dataobject/dw_svytopic_maint.vue";
 import dw_detail from  "@/smartor/dataobject/dw_svytopicoption_maint.vue";

export default {
  name: "SvytopicMaint",
  dicts: ['sys_yes_no'],
  data() {
    return {
        topicid:null,
    }
  },
  components:
  {
    dw_base: dw_base,
    dw_detail: dw_detail
  },
  created() {
    
  },
  mounted() {
    this.$refs["detail"].handleUpdate(1) 
  }
}
</script>

 ruoyi-ui/src/views/smartor/svytopicoption/index.vue

@@ -57,98 +57,13 @@
      @pagination="getList" />

    <!-- æ·»åŠ æˆ–修改问卷问题选项对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-row>
          <el-col :span="6"><el-form-item label=" é¢˜ç›®ID " prop="topicid">
              <el-input v-model="form.topicid" placeholder="请输入 é¢˜ç›®ID " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" é—®å·ID " prop="svyid">
              <el-input v-model="form.svyid" placeholder="请输入 é—®å·ID " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" é€‰é¡¹Code " prop="optioncode">
              <el-input v-model="form.optioncode" placeholder="请输入 é€‰é¡¹Code " />
            </el-form-item></el-col>
          <el-col :span="6"></el-col>
        </el-row>>

        <el-row>
          <el-form-item label=" é€‰é¡¹å†…容 ">
            <el-input v-model="form.optioncontent" placeholder="请输入 é€‰é¡¹å†…容 " />
          </el-form-item>
        </el-row>
        <el-row>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦å­˜åœ¨æ˜Žç»† " prop="isexistdetail">
              <el-input v-model="form.isexistdetail" placeholder="请输入 æ˜¯å¦å­˜åœ¨æ˜Žç»† " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜Žç»†æ˜¯å¦å¿…å¡« " prop="detailismandatory">
              <el-input v-model="form.detailismandatory" placeholder="请输入 æ˜Žç»†æ˜¯å¦å¿…å¡« " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦å¼‚常项目 " prop="isexceptionitem">
              <el-input v-model="form.isexceptionitem" placeholder="请输入 æ˜¯å¦å¼‚常项目 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦è·Ÿè¿› " prop="istrack">
              <el-input v-model="form.istrack" placeholder="请输入 æ˜¯å¦è·Ÿè¿› " />
            </el-form-item></el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label=" åˆ†æ•° " prop="score">
              <el-input v-model="form.score" placeholder="请输入 åˆ†æ•° " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æç¤º " prop="prompt">
              <el-input v-model="form.prompt" placeholder="请输入 æç¤º " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" è·³è½¬ " prop="jump">
              <el-input v-model="form.jump" placeholder="请输入 è·³è½¬ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" çˆ¶é€‰é¡¹ID " prop="parentoptionid">
              <el-input v-model="form.parentoptionid" placeholder="请输入 çˆ¶é€‰é¡¹ID " />
            </el-form-item></el-col>
        </el-row>

        <el-row>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦äº’æ–¥ " prop="ismutex">
              <el-input v-model="form.ismutex" placeholder="请输入 æ˜¯å¦äº’æ–¥ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" éªŒè¯è§„则 " prop="verifyrule">
              <el-input v-model="form.verifyrule" placeholder="请输入 éªŒè¯è§„则 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æŽ’序 " prop="sort">
              <el-input v-model="form.sort" placeholder="请输入 æŽ’序 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦é™åˆ¶èŒƒå›´ " prop="isrange">
              <el-input v-model="form.isrange" placeholder="请输入 æ˜¯å¦é™åˆ¶èŒƒå›´ " />
            </el-form-item></el-col>
        </el-row>


        <el-row>
          <el-col :span="6"><el-form-item label=" æœ€å°èŒƒå›´ " prop="minrange">
              <el-input v-model="form.minrange" placeholder="请输入 æœ€å°èŒƒå›´ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
              <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
              <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æœºæž„ID " prop="orgid">
              <el-input v-model="form.orgid" placeholder="请输入 æœºæž„ID " />
            </el-form-item></el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
        <el-button @click="cancel">取 æ¶ˆ</el-button>
      </div>
    </el-dialog>
    <maintdlg ref="maint"/>
  </div>
</template>

<script>
import { listSvytopicoption, getSvytopicoption, delSvytopicoption, addSvytopicoption, updateSvytopicoption } from "@/api/smartor/svytopicoption";
import maintdlg from  "@/smartor/dataobject/dw_svytopicoption_maint.vue";

export default {
  name: "Svytopicoption",
@@ -168,10 +83,6 @@
      total: 0,
      // é—®å·é—®é¢˜é€‰é¡¹è¡¨æ ¼æ•°æ®
      svytopicoptionList: [],
      // å¼¹å‡ºå±‚标题
      title: "",
      // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
      open: false,
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
@@ -202,21 +113,17 @@
        isupload: null,
        uploadTime: null
      },
      // è¡¨å•å‚æ•°
      form: {},
      // è¡¨å•æ ¡éªŒ
      rules: {
        delFlag: [
          { required: true, message: " åˆ é™¤æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "blur" }
        ],
        isupload: [
          { required: true, message: " ä¸Šä¼ æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "blur" }
        ],
      }
    };
  },
  components:
  {
    maintdlg: maintdlg //()=>import("@/smartor/dataobject/dw_svytopicoption_maint")
  },
  created() {
    this.getList();
   },
  mounted() {
    
  },
  methods: {
    /** æŸ¥è¯¢é—®å·é—®é¢˜é€‰é¡¹åˆ—表 */
@@ -227,48 +134,6 @@
        this.total = response.total;
        this.loading = false;
      });
    },
    // å–消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // è¡¨å•é‡ç½®
    reset() {
      this.form = {
        optionid: null,
        topicid: null,
        svyid: null,
        topictype: null,
        optioncode: null,
        optioncontent: null,
        isexistdetail: null,
        detailismandatory: null,
        isexceptionitem: null,
        istrack: null,
        score: null,
        prompt: null,
        jump: null,
        parentoptionid: null,
        ismutex: null,
        verifyrule: null,
        sort: null,
        verificationtype: null,
        isrange: null,
        minrange: null,
        maxrange: null,
        rangelength: null,
        orgid: null,
        oldid: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        isupload: null,
        uploadTime: null
      };
      this.resetForm("form");
    },
    /** æœç´¢æŒ‰é’®æ“ä½œ */
    handleQuery() {
@@ -288,40 +153,16 @@
    },
    /** æ–°å¢žæŒ‰é’®æ“ä½œ */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加问卷问题选项";
      this.$refs["maint"].handleUpdate(null)
      return
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      this.reset();
      const optionid = row.optionid || this.ids
      getSvytopicoption(optionid).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改问卷问题选项";
      });
      this.$refs["maint"].handleUpdate(optionid) 
      return 
    },
    /** æäº¤æŒ‰é’® */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.optionid != null) {
            updateSvytopicoption(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addSvytopicoption(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    
    /** åˆ é™¤æŒ‰é’®æ“ä½œ */
    handleDelete(row) {
      const optionids = row.optionid || this.ids;

 ruoyi-ui/src/views/smartor/svytopicoption/index1.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,343 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label=" é€‰é¡¹å†…容 " prop="optioncontent">
        <el-input v-model="queryParams.optioncontent" placeholder="请输入 é€‰é¡¹å†…容 " clearable
          @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label=" å½’属机构 " prop="orgid">
        <el-input v-model="queryParams.orgid" placeholder="请输入 æœºæž„ID " clearable @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['smartor:svytopicoption:add']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
          v-hasPermi="['smartor:svytopicoption:edit']">修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
          v-hasPermi="['smartor:svytopicoption:remove']">删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
          v-hasPermi="['smartor:svytopicoption:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="svytopicoptionList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label=" é¢˜ç›®ç±»åž‹ " width="150" align="center" prop="topictype" />
      <el-table-column label=" é€‰é¡¹å†…容 " width="200" align="center" prop="optioncontent" />
      <el-table-column label=" æç¤º " width="200" align="center" prop="prompt" />
      <el-table-column label=" åˆ†æ•° " width="55" align="center" prop="score" />
      <el-table-column label=" éªŒè¯è§„则 " width="250" align="center" prop="verifyrule" />
      <el-table-column label=" æ˜¯å¦å­˜åœ¨æ˜Žç»† " width="150" align="center" prop="isexistdetail" />
      <el-table-column label=" å½’属机构 " width="200" align="center" prop="orgid" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['smartor:svytopicoption:edit']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['smartor:svytopicoption:remove']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
      @pagination="getList" />

    <!-- æ·»åŠ æˆ–修改问卷问题选项对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-row>
          <el-col :span="6"><el-form-item label=" é¢˜ç›®ID " prop="topicid">
              <el-input v-model="form.topicid" placeholder="请输入 é¢˜ç›®ID " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" é—®å·ID " prop="svyid">
              <el-input v-model="form.svyid" placeholder="请输入 é—®å·ID " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" é€‰é¡¹Code " prop="optioncode">
              <el-input v-model="form.optioncode" placeholder="请输入 é€‰é¡¹Code " />
            </el-form-item></el-col>
          <el-col :span="6"></el-col>
        </el-row>>

        <el-row>
          <el-form-item label=" é€‰é¡¹å†…容 ">
            <el-input v-model="form.optioncontent" placeholder="请输入 é€‰é¡¹å†…容 " />
          </el-form-item>
        </el-row>
        <el-row>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦å­˜åœ¨æ˜Žç»† " prop="isexistdetail">
              <el-input v-model="form.isexistdetail" placeholder="请输入 æ˜¯å¦å­˜åœ¨æ˜Žç»† " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜Žç»†æ˜¯å¦å¿…å¡« " prop="detailismandatory">
              <el-input v-model="form.detailismandatory" placeholder="请输入 æ˜Žç»†æ˜¯å¦å¿…å¡« " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦å¼‚常项目 " prop="isexceptionitem">
              <el-input v-model="form.isexceptionitem" placeholder="请输入 æ˜¯å¦å¼‚常项目 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦è·Ÿè¿› " prop="istrack">
              <el-input v-model="form.istrack" placeholder="请输入 æ˜¯å¦è·Ÿè¿› " />
            </el-form-item></el-col>
        </el-row>

        <el-row>
          <el-col :span="6">
            <el-form-item label=" åˆ†æ•° " prop="score">
              <el-input v-model="form.score" placeholder="请输入 åˆ†æ•° " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æç¤º " prop="prompt">
              <el-input v-model="form.prompt" placeholder="请输入 æç¤º " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" è·³è½¬ " prop="jump">
              <el-input v-model="form.jump" placeholder="请输入 è·³è½¬ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" çˆ¶é€‰é¡¹ID " prop="parentoptionid">
              <el-input v-model="form.parentoptionid" placeholder="请输入 çˆ¶é€‰é¡¹ID " />
            </el-form-item></el-col>
        </el-row>

        <el-row>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦äº’æ–¥ " prop="ismutex">
              <el-input v-model="form.ismutex" placeholder="请输入 æ˜¯å¦äº’æ–¥ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" éªŒè¯è§„则 " prop="verifyrule">
              <el-input v-model="form.verifyrule" placeholder="请输入 éªŒè¯è§„则 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æŽ’序 " prop="sort">
              <el-input v-model="form.sort" placeholder="请输入 æŽ’序 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æ˜¯å¦é™åˆ¶èŒƒå›´ " prop="isrange">
              <el-input v-model="form.isrange" placeholder="请输入 æ˜¯å¦é™åˆ¶èŒƒå›´ " />
            </el-form-item></el-col>
        </el-row>


        <el-row>
          <el-col :span="6"><el-form-item label=" æœ€å°èŒƒå›´ " prop="minrange">
              <el-input v-model="form.minrange" placeholder="请输入 æœ€å°èŒƒå›´ " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
              <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" èŒƒå›´é•¿åº¦;用于小数保留位数 " prop="rangelength">
              <el-input v-model="form.rangelength" placeholder="请输入 èŒƒå›´é•¿åº¦;用于小数保留位数 " />
            </el-form-item></el-col>
          <el-col :span="6"><el-form-item label=" æœºæž„ID " prop="orgid">
              <el-input v-model="form.orgid" placeholder="请输入 æœºæž„ID " />
            </el-form-item></el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
        <el-button @click="cancel">取 æ¶ˆ</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listSvytopicoption, getSvytopicoption, delSvytopicoption, addSvytopicoption, updateSvytopicoption } from "@/api/smartor/svytopicoption";

export default {
  name: "Svytopicoption",
  data() {
    return {
      // é®ç½©å±‚
      loading: true,
      // é€‰ä¸­æ•°ç»„
      ids: [],
      // éžå•ä¸ªç¦ç”¨
      single: true,
      // éžå¤šä¸ªç¦ç”¨
      multiple: true,
      // æ˜¾ç¤ºæœç´¢æ¡ä»¶
      showSearch: true,
      // æ€»æ¡æ•°
      total: 0,
      // é—®å·é—®é¢˜é€‰é¡¹è¡¨æ ¼æ•°æ®
      svytopicoptionList: [],
      // å¼¹å‡ºå±‚标题
      title: "",
      // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
      open: false,
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        topicid: null,
        svyid: null,
        topictype: null,
        optioncode: null,
        optioncontent: null,
        isexistdetail: null,
        detailismandatory: null,
        isexceptionitem: null,
        istrack: null,
        score: null,
        prompt: null,
        jump: null,
        parentoptionid: null,
        ismutex: null,
        verifyrule: null,
        sort: null,
        verificationtype: null,
        isrange: null,
        minrange: null,
        maxrange: null,
        rangelength: null,
        orgid: null,
        oldid: null,
        isupload: null,
        uploadTime: null
      },
      // è¡¨å•å‚æ•°
      form: {},
      // è¡¨å•æ ¡éªŒ
      rules: {
        delFlag: [
          { required: true, message: " åˆ é™¤æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "blur" }
        ],
        isupload: [
          { required: true, message: " ä¸Šä¼ æ ‡è®° ä¸èƒ½ä¸ºç©º", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** æŸ¥è¯¢é—®å·é—®é¢˜é€‰é¡¹åˆ—表 */
    getList() {
      this.loading = true;
      listSvytopicoption(this.queryParams).then(response => {
        this.svytopicoptionList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // å–消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // è¡¨å•é‡ç½®
    reset() {
      this.form = {
        optionid: null,
        topicid: null,
        svyid: null,
        topictype: null,
        optioncode: null,
        optioncontent: null,
        isexistdetail: null,
        detailismandatory: null,
        isexceptionitem: null,
        istrack: null,
        score: null,
        prompt: null,
        jump: null,
        parentoptionid: null,
        ismutex: null,
        verifyrule: null,
        sort: null,
        verificationtype: null,
        isrange: null,
        minrange: null,
        maxrange: null,
        rangelength: null,
        orgid: null,
        oldid: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        isupload: null,
        uploadTime: null
      };
      this.resetForm("form");
    },
    /** æœç´¢æŒ‰é’®æ“ä½œ */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** é‡ç½®æŒ‰é’®æ“ä½œ */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // å¤šé€‰æ¡†é€‰ä¸­æ•°æ®
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.optionid)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** æ–°å¢žæŒ‰é’®æ“ä½œ */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加问卷问题选项";
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      this.reset();
      const optionid = row.optionid || this.ids
      getSvytopicoption(optionid).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改问卷问题选项";
      });
    },
    /** æäº¤æŒ‰é’® */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.optionid != null) {
            updateSvytopicoption(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addSvytopicoption(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** åˆ é™¤æŒ‰é’®æ“ä½œ */
    handleDelete(row) {
      const optionids = row.optionid || this.ids;
      this.$modal.confirm('是否确认删除问卷问题选项编号为"' + optionids + '"的数据项？').then(function () {
        return delSvytopicoption(optionids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => { });
    },
    /** å¯¼å‡ºæŒ‰é’®æ“ä½œ */
    handleExport() {
      this.download('smartor/svytopicoption/export', {
        ...this.queryParams
      }, `svytopicoption_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>