跳题逻辑处理

CallCenterWeb.UI/src/api/subjectManagement/subjectManagement.js

@@ -164,4 +164,23 @@ export function addpic(params) {
     params
   })
 }
+//删除图片图片
+export function deletepic(id) {
+  return request({
+    url: 'api/Background/delete',
+    method: 'post',
+    data:{
+      id
+    }
+  })
+}
+
+//自定义图片保存
+export function saveBCI(data) {
+  return request({
+    url: 'api/Background/update',
+    method: 'post',
+    data
+  })
+}
 

CallCenterWeb.UI/src/views/subjectManagement/backgroundImg/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-card>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tabs v-model="activeName" @tab-click="handleClickTab">
       <el-tab-pane label="电脑端" name="1">
         <span class="bgi">自定义背景</span>
         <el-upload
@@ -14,18 +14,47 @@
           :on-error="uploadError"
           list-type="picture"
           :show-file-list="false"
-          :file-list="fileList"
+          :file-list="fileListName"
         >
           <el-button size="small" type="primary">点击上传</el-button>
         </el-upload>
       </el-tab-pane>
-      <el-tab-pane label="手机端" name="2">手机端</el-tab-pane>
-      <div>
-          <ul>
-              <li v-for="item in imgData" :key="item.id">
-                  <img :src="item.src" alt="" srcset="">
-              </li>
-          </ul>
+      <el-tab-pane label="手机端" name="2">
+        <span class="bgi">自定义背景</span>
+        <el-upload
+          class="upload-demo"
+          name="files"
+          :action="uploadData.uploadUrl"
+          :data="uploadData.uploaderFiles"
+          :headers="{'Authorization': token}"
+          :on-success="uploadSuccess"
+          :on-remove="uploadRemove"
+          :on-error="uploadError"
+          list-type="picture"
+          :show-file-list="false"
+          :file-list="fileListName"
+        >
+          <el-button size="small" type="primary">点击上传</el-button>
+        </el-upload>
+      </el-tab-pane>
+      <div class="imgList">
+        <ul>
+          <li v-for="item in imgData" :key="item.id">
+            <img :src="item.src" alt srcset @click="handleClick(item.id,item.fileId)" />
+            <i
+              class="el-icon-delete"
+              :class="clickClass == item.id?'':'active'"
+              ref="delete"
+              @click="handleDelete(item.id)"
+            ></i>
+            <i
+              class="el-icon-success"
+              :class="clickClass == item.id?'':'active'"
+              ref="delete"
+              @click="handleDelete(item.id)"
+            ></i>
+          </li>
+        </ul>
       </div>
     </el-tabs>
     <pagination
@@ -34,33 +63,45 @@
       :pageindex.sync="pageParams.pageindex"
       :pagesize.sync="pageParams.pagesize"
       class="pagination"
-      @pagination="getList" />
+      @pagination="getList"
+    />
+    <div class="footer">
+      <el-button type="primary" @click="submit">确定</el-button>
+    </div>
   </el-card>
 </template>
 <script>
 import { mapGetters } from "vuex";
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
-import {getPicture, addpic} from '@/api/subjectManagement/subjectManagement'
+import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+import {
+  getPicture,
+  addpic,
+  deletepic,
+  saveBCI,
+} from "@/api/subjectManagement/subjectManagement";
 export default {
-//   name:'Pagination',
-components: {
-    Pagination
+  //   name:'Pagination',
+  components: {
+    Pagination,
   },
   computed: {
     ...mapGetters(["token"]),
   },
   created() {
-      this.getList()
+    this.getList();
   },
   data() {
     return {
       activeName: "1",
       fileList: [],
-      imgData:[],
+      fileListName: [],
+      clickClass: "-1",
+      fileId: "",
+      imgData: [],
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       uploadData: {
         // 文件上传数据
@@ -73,8 +114,9 @@ components: {
     };
   },
   methods: {
-    handleClick(tab, event,val) {
-      console.log(tab, event,val);
+    handleClickTab(tab, event, val) {
+      this.activeName=tab.name
+      this.getList()
     },
     // 文件上传
     uploadSuccess(response, file, fileList) {
@@ -82,15 +124,15 @@ components: {
         response.data.map((item) => {
           this.fileList.push(item.F_Id);
         });
-        const params={
-            fife:this.fileList.toString(),
-            type:this.activeName
-        }
-        addpic(params).then(response=>{
-            if(response.state=='success'){
-                this.getList()
-            }
-        })
+        const params = {
+          fife: this.fileList.toString(),
+          type: this.activeName,
+        };
+        addpic(params).then((response) => {
+          if (response.state == "success") {
+            this.getList();
+          }
+        });
       } else {
         this.$message.error(response.message);
       }
@@ -102,40 +144,136 @@ components: {
       this.fileList = [];
     },
     // 获取图片列表
-    getList(){
-        const params={
-            type:this.activeName,
-            pageindex: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
+    getList() {
+      const params = {
+        type: this.activeName,
+        pageindex: this.pageParams.pageindex, // 第几页
+        pagesize: this.pageParams.pagesize, // 每页几条信息
+      };
+      getPicture(params).then((response) => {
+        if (response.state == "success") {
+          this.pageParams.total = response.total;
+          this.imgData = [];
+          response.rows.map((item) => {
+            if(item.F_Default==1){
+              this.clickClass=item.F_ID
+            }
+            this.imgData.push({
+              id: item.F_ID,
+              src: item.FileUrl.length>0?item.FileUrl[0].F_Url:'',
+              fileId: item.FileUrl.length>0?item.FileUrl[0].F_Id:'',
+            });
+          });
         }
-        getPicture(params).then(response=>{
-            if(response.state=='success'){
-                response.rows.map(item=>{
-                    this.imgData.push({
-                        id:item.FileUrl[0].F_Id,
-                        src:item.FileUrl[0].F_Url,
-                    })
-                })
+      });
+    },
+    //删除图片
+    handleDelete(id) {
+      this.$confirm("确定要删除该图片吗, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletepic(id).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList();
+              this.$message.success("删除成功!");
             }
+          });
         })
-    }
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    //点击图片操作
+    handleClick(id, fileId) {
+      this.clickClass = id;
+      this.fileId = fileId;
+    },
+    //自定义图片保存
+    submit() {
+      if (this.clickClass == -1) {
+        this.$message.info("请选择图片");
+        return;
+      }
+      this.$confirm("确定要使用该图片吗, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const params = {
+            F_ID: this.clickClass,
+            F_File: this.fileId,
+            F_Type: this.activeName,
+            F_Default: 1,
+          };
+          saveBCI(params)
+            .then((response) => {
+              if (response.state == "success") {
+                this.$message.success("自定义背景成功");
+              }
+            })
+            .catch(() => {
+              this.$message.error("出错了！");
+            });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消使用",
+          });
+        });
+    },
   },
 };
 </script>
 <style lang="scss" scoped>
-ul{
-    li{
-        margin: 0;
-        padding: 0;
-        width: 20%;
-        height: 20%;
-        list-style: none;
-        img{
-            display: block;
-            width: 100%;
-            height: 100%;
-        }
+ul {
+  padding: 0;
+  margin: 0;
+  li {
+    position: relative;
+    display: inline-block;
+    padding: 0;
+    margin: 20px 30px 0 0;
+    width: 16%;
+    height: 180px;
+    list-style: none;
+    img {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
     }
+  }
+}
+.imgList {
+  margin-top: 40px;
+  .el-icon-delete {
+    position: absolute;
+    right: 15px;
+    top: 5px;
+    cursor: pointer;
+    color: red;
+  }
+  .el-icon-success {
+    color: #1989fa;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .active {
+    display: none;
+  }
+}
+.footer {
+  float: right;
+  margin: 20px 30px 20px 0;
 }
 .bgi {
   float: left;

CallCenterWeb.UI/src/views/subjectManagement/surveyArea/addOrEdit.vue

@@ -134,11 +134,11 @@ export default {
             F_City: this.ruleForm.city && this.ruleForm.city[0],
             F_County: this.ruleForm.city[1] && this.ruleForm.city[1],
             F_IsYes: this.ruleForm.isYes,
-            F_Subject: this.ruleForm.subject,
+            F_Subject: this.checkdivdata.length>0?this.checkdivdata.toString():'',
             F_Tips: this.ruleForm.tips,
             F_IsRepeat: this.ruleForm.isRepeat,
             F_Width: this.ruleForm.width,
-            F_Skipping: this.ruleForm.skipping,
+            F_Skipping: this.skippingData.length>0?this.skippingData.toString():'',
           };
 
           // 添加
@@ -184,7 +184,7 @@ export default {
         content: {
           content: topicAssociation, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: "" }, // props
+          data: { rowid: "" ,checkdivdata:this.checkdivdata}, // props
         },
         area: ["80%", "80%"],
         title: "题目关联区域",
@@ -198,7 +198,7 @@ export default {
           content: {
             content: skipping, // 传递的组件对象
             parent: this, // 当前的vue对象
-            data: { rowid: this.checkdivdata }, // props
+            data: { rowid: this.checkdivdata,skippingList:this.skippingData }, // props
           },
           area: ["80%", "80%"],
           title: "跳题逻辑区域",
@@ -213,8 +213,23 @@ export default {
       getSurveyDetail(params).then((response) => {
         if (response.state.toLowerCase() === "success") {
           const res = response.data;
-          this.ruleForm.position = res.F_Name;
-          this.ruleForm.des = res.F_Des;
+          this.ruleForm.tips=res.F_Tips
+          this.ruleForm.isYes=res.F_IsYes.toString()
+          this.ruleForm.isRepeat=res.F_IsRepeat.toString()
+          this.ruleForm.width=res.F_Width
+          console.log(res.F_City)
+          if(res.F_City){
+            this.ruleForm.city.push(res.F_City)
+          }
+          if(res.F_County){
+            this.ruleForm.city.push(res.F_County)
+          }
+          if(res.F_Subject){
+            this.checkdivdata=res.F_Subject.split(',').map(Number)
+          }
+          if(res.F_Skipping){
+            this.skippingData=res.F_Skipping.split(',').map(Number)
+          }
         }
       });
     },

CallCenterWeb.UI/src/views/subjectManagement/surveyArea/index.vue

@@ -11,7 +11,7 @@
       <el-table-column prop="F_Province" label="省" align="center" min-width=""/>
       <el-table-column prop="F_City" label="市" align="center" min-width=""/>
       <el-table-column prop="F_County" label="县" align="center" min-width=""/>
-      <el-table-column prop="F_Township" label="乡" align="center" min-width=""/>
+      <!-- <el-table-column prop="F_Township" label="乡" align="center" min-width=""/> -->
       <el-table-column prop="F_Tips" label="提示" align="center" min-width=""/>
       <el-table-column prop="F_Width" label="宽度" align="center" min-width=""/>
       <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
@@ -106,7 +106,7 @@ export default {
           parent: this, // 当前的vue对象
           data: { 'rowid': editId }// props
         },
-        area: ['40%', '70%'],
+        area: ['80%', '90%'],
         title: '编辑区域管理'
       })
     },

CallCenterWeb.UI/src/views/subjectManagement/surveyArea/skipping.vue

@@ -1,76 +1,133 @@
 <template>
-    <el-card>
-        <el-row>
-            <el-col :span="12">
-                <div style="padding-top:15px" v-for=" item in subjectData" :key="item.F_ID">
-                    <div>
-                        <el-checkbox-group v-model="checkList">
-                            <el-checkbox label="复选框 A"></el-checkbox>
-                            <el-checkbox label="复选框 B"></el-checkbox>
-                            <el-checkbox label="复选框 C"></el-checkbox>
-                        </el-checkbox-group>
-                    </div>
-                    <div>
-                        <el-radio v-model="radio" label="1">备选项</el-radio>
-                        <el-radio v-model="radio" label="2">备选项</el-radio>
-                    </div>
-                    <div>
+  <el-card>
+    <el-row>
+      <el-col :span="12">
+        <div style="padding-top:15px" v-for=" (item,index) in subjectData" :key="item.F_ID">
+          <div v-if="item.F_Type==124">
+            <div class="skipping">{{item.F_Name}}</div>
+            <el-checkbox-group
+              v-model="modelData[index].value1"
+              v-for="item in item.optionInputs"
+              :key="item.F_ID"
+            >
+              <el-checkbox :label="item.F_ID">{{item.F_Name}}</el-checkbox>
+            </el-checkbox-group>
+          </div>
+          <div v-else-if="item.F_Type==123">
+            <div class="skipping">{{item.F_Name}}</div>
+            <el-radio-group
+              v-model="modelData[index].value2"
+              v-for="item in item.optionInputs"
+              :key="item.F_ID"
+            >
+              <el-radio :label="item.F_ID">{{item.F_Name}}</el-radio>
+            </el-radio-group>
+          </div>
+          <!-- <div v-else>
                         <el-input></el-input>
-                    </div>
-                </div>
-            </el-col>
-            <el-col :span="13">
-                <el-button type="primary" class="submit" @click="submit">确定</el-button>
-            </el-col>
-        </el-row>
-        
-    </el-card>
+          </div>-->
+        </div>
+      </el-col>
+      <el-col :span="13">
+        <el-button type="primary" class="submit" @click="submit">确定</el-button>
+      </el-col>
+    </el-row>
+  </el-card>
 </template>
 <script>
-import {getsubjectAndOp} from '@/api/subjectManagement/subjectManagement'
+import { getsubjectAndOp } from "@/api/subjectManagement/subjectManagement";
 export default {
-    props:{
-        layerid: {
-        type: String,
-        default: ''
-        },
-        rowid:{
-            type:Array,
-            default:[]
-        }
+  props: {
+    layerid: {
+      type: String,
+      default: "",
     },
-    data() {
-        return {
-            radio:'',
-            checkList:[],
-            subjectData:[],//题目数据
-        }
+    rowid: {
+      type: Array,
+      default: [],
     },
-    created() {
-        console.log(this.rowid)
-        this.getList(this.rowid)
+    skippingList: {
+      type: Array,
+      default: [],
     },
-    methods:{
-        getList(){
-            const params={
-                ids:this.rowid.toString()
-            }
-            getsubjectAndOp(params).then(response=>{
-                if(response.state=='success'){
-                    this.subjectData=response.rows
+  },
+  data() {
+    return {
+      radio: "",
+      checkList: [],
+      subjectData: [], //题目数据
+      modelData: [], //model数据
+      skippingData: [], //跳题数据
+    };
+  },
+  created() {
+    this.getList(this.rowid);
+    if (this.skippingList.length > 0) {
+      this.skippingData = this.skippingList;
+    }
+  },
+  methods: {
+    getList() {
+      const params = {
+        ids: this.rowid.toString(),
+      };
+      getsubjectAndOp(params).then((response) => {
+        if (response.state == "success") {
+          this.subjectData = response.rows;
+          var len = this.subjectData.length;
+          for (var i = 0; i < len; i++) {
+            var item = { value1: [], value2: "" };
+            this.modelData.push(item);
+          }
+          var m = 0;
+          this.subjectData.map((item) => {
+            if (item.F_Type == 123) {
+              item.optionInputs.map((item, index) => {
+                var j = this.skippingData.indexOf(item.F_ID);
+                if (j != -1) {
+                  this.modelData[m].value2 = this.skippingData[j];
                 }
-            })
-        },
-        submit(){
-            this.$parent.$layer.close(this.layerid)
-            this.$parent.checkdivdata=this.checkdiv
-            console.log(this.$parent.checkdivdata)
+              });
+            } else if (item.F_Type == 124) {
+              item.optionInputs.map((item, index) => {
+                var j = this.skippingData.indexOf(item.F_ID);
+                if (j != -1) {
+                  this.modelData[m].value1.push(this.skippingData[j]);
+                }
+              });
+            }
+            if (m < this.subjectData.length) {
+              m += 1;
+            }
+          });
         }
-    }
-}
+      });
+    },
+    submit() {
+      this.skippingData = [];
+      for (var i = 0; i < this.subjectData.length; i++) {
+        console.log(this.modelData[i].value1);
+        if (this.modelData[i].value1.length > 0) {
+          this.modelData[i].value1.map((item) => {
+            this.skippingData.push(item);
+          });
+        }
+        if (this.modelData[i].value2) {
+          this.skippingData.push(this.modelData[i].value2);
+        }
+      }
+      this.$parent.skippingData = this.skippingData;
+      this.$parent.$layer.close(this.layerid);
+    },
+  },
+  mounted() {},
+};
 </script>
 <style lang="scss" scoped>
-.submit{
-    margin-top: 20px;
+.submit {
+  margin-top: 20px;
+}
+.skipping {
+  margin: 10px 0;
 }
 </style>

CallCenterWeb.UI/src/views/subjectManagement/surveyArea/topicAssociation.vue

@@ -23,7 +23,11 @@ export default {
         layerid: {
         type: String,
         default: ''
-        }
+        },
+        checkdivdata: {
+        type: Array,
+        default: []
+        },
     },
     data() {
         return {
@@ -33,6 +37,9 @@ export default {
     },
     created() {
         this.getList()
+        if(this.checkdivdata.length>0){
+            this.checkdiv=this.checkdivdata
+        }
     },
     methods:{
         getList(){