From e1d3700dd8c7c2446d0e21da1eb25bbe08927764 Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Wed, 15 Dec 2021 20:42:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E6=A0=87=E5=BA=93=20-=20=E4=BB=A3?=
 =?UTF-8?q?=E6=9B=BF=E4=BC=81=E6=A0=87=E7=BC=96=E5=8F=B7=E6=92=91=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomFormComponents/Input.vue |  16 +-
 .../InputForStandardsForEnterprise.vue        | 255 ++++++++++--------
 2 files changed, 154 insertions(+), 117 deletions(-)

diff --git a/src/components/CustomFormComponents/Input.vue b/src/components/CustomFormComponents/Input.vue
index 38f2728e5..aa3e5a3ba 100644
--- a/src/components/CustomFormComponents/Input.vue
+++ b/src/components/CustomFormComponents/Input.vue
@@ -12,6 +12,9 @@
         :value="value"
         :placeholder="placeholder"
         :disabled="disabled"
+        type="textarea"
+        resize="none"
+        :autosize="true"
         clearable
         @input="handleChange"
       ></el-input>
@@ -63,6 +66,15 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style lang="less"  scoped>
+.add-form-item{
+  /deep/.el-form-item__content{
+    .el-textarea{
+      width: calc(~'100% - 90px');
+    }
+  }
+}
+/deep/.el-dialog__body{
+  padding: 15px 20px;
+}
 </style>
diff --git a/src/components/CustomFormComponents/InputForStandardsForEnterprise.vue b/src/components/CustomFormComponents/InputForStandardsForEnterprise.vue
index 8c74fdbfb..0fdc6e1bb 100644
--- a/src/components/CustomFormComponents/InputForStandardsForEnterprise.vue
+++ b/src/components/CustomFormComponents/InputForStandardsForEnterprise.vue
@@ -1,73 +1,78 @@
 <template>
-<!--  <div>-->
+  <!--  <div>-->
   <el-col :span="span">
     <el-form-item
-      :label="config.attrName"
-      :prop="config.attrField"
-      :label-width="labelWidth"
-      class="add-form-item leftButton"
-      :class="{'form-item-disabled': disabled}"
+        :label="config.attrName"
+        :prop="config.attrField"
+        :label-width="labelWidth"
+        class="add-form-item leftButton"
+        :class="{'form-item-disabled': disabled}"
     >
       <el-input
-        :value="value"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        clearable
-        @input="handleChange"
+          type="textarea"
+          resize="none"
+          :autosize="true"
+          :value="value"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          clearable
+          @input="handleChange"
       ></el-input>
       <el-button
-        type="primary"
-        class="common-button-primary"
-        size="mini"
-        style="position:absolute;top: 10px;right: 0;"
-        @click="selectLaws"
-        v-if="(processModel && !disabled) || !processModel"
-      >手动查找</el-button>
+          type="primary"
+          class="common-button-primary"
+          size="mini"
+          style="position:absolute;top: 10px;right: 0;"
+          @click="selectLaws"
+          v-if="(processModel && !disabled) || !processModel"
+      >手动查找
+      </el-button>
     </el-form-item>
     <el-dialog
-      :title="config.attrName"
-      :visible.sync="replaceLawsNumModel"
-      width="875px"
-      :close-on-click-modal="false"
-      @close="replaceLawsNumModelCancel"
-      :append-to-body="true"
+        :title="config.attrName"
+        :visible.sync="replaceLawsNumModel"
+        width="875px"
+        :close-on-click-modal="false"
+        @close="replaceLawsNumModelCancel"
+        :append-to-body="true"
     >
       <div class="search-area">
         <div class="left">
-          <el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form" @keyup.enter.native="getReplaceLawsNumRowSearch">
-<!--            <el-form-item label="数据来源" class="search-item">-->
-<!--              <el-select v-model="replaceLawsNumForm.dataSource" filterable>-->
-<!--                <el-option-->
-<!--                  v-for="item in dataSourceOptions"-->
-<!--                  :key="item.value"-->
-<!--                  :value="item.value"-->
-<!--                  :label="item.label"-->
-<!--                >-->
-<!--                </el-option>-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
+          <el-form :modal="replaceLawsNumForm" :inline="true" class="label-input-form"
+                   @keyup.enter.native="getReplaceLawsNumRowSearch">
+            <!--            <el-form-item label="数据来源" class="search-item">-->
+            <!--              <el-select v-model="replaceLawsNumForm.dataSource" filterable>-->
+            <!--                <el-option-->
+            <!--                  v-for="item in dataSourceOptions"-->
+            <!--                  :key="item.value"-->
+            <!--                  :value="item.value"-->
+            <!--                  :label="item.label"-->
+            <!--                >-->
+            <!--                </el-option>-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
             <el-form-item label="企标编号/标准名称" class="search-item input-width">
               <el-input
-                v-model="replaceLawsNumForm.numberName"
-                placeholder="根据企标编号/标准名称查找"
-                clearable
-                :maxlength="100"></el-input>
+                  v-model="replaceLawsNumForm.numberName"
+                  placeholder="根据企标编号/标准名称查找"
+                  clearable
+                  :maxlength="100"></el-input>
             </el-form-item>
             <el-form-item class="search-item btn-box">
               <el-button
-                type="primary"
-                class="common-button-primary"
-                round
-                @click="getReplaceLawsNumRowSearch">
+                  type="primary"
+                  class="common-button-primary"
+                  round
+                  @click="getReplaceLawsNumRowSearch">
                 查询
               </el-button>
             </el-form-item>
             <el-form-item class="search-item btn-box">
               <el-button
-                class="common-button-default"
-                round
-                type="default"
-                @click="getResetLawsNumRow">
+                  class="common-button-default"
+                  round
+                  type="default"
+                  @click="getResetLawsNumRow">
                 清空
               </el-button>
             </el-form-item>
@@ -75,77 +80,87 @@
         </div>
       </div>
       <el-table
-        ref="selections"
-        :data="replaceLawsNumRow"
-        tooltip-effect="dark"
-        style="width: 100%;overflow-y: auto;overflow-x: hidden;"
-        border
-        :height="300"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+          ref="selections"
+          :data="replaceLawsNumRow"
+          tooltip-effect="dark"
+          style="width: 100%;overflow-y: auto;overflow-x: hidden;"
+          border
+          :height="300"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
           fontWeight: 'bold', height: '48px'}"
-        @selection-change="selectReplaceStandNumRowChange">
+          @selection-change="selectReplaceStandNumRowChange">
         <el-table-column
-          type="selection"
-          width="55"
-          align="center">
+            type="selection"
+            width="55"
+            align="center">
         </el-table-column>
-<!--        <el-table-column-->
-<!--          prop="standSortShow"-->
-<!--          label="企标类别"-->
-<!--          min-width="130"-->
-<!--        >-->
-<!--        </el-table-column>-->
+        <!--        <el-table-column-->
+        <!--          prop="standSortShow"-->
+        <!--          label="企标类别"-->
+        <!--          min-width="130"-->
+        <!--        >-->
+        <!--        </el-table-column>-->
         <el-table-column
-          label="企标编号"
-          min-width="130">
+            label="企标编号"
+            min-width="130">
           <template slot-scope="scope">
             <span v-if="dataSource === 'BUSINESS'">
-              <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}-{{ scope.row.standYear }}</a>
+              <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{
+                  scope.row.standCode
+                }}-{{ scope.row.standYear }}</a>
               <a v-else class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standCode }}</a>
             </span>
             <span v-else>
-              <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
-              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</a>
+              <a v-if="scope.row.standYear" class="table-jump"
+                 @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
+                  scope.row.standNumber
+                }}-{{ scope.row.standYear }}</a>
+              <a v-else @click="handlePreview(scope.row)" class="table-jump">{{
+                  scope.row.standSortShow
+                }} {{ scope.row.standNumber }}</a>
             </span>
           </template>
         </el-table-column>
         <el-table-column
-          prop="standName"
-          label="标准名称"
-          min-width="130">
+            prop="standName"
+            label="标准名称"
+            min-width="130">
         </el-table-column>
         <el-table-column
-          prop="issueTime"
-          label="发布日期"
-          width="130">
+            prop="issueTime"
+            label="发布日期"
+            width="130">
         </el-table-column>
         <el-table-column
-          prop="putTime"
-          label="实施日期"
-          width="130">
+            prop="putTime"
+            label="实施日期"
+            width="130">
         </el-table-column>
         <el-table-column
-          prop="standStatusShow"
-          label="文本状态"
-          width="130">
+            prop="standStatusShow"
+            label="文本状态"
+            width="130">
         </el-table-column>
       </el-table>
-      <loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
+      <loading :loading="replaceLoading">{{ $t('m.dataAcquisition') }}</loading>
       <!--分页-->
       <pagination
-        style="position: relative;"
-        :page="replacePage"
-        :total="replaceTotal"
-        @pageChange="pageChangeReplace"
-        @pageSizeChange="pageSizeChangeReplace"></pagination>
+          style="position: relative;"
+          :page="replacePage"
+          :total="replaceTotal"
+          @pageChange="pageChangeReplace"
+          @pageSizeChange="pageSizeChangeReplace"></pagination>
       <div slot="footer" class="demo-drawer-footer">
-        <el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消</el-button>
-        <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="replaceLawsNumModelBt">提交</el-button>
+        <el-button class="common-button-default" round icon="el-icon-close" @click="replaceLawsNumModel = false">取消
+        </el-button>
+        <el-button type="primary" round class="common-button-primary" icon="el-icon-check"
+                   @click="replaceLawsNumModelBt">提交
+        </el-button>
       </div>
     </el-dialog>
 
   </el-col>
-<!--  </div>-->
+  <!--  </div>-->
 
 </template>
 
@@ -180,7 +195,7 @@ export default {
       default: '150px'
     }
   },
-  data () {
+  data() {
     return {
       replaceLawsNumModel: false,
       sarBussionessLawsEO: {
@@ -212,28 +227,28 @@ export default {
     }
   },
   computed: {
-    placeholder () {
+    placeholder() {
       return `请输入${this.config.attrName}`
     },
-    showMessage () {
+    showMessage() {
       return `${this.config.attrName}不能为空`
     },
-    isRequired () {
+    isRequired() {
       return !!this.config.isMust
     }
   },
   methods: {
-    getReplaceLawsNumRowSearch () {
+    getReplaceLawsNumRowSearch() {
       this.replaceLawsNumForm.page = 1
       this.replacePage = 1
       this.getReplaceLawsNumRow()
     },
-    handleChange (event) {
+    handleChange(event) {
       // const value = event.target.value
       const value = event
       this.$emit('input', value)
     },
-    selectLaws () {
+    selectLaws() {
       // if (this.standNumFlag === 1) {
       // this.$refs.selections.selectAll(false)
       // }
@@ -242,7 +257,7 @@ export default {
       this.getReplaceLawsNumRow()
     },
     // 代替政策号 请求数据
-    getReplaceLawsNumRow () {
+    getReplaceLawsNumRow() {
       if (this.sarBussionessLawsEO.replaceLawsNum !== null && this.sarBussionessLawsEO.replaceLawsNum !== '') {
         this.replaceLawsNumForm.quoteIdList = this.quoteIdList1.toString() === '' ? '' : this.quoteIdList1
       } else {
@@ -257,7 +272,7 @@ export default {
       formData.standType = this.replaceLawsNumForm.dataSource === 'INLAND_STAND' ? 'INLAND'
           : this.replaceLawsNumForm.dataSource === 'FOREIGN_STAND' ? 'FOREIGN' : ''
       formData.standNumber = formData.numberName
-      let url  = this.replaceLawsNumForm.dataSource === 'BUSINESS' ? 'lawss/sarBussionessStand/getSarBussionStandPage' : 'sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage'
+      let url = this.replaceLawsNumForm.dataSource === 'BUSINESS' ? 'lawss/sarBussionessStand/getSarBussionStandPage' : 'sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage'
       this.$http.get(url, formData, {
         _this: this,
         loading: 'replaceLoading'
@@ -277,27 +292,27 @@ export default {
       })
     },
     // 代替政策编号-取消
-    replaceLawsNumModelCancel () {
+    replaceLawsNumModelCancel() {
       // this.replaceLawsNumModel = false
       this.$refs.selections.clearSelection()
     },
     // 代替政策号 table选择事件
-    selectReplaceStandNumRowChange (row) {
+    selectReplaceStandNumRowChange(row) {
       this.selectedListRep = row
     },
     // 代替政策分页
-    pageChangeReplace (page) {
+    pageChangeReplace(page) {
       this.replacePage = page
       this.replaceLawsNumForm.page = page
       this.getReplaceLawsNumRow()
     },
-    pageSizeChangeReplace (pageSize) {
+    pageSizeChangeReplace(pageSize) {
       // this.replaceRows = pageSize
       this.replaceLawsNumForm.pageSize = pageSize
       this.getReplaceLawsNumRow()
     },
     // 代替政策编号确定
-    replaceLawsNumModelBt () {
+    replaceLawsNumModelBt() {
       let textArr = []
 
       if (typeof this.value === 'string') {
@@ -342,7 +357,7 @@ export default {
       this.$refs.selections.clearSelection()
     },
     // 点击查看
-    handlePreview (item) {
+    handlePreview(item) {
       let name = ''
       let pageType = ''
       switch (this.dataSource) {
@@ -369,7 +384,7 @@ export default {
       window.open(routeUrl.href, '_blank')
 
     },
-    getResetLawsNumRow () {
+    getResetLawsNumRow() {
       this.replaceLawsNumForm = {
         dataSource: 'BUSINESS',
         numberName: '', // 政策编号
@@ -387,13 +402,23 @@ export default {
 </script>
 
 <style scoped lang="less">
-  /deep/.el-dialog__body {
-    padding: 0 20px 0;
-  }
-  /deep/.el-dialog__footer {
-    padding: 0 20px 20px;
-  }
-  /deep/.input-width input.el-input__inner {
-    width: 220px;
+/deep/ .el-dialog__body {
+  padding: 0 20px 0;
+}
+
+/deep/ .el-dialog__footer {
+  padding: 0 20px 20px;
+}
+
+.add-form-item {
+  /deep/ .el-form-item__content {
+    .el-textarea {
+      width: calc(~'100% - 90px');
+    }
   }
+}
+
+/deep/ .input-width input.el-input__inner {
+  width: 220px;
+}
 </style>