antissoft / NetworkInformation

  <template>

    <el-dialog

      title="研判建议"

      :close-on-click-modal="false"
      :visible.sync="visible"
      class="NCC-dialog NCC-dialog_center"
      lock-scroll
      width="60%"

    >

      <el-row :gutter="15" class="NCC-dialog-content" v-loading="loading">

        <el-col :span="10" style="border-right: 1px solid #e6e6e6; height: 400px">

          <el-row>

            <el-col :span="24" class="form_title"> 巡查上报详情 </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题来源：</div>
                <div class="text">{{ dataForm.reportSourceName || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">应用名称：</div>
                <div class="text">{{ dataForm.platformNameStr || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">运营主体：</div>
                <div class="text">{{ dataForm.companyStr || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">应用类型：</div>
                <div class="text">{{ dataForm.platformTypeStr || "--" }}</div>
              </div>
            </el-col>
            <el-col
              :span="24"
              v-if="dataForm.platformType == '580634746028033285'"
            >
              <div class="form-item">
                <div class="label w-100">归属平台：</div>
                <div class="text">

                  {{ dataForm.selfMediaPlatformType || "--" }}

                </div>

              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题类型：</div>
                <div class="text">{{ dataForm.questionType || "--" }}</div>
              </div>
            </el-col>
            <template v-if="dataForm.questionType == '错误表述'">

              <el-col :span="24">
                <div class="form-item">

                  <div class="label w-100">正确描述：</div>
                  <div class="text">

                    {{ dataForm.accurateDescription || "--" }}
                  </div>

                </div>
              </el-col>
              <el-col :span="24">
                <div class="form-item">

                  <div class="label w-100">错误描述：</div>
                  <div class="text">
                    {{ dataForm.incorrectDescription || "--" }}

                  </div>
                </div>

              </el-col>

            </template>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">问题内容：</div>
                <div class="text">{{ dataForm.questionContent || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">链接：</div>
                <div class="text">{{ dataForm.link || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">关键词：</div>
                <div class="text">{{ dataForm.questionClass || "--" }}</div>
              </div>
            </el-col>
            <el-col :span="24">
              <el-col class="form-item">
                <div class="label w-100">附件：</div>
                <div class="text">
                  <NCC-UploadFz
                  v-model="dataForm.annex"
                  :fileSize="5"
                  sizeUnit="MB"
                  :limit="9"
                  buttonText="点击上传"
                  disabled
                />

                </div>
              </el-col>

            </el-col>
            <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">所属区域：</div>
                <div class="text">{{ dataForm.areaName || "--" }}</div>
              </div>
            </el-col>

            <el-col :span="24" v-for="(v, i) in dataForm.judgmentOpinions" :key="i" style="border: #f6f6f6 solid 1px; border-radius: 10px; padding: 8px; margin-bottom: 5px;">
              <div class="title">研判信息{{ i + 1 }}</div>

              <div class="form-item">

                <div class="label w-120">处置类型：</div>
                <div class="text">{{ v.State }}</div>
              </div>
              <div class="form-item">
                <div class="label w-120">处置建议：</div>
                <div class="text">{{ v.judgmentOpinion }}</div>

              </div>
            </el-col>

            <el-col :span="24" v-for="(v, index) in dataForm.disposalSuggestions" :key="index" style="border: #f6f6f6 solid 1px; border-radius: 10px; padding: 8px; margin-bottom: 5px;">
              <div class="title">处置信息{{ index + 1 }}</div>

              <div class="form-item">

                <div class="label w-120">处置结果：</div>
                <div class="text">{{ v.disposalSuggestion }}</div>
              </div>
              <div class="form-item" v-if="v.fileUrl">
                <div class="label w-120">处置附件：</div>
                <div class="text" style="width: calc(100% - 120px);">
                  <NCC-UploadFz v-model="v.fileUrl" :fileSize="5" sizeUnit="MB" :limit="9" buttonText="点击上传" disabled/>
                </div>

              </div>
            </el-col>

            <!-- <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">处置建议：</div>
                <div class="text">
                  <div class="text" v-if="!dataForm.judgmentOpinions || !dataForm.judgmentOpinions.length">无</div>
                  <template v-else>
                    <div class="text"  v-for="v in dataForm.judgmentOpinions" :key="v">{{ v }}</div>
                  </template>
                </div>
              </div>
            </el-col> -->
            <!-- <el-col :span="24">
              <div class="form-item">
                <div class="label w-100">处置结果：</div>
                <div class="text">
                  <div class="text" v-if="!dataForm.disposalSuggestions || !dataForm.disposalSuggestions.length">无</div>
                  <template v-else>
                    <div class="text"  v-for="v in dataForm.disposalSuggestions" :key="v">{{ v }}</div>
                  </template>
                </div>
              </div>
            </el-col> -->
            <!-- <el-col :span="24">

              <el-col class="form-item">
                <div class="label w-100">处置附件：</div>
                <div class="text" v-if="dataForm.judgmentOpinions">
                  <NCC-UploadFz

                  v-model="dataForm.disposalResult"

                  :fileSize="5"
                  sizeUnit="MB"
                  :limit="9"
                  buttonText="点击上传"
                  disabled
                />

                </div>
              </el-col>

            </el-col> -->

          </el-row>
        </el-col>
        <el-col :span="14">
          <el-row>

            <el-col :span="24" class="form_title"> 研判建议 </el-col>

            <el-form
              ref="suggestionForm"
              :rules="rules"
              :model="suggestionForm"
              size="small"
              label-width="100px"
              label-position="right"
            >

              <el-col :span="24">

                <el-form-item label="研判类型" prop="reviewType">

                  <el-radio-group

                    v-model="suggestionForm.reviewType"

                    size="medium"

                    @change="judgmentClassChange"

                  >

                    <el-radio
                      v-for="v in judgmentClassOption"
                      :key="v.Id"
                      :label="v.Id"
                      >{{ v.FullName }}</el-radio
                    >

                  </el-radio-group>
                </el-form-item>
              </el-col>

              <el-col
                :span="24"
                v-if="
                  (!dataForm.areaId || dataForm.areaId == '580548871316383493') &&
                  showarea
                "
              >

                <el-form-item label="所属区县" prop="area">

                  <el-radio-group
                    v-removeAriaHidden
                    v-model="suggestionForm.area"
                    placeholder="请选择所属区县"
                    style="line-height: 22px"
                  >
                    <el-radio
                      v-for="v in areaOptions"
                      :key="v.id"
                      :label="v.id"
                      >{{ v.fullName }}</el-radio
                    >

                  </el-radio-group>
                </el-form-item>
              </el-col>

              <el-col
                :span="24"
                v-if="!dataForm.externalAssistanceId && showarea"
              >

                <el-form-item label="所属外协" prop="externalAssistanceId">

                  <el-radio-group
                    v-removeAriaHidden
                    v-model="suggestionForm.externalAssistanceId"
                    placeholder="请选择所属外协"
                    style="line-height: 22px"
                  >
                    <el-radio
                      v-for="v in communicationOutOptions"
                      :key="v.id"
                      :label="v.id"
                      >{{ v.fullName }}</el-radio
                    >

                  </el-radio-group>
                </el-form-item>
              </el-col>

              <el-col :span="24" v-if="showSuggsetion">

                <el-form-item label="处置建议" prop="judgmentOpinions">

                  <el-input
                    v-model="suggestionForm.judgmentOpinions"

                    placeholder="请输入处置建议"

                    show-word-limit
                    :style="{ width: '100%' }"
                    type="textarea"
                    :autosize="{ minRows: 4, maxRows: 4 }"

                    maxlength="200"

                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </el-form>
          </el-row>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>

        <el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"
          >确 定</el-button
        >

      </span>
    </el-dialog>

  </template>
  <script>

  import request from "@/utils/request";

  import infoMixin from "@/mixins/info";
  import { dynamicText } from "@/filters/index";

  import { getDictionaryDataSelector } from "@/api/systemData/dictionary";

  import {
    getDetail,
    disposalSuggestionsAPI,

    UpdateByHandle

  } from "@/api/systemData/dataInterface";

  export default {
    components: {},

    mixins: [infoMixin],

    props: [],
    data() {
      return {
        loading: true,
        visible: false,
        isDetail: true,
        dataForm: {
          id: undefined,
          platformName: undefined,

          platformNameStr: undefined,
          platformTypeStr: undefined,

          platformType: undefined,
          questionType: undefined,
          questionClass: undefined,
          questionContent: undefined,
          link: undefined,
          obtainEvidence: [],
          annex: [],

          externalAssistanceId: undefined,

        },

        sourceOptions: [],

        platformTypeOptions: [],
        questionTypeOptions: [],
        questionClassOptions: [
          { fullName: "选项一", id: "1" },
          { fullName: "选项二", id: "2" },
        ],
        stageOptions: [
          { fullName: "选项一", id: "1" },
          { fullName: "选项二", id: "2" },
        ],

        suggestionForm: {
          disposalSuggestions: "", //处置建议
          judgmentOpinions: "", //判断意见

          reviewType: "", //判断分类

          deadline: "",

          area: "",
          externalAssistanceId: "",

        },
        rules: {

          reviewType: [

            { required: true, message: "请选择审核类型", trigger: "blur" },
          ],

          area: [{ required: true, message: "请选择所属区域", trigger: "bulr" }],

          judgmentOpinions: [

            { required: true, message: "请填写研判意见", trigger: "bulr" },
          ],

        },

        showSuggsetion: false,

        showarea: false,

        judgmentClassOption: [],

        areaOptions: [],

        btnLoading: false,

        communicationOutOptions: [],

        formType: '',

      };
    },
    computed: {
      isSHILevel() {
        // 判断角色是否为‘市级办公室’
        return this.$store.state.user.islader;
      },
    },
    watch: {},

    created() {},

    mounted() {},
    methods: {

      async getSourceOptions() {
        let { data } = await request({
          url: `/Extend/baseinspectionreport/GetReportSourceList`,
          method: "GET",
        });
        this.sourceOptions = data;
      },

      getplatformTypeOptions() {
        getDictionaryDataSelector("576279943168656645").then((res) => {
          this.platformTypeOptions = res.data.list;
        });
      },
      getquestionTypeOptions() {
        getDictionaryDataSelector("577006814432855301").then((res) => {
          this.questionTypeOptions = res.data.list;
        });
      },

      async getjudgmentClassOptions() {
        await request({

          url: `/Extend/BaseInspectionReport/GetReviewTypeList`,

          method: "GET",
        }).then((res) => {

          this.judgmentClassOption = res.data;

        });

      },

      goBack() {
        this.$emit("refresh");
      },

      async init(id, isDetail, type) {

        this.dataForm.id = id || 0;
        this.visible = true;

        this.showSuggsetion = false;

        this.showarea = false;

        this.loading = true;

        this.formType = type || '';

        await this.initCommunicationOutOptions();

        await this.getSourceOptions();
        await this.initAreaTypeList();
        await this.getjudgmentClassOptions();

        this.$nextTick(async () => {
          this.$refs["suggestionForm"].resetFields();
          if (this.dataForm.id) {

            let res = await getDetail(this.dataForm.id);
            this.dataForm = res.data;

            this.dataForm.areaName = dynamicText(
              res.data.areaId,
              this.areaOptions
            );
            this.sourceOptions.length &&
              this.dataForm.reportSource &&
              (this.dataForm.reportSourceName = this.sourceOptions.find(
                (v) => v.Id == this.dataForm.reportSource
              ).FullName);

            if (!this.dataForm.obtainEvidence) this.dataForm.obtainEvidence = [];
            if (!this.dataForm.annex) this.dataForm.annex = [];

            this.loading = false;

          } else {
            this.loading = false;

          }
        });
      },

      judgmentClassChange(v) {

        this.suggestionForm.judgmentOpinions = "";
        this.showSuggsetion = Boolean(
          v == "590769458901943557" || v == "590769521820697861"
        ); // 进一步处置，不采纳
        this.showarea = Boolean(
          v == "590769199001896197" || v == "590769458901943557"
        ); // 执法，进一步处置

      },

      dataFormSubmit() {

        this.$refs["suggestionForm"].validate(async (valid) => {
          if (valid) {

            let obj = {
              ...this.suggestionForm,
              id: this.dataForm.id,
            };

            this.btnLoading = true;

            let res
            if(this.formType) {

              // 编辑（进修改详情显示，不再进入流程）

              res = await UpdateByHandle(obj);

            } else {
              // 研判
              res = await disposalSuggestionsAPI(obj);
            }

            if (res.code != 200) return (this.btnLoading = false);

            this.$message({
              message: res.msg,
              type: "success",
              duration: 1000,
              onClose: () => {
                (this.visible = false), this.$emit("refresh", true);

              },

            });

          }
        });
      },
    },
  };

  </script>
  <style lang="scss" scoped>

  .form_title {
    line-height: 30px;
    padding-left: 40px;
    color: #409eff;
  }

  </style>