我的申请

package.json

@@ -13,6 +13,7 @@
     "dependencies": {
         "@turf/turf": "^6.5.0",
         "axios": "^0.19.2",
+        "clipboard": "^2.0.11",
         "echarts": "^4.8.0",
         "element-ui": "^2.15.14",
         "fe-deploy-cli": "^1.0.2",
@@ -26,6 +27,7 @@
         "url-loader": "^4.1.0",
         "view-design": "^4.3.2",
         "vue": "^2.7.16",
+        "vue-clipboard2": "^0.3.3",
         "vue-layer": "^1.2.5",
         "vue-lazyload": "^1.3.3",
         "vue-markdown": "^2.2.4",

src/components/mapView/tablePage.vue

@@ -11,6 +11,9 @@
       row-class-name="datarow"
       fit
     >
+      <el-table-column label="序号" width="70px">
+        <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+      </el-table-column>
       <el-table-column
         v-for="(item, index) in cloumn"
         :prop="item.prop"
@@ -92,6 +95,13 @@ export default {
 
 // searchFun()
 </script>
-  <style lang="scss">
+  <style lang="scss" scoped>
+.el-table {
+  height: calc(100% - 50px);
+}
+.tabs-pagation {
+  position: absolute;
+  right: 30px;
+}
 //@import url(../assets/styles/tabs.scss);
 </style>

src/main.js

@@ -27,7 +27,9 @@ Vue.use(VueLazyLoad, {
 })
 Vue.use(ElementUI);
 
-
+import VueClipboard from 'vue-clipboard2';
+ 
+Vue.use(VueClipboard);
 // import './permission' // permission control
 import router from './router'
 import "./common/scss/globe.scss"; //全局样式

src/views/ResourceShare/myApplication/components/addEdtModal.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="dialog">
+    <el-dialog
+      :title="formData.carNo"
+      width="40%"
+      :visible.sync="dialogVisible"
+      :before-close="close"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+    >
+      <div class="content">
+        <div v-if="modelType === 'info'">
+          <el-tabs
+            type="border-card"
+            class="xz_box"
+            v-model="activeTabs"
+            stretch
+          >
+            <el-tab-pane label="申请记录" name="sqjl">
+              <CustomDetails :model="formData" :config="detailInfos">
+              </CustomDetails>
+            </el-tab-pane>
+            <el-tab-pane
+              label="审核记录"
+              name="shjl"
+              v-if="formData.type == 1 || formData.type == 2"
+            >
+              {{ activetime }}
+              <el-tabs
+                type="border-card"
+                class="xz_box"
+                v-model="activetime"
+                stretch
+              >
+                <el-tab-pane
+                  v-for="(il, i) in formData.list"
+                  :key="i"
+                  :label="il.time"
+                  :name="il.time"
+                >
+                  <CustomDetails :model="il" :config="shjlInfos">
+                  </CustomDetails>
+                </el-tab-pane>
+              </el-tabs>
+            </el-tab-pane>
+            <el-tab-pane label="撤回记录" name="chjl" v-if="formData.type == 3">
+              <CustomDetails :model="formData" :config="detailInfos">
+              </CustomDetails>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+        <div v-else-if="modelType === 'withdraw'">
+          <!-- :rules="rules" -->
+          <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
+            <el-form-item label="撤回原因:" prop="xmmc">
+              <el-input
+                v-model="ruleForm.xmmc"
+                :rows="5"
+                type="textarea"
+                placeholder="理由描述"
+              ></el-input>
+            </el-form-item>
+            <div class="tip">
+              说明：输入撤回原因，确定撤回后，系统会自动撤回，无需申请，系统后台会记录撤回信息。
+            </div>
+          </el-form>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <!-- <span class="clearBtn" @click="submit(true)">保存至模板</span> -->
+        <el-button type="primary" @click="close">关闭</el-button>
+        <el-button type="primary" v-if="modelType !== 'info'" @click="submit"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import CustomDetails from "@/components/mapView/custom-detailsInfo.vue";
+import { detailInfos, shjlInfos, chInfos } from "../config";
+export default {
+  components: {
+    CustomDetails,
+  },
+  props: {},
+  data() {
+    return {
+      detailInfos: detailInfos,
+      shjlInfos: shjlInfos,
+      chInfos: chInfos,
+      modelType: "info",
+      formData: {},
+      ruleForm: {},
+      dialogVisible: false,
+      activeTabs: "sqjl",
+      activetime: "",
+    };
+  },
+  created() {},
+  methods: {
+    // 关闭弹窗
+    close() {
+      this.dialogVisible = false;
+      this.$emit("close");
+    },
+    Init(type, rowdata) {
+      this.dialogVisible = true;
+      this.activeTabs = "sqjl";
+      this.modelType = type;
+      this.formData = rowdata;
+      this.activetime = this.formData.list[0].time;
+    },
+    async submit() {
+      this.close();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  .content {
+    height: 400px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .tip {
+    color: #f56c6c;
+  }
+}
+</style>
+<style lang="scss" >
+</style>

src/views/ResourceShare/myApplication/config.js

@@ -30,139 +30,104 @@ export const TableHeader = [
   // 序号
   { label: "数据服务名称", prop: "JGMC" },
   { label: "申请时间", prop: "XQNAME" },
-  { label: "申请状态", prop: "CARCODE" },
-  { label: "服务类型", prop: "PROPERTYNAME" },
-  { label: "服务地址", prop: "CARMASTER", slot: "name" },
+  { label: "申请状态", prop: "type", slot: "apptype" },
+  { label: "服务类型", prop: "PROPERTYNAME", slot: "type" },
+  { label: "服务地址", prop: "CARMASTER", slot: "url" },
   { label: "截止有效期", prop: "PHONE", slot: "phone" },
-  { label: "操作", prop: "PHONE", slot: "phone" },
+  { label: "操作", prop: "PHONE", slot: "action" },
 ]
 // 详情字段
 export const detailInfos = [
   [
     [
-      { flag: 'label', value: '车牌号', span: 8 },
-      { flag: 'value', value: 'carNo', span: 16 }
+      { flag: 'label', value: '申请时间', span: 8 },
+      { flag: 'value', value: 'time', span: 16 }
     ],
     [
-      { flag: 'label', value: '车辆类型', span: 8 },
+      { flag: 'label', value: '申请部门', span: 8 },
       { flag: 'value', value: 'carTypeName', span: 16 }
     ]
   ],
   [
     [
-      { flag: 'label', value: '车身颜色', span: 8 },
+      { flag: 'label', value: '数据服务', span: 8 },
       { flag: 'value', value: 'carColorName', span: 16 }
     ],
     [
-      { flag: 'label', value: '车辆品牌', span: 8 },
+      { flag: 'label', value: '数据类型', span: 8 },
       { flag: 'value', value: 'carBrand', span: 16 }
     ]
   ],
   [
     [
-      { flag: 'label', value: '车辆性质', span: 8 },
-      { flag: 'value', value: 'carPropertyName', span: 16 }
+      { flag: 'label', value: ' 申请范围', span: 4 },
+      { flag: 'value', value: 'carPropertyName', span: 20 }
     ],
-    [
-      { flag: 'label', value: '使用性质', span: 8 },
-      { flag: 'value', value: 'usedPropertyName', span: 16 }
-    ]
   ],
   [
     [
-      { flag: 'label', value: '车辆型号', span: 8 },
-      { flag: 'value', value: 'carModel', span: 16 }
+      { flag: 'label', value: '申请理由', span: 4 },
+      { flag: 'value', value: 'carModel', span: 20 }
     ],
-    [
-      { flag: 'label', value: '号牌颜色', span: 8 },
-      { flag: 'value', value: 'plateColorName', span: 16 }
-    ]
   ],
   [
     [
-      { flag: 'label', value: '核定载人数', span: 8 },
-      { flag: 'value', value: 'vehicleNumber', unit: '人', span: 16 }
+      { flag: 'label', value: '系统名称', span: 4 },
+      { flag: 'value', value: 'vehicleNumber', unit: '人', span: 20 }
     ],
-    [
-      { flag: 'label', value: '所有人', span: 8 },
-      { flag: 'value', value: 'owner', span: 16 }
-    ]
   ],
   [
     [
-      { flag: 'label', value: '所有人联系方式', span: 8 },
-      { flag: 'value', value: 'ownerPhone', span: 16 }
+      { flag: 'label', value: '预期使用时间', span: 4 },
+      { flag: 'value', value: 'ownerPhone', span: 20 }
     ],
-    [
-      { flag: 'label', value: '所有人地址', span: 8 },
-      { flag: 'value', value: 'ownerAddress', span: 16 }
-    ]
   ],
-  // [{  flag: 'label', value: '所属网格', span: 8 },
-  // {{ addFormData.gridName }}', span: 8 },
   [
     [
-      { flag: 'label', value: '所属区域', span: 8 },
-      { flag: 'value', value: 'regionAddress', span: 16 }
-    ],
-    [
-      { flag: 'label', value: '所属场所', span: 8 },
-      { flag: 'value', value: 'placeName', span: 16 }
+      { flag: 'label', value: '调用IP', span: 4 },
+      { flag: 'value', value: 'owner', span: 20 }
     ]
   ],
   [
     [
-      { flag: 'label', value: '相关照片', span: 4 },
+      { flag: 'label', value: '附件', span: 4 },
       { flag: 'value', value: 'companyImage', span: 20, isslot: true }
     ]
   ]
 ]
-
-export const detailInfos2 = [
-  [
-    [
-      { flag: 'label', value: '姓名', span: 8 },
-      { flag: 'value', value: 'residentName', span: 16 }
-    ],
-    [
-      { flag: 'label', value: '联系方式', span: 8 },
-      { flag: 'value', value: 'phone', span: 16 }
-    ]
-  ],
-  [
-    [
-      { flag: 'label', value: '证件类型', span: 8 },
-      { flag: 'value', value: 'idTypeName', span: 16 }
-    ],
-    [
-      { flag: 'label', value: '证件号码', span: 8 },
-      { flag: 'value', value: 'idCard', span: 16 }
-    ]
-  ],
-  [
-    [
-      { flag: 'label', value: '居住地址', span: 4 },
-      { flag: 'value', value: 'holderAddress', span: 20 }
-    ]
-  ],
-  [
-    [
-      { flag: 'label', value: '创建人', span: 8 },
-      { flag: 'value', value: 'addUser', span: 16 }
-    ],
-    [
-      { flag: 'label', value: '创建时间', span: 8 },
-      { flag: 'value', value: 'addTime', span: 16 }
-    ]
-  ],
-  [
-    [
-      { flag: 'label', value: '更新人', span: 8 },
-      { flag: 'value', value: 'updateUser', span: 16 }
-    ],
-    [
-      { flag: 'label', value: '更新时间', span: 8 },
-      { flag: 'value', value: 'updateTime', span: 16 }
-    ]
-  ]
+export const shjlInfos = [
+  [[
+    { flag: 'label', value: '审核结果', span: 8 },
+    { flag: 'value', value: 'carNo', span: 16 }
+  ]],
+  [[
+    { flag: 'label', value: '审核意见', span: 8 },
+    { flag: 'value', value: 'carTypeName', span: 16 }
+  ]],
+  [[
+    { flag: 'label', value: '有效截止日期', span: 8 },
+    { flag: 'value', value: 'carColorName', span: 16 }
+  ]],
+  [[
+    { flag: 'label', value: '审核人', span: 4 },
+    { flag: 'value', value: 'carPropertyName', span: 20 }
+  ]],
+  [[
+    { flag: 'label', value: '审核时间', span: 4 },
+    { flag: 'value', value: 'carModel', span: 20 }
+  ]],
 ]
+export const chInfos = [
+  [[
+    { flag: 'label', value: '撤回时间', span: 8 },
+    { flag: 'value', value: 'carNo', span: 16 }
+  ]],
+  [[
+    { flag: 'label', value: '撤回原因', span: 8 },
+    { flag: 'value', value: 'carTypeName', span: 16 }
+  ]],
+]
+
+
+
+

src/views/ResourceShare/myApplication/index.vue

@@ -2,7 +2,20 @@
   <div class="ghzc ResourceShare">
     <div class="innerContainer" v-drag>
       <custom-form ref="formRef" :model="model" :config="formConfig">
-        <template #time>  </template>
+        <template #time>
+          <el-date-picker
+            v-model="model.sj"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="~"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            class="datepicker"
+            size="mini"
+            @change="changedate"
+          >
+          </el-date-picker>
+        </template>
         <template #type>
           <el-select v-model="model.placeCode" placeholder="申请状态">
             <el-option
@@ -15,14 +28,9 @@
           </el-select>
         </template>
         <template #action>
+          <!-- v-hasPermi="['monitor:job:add']" -->
           <el-button size="mini" @click="getTableData">查询</el-button>
           <el-button size="mini" @click="reset()">重置</el-button>
-          <el-button
-            size="mini"
-            v-if="userLevel !== 'city' && userLevel !== 'district'"
-            @click="newly()"
-            >新增</el-button
-          >
         </template>
       </custom-form>
       <!-- :total="table.total"
@@ -31,24 +39,43 @@
       <tablePage
         class="tablePage"
         title="我的申请"
-        :tableTitle="cloumn"
+        :cloumn="cloumn"
         :table="table"
         ref="tableDialogRef"
         @currentChange="searchFun"
       >
+        <template #apptype="{ row }">
+          <div :class="`type${row.type}`">{{ row.typeN }}</div>
+        </template>
+        <template #url="{ row }">
+          <div v-if="row.url" @click="copyText(row.url)">
+            {{ row.url }}
+            <i class="el-icon-document-copy usable"></i>
+          </div>
+        </template>
+        <template #action="{ row }">
+          <span class="usable" @click="detail(row)">详情</span>
+          <span :class="{ usable: row.type == 0 }" @click="reset(row)"
+            >撤回</span
+          >
+        </template>
       </tablePage>
     </div>
+    <addEdt ref="addEdtModal" @close="closeMdel"></addEdt>
   </div>
 </template>
 
 <script>
-import tablePage from "../../../components/mapView/tablePage.vue";
-import customForm from "../../../components/mapView/custom-form.vue";
+import Clipboard from "clipboard";
+import tablePage from "@/components/mapView/tablePage.vue";
+import customForm from "@/components/mapView/custom-form.vue";
+import addEdt from "./components/addEdtModal.vue";
 import { FormConfig, TableHeader } from "./config";
 export default {
   components: {
     tablePage,
     customForm,
+    addEdt,
   },
   props: {},
   data() {
@@ -62,35 +89,37 @@ export default {
       tableData: null,
       details: {},
       cloumn: TableHeader,
-      table: { data: [], total: 0 },
+      table: {
+        data: [
+          { JGMC: "ssmdmm", type: 0, typeN: "正在审核" },
+          {
+            JGMC: "ssmdmm",
+            type: 1,
+            time: "2024/9/3",
+            typeN: "审核通过",
+            url: "snsd",
+            list: [
+              { time: "2024/9/3", jg: "申请通过" },
+              { time: "2024/8/13", jg: "申请通过" },
+            ],
+          },
+          {
+            JGMC: "ssmdmm",
+            type: 2,
+            typeN: "审核不通过",
+            list: [
+              { time: "2024/9/3", jg: "申请通过" },
+              { time: "2024/8/13", jg: "申请通过" },
+            ],
+          },
+          { JGMC: "ssmdmm", type: 3, typeN: "已撤回" },
+        ],
+        total: 0,
+      },
     };
   },
   methods: {
-    closeIsShallow() {
-      this.isShallow = false;
-      this.details = [];
-    },
-
-    tableRowClassName({ row, rowIndex }) {
-      if (rowIndex === this.scrollTop_index) {
-        return "warning-row";
-      }
-      return "";
-    },
-    close() {
-      store.setViewerFlagb(true);
-      tdsy.remove(true);
-      store.state.vectorData = [];
-      store.hideToolBar();
-    },
-
-    change_witch() {
-      if (this.word) this.get_searchWord(this.state);
-      else this.init_vector(this.searchform);
-    },
-
-    async init_vector(params) {
-      const that = this;
+    async getTableData(params) {
       let obj = {
         jscType: store.state.cockpit_vector.tablejscType,
         beginTime: store.state.cockpit_date[0],
@@ -98,41 +127,35 @@ export default {
         id: store.state.cockpit_region.id,
         ...params,
       };
-      if (this.title == "土地供应完成项目" || this.title == "山水工程项目") {
-        obj.beginTime = undefined;
-        obj.endTime = undefined;
-      }
-      if (this.title == "进出平衡") {
-        (obj.jscType = "jsc_gdbh_jcph_zbmc"),
-          (obj.val2 = 0),
-          (obj.val1 = 50000),
-          (obj.beginTime = store.state.cockpit_date[1].slice(0, 4)),
-          (obj.endTime = undefined);
-      }
-      if (this.title == "土地收储计划项目") {
-        obj.beginTime = undefined;
-        obj.endTime = undefined;
-      }
       let data = await QueryList(obj);
-      data.data.map((res) => {
-        if (res.geom) {
-          res.geom = wellknown.parse(res.geom.split(";")[1]);
-        }
-      });
       this.active_dableData = data.data;
       this.tableData = data.data;
     },
+    // 详情
+    detail(row) {
+      this.$refs.addEdtModal.Init("info", row);
+    },
+    reset(row) {
+      this.$refs.addEdtModal.Init("withdraw", row);
+    },
+    copyText(text) {
+      this.$copyText(text).then(
+        () => {
+          this.$message.success("复制成功");
+        },
+        () => {
+          this.$message.error("该浏览器不支持自动复制");
+        }
+      );
+    },
+    closeMdel() {},
   },
   computed: {},
   watch: {},
   mounted() {},
 };
 </script>
-
-
-
 <style lang="scss" scoped>
-// @import "../../complianceAnalysis/ghzc.scss";
 .ResourceShare {
   width: 100%;
   height: 100%;
@@ -151,245 +174,25 @@ export default {
     padding: 20px;
   }
   .tablePage {
+    margin-top: 20px;
     height: calc(100% - 100px);
-  }
-}
-div::-webkit-scrollbar {
-  width: 9px;
-  height: 19px;
-}
-
-.sm-panel {
-  width: 400px;
-  height: 700px;
-  // z-index: 999999;
-}
-
-.CockpitVectorBox {
-  top: 0px !important;
-}
-
-.BoxCommonVector {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0rem;
-  top: 0rem;
-}
-
-.innerContainerVector {
-  width: 430px;
-  height: 760px; //calc(100% - 20px);
-  position: absolute;
-  top: 28px;
-  z-index: 99;
-  background-image: url("/static/images/ghzc/内容框.png");
-  background-size: 100% 100%;
-  border-top-right-radius: 15px;
-
-  .searchDiv {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    margin-right: 10px;
-
-    .sidiv {
-      //   min-width: calc(50% - 10px);
-      height: 40px;
-      margin-bottom: 5px;
-      margin-right: 5px;
-      display: inline-block;
+    .type0,
+    .type3 {
+      color: #e6a23c;
     }
-  }
-
-  .shownum {
-    line-height: 20px;
-    padding-top: 10px;
-    padding-left: 5px;
-    background: rgba(10, 25, 38, 1) !important;
-  }
-
-  .search {
-    // margin: 2rem;
-  }
-
-  /deep/ .el-input {
-    display: inline-block;
-  }
-
-  /deep/ .el-input__inner {
-    // background: transparent !important;
-    color: white !important;
-    background: rgba(10, 25, 38, 0.5);
-    border-color: #5ecef09a;
-    // color: #64daff;
-    // font-size: 12px;
-  }
-}
-
-.leftPaneVector {
-  left: 20px;
-
-  .el-icon-close {
-    width: 22px;
-    height: 22px;
-    color: #fff !important;
-    background-color: #335f87;
-    line-height: 23px;
-    padding: 0 5px;
-    border-radius: 4px;
-    top: 10px !important;
-    position: absolute;
-    right: 10px;
-  }
-
-  .PangetitleVector {
-    box-sizing: border-box;
-    width: 100%;
-    height: 42px;
-    background: url("/static/images/overview/titlebox.gif") no-repeat !important;
-    background-size: 100% 100% !important;
-    line-height: 35px;
-    font-size: 14px;
-    padding-left: 15px;
-    // display: flex;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .pange_textVector {
-    font-size: 14px !important;
-    font-family: "HarmonyOS Sans, HarmonyOS Sans";
-    font-weight: bold;
-    font-size: 18px;
-    color: #ffffff;
-    margin-left: 30px;
-  }
-
-  .clearBtn {
-    cursor: pointer;
-    // background-color: #3f94f53f;
-    // border: 1px solid #3f93f5;
-    color: #b6e0ff;
-    padding: 5px 15px;
-    display: inline-block;
-    margin-left: 15px;
-
-    &:hover {
-      font-weight: bold;
+    .type1 {
+      color: #67c23a;
     }
-  }
-}
-
-/deep/.el-input__inner:focus {
-  border: 1px solid #1fb1ef;
-}
-
-/deep/.el-input__inner {
-  border: 1px solid rgba(10, 25, 38, 0.5);
-  background: rgba(10, 25, 38, 0.5);
-  border-radius: 18px;
-  height: 30px;
-  color: white;
-  line-height: 30px;
-  // background: #ffffff3b;
-}
-
-/deep/.el-input__icon {
-  line-height: 30px;
-  border-radius: 0 18px 18px 0;
-  cursor: pointer;
-}
-
-/deep/.el-input__suffix {
-  background: #1fb1ef;
-  right: 1px;
-  padding: 0 5px;
-  border-radius: 0 18px 18px 0;
-  opacity: 0.8;
-  color: #fff;
-}
-
-/deep/ .el-autocomplete-suggestion {
-  margin-top: 8px;
-  border-radius: 6px;
-  border: 1px solid #198ec0;
-  background: rgba(10, 25, 38, 0.9);
-  color: rgba(25, 142, 192, 1);
-
-  .popper__arrow {
-    top: -8px;
-    border-bottom-color: rgba(31, 177, 239, 1);
-  }
-
-  .popper__arrow::after {
-    border-bottom-color: rgba(0, 80, 111, 0.9);
-  }
-
-  .el-autocomplete-suggestion__wrap {
-    padding: 2px;
-  }
-}
-
-/deep/ .el-autocomplete-suggestion li {
-  color: #ffffff;
-}
-
-/deep/ .el-autocomplete-suggestion li:hover {
-  background-color: rgba(8, 162, 223, 0.8);
-  border-radius: 6px;
-}
-
-/deep/ .el-table tr {
-  background: rgba(10, 25, 38, 0.5) !important;
-}
-
-/deep/ .el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
-  background: rgba(10, 25, 38, 0.5) !important;
-
-  border-bottom: 0px solid #ebeef5;
-}
-
-/deep/.el-table th.el-table__cell {
-  background: rgba(10, 25, 38, 0.5) !important;
-}
-
-.el-table {
-  color: #fff;
-  background: rgba(10, 25, 38, 0.5) !important;
-}
-
-/deep/ .el-table__fixed-right::before,
-.el-table__fixed::before {
-  background: rgba(10, 25, 38, 0.9) !important;
-}
-
-/deep/ .el-table__fixed-right-patch {
-  background: rgba(10, 25, 38, 0.9) !important;
-}
-
-/deep/ .el-table--border::after,
-.el-table--group::after,
-.el-table::before {
-  background: rgba(10, 25, 38, 0) !important;
-}
-
-/deep/ .el-table .warning-row {
-  background: rgb(102, 177, 255) !important;
-}
-
-.sm-panel-header {
-  /deep/ .el-icon-close:before {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    font-size: larger;
-    font-weight: bold;
-
-    &:hover {
-      color: aqua;
+    .type2 {
+      color: #f56c6c;
+    }
+    .usable {
+      color: #3f93f5;
+      cursor: pointer;
     }
   }
 }
 </style>
+<style lang="scss">
+@import "../../cockpit/datePicker.scss";
+</style>

src/views/complianceAnalysis/ghzc.scss

@@ -213,11 +213,11 @@
             color: #fff !important;
         }
 
-        .el-input__inner {
+        .el-input__inner,.el-textarea__inner {
             color: #fff;
             background: #041c3273 !important;
-            border: 1px dashed #0F7AC8;
-        }
+            border: 1px dashed #0f7ac8;
+          }
 
         .el-input__inner:hover {
             // color: #fff;