数据修改，增加配置文件

src/api/hostconfig.js

+export const baseUrl = 'https://dev-sc.yunqueyi.com';
\ No newline at end of file

src/components/page/createData.vue

+<template>
+  <el-dialog title="数据导入" :visible.sync="showModal" width="700px" @close="close" center>
+    <el-form ref="form" :model="form" label-width="150px" size="medium " :rules="rules">
+      <el-form-item label="审批编号" prop="dingdingNumber">
+        <el-input style="width:220px" v-model="form.dingdingNumber" placeholder="请输入内容"></el-input>
+      </el-form-item>
+
+      <el-form-item label="申请日期" prop="dingdingDate">
+        <el-date-picker v-model="form.dingdingDate" type="date" placeholder="选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="sheet名称" prop="dataSheetName">
+        <el-input style="width:220px" v-model="form.dataSheetName" placeholder="请输入sheet名称"></el-input>
+      </el-form-item>
+   
+      <el-form-item label="数据需求方类型" prop="dataType">
+        <el-radio-group v-model="form.dataType" @change="changeinout">
+          <el-radio :label="1" style="margin-right:50px">内部</el-radio>
+          <el-radio :label="2">外部</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <div class="insiders-wrap">
+        <template v-if="form.dataType == 1">
+          <el-form-item label="数据需求方姓名" prop="needIds">
+            <el-select v-model="form.needIds" multiple filterable placeholder="请选择">
+              <el-option
+                v-for="item in needIdsList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+
+        </template>
+
+        <template v-if="form.dataType == 2">
+          <el-form-item label="数据需求方姓名" prop="name">
+            <el-input style="width:200px" v-model="form.name" placeholder="请输入内容"></el-input>
+          </el-form-item>
+
+          <el-form-item label="数据需求方手机号" prop="mobilePhone">
+            <el-input style="width:200px" v-model="form.mobilePhone" placeholder="请输入内容"></el-input>
+          </el-form-item>
+        </template>
+
+        <el-form-item label="敏感信息查看" prop="sensitiveDataType">
+          <el-radio-group v-model="form.sensitiveDataType">
+            <el-radio :label="1" style="margin-right:50px">是</el-radio>
+            <el-radio :label="2">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="数据需求角色" prop="dataRole">
+          <el-radio-group v-model="form.dataRole" :disabled="disableAdmintype">
+            <el-radio :label="1">管理员</el-radio>
+            <el-radio :label="2">普通用户</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <template v-if="form.dataRole==1">
+          <el-form-item label="数据分发人员" prop="ids">
+            <el-select v-model="form.ids" multiple filterable placeholder="请选择">
+              <el-option
+                v-for="item in idsList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </template>
+      </div>
+
+      <el-form-item label="文件上传" prop="fileId">
+        <el-upload
+          v-model="form.fileId"
+          drag
+          multiple
+          :action="baseUrl + '/sensitive/import/file'"
+          :on-success="uploadSuccess"
+          :before-upload="beforeUpload"
+          class="upload-demo"
+        >
+          <i class="el-icon-upload"></i>
+          <div class="el-upload__text">
+            <em>点击上传</em>
+          </div>
+        </el-upload>
+      </el-form-item>
+
+      <el-form-item label="数据有效期" prop="dataTermValidity">
+        <el-date-picker
+          v-model="form.dataTermValidity"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="数据访问次数" prop="dataCount">
+        <div>
+          <el-input style="width:200px" v-model="form.dataCount" placeholder="请输入内容"></el-input>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="敏感信息所在位置" prop="sensitiveDataColumn">
+        <div>
+          <el-input style="width:200px" v-model="form.sensitiveDataColumn" placeholder="请输入内容"></el-input>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="showModal=false">取 消</el-button>
+      <el-button type="primary" @click="submitForm('form')">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  import { baseUrl } from '../../api/hostconfig';
+  import { openLoading, closeLoading } from '../../common/utils';
+  export default{
+    props: {
+      form: Object,
+      rules: Object
+    },
+    data(){
+      return {
+        baseUrl,
+        disableAdmintype: false,
+        needIdsList: [],
+        idsList: [],
+        showModal: true,
+      }
+    },
+    watch: {
+      'form.dataType'(val){
+        if(val==2){
+          this.form.dataRole = 2;
+          this.disableAdmintype = true;
+        }else if(val==1){
+          this.form.dataRole = '';
+          this.disableAdmintype = false;
+          // 获取数据需求方类型为内部时的需求方姓名列表
+          this.getData('get', `/sensitive/info/employee`, {
+          },(data)=>{
+            this.needIdsList = data.data
+          });
+        }
+      },
+      'form.dataRole'(val){
+        if(val==1){
+          // 获取数据分发人员
+          this.getData('get', `/sensitive/info/employee`, {
+          },(data)=>{
+            this.idsList = data.data
+          });
+        }
+      }
+    },
+    methods: {
+      // 切换数据需求方类型为【内部】【外部】
+      changeinout(value) {
+        console.log("handle value: ", value);
+      },
+      // 上传成功
+      uploadSuccess(res, file, fileList){
+        this.form.fileId = res.data;
+        this.$refs.form.validateField('fileId'); 
+      },
+      beforeUpload(file) {
+        var FileExt = file.name.replace(/.+\./, "");
+        if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
+          this.$message({
+            type: "warning",
+            message: "请上传后缀名为xls,xlsx的原文件！"
+          });
+          return false;
+        }
+      },
+      close(){
+        this.$emit('close');
+      },
+      submitForm(formName) {
+        this.$refs[formName].validate(valid => {
+          if (valid) {
+            alert("submit!");
+          } else {
+            console.log("error submit!!");
+            return false;
+          }
+        });
+        console.log("submitform触发");
+      },
+      // 封装一下请求通用的方法
+      getData(type, url, req, callback) {
+        openLoading(this);
+        this.$axios[type](baseUrl+url, req)
+          .then((res) => {
+            closeLoading(this);
+            let data = res.data;
+            if(data.code == "000000") {
+              if(callback) callback(data);
+            }else {
+              this.$message.error(data.message);
+            }
+          }).catch((error) => {
+            closeLoading(this);
+            this.$message.error('网络出现点问题')
+        })
+      }
+    }
+  }
+</script>
\ No newline at end of file

src/components/page/modifyData.vue

+<template>
+  <el-dialog title="数据修改" :visible.sync="showModal" width="750px" @close="close" center>
+    <el-form ref="form" :model="form">
+      <el-form-item label="审批编号">
+        <el-input style="width:220px" v-model="form.dingdingNumber" placeholder="请输入内容" required></el-input>
+      </el-form-item>
+
+      <el-form-item label="申请日期">
+        <el-date-picker v-model="form.dingdingDate" type="date" placeholder="选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="sheet名称">
+        <el-select v-model="form.dataSheetName" placeholder="请选择">
+          <el-option
+            v-for="item in options"
+            :key="item"
+            :label="item"
+            :value="item"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="数据需求方类型">
+        <el-radio-group v-model="form.dataType" @change="changeinout">
+          <el-radio :label="1">内部</el-radio>
+          <el-radio :label="2">外部</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item label="数据需求方姓名">
+        <el-input style="width:200px" v-model="form.reviseName" placeholder="请输入内容"></el-input>
+      </el-form-item>
+
+      <el-form-item label="数据需求方手机号">
+        <el-input style="width:200px" v-model="form.revisePhone" placeholder="请输入内容"></el-input>
+      </el-form-item>
+
+      <el-form-item label="敏感信息查看">
+        <el-radio v-model="form.warning_radio" label="1">是&#12288;&#12288;</el-radio>
+        <el-radio v-model="form.warning_radio" label="2">否</el-radio>
+      </el-form-item>
+
+      <el-form-item label="分发人员">
+        <el-select v-model="form.revisemsgSend" filterable placeholder="请选择">
+          <el-option
+            v-for="item in options"
+            :key="item.revisemsgSend"
+            :label="item.label"
+            :value="item.revisemsgSend"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="数据有效期">
+        <el-date-picker
+          v-model="form.reviseUsefulDate"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="数据访问次数">
+        <!-- <span>数据访问次数&#12288;&#12288;</span> -->
+        <el-input style="width:200px" v-model="form.dataCount" placeholder="请输入内容"></el-input>
+      </el-form-item>
+
+      <el-form-item label="敏感信息所在位置">
+        <!-- <span>敏感信息所在位置</span> -->
+        <el-input style="width:200px" v-model="form.reviseSensitivePosition" placeholder="请输入内容"></el-input>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="showModal=false">取 消</el-button>
+      <el-button type="primary" @click="submitForm('form')">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default{
+    props: {
+      form: Object,
+      rules: Object
+    },
+    data(){
+      return {
+          options: [
+          {
+            value: "选项1",
+            label: "黄金糕"
+          },
+          {
+            value: "选项2",
+            label: "双皮奶"
+          },
+          {
+            value: "选项3",
+            label: "蚵仔煎"
+          },
+          {
+            value: "选项4",
+            label: "龙须面"
+          }
+        ],
+        showModal: true
+      }
+    },
+    methods: {
+      // 切换数据需求方类型为【内部】【外部】
+      changeinout(value) {
+        console.log("handle value: ", value);
+      },
+      beforeUpload(file) {
+        var FileExt = file.name.replace(/.+\./, "");
+        if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
+          this.$message({
+            type: "warning",
+            message: "请上传后缀名为xls,xlsx的原文件！"
+          });
+          return false;
+        }
+      },
+      close(){
+        this.$emit('close')
+      },
+      submitForm(formName) {
+        this.$refs[formName].validate(valid => {
+          if (valid) {
+            alert("submit!");
+          } else {
+            console.log("error submit!!");
+            return false;
+          }
+        });
+        console.log("submitform触发");
+      },
+    }
+  }
+</script>
\ No newline at end of file