添加合同类型筛选

src/views/jy/workContractInfo/ContractAddForm.vue

@@ -31,30 +31,21 @@
           <el-form-item label="客户编号" prop="customerNo"
                         :rules="[
                    ]">
-            <el-input :readonly="true" v-model="inputForm.customerNo" placeholder="请填写客户编号" clearable></el-input>
+            <el-input :disabled="true" v-model="inputForm.customerNo" placeholder="请填写客户编号" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="统一社会信用代码" prop="uscCode"
                         :rules="[
                    ]">
-            <el-input :readonly="true" v-model="inputForm.uscCode" placeholder="请填写统一社会信用代码" clearable></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="委托方电话" prop="clientContactsPhone"
-                        :rules="[
-                          // {required: true, message: '委托方电话', trigger: 'blur'}
-                 ]">
-            <el-input maxlength="15" :readonly="true" v-model="inputForm.clientContactsPhone" placeholder="请输入委托方电话"
-            ></el-input>
+            <el-input :disabled="true" v-model="inputForm.uscCode" placeholder="请填写统一社会信用代码" clearable></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="地址" prop="address"
                         :rules="[
                    ]">
-            <el-input :readonly="true" v-model="inputForm.address" placeholder="地址" clearable></el-input>
+            <el-input :disabled="true" v-model="inputForm.address" placeholder="地址" clearable></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -185,7 +176,7 @@
 							:rules="[
 							 {required: true, message:'请输入付款摘要', trigger:'blur'}
                ]">
-				  <el-input type="textarea" v-model="inputForm.paymentDescribe" placeholder="请输入付款摘要"
+				  <el-input type="textarea" v-model="inputForm.paymentDescribe" placeholder="根据实际付款方式进行填写"
 				  ></el-input>
 			  </el-form-item>
 		  </el-col>

src/views/jy/workContractInfo/JyWorkContractList.vue

@@ -14,6 +14,16 @@
 				<el-input  v-model="searchForm.no" placeholder="请输入合同编号" clearable></el-input>
 			</el-form-item>
 
+			<el-form-item label="合同类型" prop="contractTypes">
+				<el-cascader v-model="searchForm.contractTypes" :options="typeData" clearable  :props="{
+					value: 'value',
+					label: 'label', // 显示名称
+					children: 'children', // 子级字段名
+					multiple: false
+					}"
+				/>
+			</el-form-item>
+
 			<el-form-item v-if="showHideItem" label="签订日期" prop="contractDates">
 				<el-date-picker
 					placement="bottom-start"
@@ -158,9 +168,11 @@
 	import userService from '@/api/sys/userService'
 	import UserSelect from '@/components/userSelect'
 	import ContractAddForm from './ContractAddForm'
+	import dictService from "@/api/sys/dictService";
 	export default {
 		data () {
 			return {
+				typeData:[],
 				showHideItem: false,
 				showHideIcon: 'el-icon-arrow-down',
 				showHideName: '展示',
@@ -168,6 +180,7 @@
 				num: 0,
 				searchForm: {
 					primaryLinkman: '',
+					contractTypes: '',
 					name: '',
 					contractDates: [],
 					filedType: '',
@@ -216,6 +229,7 @@
 		activated () {
 			this.is()
 			this.refreshList()
+			this.getTypeList()
 		},
 		computed: {
 			userName () {
@@ -275,6 +289,12 @@
 				}
 				this.refreshList()
 			},
+			//获取合同类型
+			getTypeList(){
+				dictService.getListData().then((data)=>{
+					this.typeData=data
+				})
+			},
 			// 新增
 			add () {
 				this.$refs.contractAddForm.init('add', '')